/** Shopify CDN: Minification failed

Line 261:5 Unexpected "{"
Line 261:6 Expected identifier but found "%"
Line 261:30 Unexpected "{"
Line 261:31 Expected identifier but found "%"
Line 321:9 Unexpected "{"
Line 321:10 Expected identifier but found "%"
Line 321:34 Unexpected "{"
Line 321:35 Expected identifier but found "%"
Line 618:9 Unexpected "{"
Line 618:10 Expected identifier but found "%"
... and 22 more hidden warnings

**/

#header.site-header .site-nav>li:hover>a.yy-link-menu {
color:#ffffff !important;
text-decoration:underline;
}

.yy-btn-ripple {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0.5rem 0.5rem;
  background: #1ba7cf;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
}

.yy-btn-ripple::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 20px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.yy-btn-ripple:hover::after {
  opacity: 1;
  transform: scale(12);
}





/* ======================= Mega menu (final CSS) ======================= */
/* Layout: links (left) | image (right) */
 .menu-content-wrapper{
     display: flex;
     width: 100%;
     justify-content: space-between;
     height:37px;
}
 .menu-content{
     width: 100%;
}
 .header__nav .js__desktop--nav .menu-content-wrapper .site-nav{
     justify-content: center;
}
 .single-menu-container.mega__inner{
     display:grid;
     grid-template-columns: 1fr 420px;
     gap:24px;
     padding:28px;
     box-sizing:border-box;
     overflow-x:hidden;
    /* never horizontal scroll */
     background: #fff;
}
 body.template-product .single-menu-container.mega__inner{
     display:grid;
     grid-template-columns: unset;
     gap:10px;
     padding:28px;
     box-sizing:border-box;
     overflow-x:hidden;
    /* never horizontal scroll */
     background: #fff;
}
/* Column grid for categories */
 .mega__cols {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
    /* 3 columns */
     grid-template-rows: repeat(3, auto);
    /* 3 rows */
     gap: 18px 28px;
     align-content: start;
}
 .mega__col{
}
 .mega__col--single{
     align-self:end;
}
/* Headings + links */
 .mega__heading{
     display:block;
     font-weight:100;
     margin:0px;
     text-decoration:none;
     color:#333;
}
 .mega__heading:hover {
    color:#1ba7cf
}
 .mega__links{
     list-style:none;
     margin:0;
     padding:0;
}
 .mega__links li{
     margin:6px 0 0 0;
}
 .mega__links a, .mega__single-link{
     font-size:14px;
     line-height:1.35;
     text-decoration:none;
     color:#333;
}
 .mega__links a:hover, .mega__single-link:hover{
     color:var(--color-accent, #1ba7cf);
     text-decoration:none;
}
/* Right banner (no cropping) */
 .mega__hero{
     align-self:start;
     display:flex;
     align-items:center;
     justify-content:center;
     background:transparent;
     border-radius:8px;
}
 .mega__hero img{
     border-radius:8px;
     width:100%;
     height:auto;
     display:block;
     object-fit:contain !important;
    /* stop cropping on hover swaps */
     max-height:340px;
     transition:opacity .18s ease;
}
 .mega__hero img.is-swapping{
     opacity:.35;
}
/* (Optional) remove focus ring inside mega */
 .mega__inner a, .mega__hero a {
     outline:none;
}
 .mega__inner a:focus, .mega__inner a:active, .mega__hero a:focus, .mega__hero a:active, .mega__inner a:focus-visible{
     outline:none !important;
     box-shadow:none !important;
}
/* Two-product strip (if used anywhere) */
 .mega__products{
     display:grid;
     grid-template-columns:1fr;
     gap:10px;
     margin:10px 0 12px;
}
 .mega__product{
     display:grid;
     grid-template-columns:56px 1fr;
     gap:10px;
     align-items:center;
     text-decoration:none;
     color:inherit;
}
 .mega__product-img img, .mega__product-placeholder{
     width:56px;
     height:56px;
     border-radius:6px;
     object-fit:cover;
     background:#f5f5f5;
     display:block;
     border:1px solid #e6e6e6;
}
 .mega__product-title{
     font-size:14px;
     line-height:1.3;
     margin:0 0 2px;
}
 .mega__product-price .money{
     font-size:13px;
     font-weight:600;
     color:#666;
}
/* Read more: blue, underlined */
 .mega__more{
     display:inline-block;
     margin-top:4px;
     font-size:14px;
     color:#686868;
     text-decoration:underline;
     text-underline-offset:3px;
     font-weight:500;
}
 .mega__col .mega__more:hover{
     color:#1ba7cf;
}
/* Ellipsis for long product names */
 .mega__links--compact a{
     display:block;
     max-width:100%;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
     min-width:0;
}
/* Left chevron before product links + Read more */
 .mega__links--compact a, .mega__col .mega__more{
     position:relative;
     padding-left:18px;
}
 .mega__links--compact a::before, .mega__col .mega__more::before{
     content:"\203A";
    /* › */
     position:absolute;
     left:0;
     top:50%;
     transform:translateY(-50%);
     line-height:1;
     font-size:20px;
     color:currentColor;
}
/* Ensure dropdown sits above page */
 .nav-menu-js.single-dropdown{
     z-index:1000;
     background:#fff;
}
/* Tiny safety so columns never overflow */
 .mega__cols > .mega__col{
     min-width:0;
}
/* Make the container hold two groups: [ UL | payments ] */
 .menu-content{
     display: flex;
     align-items: center;
     justify-content: space-between;
    /* space between the two groups */
     gap: 32px;
}
/* Left group: keep <li> items together, no stretching */
 .menu-content .site-nav{
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     justify-content: space-between;
    /* override any space-between on UL */
     {% comment %} gap: 10px; {% endcomment %}
    /* spacing between menu items */
     margin: 0;
     padding: 0;
     list-style: none;
     width: 100%;
     height:100%;
    /* prevent full-width UL */
     flex: 0 1 auto;
    /* don't fill the row */
}
/* Right group: payment block */
 .menu-content .mega-menu{
     display: flex;
     align-items: center;
     gap: 24px;
    /* space between PayPal and Klarna */
     margin-left: auto;
    /* push to far right if needed */
     padding: 0px;
    /* match menu */
     border: 0;
    /* remove any line if you added one earlier */
     justify-content: center;
     background: #fff;
     border-radius: 5px;
}
 body.template-product #header.site-header .site-nav>li>a g#arrow-drop-down-line, body.template-product #header.site-header .site-nav>li>a g#arrow-drop-down-line:hover, body.template-product #header.site-header .site-nav__link-container:hover .site-nav__arrow-down svg polygon {
     color: rgb(104, 104, 104) !important;
}
/* Inner items */
 .menu-content .paypal, .menu-content .klarna{
     display: flex;
     align-items: center;
     gap: 8px;
     white-space: nowrap;
}
 .menu-content .paypal img, .menu-content .klarna svg{
     height: auto;
     width: auto;
     max-height: 28px;
}
 .menu-content .paypal .message__logo img{
     margin-right: 30px;
}
 .paypal .message__logo, .klarna .message__logo {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: 10px;
}
 .menu-content .paypal, .menu-content .klarna {
     padding:5px;
}
/* (Optional) tighten big-screen spacing */
 @media (min-width: 1400px){
     .menu-content{
         gap: 40px;
    }
     .menu-content .site-nav{
         {% comment %} gap: 10px; {% endcomment %}
    }
}
/* ===== Mega menu — clean, final CSS (3+3+1 column flow) ===== */
/* Layout: links (left) | image (right) */
 .single-menu-container.mega__inner{
     display:grid;
     grid-template-columns: 1fr 420px;
     gap:0;
     padding:28px;
     box-sizing:border-box;
     overflow-x:hidden;
     background:#fff;
}
/* Parent heading (full-width, NO arrow) */
 .mega__parent{
     grid-column:1 / -1;
     margin:4px 0 14px;
}
 .mega__parent-link{
     display:inline-block;
     font-size:16px;
     font-weight:700;
     color:#333;
     text-decoration:none;
     padding-left:0;
    /* no space for arrow */
}
 .mega__parent-link::before{
     content:none;
}
 .mega__parent-link:hover{
     color:#1ba7cf;
     text-decoration:underline;
     text-underline-offset:3px;
}
/* Children grid: fill columns top→down, max 3 per column Example: 7 items => 3 + 3 + 1 */
 .mega__cols{
     display:grid;
     grid-auto-flow:column;
    /* fill down first, then next column */
     grid-template-rows:repeat(3, auto);
     grid-auto-columns:1fr;
     gap:14px 28px;
     align-content:start;
}
 .mega__cols > .mega__col{
     min-width:0;
     padding: 0 3px;
}
/* Child headings/links: arrow bullet + bottom divider */
 .mega__heading, .mega__links a, .mega__single-link, .mega__more{
     position:relative;
     display:block;
     padding:8px 0 8px 18px;
    /* room for arrow */
     border-bottom:1px solid #e5e5e5;
     font-size:14px;
     line-height:1.35;
     color:#333;
     text-decoration:none;
}
 .mega__heading:hover, .mega__links a:hover, .mega__single-link:hover{
     color:var(--color-accent, #1ba7cf);
     text-decoration:none;
}
 .mega__more{
     color:#0a7cff;
     text-decoration:underline;
     text-underline-offset:3px;
     font-weight:500;
}
 .mega__more:hover{
     color:#1ba7cf;
}
/* Left chevron for CHILD items (parent has none) */
 .mega__heading::before, .mega__links a::before, .mega__single-link::before, .mega__more::before{
     content:"\203A";
    /* › */
     position:absolute;
     left:0;
     top:50%;
     transform:translateY(-50%);
     font-size:20px;
     line-height:1;
     color:currentColor;
}
/* Lists reset + compact ellipsis helper */
 .mega__links{
     list-style:none;
     margin-top: 6px;
     padding:0;
}
 .mega__links li{
     margin:0;
}
 .mega__links--compact a{
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
     max-width:100%;
     min-width:0;
}
/* Right banner (no cropping) */
 .mega__hero{
     align-self:start;
     display:flex;
     align-items:center;
     justify-content:center;
     background:transparent;
     border-radius:8px;
}
 .mega__hero img{
     width:100%;
     height:auto;
     display:block;
     object-fit:contain !important;
     max-height:340px;
     transition:opacity .18s ease;
     border-radious:10px;
}
 .mega__hero img.is-swapping{
     opacity:.35;
}
/* Accessibility: keep focus clean inside mega */
 .mega__inner a, .mega__hero a{
     outline:none;
}
 .mega__inner a:focus, .mega__inner a:active, .mega__hero a:focus, .mega__hero a:active, .mega__inner a:focus-visible{
     outline:none !important;
     box-shadow:none !important;
}
/* Dropdown surface */
 .nav-menu-js.single-dropdown{
     z-index:1000;
     background:#fff;
}
/* ======================= Responsive tweaks ======================= */
/* Laptop-ish (<=1350px): shrink image column */
 @media (max-width:1350px){
     .single-menu-container.mega__inner{
         grid-template-columns:minmax(0,1fr) 360px;
         gap:20px;
         padding:22px;
    }
     .mega__hero img{
         max-height:280px;
    }
}
/* Tablet (<=1200px): narrower image column;
 grid still column-flow */
 @media (max-width:1200px){
     .single-menu-container.mega__inner{
         grid-template-columns:minmax(0,1fr) 320px;
    }
}
/* Narrow tablet (<=1024px): even narrower image column */
 @media (max-width:1024px){
     .single-menu-container.mega__inner{
         grid-template-columns:minmax(0,1fr) 280px;
    }
}
/* li.sale.site-nav__link-container.site-nav--has-dropdown {
     background:black;
}
 #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link.sale {
     background: black;
}
 li.sale.site-nav__link-container.site-nav--has-dropdown:hover {
     background: white !important
}
 #header.site-header .site-nav>li.sale.site-nav__link-container:hover>a {
    color: black
}
 li.sale.site-nav__link-container.site-nav--has-dropdown.slae-li-tag:hover {
     text-decoration-color:black !important;
}
 #header.site-header .site-nav>li:hover>a.sale {
     color:black !important;
     background-color: white !important;
}
 */
 #about-us-li a, #benefits-li a, #desk-yoga-li a, #blogs-li a, #contact-us-li a {
     color: #1BA7CF 
}
 li.site-nav__link-container.site-nav--has-dropdown.sale {
     background: #e43e46;
}
 li.site-nav__link-container.site-nav--has-dropdown.sale a {
     color: #fff !important;
}
 .grandchild-link.mega-child.animate__animated.animate__fadeIn {
     top: 0 !important;
     left: 90% !important;
     width:1000px;
     height: 438px;
}
 ul.gm-tab-panel {
     display: flex;
     margin: 12px 0 0 0;
     list-style: unset;
}
 li.site-nav__grandchild-link.grandchild-1 {
     display: inline-block;
}
 li.gm-item.gm-grid-item.gmcol-3, li.gm-item.gm-grid-item.gmcol-4{
     display: inline-block;
     float: left;
     margin-right: 20px;
}
 img.gm-product-img.border.section__load-animations--fade, img.gm-product-img.section__load-animations--fade{
     border: 1px solid #ccc;
     padding: 5px;
}
 .gm-product-name.w3_bg {
     display: none;
}
 span.gm-price {
     font-size: 16px;
     font-weight: 600;
     color: #7c878e !important;
     display:inline-block;
     width:100%;
}
 .gm-product-price.w3_bg {
     text-align: center;
}
 nav.js__desktop--nav {
     background-color: #1ba7cf;
     display: flex !important;
     justify-content: center;
}
 li.site-nav__link-container.site-nav--has-dropdown {
     padding: 5px 10px 5px 10px;
}
 li.site-nav__link-container.site-nav--has-dropdown:hover {
     background-color: #fff;
}
 li.site-nav__link-container.site-nav--has-dropdown.slae-li-tag:hover {
     background-color: #fff;
     text-decoration: underline !important;
     text-decoration-color: #e43e46 !important;
     text-underline-offset: 7px !important;
     text-decoration-thickness: 2px !important;
}
 span.gm-label.gm-sale-label {
     background: red;
     padding: 2px 10px;
     position: absolute;
     color: #fff;
     font-size: 14px;
}
 span.gm-old-price {
     font-size: 14px;
     color: #7c878e !important;
     text-decoration: line-through;
     margin-top: 5px;
}
 #AccessibleNav.site-nav .site-nav--has-dropdown > a {
     text-transform: uppercase;
     text-align:center;
     padding: 0px 3px;
}
/* #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
     font-size: 16px;
     font-weight: 700;
}
 */
 #AccessibleNav.site-nav .site-nav__link-container.site-nav--has-dropdown a.sale:hover {
     color: black;
    /* Change the text color to black on hover */
}
 li.site-nav__link-container.site-nav--has-dropdown:hover .site-nav__main-link {
     color: black !important;
    /* Change the link text color to black on hover */
}
 .single-dropdown {
     left: 0px !important;
}

@media (min-width: 1376px) { 
.single-menu .site-nav__link-container.yy-btooth
{
padding: 2px;
}

}




 @media (min-width: 1650px) {
     .single-dropdown.standing-desks {
        /*left: 0px !important;
        */
    }
     .site-nav {
         {% comment %} gap:20px; {% endcomment %}
    }
}
 @media (min-width: 990px) and (max-width: 1350px) {
     #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 12px;
    }
     #header .left-nav.deskNavWrapper {
         gap: 20px;
    }
     #header input.searchInput-field {
         width: 250px;
    }
}
 @media (min-width: 768px) and (max-width: 990px) {
    /* #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 10px;
    }
     */
     #header input.searchInput-field {
         width: 250px;
    }
     #header .left-nav.deskNavWrapper {
         gap: 20px;
    }
     #header .left-nav.deskNavWrapper .header-logo {
         width: 100%;
    }
     .announcement_header .shipping-header .promotion-bar .limited-offer {
         padding-left: unset !important;
    }
}
 body.template-product .header__nav.sticky .menu-content .mega-menu {
     display:none;
}
 @media (min-width: 1440px) and (max-width: 1760px) {
     #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 15px;
    }
     body.template-product #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 16px;
    }
}
 @media (max-width: 1100px) {
     .menu-content .paypal_header {
         display: none !important;
    }
     body.template-product .menu-content .paypal_header {
         display: none !important;
    }
}
 @media (min-width: 1024px) and (max-width: 1440px) {
     #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 12px;
    }
     body.template-product #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 14px;
    }
}
 @media (min-width: 1024px) and (max-width: 1280px) {
     body.template-product .paypal_header {
         min-width: 180px;
    }
     body.template-product .menu-content .site-nav {
         {% comment %} gap: 10px; {% endcomment %}
    }
     body.template-product li.site-nav__link-container.site-nav--has-dropdown {
         padding: 5px;
    }
     body.template-product #header li.site-nav__link-container.site-nav--has-dropdown {
         padding: 2px;
    }
     .paypal_header {
         min-width: 180px;
    }
     .menu-content .site-nav {
         {% comment %} gap: 10px; {% endcomment %}
    }
     li.site-nav__link-container.site-nav--has-dropdown {
         padding: 5px;
    }
     #header li.site-nav__link-container.site-nav--has-dropdown {
         padding: 2px;
    }
}
 @media (min-width: 1280px) and (max-width: 1440px) {
     body.template-product #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 14px !important;
    }
     body.template-product .menu-content .klarna {
         align-items: center;
         gap: 0px;
         white-space: nowrap;
    }
     #AccessibleNav.site-nav .site-nav__link-container a.site-nav__main-link {
         font-size: 14px;
    }
     .menu-content .klarna {
         align-items: center;
         gap: 0px;
         white-space: nowrap;
    }
}
 .menu-content .paypal_header .klarna{
     animation: none;
    /* Disable animation */
     opacity: 1;
    /* Ensure visibility */
     background: #fff;
     border-radius: 5px;
}

/* 769px to 899px */
@media (min-width: 769px) and (max-width: 899px) {
  body.template-product .js__desktop--nav {
    padding: 0px 30px!important;
  }
}

/* 900px to 1023px */
@media (min-width: 900px) and (max-width: 1024px) {
  body.template-product .js__desktop--nav {
    padding: 0px 40px!important;
  }
}

/* 1024px to 1599px */
@media (min-width: 1025px) and (max-width: 1599px) {
  body.template-product .js__desktop--nav {
    padding: 0px 60px!important;
  }
}

/* 1600px and larger */
@media (min-width: 1600px) {
  body.template-product .js__desktop--nav {
    padding: 0px 70px!important;
  }
}

/* === 4-column mega layout ============================================= */
  .single-menu-container.mega__inner{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 420px;   /* COL1 | COL2 | COL3 | IMG */
    gap:24px;
    padding:28px;
    background:#fff;
    align-items:start;
  }
  /* ---------- COL 1: main category title + sub-categories --------------- */
  .mega__cols{
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    gap:0px;
    position:relative;
    padding-top: 34px;                 /* space for the heading inserted below */
    background: lightgray;
    border-radius: 10px;
    padding-left: 10px;
  }

  /* Inject the column title based on the dropdown handle */
  .single-dropdown.standing-desks .mega__cols::before{
    content:"Standing Desks";
  }
  .single-dropdown.desk-converters .mega__cols::before{
    content:"Desk Converters";
  }
  .single-dropdown.office-seating .mega__cols::before{
    content:"Office Seating";
  }
  .single-dropdown.active-feet .mega__cols::before{
    content:"Active Feet";
  }
  .single-dropdown.desktops-panels .mega__cols::before{
    content:"Desktops & Panels";
  }
  .single-dropdown.accessories .mega__cols::before{
    content:"Accessories";
  }

  /* Styling for the injected title */
  .single-dropdown .mega__cols::before{
    position:absolute;
    top:5px; left:10px;
    display:block;
    font-weight:700;
    font-size:20px;
    color:#222;
    line-height:1.2;
    padding-left:0;
  }

  /* Sub-category links (keep your arrow style) */
  .mega__heading,
  .mega__links a,
  .mega__single-link,
  .mega__more{
    position:relative;
    display:block;
    padding:8px 0 8px 18px;
    border-bottom:1px solid #e5e5e5;
    font-size:18px;
    line-height:1.35;
    color:#333;
    text-decoration:none;
  }
  .mega__heading::before,
  .mega__links a::before,
  .mega__single-link::before,
  .mega__more::before{
    content:"\203A";                   /* › */
    position:absolute; left:0; top:50%;
    transform:translateY(-50%);
    font-size:18px; line-height:1;
    color:currentColor;
  }

  a.mega__heading.mega__hoverable {
    font-size: 18px;
  }

  /* ---------- COL 2: parent (Best-Selling…) + its links ----------------- */
  .mega__parent{
    grid-column:2;
    grid-row:1;
    margin:0 0 6px 0;
  }
  .mega__parent-link{
    display:inline-block;
    font-size:20px !important;
    font-weight:700;
    color:#222;
    text-decoration:none;
    padding-left:0;                     /* no chevron on parent */
    border-bottom:none;
  }
  .mega__parent-link::before{ content:none; }

  /* ---------- COL 3: Services + Installation ---------------------------- */
  .mega__col--install{
    grid-column:3;
    grid-row:1;
    position:relative;
    padding-top:34px;                   /* space for the “Services” title */
  }
  /* If the Liquid class isn’t available, detect by URL as a fallback */
  .mega__cols > .mega__col:has(> a[href*="/install"]) {
    grid-column:3 !important;
    grid-row:1;
    position:relative;
    padding-top:34px;
  }

  /* Insert the column title */
  .single-dropdown .mega__col--install::before,
  .mega__cols > .mega__col:has(> a[href*="/install"])::before{
    content:"Services";
    position:absolute;
    top:0; left:0;
    display:block;
    font-weight:700;
    font-size:20px;
    color:#222;
    line-height:1.2;
    padding-left:0;
  }

  /* ---------- COL 4: image ---------------------------------------------- */
  .mega__hero{
    grid-column:4;
    grid-row:1;
    align-self:start;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#transparent;
    border-radius:8px;
  }
  .mega__hero img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    max-height:266px;
    border-radius:10px;
  }
@media (max-width:1400px){
    .single-menu-container.mega__inner{ grid-template-columns: unset; }
  }
  /* ---------- spacing + responsiveness ---------------------------------- */
  
  {% comment %} @media (max-width:1350px){
    .single-menu-container.mega__inner{ grid-template-columns: unset; gap:10px; padding:22px; }
    .mega__hero img{ max-height:280px; }
  }
  @media (max-width:1200px){
    .single-menu-container.mega__inner{ grid-template-columns: 1fr 1fr 1fr 320px; }
  }
  @media (max-width:1024px){
    .single-menu-container.mega__inner{ grid-template-columns: 1fr 1fr 1fr 280px; }
  } {% endcomment %}
  /* Pack menu items tightly from first to last (no stretch) */
  .menu-content {                     /* keep the whole block centered in header */
    display: flex;
    justify-content: start;
  }

  .menu-content .site-nav {
    display: inline-flex;             /* shrink-to-fit the items */
    {% comment %} flex: 0 0 auto; {% endcomment %}
    width: auto !important;           /* override any 100% width */
    justify-content: flex-start !important; /* no space-between */
    {% comment %} gap: 16px;                        /* control spacing between items */ {% endcomment %}
    padding: 0;
    margin: 0;
  }

  /* Kill any earlier center/space-between rules */
  .header__nav .js__desktop--nav .menu-content-wrapper .site-nav {
    justify-content: flex-start !important;
  }

  /* Remove edge padding so start/end align to the first/last item */
  #AccessibleNav { padding-left: 0; padding-right: 0; }
  #AccessibleNav > li:first-child { margin-left: 0; }
  #AccessibleNav > li:last-child  { margin-right: 0; }

  /* Optional: tighten item padding if needed */
  li.site-nav__link-container.site-nav--has-dropdown {
    padding-left: 8px;
    padding-right: 8px;
  }
  .single-dropdown .single-menu-container {
      margin-left: 0px;
  }

  li.site-nav__link-container:not(.trade_ac_div).site-nav--has-dropdown:hover, li.site-nav__link-container:not(.trade_ac_div).site-nav--has-dropdown.slab-li-tag:hover {
    text-decoration: unset !important;
}