/* Electricos — Apple Liquid Glass menus (dynamic pill + real glass) */
:root{
  --lg-ease:cubic-bezier(.32,.72,0,1);
  --lg-blur:28px;
  --lg-sat:200%;
  --lg-bar:rgba(255,255,255,.14);
  --lg-capsule:rgba(255,255,255,.12);
  --lg-pill:rgba(255,255,255,.42);
  --lg-stroke:rgba(255,255,255,.55);
  --lg-stroke-soft:rgba(255,255,255,.22);
  --lg-text:#1a1a1a;
  --lg-shadow:0 12px 40px rgba(15,15,20,.12), 0 2px 8px rgba(15,15,20,.06);
  --lg-radius:999px;
  --lg-radius-panel:28px;
}
body.dark{
  --lg-bar:rgba(12,12,18,.42);
  --lg-capsule:rgba(255,255,255,.06);
  --lg-pill:rgba(255,255,255,.14);
  --lg-stroke:rgba(255,255,255,.2);
  --lg-stroke-soft:rgba(255,255,255,.1);
  --lg-text:#f2f2f4;
  --lg-shadow:0 16px 48px rgba(0,0,0,.5), 0 2px 10px rgba(0,0,0,.3);
}

/* Hidden SVG filter for Chromium refraction */
.lg-svg-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

nav#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-bottom:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:background .35s var(--lg-ease), box-shadow .35s var(--lg-ease), top .25s var(--lg-ease);
  -apple-visual-effect:none}
nav#navbar::before{content:none;display:none}
body.dark nav#navbar{background:rgba(14,14,18,.96);border-bottom-color:rgba(255,255,255,.1);
  box-shadow:0 1px 0 rgba(0,0,0,.4)}
body.dark nav#navbar::before{content:none;display:none}
nav#navbar.live-offset{top:41px}
#navbar{visibility:visible}
body.has-site-nav{padding-top:86px}

/* Side columns size to chrome; leftover goes to the pill so laptops keep the full menu.
   Equal 1fr+1fr stole the same width as the right cluster from the logo side and forced burger. */
.nav-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:12px 18px;height:86px;width:100%;max-width:none;margin:0;padding:0 max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));
  box-sizing:border-box;position:relative;z-index:1}
.nav-logo{display:flex;align-items:center;align-self:stretch;flex:0 0 auto;text-decoration:none;
  max-width:min(326px,30vw);min-width:90px;height:100%;padding:0;grid-column:1;justify-self:start;
  transition:transform .35s var(--lg-ease), filter .35s var(--lg-ease)}
.nav-logo:hover{transform:scale(1.02)}
.site-logo-word{display:none!important}
.nav-logo img:not([src]),.nav-logo img[src=""]{visibility:hidden}
.nav-logo img,.nav-logo #site-logo{height:auto;max-height:88px;min-height:54px;width:auto!important;
  max-width:100%!important;object-fit:contain;object-position:left center;display:block}

/* Floating glass capsule for links — must never spill over profile/CTA (Safari font metrics are wider) */
.nav-links{display:flex;align-items:center;justify-content:center;gap:2px;
  list-style:none;margin:0 auto;padding:4px 16px;grid-column:2;justify-self:center;
  min-width:0;width:fit-content;max-width:100%;box-sizing:border-box;
  overflow:hidden;flex-wrap:nowrap;position:relative;z-index:1;isolation:isolate;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--lg-radius);
  box-shadow:0 4px 18px rgba(15,15,20,.08), inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  -apple-visual-effect:none;
  transition:box-shadow .4s var(--lg-ease), transform .4s var(--lg-ease)}
.nav-links:hover{box-shadow:0 8px 24px rgba(15,15,20,.1), inset 0 1px 0 rgba(255,255,255,.95)}
body.dark .nav-links{background:rgba(28,28,34,.96);border-color:rgba(255,255,255,.12);
  box-shadow:0 8px 28px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1)}

/* Sliding Liquid Glass pill — border-box so JS width/height match the painted bubble */
.nav-glass-pill{position:absolute;left:0;top:0;z-index:0;pointer-events:none;
  box-sizing:border-box;width:40px;height:34px;border-radius:var(--lg-radius);opacity:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(245,245,247,.92) 100%);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:
    0 4px 14px rgba(15,15,20,.08),
    0 1px 4px rgba(15,15,20,.04),
    inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(18px) saturate(220%);
  backdrop-filter:blur(18px) saturate(220%);
  transform-origin:0 0;
  transform:translate3d(0,0,0) scale(.92);
  transition:
    transform .55s var(--lg-ease),
    width .55s var(--lg-ease),
    height .55s var(--lg-ease),
    opacity .28s ease,
    box-shadow .45s var(--lg-ease);
  will-change:transform,width,height,opacity}
.nav-glass-pill.is-on{opacity:1}
.nav-glass-pill.is-moving{box-shadow:
  0 8px 20px rgba(15,15,20,.1),
  0 2px 8px rgba(15,15,20,.06),
  inset 0 1px 0 #fff}
.nav-glass-pill.is-pressing{box-shadow:
  0 2px 8px rgba(15,15,20,.08),
  inset 0 2px 6px rgba(15,15,20,.08),
  inset 0 1px 0 rgba(255,255,255,.9)}
.nav-glass-pill::after{content:"";position:absolute;left:12%;right:12%;top:1px;height:42%;
  border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.85), transparent);
  pointer-events:none}
body.dark .nav-glass-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 100%);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.35)}

/* Do not shrink below label width — shrunk <a> boxes make the glass pill start mid-word */
.nav-links li{display:flex;flex:0 0 auto;min-width:max-content;justify-content:center;align-items:center;position:relative;z-index:1}
/* Symmetric pad-x so glyphs sit in the middle of the measured box (and thus the pill).
   Global = former shop look: Manrope (not Barlow), weight 600, no active weight bump. */
.nav-links a{position:relative;z-index:1;color:var(--lg-text);text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --nav-ls:clamp(.01em,.02vw,.035em);
  --nav-pad-x:clamp(12px,0.85vw,16px);
  font-size:clamp(11px,0.78vw,13.5px);
  font-weight:600;letter-spacing:var(--nav-ls);text-transform:uppercase;
  white-space:nowrap;line-height:1;border-radius:var(--lg-radius);
  padding:8px var(--nav-pad-x);
  margin-inline-end:calc(var(--nav-ls) * -1);
  text-align:center;width:auto;box-sizing:border-box;
  background:transparent!important;box-shadow:none!important;
  transition:color .35s var(--lg-ease), transform .35s var(--lg-ease), opacity .25s ease;
  -webkit-tap-highlight-color:transparent}
.nav-links a:hover{color:var(--gold-dim,#a8872e);transform:translateY(-0.5px)}
.nav-links a.is-active,.nav-links a[aria-current="page"]{color:#111;font-weight:600}
.nav-links a.is-active::after,
.nav-links a[aria-current="page"]::after,
.nav-links a::after{content:none!important;display:none!important}
body.dark .nav-links a{color:var(--lg-text)}
body.dark .nav-links a:hover,
body.dark .nav-links a.is-active,
body.dark .nav-links a[aria-current="page"]{color:var(--gold,#C9A84C)}

.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;
  grid-column:3;min-width:0;flex-shrink:0;position:relative;z-index:2;justify-self:end}

.nav-toolbar{display:flex;align-items:center;gap:2px;padding:4px;position:relative;
  background:rgba(255,255,255,.96);border:none;border-radius:var(--lg-radius);
  box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
body.dark .nav-toolbar{background:rgba(28,28,34,.96)}
.nav-tool-pill{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;
  box-sizing:border-box;border-radius:var(--lg-radius);
  background:rgba(255,255,255,.55);
  border:none;
  box-shadow:none;
  transition:transform .5s var(--lg-ease), width .5s var(--lg-ease), height .5s var(--lg-ease), opacity .25s ease;
  will-change:transform,width,height}
.nav-tool-pill.is-on{opacity:1}
body.dark .nav-tool-pill{background:rgba(255,255,255,.12);border:none}
.nav-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:1;
  padding:9px 14px;border-radius:var(--lg-radius);border:none;outline:none;background:transparent!important;
  box-shadow:none;color:var(--lg-text);font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;
  text-decoration:none;cursor:pointer;transition:color .3s var(--lg-ease), transform .3s var(--lg-ease);white-space:nowrap}
.nav-tool:hover{color:var(--gold-dim,#a8872e);transform:translateY(-0.5px)}
body.dark .nav-tool{color:var(--lg-text)}
.nav-tool.nav-user.is-auth{color:var(--gold)}
.nav-tool.nav-user.is-auth .tool-label{display:inline!important;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-tool .tool-icon,.nav-cart-icon,.mobile-account-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.nav-icon{width:18px;height:18px;display:block}
.nav-tool,.nav-cart-btn{flex-shrink:0}
.nav-tool.nav-theme,
#themeToggleMobile{display:none!important}
.nav-tool .tool-label{display:none}
.nav-tool.nav-theme{padding:8px 11px;min-width:38px}

.nav-cta{background:var(--gold,#C9A84C);
  color:#111;border:none;outline:none;padding:11px 18px;
  font-family:'Barlow',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  border-radius:var(--lg-radius);text-decoration:none;
  transition:transform .35s var(--lg-ease), filter .35s var(--lg-ease);
  white-space:nowrap;box-shadow:none}
.nav-cta:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.04);box-shadow:none}
.nav-cta:active{transform:translateY(0) scale(.98)}

.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;
  background:rgba(255,255,255,.96);border:none;outline:none;padding:10px 11px;border-radius:16px;
  box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transition:transform .3s var(--lg-ease), background .3s var(--lg-ease)}
body.dark .nav-burger{background:rgba(28,28,34,.96)}
.nav-burger:hover{transform:scale(1.05)}
.nav-burger span{display:block;width:20px;height:2px;background:var(--lg-text);border-radius:2px;
  transition:transform .35s var(--lg-ease), opacity .25s}
body.dark .nav-burger span{background:var(--lg-text)}

.mobile-menu{display:none;flex-direction:column;
  background:rgba(255,255,255,.28);border:1px solid var(--lg-stroke);border-top:none;
  margin:0 10px 12px;padding:14px 14px 20px;gap:8px;
  border-radius:0 0 var(--lg-radius-panel) var(--lg-radius-panel);
  max-height:calc(100dvh - 84px);overflow-y:auto;-webkit-overflow-scrolling:touch;
  box-shadow:var(--lg-shadow), inset 0 1px 0 rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);
  -apple-visual-effect:-apple-system-glass-material}
body.dark .mobile-menu{background:rgba(16,16,22,.55)}
.mobile-menu.open{display:flex;animation:lgMenuIn .45s var(--lg-ease) both}
@keyframes lgMenuIn{
  from{opacity:0;transform:translateY(-10px) scale(.98);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
.mobile-menu a{color:var(--lg-text);text-decoration:none;font-size:16px;
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:12px 14px;
  border-radius:18px;border:1px solid transparent;
  transition:background .3s var(--lg-ease), border-color .3s var(--lg-ease), transform .3s var(--lg-ease), color .3s var(--lg-ease);
  opacity:0;animation:lgItemIn .4s var(--lg-ease) forwards}
.mobile-menu.open a:nth-child(1){animation-delay:.04s}
.mobile-menu.open a:nth-child(2){animation-delay:.07s}
.mobile-menu.open a:nth-child(3){animation-delay:.1s}
.mobile-menu.open a:nth-child(4){animation-delay:.13s}
.mobile-menu.open a:nth-child(5){animation-delay:.16s}
.mobile-menu.open a:nth-child(6){animation-delay:.19s}
.mobile-menu.open a:nth-child(7){animation-delay:.22s}
.mobile-menu.open a:nth-child(8){animation-delay:.25s}
.mobile-menu.open a:nth-child(9){animation-delay:.28s}
.mobile-menu.open a:nth-child(n+10){animation-delay:.3s}
@keyframes lgItemIn{from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:none}}
.mobile-menu a:hover,.mobile-menu a.is-active,.mobile-menu a[aria-current="page"]{
  color:var(--gold-dim,#a8872e);background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.45);
  transform:translateX(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
body.dark .mobile-menu a{color:var(--lg-text)}
body.dark .mobile-menu a:hover,body.dark .mobile-menu a.is-active{
  background:rgba(255,255,255,.08);color:var(--gold)}
.mobile-menu .mobile-account{display:flex;align-items:center;gap:8px}
.mobile-menu .mobile-account.is-auth{color:var(--gold,#C9A84C)}
.mobile-menu .mobile-cart-link{display:inline-flex;align-items:center;gap:8px}
#mobileMenuLinks{display:flex;flex-direction:column;gap:4px}

.nav-cart-btn{background:rgba(255,255,255,.96);color:var(--lg-text);
  border:none;outline:none;padding:11px 16px;
  font-family:'Barlow',sans-serif;font-size:12px;font-weight:800;border-radius:var(--lg-radius);
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transition:transform .35s var(--lg-ease), color .3s var(--lg-ease), background .3s var(--lg-ease)}
.nav-cart-btn:hover{transform:translateY(-2px) scale(1.03);color:var(--gold-dim,#a8872e);
  box-shadow:none}
body.dark .nav-cart-btn{background:rgba(28,28,34,.96);color:var(--lg-text)}
body.dark .nav-cart-btn:hover{color:var(--gold,#C9A84C)}
.nav-cart-btn .cart-count{background:#111;color:var(--gold,#C9A84C);border:none;box-shadow:none;border-radius:50%;
  min-width:18px;height:18px;padding:0 4px;font-size:10px;display:inline-flex;
  align-items:center;justify-content:center;font-weight:800}
/* Cart + shop chrome are always visible (shop look site-wide) — never hide by page class */
body.account-page.has-site-nav{padding-top:0}
body.account-page nav#navbar{position:sticky;top:0}

.messaging-fabs{position:fixed;z-index:10010;bottom:max(24px,env(safe-area-inset-bottom,0px));right:max(24px,env(safe-area-inset-right,0px));
  display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.messaging-fabs[hidden]{display:none!important}
.messaging-menu{display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);
  transition:opacity .28s var(--lg-ease),transform .28s var(--lg-ease),visibility .28s;pointer-events:none;
  padding:10px;border-radius:22px;background:var(--lg-capsule);border:1px solid var(--lg-stroke);
  box-shadow:var(--lg-shadow), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(22px) saturate(210%);backdrop-filter:blur(22px) saturate(210%);
  -apple-visual-effect:-apple-system-glass-material}
.messaging-fabs.is-open .messaging-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.messaging-menu-item{display:inline-flex!important;align-items:center;gap:10px;padding:10px 16px 10px 12px;
  border-radius:var(--lg-radius);color:#fff!important;text-decoration:none!important;font-family:'Barlow',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.03em;white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s var(--lg-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.messaging-menu-item:hover{transform:translateX(-2px) scale(1.02)}
.messaging-menu-item.whatsapp{background:linear-gradient(180deg,#3be07a,#25D366)}
.messaging-menu-item.viber{background:linear-gradient(180deg,#8b7af5,#7360f2)}
.messaging-fab-main{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;
  border:1px solid var(--lg-stroke);cursor:pointer;padding:12px 18px 12px 14px;border-radius:var(--lg-radius);
  background:var(--lg-capsule);color:var(--lg-text)!important;
  font-family:'Barlow',sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em;
  box-shadow:var(--lg-shadow), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(22px) saturate(210%);backdrop-filter:blur(22px) saturate(210%);
  -apple-visual-effect:-apple-system-glass-material;text-decoration:none!important;
  transition:transform .3s var(--lg-ease), box-shadow .3s var(--lg-ease), color .3s var(--lg-ease), background .3s var(--lg-ease);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.messaging-fab-main .messaging-fab-icon{width:22px;height:22px;color:currentColor;flex-shrink:0}
.messaging-fab-main .messaging-fab-icon svg{width:22px;height:22px;display:block}
.messaging-fab-main:hover,
.messaging-fabs.is-open .messaging-fab-main{transform:translateY(-3px) scale(1.03);color:var(--gold-dim,#a8872e)!important;
  box-shadow:0 16px 48px rgba(15,15,20,.14), inset 0 1px 0 rgba(255,255,255,.7)}
body.dark .messaging-fab-main:hover,
body.dark .messaging-fabs.is-open .messaging-fab-main{color:var(--gold,#C9A84C)!important}
body.has-messaging-widgets #scroll-top{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
body.has-cookie-banner-visible .messaging-fabs{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
body.has-cart-open .messaging-fabs,
body.modal-open .messaging-fabs,
body.ecl-checkout-open .messaging-fabs{display:none!important}
@media(max-width:767px){
  .messaging-fabs{bottom:max(20px,env(safe-area-inset-bottom,0px));right:max(16px,env(safe-area-inset-right,0px))}
  .messaging-fab-main{width:auto;min-width:58px;height:auto;min-height:48px;padding:10px 14px;border-radius:var(--lg-radius);max-width:calc(100vw - 32px)}
  .messaging-fab-main .messaging-fab-label{display:inline;font-size:12px;letter-spacing:.02em;white-space:nowrap;overflow:visible;text-overflow:clip}
  body.has-messaging-widgets #scroll-top{bottom:calc(88px + env(safe-area-inset-bottom,0px));right:16px}
  body.has-cookie-banner-visible .messaging-fabs{bottom:calc(128px + env(safe-area-inset-bottom,0px))}
}

.social-links{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.social-link{display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;transition:transform .25s var(--lg-ease),opacity .2s;line-height:0}
.social-link:hover{transform:translateY(-2px) scale(1.08);opacity:.95}
.social-icon{width:18px;height:18px;display:block}
.social-facebook .social-icon{color:#1877F2}
.social-instagram .social-icon{color:#E4405F}
.social-linkedin .social-icon{color:#0A66C2}
.social-tiktok .social-icon{color:#010101}
.social-youtube .social-icon{color:#FF0000}
body.dark .social-tiktok .social-icon{color:#fff}
.nav-social{display:inline-flex;align-items:center;padding:0 4px 0 2px;border-right:1px solid var(--lg-stroke-soft);margin-right:2px}
.nav-social[hidden]{display:none!important}
.nav-social-links{gap:4px}
.nav-social-link{padding:6px;border-radius:var(--lg-radius)}
.nav-social-link:hover{background:rgba(255,255,255,.25)}
.nav-social-link .social-icon{width:16px;height:16px}
.mobile-social{padding:4px 0 8px;border-bottom:1px solid var(--lg-stroke-soft);margin-bottom:4px}
.mobile-social[hidden]{display:none!important}
.mobile-social-links{gap:12px}
.mobile-social-link .social-icon{width:22px;height:22px}
.footer-social-links{gap:12px}
.footer-social-link .social-icon{width:20px;height:20px}
@media(max-width:1280px){.nav-social{display:none!important}}
@media(min-width:1500px){
  .nav-inner{padding:0 max(28px,env(safe-area-inset-right,0px)) 0 max(28px,env(safe-area-inset-left,0px));gap:14px 22px}
  .nav-logo{max-width:min(342px,30vw)}
  .nav-links{gap:2px;padding:5px 16px}
  .nav-links a{font-size:13.5px;--nav-ls:.03em;--nav-pad-x:16px;padding:10px 16px;letter-spacing:.03em}
  .nav-tool .tool-label{display:inline}
  .nav-tool.nav-user.is-auth .tool-label{max-width:140px}
  .nav-cta{padding:12px 20px;font-size:12px}
}
/* Mid desktop / laptop: keep full menu (compact metrics) — burger only under ~900px */
@media(min-width:900px) and (max-width:1499px){
  .nav-inner{gap:6px 8px;padding:0 10px;height:82px}
  body.has-site-nav{padding-top:82px}
  .nav-logo{max-width:min(280px,26vw);min-width:84px}
  .nav-logo img,.nav-logo #site-logo{max-height:72px;min-height:48px}
  .nav-links{
    width:fit-content;max-width:100%;justify-self:center;margin:0 auto;
    justify-content:center;gap:clamp(1px,.3vw,5px);padding:4px 10px}
  .nav-links a{
    --nav-ls:.012em;--nav-pad-x:clamp(10px,.55vw,13px);
    padding:8px var(--nav-pad-x);
    font-size:clamp(10.75px,.75vw,12px);letter-spacing:.012em}
  .nav-tool{padding:7px 8px;font-size:11px}
  .nav-tool .tool-label{display:none}
  .nav-tool.nav-user.is-auth .tool-label{display:none!important}
  .nav-cta{padding:9px 10px;font-size:10.5px}
  .nav-cart-btn{padding:9px 11px}
  .nav-right{gap:4px}
  .nav-toolbar{gap:1px;padding:3px}
}
/* Magazin tool duplicates the pill link — hide site-wide under 1500 so right cluster width matches shop */
@media(max-width:1499px){
  .nav-tool.nav-shop{display:none!important}
}
/* Burger: phones only (always). Tablet portrait uses .nav-overflow when needed. */
@media (max-width:767px){
  body.has-site-nav{padding-top:72px}
  .nav-inner{display:flex;justify-content:space-between;height:72px;padding:0 16px;gap:10px;overflow:visible;max-width:none;width:100%}
  .nav-links,.nav-toolbar,.nav-cta{display:none!important}
  .nav-burger{display:flex}
  .nav-right{gap:8px;min-width:0;flex-shrink:0;margin-left:auto}
  .nav-logo{min-width:0;flex:0 1 auto;max-width:calc(100% - 100px);margin-right:auto}
  .nav-logo img,.nav-logo #site-logo{max-height:54px;min-height:46px;max-width:min(240px,55vw)!important}
  .nav-cart-btn{padding:9px 13px;font-size:11px}
  .mobile-menu{max-height:calc(100dvh - 72px);margin:0 8px 10px}
}
/* Tablet portrait: burger only when JS marks overflow */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
  body.has-site-nav.nav-force-burger{padding-top:72px}
  #navbar.nav-overflow .nav-inner{display:flex;justify-content:space-between;height:72px;padding:0 16px;gap:10px;overflow:visible;max-width:none;width:100%}
  #navbar.nav-overflow .nav-links,
  #navbar.nav-overflow .nav-toolbar,
  #navbar.nav-overflow .nav-cta{display:none!important}
  #navbar.nav-overflow .nav-burger{display:flex}
  #navbar.nav-overflow .nav-right{gap:8px;min-width:0;flex-shrink:0;margin-left:auto}
  #navbar.nav-overflow .nav-logo{min-width:0;flex:0 1 auto;max-width:calc(100% - 100px);margin-right:auto}
  #navbar.nav-overflow .nav-logo img,
  #navbar.nav-overflow .nav-logo #site-logo{max-height:54px;min-height:46px;max-width:min(240px,55vw)!important}
  #navbar.nav-overflow .nav-cart-btn{padding:9px 13px;font-size:11px}
  #navbar.nav-overflow .mobile-menu{max-height:calc(100dvh - 72px);margin:0 8px 10px}
}
/* Tablet landscape + laptop/desktop: never burger */
@media (min-width:768px) and (orientation:landscape), (min-width:1025px){
  .nav-burger,
  #navbar.nav-overflow .nav-burger{display:none!important}
  #navbar.nav-overflow .nav-links,
  #navbar.nav-overflow .nav-toolbar{display:flex!important}
  #navbar.nav-overflow .nav-cta{display:inline-flex!important}
  #navbar.nav-overflow .mobile-menu.open,
  #navbar.nav-overflow .mobile-menu{display:none!important}
}
@media(max-width:767px){
  .nav-logo img,.nav-logo #site-logo{max-height:52px;min-height:44px;max-width:min(220px,52vw)!important}
}

@media (prefers-reduced-motion: reduce){
  .nav-glass-pill,.nav-tool-pill,.nav-links a,.nav-tool,.nav-cta,.mobile-menu,.mobile-menu a,.messaging-menu,.messaging-fab-main{
    transition:none!important;animation:none!important}
}
@media (prefers-reduced-transparency: reduce){
  nav#navbar,.nav-links,.nav-toolbar,.mobile-menu,.messaging-menu,.messaging-fab-main,.nav-glass-pill{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  nav#navbar{background:rgba(255,255,255,.96)}
  body.dark nav#navbar{background:rgba(14,14,18,.96)}
  .nav-links,.nav-toolbar,.mobile-menu,.messaging-menu,.messaging-fab-main{background:rgba(255,255,255,.94)}
  body.dark .nav-links,body.dark .nav-toolbar,body.dark .mobile-menu,
  body.dark .messaging-menu,body.dark .messaging-fab-main{background:rgba(22,22,28,.94)}
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  nav#navbar{background:rgba(255,255,255,.96)}
  body.dark nav#navbar{background:rgba(14,14,18,.96)}
  .nav-links,.nav-toolbar,.mobile-menu,.messaging-menu,.messaging-fab-main{background:rgba(255,255,255,.92)}
  body.dark .nav-links,body.dark .nav-toolbar,body.dark .mobile-menu,
  body.dark .messaging-menu,body.dark .messaging-fab-main{background:rgba(22,22,28,.92)}
}