/* Responsive storefront navbar fixes, loaded after arc-ui.css. */
.site-header--clean{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;min-width:0!important}
@media(min-width:1101px){
  .site-header--clean{gap:clamp(6px,.8vw,12px)!important}
  .site-header--clean:before{display:none!important}
  .site-header--clean .brand-image{flex:0 0 auto!important;padding-right:clamp(8px,1vw,14px)!important}
  .site-header--clean .brand-image img{width:clamp(112px,11vw,138px)!important}
  .site-header--clean .main-nav{display:flex!important;flex:1 1 0!important;justify-content:space-between!important;gap:clamp(1px,.35vw,6px)!important;min-width:0!important;padding:2px!important}
  .site-header--clean .main-nav>a,.site-header--clean .main-nav .nav-mega-trigger,.site-header--clean .main-nav .nav-popular-trigger{min-width:0!important;padding-inline:clamp(4px,.55vw,8px)!important;font-size:clamp(.66rem,.72vw,.78rem)!important;white-space:nowrap!important}
  .site-header--clean .navbar-search{flex:0 1 clamp(130px,15vw,195px)!important;min-width:120px!important}
  .site-header--clean .header-actions{gap:clamp(5px,.65vw,9px)!important}
  .site-header--clean .header-actions>a{padding-inline:clamp(8px,.8vw,12px)!important}
  .site-header--clean .mobile-menu,.site-header--clean .mobile-search-toggle{display:none!important}
}
@media(max-width:1100px){
  .site-header--clean{position:sticky!important;display:flex!important;flex-wrap:nowrap!important;gap:clamp(6px,1.4vw,12px)!important;padding:8px clamp(9px,2vw,16px)!important}
  .site-header--clean:before{display:none!important}
  .site-header--clean .brand-image{flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
  .site-header--clean .brand-image img{width:clamp(86px,14vw,128px)!important;max-width:100%!important}
  .site-header--clean .main-nav{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:3px!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 100px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px!important;border:1px solid #dce7f5!important;border-radius:14px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 16px 36px rgba(24,55,95,.16)!important;box-sizing:border-box!important}
  .site-header--clean .main-nav.mobile-open{display:flex!important}
  .site-header--clean .main-nav>a,.site-header--clean .main-nav .nav-mega-trigger,.site-header--clean .main-nav .nav-popular-trigger{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 12px!important;overflow-wrap:anywhere!important;white-space:normal!important;text-align:left!important}
  .site-header--clean .main-nav .nav-mega-item,.site-header--clean .main-nav .nav-popular-item{display:block!important;width:100%!important;min-width:0!important}
  .site-header--clean .nav-mega-dropdown,.site-header--clean .nav-popular-dropdown{display:none!important}
  .site-header--clean .navbar-search{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:0!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;box-sizing:border-box!important}
  .site-header--clean.mobile-search-open .navbar-search{display:block!important}
  .site-header--clean .navbar-search input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .site-header--clean .mobile-search-toggle,.site-header--clean .mobile-menu{display:inline-grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:1px solid #dce6f3!important;border-radius:10px!important;color:#145bd7!important;background:#fff!important}
  .site-header--clean .mobile-search-toggle svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .site-header--clean .header-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;min-width:0!important;margin-left:auto!important}
  .site-header--clean .header-actions .cart-link{display:flex!important;flex:0 0 36px!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important}
  .site-header--clean .cart-link .cart-label{display:none!important}
  .site-header--clean .header-actions .login-link{display:flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:40px!important;max-width:88px!important;height:36px!important;min-height:36px!important;padding:0 9px!important;overflow:hidden!important;font-size:.68rem!important;line-height:1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media(max-width:380px){
  .site-header--clean{gap:5px!important;padding-inline:7px!important}
  .site-header--clean .brand-image img{width:clamp(78px,27vw,96px)!important}
  .site-header--clean .mobile-search-toggle,.site-header--clean .mobile-menu,.site-header--clean .header-actions .cart-link{flex-basis:33px!important;width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important}
  .site-header--clean .header-actions{gap:4px!important}
  .site-header--clean .header-actions .login-link{min-width:35px!important;max-width:56px!important;height:33px!important;min-height:33px!important;padding-inline:6px!important}
}

/* Mobile navbar refresh: compact branded bar with a deliberate, easy-to-tap menu. */
@media(max-width:680px){
  .site-header--clean{
    top:8px!important;
    width:calc(100% - 24px)!important;
    min-height:62px!important;
    margin:8px auto 0!important;
    padding:9px 11px!important;
    gap:7px!important;
    border:1px solid #e4eaf2!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(22,43,73,.09)!important;
    backdrop-filter:none!important;
  }
  .site-header--clean .brand-image{flex:1 1 auto!important;min-width:0!important}
  .site-header--clean .brand-image img{width:clamp(78px,25vw,112px)!important;max-height:36px!important}
  .site-header--clean .mobile-search-toggle,
  .site-header--clean .mobile-menu,
  .site-header--clean .header-actions .cart-link{
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;
    height:36px!important;min-height:36px!important;padding:0!important;
    border:1px solid #e7edf5!important;border-radius:12px!important;
    color:#31445c!important;background:#f8fafd!important;
    box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
  }
  .site-header--clean .mobile-search-toggle:hover,
  .site-header--clean .mobile-menu:hover,
  .site-header--clean .header-actions .cart-link:hover{border-color:#c8daf7!important;color:#145bd7!important;background:#f1f6ff!important}
  .site-header--clean .mobile-search-toggle svg,.site-header--clean .cart-link svg{width:18px!important;height:18px!important}
  .site-header--clean .header-actions{flex:0 0 auto!important;gap:5px!important;margin:0!important}
  .site-header--clean .header-actions .login-link{
    flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    height:36px!important;min-height:36px!important;padding:0 11px!important;
    border-radius:11px!important;font-size:.75rem!important;font-weight:750!important;
    color:#fff!important;background:#145bd7!important;box-shadow:none!important;
  }
  .site-header--clean .mobile-menu{font-size:0!important;position:relative!important}
  .site-header--clean .mobile-menu::before{
    content:"";width:16px;height:12px;display:block;
    background:linear-gradient(#31445c,#31445c) 0 0/16px 2px no-repeat,
      linear-gradient(#31445c,#31445c) 0 5px/16px 2px no-repeat,
      linear-gradient(#31445c,#31445c) 0 10px/16px 2px no-repeat;
  }
  .site-header--clean .mobile-menu[aria-expanded="true"]::before{
    height:16px;background:linear-gradient(45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat,
      linear-gradient(-45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat;
  }
  .site-header--clean .main-nav{
    top:calc(100% + 8px)!important;right:0!important;left:0!important;
    gap:3px!important;padding:8px!important;border:1px solid #e4eaf2!important;
    border-radius:16px!important;background:#fff!important;
    box-shadow:0 16px 38px rgba(22,43,73,.15)!important;
  }
  .site-header--clean .main-nav>a,
  .site-header--clean .main-nav .nav-mega-trigger,
  .site-header--clean .main-nav .nav-popular-trigger{
    min-height:46px!important;padding:0 13px!important;border-radius:10px!important;
    color:#35475f!important;font-size:.88rem!important;font-weight:650!important;
  }
  .site-header--clean .main-nav>a:hover,
  .site-header--clean .main-nav .nav-mega-trigger:hover,
  .site-header--clean .main-nav .nav-popular-trigger:hover{color:#145bd7!important;background:#f3f7ff!important}
  .site-header--clean.mobile-search-open .main-nav{top:calc(100% + 58px)!important}
  .site-header--clean .navbar-search{top:calc(100% + 8px)!important;padding:8px!important;border:1px solid #e4eaf2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 28px rgba(22,43,73,.12)!important}
  .site-header--clean .navbar-search input{min-height:42px!important;padding:0 12px!important;border:1px solid #e1e8f1!important;border-radius:10px!important;background:#f8fafd!important}
}
@media(max-width:360px){
  .site-header--clean{gap:5px!important;padding-inline:8px!important}
  .site-header--clean .brand-image img{width:clamp(72px,23vw,84px)!important}
  .site-header--clean .mobile-search-toggle,.site-header--clean .mobile-menu,.site-header--clean .header-actions .cart-link{flex-basis:33px!important;width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important}
  .site-header--clean .header-actions .login-link{height:33px!important;min-height:33px!important;padding-inline:8px!important;font-size:.7rem!important}
}

/* Mobile v4: compact header; search and navigation open as separate dropdowns. */
@media(max-width:680px){
  .site-header--clean{grid-template-columns:minmax(0,1fr) 36px auto 40px!important;grid-template-rows:44px!important;min-height:62px!important;padding:9px 12px!important;gap:8px!important}
  .site-header--clean .brand-image{grid-column:1!important;grid-row:1!important}
  .site-header--clean .brand-image img{width:clamp(82px,29vw,126px)!important;max-height:36px!important}
  .site-header--clean .mobile-search-toggle{grid-column:2!important;grid-row:1!important}
  .site-header--clean .header-actions{grid-column:3!important;grid-row:1!important;min-width:0!important;justify-self:end!important}
  .site-header--clean .mobile-menu{grid-column:4!important;grid-row:1!important}
  .site-header--clean .navbar-search{grid-column:auto!important;grid-row:auto!important}
  .site-header--clean .mobile-search-toggle{grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;flex:none!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:1px solid #e4eaf1!important;border-radius:11px!important;color:#31445c!important;background:#fff!important}
  .site-header--clean .mobile-search-toggle svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .site-header--clean .header-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}
  .site-header--clean .header-actions .cart-link{flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important}
  .site-header--clean .header-actions .login-link{height:36px!important;min-height:36px!important;padding-inline:10px!important;border-radius:10px!important;font-size:.74rem!important}
  .site-header--clean .mobile-menu{grid-column:4!important;grid-row:1!important;display:grid!important;place-items:center!important;justify-self:end!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid #e4eaf1!important;border-radius:11px!important;color:#31445c!important;background:#fff!important;font-size:0!important}
  .site-header--clean .mobile-menu::before{content:"";display:block;width:16px;height:14px;background:linear-gradient(#31445c,#31445c) center 1px/16px 2px no-repeat,linear-gradient(#31445c,#31445c) center 6px/16px 2px no-repeat,linear-gradient(#31445c,#31445c) center 11px/16px 2px no-repeat}
  .site-header--clean .mobile-menu[aria-expanded="true"]::before{height:16px;background:linear-gradient(45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat,linear-gradient(-45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat}
  .site-header--clean .navbar-search{position:absolute!important;top:calc(100% + 8px)!important;right:12px!important;left:12px!important;z-index:141!important;display:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:9px!important;border:1px solid #e5eaf1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(20,39,66,.15)!important}
  .site-header--clean.mobile-search-open .navbar-search{display:block!important}
  .site-header--clean .navbar-search input{height:44px!important;min-height:44px!important;padding:0 13px 0 40px!important;border:1px solid #e5eaf1!important;border-radius:10px!important;background:#f7f9fc!important;font-size:.88rem!important}
  .site-header--clean .navbar-search::before{content:"";position:absolute;left:22px;top:22px;width:12px;height:12px;border:1.7px solid #718198;border-radius:50%;pointer-events:none}
  .site-header--clean .navbar-search::after{content:"";position:absolute;left:34px;top:35px;width:6px;height:1.7px;border-radius:2px;background:#718198;transform:rotate(45deg);transform-origin:left center;pointer-events:none}
  .site-header--clean .main-nav{top:calc(100% + 8px)!important;right:12px!important;left:12px!important;z-index:140!important;max-height:calc(100dvh - 100px)!important}
  .site-header--clean .main-nav.mobile-open{display:flex!important}
}
@media(max-width:360px){
  .site-header--clean{grid-template-columns:minmax(0,1fr) 34px auto 36px!important;gap:6px!important;padding-inline:10px!important}
  .site-header--clean .mobile-search-toggle,.site-header--clean .header-actions .cart-link{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:34px!important;min-height:34px!important}
  .site-header--clean .mobile-menu{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  .site-header--clean .header-actions .login-link{padding-inline:8px!important}
}

/* Cancel the legacy floating-window offset on phones; it was shifting the bar off canvas. */
@media(max-width:680px){
  body,body[data-page="home"],body[data-page="home"].mobile-search-open{padding-top:0!important}
  .site-header--clean{left:auto!important;right:auto!important;transform:none!important;margin:0 auto!important;width:100%!important;max-width:100%!important;top:0!important}
}

/* Mobile v3: use a clear two-row shop header instead of squeezing every action into one line. */
@media(max-width:680px){
  .site-header--clean{
    position:sticky!important;top:0!important;z-index:130!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:44px 44px!important;align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    height:auto!important;margin:0!important;padding:9px 16px 11px!important;
    gap:9px 10px!important;border:0!important;border-bottom:1px solid #e8edf3!important;
    border-radius:0!important;background:#fff!important;
    box-shadow:0 4px 16px rgba(23,43,68,.055)!important;backdrop-filter:none!important;
  }
  .site-header--clean:before{display:none!important}
  .site-header--clean .brand-image{grid-column:1!important;grid-row:1!important;min-width:0!important;padding:0!important;border:0!important}
  .site-header--clean .brand-image img{width:clamp(106px,32vw,136px)!important;max-width:100%!important;max-height:38px!important}
  .site-header--clean .mobile-search-toggle{display:none!important}
  .site-header--clean .header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important}
  .site-header--clean .header-actions .cart-link{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid #e6ebf2!important;border-radius:12px!important;color:#253a53!important;background:#fff!important}
  .site-header--clean .cart-link .cart-label{display:none!important}
  .site-header--clean .cart-link svg{width:19px!important;height:19px!important}
  .site-header--clean .cart-link b{position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border:2px solid #fff!important;font-size:.62rem!important}
  .site-header--clean .header-actions .login-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:10px!important;color:#fff!important;background:#145bd7!important;font-size:.78rem!important;font-weight:750!important;box-shadow:none!important}
  .site-header--clean .mobile-menu{grid-column:3!important;grid-row:1!important;display:grid!important;place-items:center!important;position:relative!important;flex:none!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid #e6ebf2!important;border-radius:12px!important;color:#253a53!important;background:#fff!important;font-size:0!important}
  .site-header--clean .mobile-menu::before{content:"";display:block;width:17px;height:13px;background:linear-gradient(#253a53,#253a53) 0 0/17px 2px no-repeat,linear-gradient(#253a53,#253a53) 0 5px/17px 2px no-repeat,linear-gradient(#253a53,#253a53) 0 10px/17px 2px no-repeat}
  .site-header--clean .mobile-menu[aria-expanded="true"]::before{height:17px;background:linear-gradient(45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/17px 17px no-repeat,linear-gradient(-45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/17px 17px no-repeat}
  .site-header--clean .navbar-search{grid-column:1/-1!important;grid-row:2!important;position:relative!important;inset:auto!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .site-header--clean .navbar-search input{display:block!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px 0 42px!important;border:1px solid #e5eaf1!important;border-radius:12px!important;outline:none!important;background:#f5f7fa!important;color:#1e2d40!important;font-size:.88rem!important;box-shadow:none!important}
  .site-header--clean .navbar-search input:focus{border-color:#9abcf3!important;background:#fff!important;box-shadow:0 0 0 3px rgba(20,91,215,.1)!important}
  .site-header--clean .navbar-search::before{content:"";position:absolute;z-index:1;left:15px;top:12px;width:13px;height:13px;border:1.7px solid #728198;border-radius:50%;pointer-events:none}
  .site-header--clean .navbar-search::after{content:"";position:absolute;z-index:1;left:28px;top:26px;width:6px;height:1.7px;border-radius:2px;background:#728198;transform:rotate(45deg);transform-origin:left center;pointer-events:none}
  .site-header--clean .main-nav{position:absolute!important;top:calc(100% + 8px)!important;right:12px!important;left:12px!important;display:none!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 150px)!important;margin:0!important;padding:8px!important;gap:3px!important;border:1px solid #e7ecf3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 44px rgba(17,36,61,.17)!important}
  .site-header--clean .main-nav.mobile-open{display:flex!important}
  .site-header--clean .main-nav>a,.site-header--clean .main-nav .nav-mega-trigger,.site-header--clean .main-nav .nav-popular-trigger{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:46px!important;padding:0 13px!important;border-radius:10px!important;color:#34465d!important;font-size:.9rem!important;font-weight:650!important;text-align:left!important;white-space:normal!important}
  .site-header--clean .main-nav>a:hover,.site-header--clean .main-nav .nav-mega-trigger:hover,.site-header--clean .main-nav .nav-popular-trigger:hover{color:#145bd7!important;background:#f3f7fd!important}
  .site-header--clean .main-nav .nav-mega-item,.site-header--clean .main-nav .nav-popular-item{display:block!important;width:100%!important;min-width:0!important}
  .site-header--clean .nav-mega-dropdown,.site-header--clean .nav-popular-dropdown{display:none!important}
  .site-header--clean.mobile-search-open .main-nav{top:calc(100% + 8px)!important}
}
@media(max-width:360px){
  .site-header--clean{padding-inline:12px!important;gap:8px!important}
  .site-header--clean .header-actions{gap:5px!important}
  .site-header--clean .header-actions .cart-link,.site-header--clean .mobile-menu{width:37px!important;min-width:37px!important;flex-basis:37px!important;height:37px!important;min-height:37px!important}
  .site-header--clean .header-actions .login-link{padding-inline:9px!important;font-size:.73rem!important}
}

/* Final mobile controls: one compact row, independent search and menu dropdowns. */
@media(max-width:680px){
  body,body[data-page="home"],body[data-page="home"].mobile-search-open{padding-top:0!important}
  .site-header--clean{position:sticky!important;top:0!important;left:auto!important;right:auto!important;transform:none!important;margin:0 auto!important;width:100%!important;max-width:100%!important;min-height:62px!important;height:auto!important;grid-template-columns:minmax(0,1fr) 36px auto 40px!important;grid-template-rows:44px!important;padding:9px 12px!important;gap:8px!important;border-radius:0!important}
  .site-header--clean .mobile-search-toggle{grid-column:2!important;grid-row:1!important}
  .site-header--clean .header-actions{grid-column:3!important;grid-row:1!important;min-width:0!important;justify-self:end!important}
  .site-header--clean .mobile-menu{grid-column:4!important;grid-row:1!important}
  .site-header--clean .navbar-search{grid-column:auto!important;grid-row:auto!important}
  .site-header--clean .brand-image{grid-column:1!important;grid-row:1!important}
  .site-header--clean .brand-image img{width:clamp(82px,29vw,126px)!important;max-height:36px!important}
  .site-header--clean .mobile-search-toggle{grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:1px solid #e4eaf1!important;border-radius:11px!important;color:#31445c!important;background:#fff!important}
  .site-header--clean .mobile-search-toggle svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .site-header--clean .header-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important}
  .site-header--clean .header-actions .cart-link{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;border-radius:11px!important}
  .site-header--clean .header-actions .login-link{height:36px!important;min-height:36px!important;padding-inline:10px!important;border-radius:10px!important;font-size:.74rem!important}
  .site-header--clean .mobile-menu{grid-column:4!important;grid-row:1!important;display:grid!important;place-items:center!important;justify-self:end!important;position:relative!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid #e4eaf1!important;border-radius:11px!important;color:#31445c!important;background:#fff!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
  .site-header--clean .mobile-menu::before{content:"";position:absolute!important;left:50%!important;top:50%!important;width:16px!important;height:14px!important;transform:translate(-50%,-50%)!important;background:linear-gradient(#31445c,#31445c) center 1px/16px 2px no-repeat,linear-gradient(#31445c,#31445c) center 6px/16px 2px no-repeat,linear-gradient(#31445c,#31445c) center 11px/16px 2px no-repeat}
  .site-header--clean .mobile-menu[aria-expanded="true"]::before{height:16px!important;background:linear-gradient(45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat,linear-gradient(-45deg,transparent 46%,#145bd7 47%,#145bd7 53%,transparent 54%) center/16px 16px no-repeat}
  .site-header--clean .navbar-search{position:absolute!important;top:calc(100% + 8px)!important;right:12px!important;left:12px!important;z-index:141!important;display:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:9px!important;border:1px solid #e5eaf1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(20,39,66,.15)!important}
  .site-header--clean.mobile-search-open .navbar-search{display:block!important}
  .site-header--clean .navbar-search input{height:44px!important;min-height:44px!important;padding:0 13px 0 40px!important;border:1px solid #e5eaf1!important;border-radius:10px!important;background:#f7f9fc!important;font-size:.88rem!important}
  .site-header--clean .navbar-search::before{content:"";position:absolute!important;left:22px!important;top:22px!important;width:12px!important;height:12px!important;border:1.7px solid #718198!important;border-radius:50%!important;pointer-events:none!important}
  .site-header--clean .navbar-search::after{content:"";position:absolute!important;left:34px!important;top:35px!important;width:6px!important;height:1.7px!important;border-radius:2px!important;background:#718198!important;transform:rotate(45deg)!important;transform-origin:left center!important;pointer-events:none!important}
  .site-header--clean .main-nav{position:absolute!important;top:calc(100% + 8px)!important;right:12px!important;left:12px!important;z-index:140!important;display:none!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 100px)!important;margin:0!important;padding:8px!important;gap:3px!important;border:1px solid #e7ecf3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 44px rgba(17,36,61,.17)!important}
  .site-header--clean .main-nav.mobile-open{display:flex!important}
  .site-header--clean .main-nav>a,.site-header--clean .main-nav .nav-mega-trigger,.site-header--clean .main-nav .nav-popular-trigger{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:46px!important;padding:0 13px!important;border-radius:10px!important;color:#34465d!important;font-size:.9rem!important;font-weight:650!important;text-align:left!important;white-space:normal!important}
  .site-header--clean .main-nav>a:hover,.site-header--clean .main-nav .nav-mega-trigger:hover,.site-header--clean .main-nav .nav-popular-trigger:hover{color:#145bd7!important;background:#f3f7fd!important}
  .site-header--clean .main-nav .nav-mega-item,.site-header--clean .main-nav .nav-popular-item{display:block!important;width:100%!important;min-width:0!important}
  .site-header--clean .nav-mega-dropdown,.site-header--clean .nav-popular-dropdown{display:none!important}
}
@media(max-width:360px){
  .site-header--clean{grid-template-columns:minmax(0,1fr) 34px auto 36px!important;gap:6px!important;padding-inline:10px!important}
  .site-header--clean .mobile-search-toggle,.site-header--clean .header-actions .cart-link{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:34px!important;min-height:34px!important}
  .site-header--clean .mobile-menu{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  .site-header--clean .header-actions .login-link{padding-inline:8px!important}
}