/* Desktop category panels. Load after catalog-flow.css; mobile keeps its drawer. */
.gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { position:static; align-self:stretch; overflow:visible; }
.gear-shop-page .xfg-shop-mega { position:static; display:flex; align-items:stretch; }
.gear-shop-page .xfg-shop-mega__trigger { display:flex; align-items:center; justify-content:center; min-height:56px; padding:0 18px; border:0; border-radius:0; background:transparent; color:#f1f1f1; font:700 13px/1.2 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:.3px; text-transform:uppercase; white-space:nowrap; cursor:pointer; }
.gear-shop-page .xfg-shop-mega__trigger:hover,.gear-shop-page .xfg-shop-mega__trigger[aria-expanded="true"] { background:#191b1d; color:#f2c45e; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel { position:absolute; top:100%; left:0; right:0; z-index:30; margin:0; border:0; border-top:1px solid #ffffff08; border-bottom:1px solid #ffffff16; background:#232527; box-shadow:0 16px 24px #0005; max-height:calc(100dvh - 120px); overflow:auto; overscroll-behavior:contain; }
.gear-shop-page .xfg-shop-mega__panel[hidden] { display:none!important; }
.gear-shop-page .xfg-shop-mega__panel[inert] { pointer-events:none; }
.gear-shop-page .xfg-shop-mega__inner { display:grid; grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(0,1.25fr) minmax(0,1.25fr); align-items:start; gap:24px; width:min(1440px,100%); margin:auto; padding:20px 30px; }
.gear-shop-page .xfg-shop-mega__column { min-width:0; padding-top:3px; }
.gear-shop-page .xfg-shop-mega__column > p { margin:0 0 9px; color:#b5b6b8; font:600 10px/1.3 "Segoe UI",Arial,sans-serif; letter-spacing:.5px; text-transform:uppercase; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { display:block; min-height:0; padding:5px 0; color:#f0f0ef; background:transparent; font:400 12px/1.4 "Segoe UI",Arial,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link:hover { color:#f2c45e; text-decoration:underline; text-underline-offset:3px; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link--all { color:#edc673; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo { display:block; min-height:0; min-width:0; padding:0; color:#fff; background:#191b1d; font:600 12px/1.35 "Segoe UI",Arial,sans-serif; text-transform:none; letter-spacing:0; text-decoration:none; }
.gear-shop-page .xfg-shop-mega__promo > img { display:block; width:100%; height:116px; object-fit:contain; background:#ddd9d2; }
.gear-shop-page .xfg-shop-mega__promo > span { display:block; padding:9px 11px; }
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:hover { color:#f2c45e; background:#141617; }
.gear-shop-page .xfg-shop-mega :is(button,a):focus-visible { outline:2px solid #edc673; outline-offset:-2px; }
@media(min-width:821px) {
 .gear-shop-page .xfg-shop-navbar { position:relative; overflow:visible; }
 .gear-shop-page .xfg-shop-header { overflow:visible; }
 /* Only pages with the catalog header driver adopt document/sticky flow. */
 .gear-shop-page .xfg-shop-header[data-shop-header-flow] { top:auto; transform:none; transition:none; }
 .gear-shop-page .xfg-shop-header[data-shop-header-flow].is-sticky { top:0; }
 .gear-shop-page .xfg-shop-header[data-shop-header-flow].is-hidden:not(:has(.xfg-shop-drawer.is-open)) { top:calc(-1 * var(--shop-header-height)); transform:none; }
 .gear-shop-page .xfg-shop-header[data-shop-header-flow].is-animating { transition:top 150ms ease-out; }
}
@media(min-width:821px) and (prefers-reduced-motion:reduce) {
 .gear-shop-page .xfg-shop-header[data-shop-header-flow].is-animating { transition:none; }
}
@media(min-width:821px) and (max-width:1100px) {
 .gear-shop-page .xfg-shop-mega__trigger { padding-inline:12px; font-size:12px; }
 .gear-shop-page .xfg-shop-mega__inner { gap:20px; padding:18px 24px; }
 .gear-shop-page .xfg-shop-mega__promo > img { height:112px; }
 .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { font-size:11px; padding-block:4px; }
 .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo { font-size:11px; }
}
@media(max-width:820px) {
 .gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { display:none!important; }
 .gear-shop-page .xfg-shop-mega__panel { display:none!important; }
}

/* Transparent artwork in menu promos only; product-grid photography is unchanged. */
@media(min-width:821px) {
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__inner {
        width:min(1090px,100%); grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,204px);
        gap:28px; padding-inline:24px; margin-inline:auto;
    }
}
@media(min-width:821px) and (max-width:1100px) {
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__inner {
        grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,190px); gap:24px;
    }
}
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout,
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout:hover {
    overflow:hidden; font-size:16px;
    background:var(--shop-photo,#f0ede6);
}
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img {
    padding:0; height:auto; aspect-ratio:16/9; object-fit:contain; object-position:center; background:transparent;
    filter:drop-shadow(0 5px 5px #0007); transform:scale(var(--menu-cutout-scale,1)); transform-origin:center;
}
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > span {
    position:relative; z-index:1; background:#161b21ed;
}
.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout:is(:hover,:focus-visible) > span { background:#1c2631; color:var(--shop-accent,#afd9eb); }
