/* Shared header v4: mega menus + live search (all pages) */
@media(min-width:951px){#site-nav .menu>li.has-mega{position:static}#site-nav .menu>li.has-mega>.sub.mega{top:calc(100% - 8px)}}
header .header-inner{position:relative}
#site-nav .sub.mega{left:0;right:0;top:100%;min-width:0;width:auto;display:grid;grid-template-columns:240px 1fr;gap:18px;padding:18px;border-radius:0 0 16px 16px;margin:0}
#site-nav .sub.mega .mm-body.solo{grid-column:1/-1}
.mm-tabs{display:flex;flex-direction:column;gap:4px;border-right:1px solid #1f3a48;padding-right:14px}
.mm-tab{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 12px;border-radius:10px;border:0;background:none;color:#c9d6de;font-weight:600;font-size:14px;border-left:3px solid transparent}
.mm-tab span{opacity:0;transition:.2s}
.mm-tab[aria-selected="true"],.mm-tab:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:#fff;border-left-color:var(--accent)}
.mm-tab[aria-selected="true"] span{opacity:1;color:var(--accent)}
.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mm-card{display:flex;flex-direction:column;gap:6px;padding:0!important;border-radius:12px;overflow:hidden;background:#06192299;border:1px solid #ffffff10;transition:.2s}
.mm-card:hover{border-color:#65ceff66;transform:translateY(-2px)}
.mm-img{aspect-ratio:16/9;overflow:hidden;background:#06141d}.mm-img img{width:100%;height:100%;object-fit:cover;display:block}
.mm-t{padding:0 10px;font-size:13px;font-weight:650;line-height:1.3;color:#eef6fa}.mm-d{padding:0 10px 10px;font-size:11px;color:#8aa0ad}
.mm-all{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--accent,#33b5ff)!important;padding:0!important}
.mm-links{display:none}
.mm-empty{color:#8aa0ad;font-size:13px}
@media(max-width:950px){
 #site-nav .sub.mega{display:none;grid-template-columns:1fr;padding:6px}
 #site-nav .has-sub.open .sub.mega{display:block}
 #site-nav .sub.mega .mm-tabs,#site-nav .sub.mega .mm-body{display:none}
 #site-nav .sub.mega .mm-body.solo{display:block}#site-nav .sub.mega .mm-body.solo .mm-grid{grid-template-columns:1fr 1fr}
 .mm-links{display:block;list-style:none;margin:0;padding:0}.mm-links a{border-left:3px solid var(--accent);margin:3px 0}
}
/* header search */
.hs-search{position:relative;display:flex;align-items:center;margin-left:auto}
#site-nav{margin-left:auto}
.hs-toggle{width:42px;height:42px;border-radius:12px;border:1px solid #2a4756;background:#04131d99;display:grid;place-items:center;color:#cfe6f0}
.hs-toggle svg{width:18px;height:18px}
.hs-form{position:absolute;right:0;top:calc(100% + 10px);width:min(460px,92vw);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:80}
.hs-search.open .hs-form{opacity:1;visibility:visible;transform:none}
.hs-form input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid #33b5ff88;background:#03121bf5;color:#fff;font:inherit;box-shadow:0 20px 50px #000a}
.hs-list{list-style:none;margin:8px 0 0;padding:6px;border-radius:12px;background:#04131df7;border:1px solid #2a4756;box-shadow:0 20px 50px #000a;max-height:70vh;overflow:auto}
.hs-list:empty{display:none}
.hs-list a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:9px}
.hs-list img{width:96px;height:54px;object-fit:cover;border-radius:6px;flex:none;background:#06141d}
.hs-list b{display:block;font-size:13px;line-height:1.3}.hs-list em{display:block;font-size:11px;font-style:normal;margin-top:3px}
.hs-list li.sel a,.hs-list a:hover{background:#33b5ff1f}
.hs-all a{justify-content:center;font-size:13px;color:#65ceff;font-weight:650}
@media(max-width:950px){.hs-form{position:fixed;left:4%;right:4%;top:84px;width:auto}}
#site-nav .sub.mega{background:#04131dfa}
html.lenis,html.lenis body{scroll-behavior:auto!important}/* smooth CSS scroll broke ScrollTrigger refresh measurements under Lenis */
@media(max-width:950px){body:has(.catalog-tab) .cat-btn{display:none}}
footer .footer-grid a:not(.social a):hover{color:#fff;text-shadow:0 0 8px #00f5ff,0 0 18px rgba(0,245,255,.6)}footer .footer-grid a{transition:color .25s,text-shadow .25s}
/* v8: Learn mega quick links + thumbnail fix (mm-img is a <span>: force block box so aspect-ratio applies; the
   generic "#site-nav .sub a" padding/line rules were collapsing it to a thin strip) */
.mm-quick{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #1f3a48;padding-top:12px}
#site-nav .mm-quick a{padding:7px 12px!important;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)!important;font-size:13px;font-weight:700;background:color-mix(in srgb,var(--accent) 8%,transparent)}
#site-nav .mm-card .mm-img{display:block!important;width:100%;height:auto!important;aspect-ratio:16/9;flex:none;padding:0!important;margin:0!important;line-height:0}
#site-nav .mm-card .mm-img img{width:100%!important;height:100%!important;max-width:none;object-fit:cover}
#site-nav .mm-card{min-width:0}
@media(max-width:950px){.mm-quick{display:none}}
/* v8: mobile header showed two magnifier icons (header search + catalog button). On small screens keep one: the header search. */
@media(max-width:950px){header .cat-btn{display:none!important}}