/* ==========================================================================
   Mustek site header, shared by every page (design: Molemo, Who we are).
   Rendered by site-nav.js. All classes are sn- prefixed so pages can't collide.
   ========================================================================== */
.sn-header,.sn-mobile{
  --sn-blue:#0352e2; --sn-blue-deep:#0246c4; --sn-ink:#0d1330; --sn-text:#4a5273; --sn-line:#d9e0f5;
  --sn-mist:#eef2fd; --sn-orange:#FE792D; --sn-ease:cubic-bezier(.22,1,.36,1);
  --sn-gutter:clamp(16px,4vw,48px);
  font-family:"Google Sans Flex","Google Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
.sn-header *,.sn-mobile *{box-sizing:border-box}
.sn-header a,.sn-mobile a{color:inherit;text-decoration:none}

/* bar: transparent over the hero, blue once scrolled, hides on the way down */
.sn-header{position:fixed;inset:0 0 auto;z-index:60;color:#fff;padding-top:env(safe-area-inset-top,0px);transition:transform .45s var(--sn-ease),background .35s,box-shadow .35s}
.sn-header.sn-solid{background:var(--sn-blue)}
.sn-header.sn-scrolled{background:rgba(3,82,226,.94);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 30px rgba(6,26,107,.25)}
.sn-header.sn-hide{transform:translateY(-100%)}
.sn-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--sn-gutter)}
.sn-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;transition:height .35s var(--sn-ease)}
.sn-scrolled .sn-bar{height:68px}
.sn-logo{display:inline-flex;color:#fff;justify-self:start}
.sn-logo svg{display:block;height:34px;width:auto;aspect-ratio:192/56;transition:height .35s var(--sn-ease)}
.sn-scrolled .sn-logo svg{height:30px}

.sn-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,30px);font-size:14px;font-weight:500}
.sn-nav>a,.sn-drop-btn{position:relative;padding-block:6px;opacity:.92}
.sn-nav>a::after,.sn-drop-btn::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;border-radius:2px;width:100%;background:var(--sn-orange);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--sn-ease)}
.sn-drop-btn::after{right:20px;width:auto}
.sn-nav>a[aria-current="page"],.sn-drop-btn[aria-current="page"]{opacity:1}
.sn-nav>a:hover::after,.sn-nav>a[aria-current="page"]::after,.sn-drop-btn:hover::after,.sn-drop.sn-open .sn-drop-btn::after,.sn-drop-btn[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}

.sn-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.sn-pill{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .3s var(--sn-ease),background .3s,color .3s,box-shadow .3s}
.sn-header .sn-pill--orange,.sn-mobile .sn-pill--orange{background:var(--sn-orange);color:#fff}
.sn-pill--orange:hover{transform:translateY(-1px);background:#ff8a4a;box-shadow:0 10px 26px -8px rgba(254,121,45,.6)}
.sn-header .sn-pill--white,.sn-mobile .sn-pill--white{background:#fff;color:var(--sn-blue)}
.sn-pill--white:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(0,0,0,.45)}
.sn-header :focus-visible,.sn-mobile :focus-visible{outline:3px solid var(--sn-orange);outline-offset:3px;border-radius:6px}

/* Products dropdown: one panel, categories (icon + description) left, that category's brands right */
.sn-drop{position:relative}
.sn-nav .sn-drop-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin:-2px -14px;border-radius:999px;transition:background .25s var(--sn-ease),opacity .25s}
.sn-drop-btn::after{left:14px;right:34px;bottom:2px;width:auto}
.sn-drop.sn-open .sn-drop-btn{background:rgba(255,255,255,.16);opacity:1}
.sn-nav .sn-drop.sn-open .sn-drop-btn::after{transform:scaleX(0)}
.sn-caret{width:14px;height:14px;transition:transform .35s var(--sn-ease)}
.sn-drop.sn-open .sn-caret{transform:rotate(180deg)}
.sn-mega{position:absolute;top:calc(100% + 18px);left:-250px;width:min(800px,calc(100vw - 32px));display:grid;grid-template-columns:1.25fr 1px .75fr;padding:14px;border-radius:20px;background:#F5F6FA;color:var(--sn-ink);box-shadow:0 30px 70px -24px rgba(6,18,60,.38),0 0 0 1px rgba(13,19,48,.07);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:30% 0;transition:opacity .28s var(--sn-ease),transform .35s var(--sn-ease),visibility 0s .35s}
.sn-mega::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.sn-drop.sn-open .sn-mega{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--sn-ease),transform .35s var(--sn-ease),visibility 0s}
.sn-mega-cats{padding:6px}
.sn-mega-divider{background:rgba(13,19,48,.09);margin:10px 0}
.sn-mega-subs{position:relative;padding:6px 6px 6px 22px;display:flex;flex-direction:column}
.sn-mh{margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a90a6;padding:10px 12px}
.sn-mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sn-cat{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:9px 12px;border-radius:14px;color:var(--sn-ink);transition:background .2s}
.sn-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#E6E9F1;color:#3b4258;transition:background .25s,color .25s}
.sn-ic svg{width:19px;height:19px}
.sn-t b{display:block;font-size:15px;font-weight:500;line-height:1.25}
.sn-t small{display:block;font-size:13px;line-height:1.35;color:#7b8197;margin-top:2px}
.sn-cat.sn-on,.sn-cat:focus-visible{background:#E8EBF3}
.sn-cat.sn-on .sn-ic{background:var(--sn-blue);color:#fff}
.sn-sub{display:flex;flex-direction:column;flex:1;animation:snSubIn .3s var(--sn-ease)}
.sn-sub[hidden]{display:none}
@keyframes snSubIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.sn-sub ul{gap:1px}
.sn-brand{display:inline-block;padding:7px 12px;border-radius:10px;font-size:15px;color:var(--sn-ink);transition:background .2s,color .2s}
a.sn-brand:hover,a.sn-brand:focus-visible{background:#E8EBF3}
span.sn-brand{color:#8a90a6}
.sn-header .sn-all{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:16px 12px 8px;font-size:14px;font-weight:500;color:#7b8197;transition:color .2s}
.sn-all svg{width:14px;height:14px;transition:transform .3s var(--sn-ease)}
.sn-header .sn-all:hover{color:var(--sn-blue)}
.sn-all:hover svg{transform:translateX(4px)}
.sn-header .sn-all--foot{margin:4px 0 0;padding:12px 12px 6px;border-top:1px solid rgba(13,19,48,.08);width:100%}
@media (max-width:1100px){.sn-mega{left:-320px}}

/* burger + full-screen mobile menu */
.sn-burger{display:none;justify-self:end;background:none;border:0;color:inherit;width:44px;height:44px;padding:10px;cursor:pointer}
.sn-burger span{display:block;height:2px;background:currentColor;margin:5px 0;transition:transform .35s var(--sn-ease),opacity .2s}
.sn-menu-open .sn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sn-menu-open .sn-burger span:nth-child(2){opacity:0}
.sn-menu-open .sn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sn-mobile{display:none}
@media (max-width:860px){
  .sn-nav,.sn-actions{display:none}
  .sn-bar{grid-template-columns:1fr auto;height:72px}
  .sn-burger{display:block}
  .sn-menu-open .sn-header{background:var(--sn-blue)}
  .sn-mobile{position:fixed;inset:0;z-index:55;background:var(--sn-blue);color:#fff;padding:calc(100px + env(safe-area-inset-top,0px)) var(--sn-gutter) 40px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;transform:translateY(-100%);visibility:hidden;transition:transform .55s var(--sn-ease),visibility 0s .55s}
  .sn-menu-open .sn-mobile{transform:none;visibility:visible;transition:transform .55s var(--sn-ease),visibility 0s}
  .sn-mobile>a{font-size:32px;font-weight:400;padding-block:8px;border-bottom:1px solid rgba(255,255,255,.15)}
  .sn-m-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
  .sn-mobile .sn-pill{border:0;font-size:15px}
}
.sn-m-prod,.sn-m-cat{border-bottom:1px solid rgba(255,255,255,.15)}
.sn-m-prod summary,.sn-m-cat summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.sn-m-prod summary::-webkit-details-marker,.sn-m-cat summary::-webkit-details-marker{display:none}
.sn-m-prod>summary{font-size:32px;font-weight:400;padding-block:8px}
.sn-m-prod summary .sn-caret,.sn-m-cat summary .sn-caret{width:22px;height:22px}
.sn-m-prod[open]>summary .sn-caret,.sn-m-cat[open]>summary .sn-caret{transform:rotate(180deg)}
.sn-m-cats{padding:4px 0 14px 4px}
.sn-m-cat{border-bottom-color:rgba(255,255,255,.1)}
.sn-m-cat>summary{font-size:18px;font-weight:500;padding-block:12px}
.sn-m-cat summary .sn-caret{width:18px;height:18px}
.sn-m-brands{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:2px 0 14px 12px}
.sn-m-brand{font-size:15px;font-weight:400;padding:6px 0;opacity:.85}
.sn-m-all{display:inline-flex;align-items:center;gap:6px;font-weight:600;opacity:1}
.sn-m-all svg{width:14px;height:14px}
@media (prefers-reduced-motion:reduce){.sn-header,.sn-mobile,.sn-mega,.sn-sub{transition:none!important;animation:none!important}}