/* ===== site menu dropdowns (Apps / Products / Free Gifts) =====
   Markup: <details class="mgrp"><summary class="nav-top">…</summary><div class="mega">…</div></details>
   Open/close is native <details> (works with no JS). Mobile (<=900px): accordion inside the Menu panel.
   Desktop (>=901px): same <details> shown as a mega-menu; lux2.js adds hover only for (hover:hover) and (pointer:fine). */
.head-in{position:relative}
.site-nav .nav-list>li>a,.site-nav .nav-top{letter-spacing:.06em;font-size:.86rem;text-transform:uppercase}
.mgrp{margin:0}
.site-nav .nav-top{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:8px;color:#DCD8CE;font-family:var(--sans);font-weight:400;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(233,210,159,.15)}
.site-nav .nav-top::-webkit-details-marker{display:none}
.site-nav .nav-top::marker{content:""}
.mgrp[open]>.nav-top{color:var(--champ)}
@media (hover:hover) and (pointer:fine){.site-nav .nav-top:hover{color:var(--champ)}}
.site-nav .nav-top:focus-visible,.site-nav .mitem:focus-visible,.site-nav .mega-all:focus-visible{outline:2px solid var(--champ);outline-offset:2px}
.nav-top .chev{width:16px;height:16px;flex:none;transition:transform .2s ease}
.mgrp[open]>.nav-top .chev{transform:rotate(180deg)}
.site-nav .mega{display:block}
.site-nav .mega a{text-transform:none;letter-spacing:normal}
.site-nav ul.mega-grid{display:grid;gap:4px;list-style:none;margin:0;padding:0}
.site-nav a.mitem{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px;border-radius:10px;color:var(--ivory);text-decoration:none;font-size:.95rem}
@media (hover:hover){.site-nav a.mitem:hover{background:rgba(233,210,159,.08);color:var(--ivory)}}
.mitem img,.mthumb-ph{flex:none;width:66px;height:44px;border-radius:6px;object-fit:cover;background:#1B2023;border:1px solid rgba(233,210,159,.22)}
.mtxt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.mname{font-weight:600;color:var(--ivory)}
.mline{font-size:.8rem;color:#BEB8AA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-nav a.mega-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;padding:0 12px;color:var(--champ);font-weight:600;font-size:.9rem;text-decoration:none}
.site-nav .btn{min-height:44px}
@media (min-width:901px){
 .site-nav .has-mega{position:static}
 .site-nav .nav-top{display:inline-flex}
 .site-nav .mega{position:absolute;left:0;right:0;top:100%;padding-top:8px;z-index:50}
 .mega-in{background:#0C1011;border:1px solid rgba(233,210,159,.25);border-top:2px solid var(--gold);border-radius:0 0 14px 14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.65);padding:18px 18px 12px;max-height:calc(100vh - 96px);overflow-y:auto}
 .site-nav ul.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}
}
@media (max-width:900px){
 .site-nav.open{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .site-nav ul.nav-list>li{border-bottom:1px solid rgba(233,210,159,.12)}
 .site-nav ul.nav-list>li>a,.site-nav .nav-top{width:100%;min-height:52px;justify-content:space-between;padding:0 6px;font-size:1rem;color:var(--ivory)}
 .mgrp[open]>.nav-top{color:var(--champ)}
 .nav-top .chev{width:22px;height:22px;color:var(--champ)}
 .mega-in{padding:0 0 12px}
 .site-nav ul.mega-grid{grid-template-columns:1fr}
 .mline{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .site-nav a.mega-all{letter-spacing:.04em}
}
@media (min-width:600px) and (max-width:900px){.site-nav ul.mega-grid{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.nav-top .chev{transition:none}}