/* Desktop dropdown proportions measured from the reference. */
@media(min-width:821px) {
    .gear-shop-page .xfg-shop-navbar { position:static; border-radius:2px; }
    .gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { align-self:center; gap:16px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger {
        position:relative; min-height:40px; padding:8px; gap:8px; border:0;
        background:transparent; color:#dadde0;
        font:700 16px/24px "XFG Condensed","Arial Narrow",Arial,sans-serif;
        letter-spacing:.6px; text-transform:none;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger:is(:hover,[aria-expanded="true"]) { background:#1a1a1a; color:#dadde0; border-radius:4px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger::after { content:none; }
    /* Keep the dropdown open while the pointer crosses the visible space below its button. */
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega.is-open > .xfg-shop-mega__trigger::after {
        content:""; position:absolute; top:100%; left:0; right:0; width:auto; height:33px;
        margin:0; border:0; background:transparent; transform:none;
    }
    .gear-shop-page .xfg-shop-menu-label { display:block; }
    .gear-shop-page .xfg-shop-menu-caret {
        display:block; flex:none; width:16px; height:16px;
        fill:none; stroke:currentColor; stroke-width:1.33333; stroke-linecap:round; stroke-linejoin:round;
        transition:transform 160ms ease;
    }
    .gear-shop-page .xfg-shop-mega__trigger[aria-expanded="true"] .xfg-shop-menu-caret { transform:rotate(180deg); }
    .gear-shop-page .xfg-shop-mega.is-open::before {
        content:""; position:absolute; left:0; right:0; top:calc(100% - 20px); height:20px;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel {
        top:100%; left:0; right:0; width:100%; margin:0;
        max-height:calc(100dvh - 178px); border:0; border-bottom:1px solid #ffffff0d;
        border-radius:0; background:var(--shop-panel); box-shadow:none;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__inner {
        display:flex; align-items:center; justify-content:space-between;
        width:min(1440px,100%); margin-inline:auto; padding:32px;
        gap:40px; min-height:259px;
    }
    .gear-shop-page .xfg-shop-mega__links { display:grid; grid-template-columns:repeat(2,max-content); align-items:start; column-gap:64px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__column { padding:0; display:flex; flex-direction:column; gap:16px; }
    .gear-shop-page .xfg-shop-mega__column > p { display:none; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link {
        display:block; min-height:0; padding:0; margin:0;
        font:500 16px/19px var(--shop-text); letter-spacing:.6px;
        color:#dadde0; background:transparent; text-transform:none;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link:is(:hover,:focus-visible) { color:#fff; background:transparent; text-decoration:underline; text-underline-offset:3px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link--all { color:#91e87e; }
    .gear-shop-page .xfg-shop-mega__promos { display:flex; flex:none; align-items:stretch; gap:32px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout {
        display:flex; flex-direction:column; align-items:stretch; width:256px; min-height:0; padding:0; overflow:hidden;
        border:0; border-radius:2px; background:#1b1b1b; color:#dadde0;
        font:500 16px/19px var(--shop-text); letter-spacing:.6px;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > img,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img {
        display:block; width:100%; height:144px; flex:none; padding:0; aspect-ratio:16/9;
        object-fit:cover; object-position:center; filter:none; transform:none; background:#303236;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img {
        object-fit:contain; background:radial-gradient(ellipse at 50% 35%,#42454b,#25272c);
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > span,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > span {
        display:flex; align-items:center; justify-content:flex-start; text-align:left; width:100%; box-sizing:border-box; min-height:51px; padding:16px;
        background:#1b1b1b; color:#dadde0; font:500 16px/19px var(--shop-text); letter-spacing:.6px;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:is(:hover,:focus-visible),
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:is(:hover,:focus-visible) > span,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout:is(:hover,:focus-visible),
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout:is(:hover,:focus-visible) > span { background:#1b1b1b; color:#fff; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:is(:hover,:focus-visible) > span { text-decoration:underline; text-underline-offset:3px; }
}
@media(min-width:1900px) {
    .gear-shop-page .xfg-shop-navbar { border-radius:2.5px; }
    .gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { gap:20px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega.is-open > .xfg-shop-mega__trigger::after { height:46px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger { padding:10px; gap:10px; font-size:20px; }
    .gear-shop-page .xfg-shop-menu-caret { width:20px; height:20px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel { max-height:calc(100dvh - 208px); }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__inner { min-height:288px; padding:40px; }
    .gear-shop-page .xfg-shop-mega__links { column-gap:96px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__column { gap:20px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { font-size:20px; line-height:24px; }
    .gear-shop-page .xfg-shop-mega__promos { gap:40px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout { font-size:20px; line-height:24px; border-radius:2.5px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > span,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > span { min-height:64px; padding:20px; font-size:20px; line-height:24px; }
}
@media(min-width:821px) and (max-width:1199px) {
    .gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { gap:clamp(1px,calc(20vw - 163px),16px); }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger { font-size:14px; padding-inline:6px; gap:6px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__inner { padding:24px; gap:24px; }
    .gear-shop-page .xfg-shop-mega__links { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { font-size:14px; line-height:20px; }
    .gear-shop-page .xfg-shop-mega__promos { gap:20px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout { width:180px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > img,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img { height:101.25px; }
}
@media(prefers-reduced-motion:reduce) { .gear-shop-page .xfg-shop-menu-caret { transition:none; } }

/* Reference promo motion: a 5% image zoom over 300ms; the caption stays fixed. */
@media(min-width:821px) {
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo {
        --mega-promo-zoom:1;
        isolation:isolate;
        text-decoration:none;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > img,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img {
        transform:scale(var(--mega-promo-zoom));
        transform-origin:center;
        transition:transform .3s ease;
    }
    /* Existing card overflow clips the top/sides; this opaque layer clips the
       zoom at the photograph's bottom without adding a markup wrapper. */
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > span,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > span {
        position:relative; z-index:1;
        text-decoration:none;
        text-underline-offset:auto;
    }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:is(:hover,:focus-visible),
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:is(:hover,:focus-visible) > span,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout:is(:hover,:focus-visible) > span {
        text-decoration:none;
        text-underline-offset:auto;
    }
}
@media(min-width:821px) and (hover:hover) and (pointer:fine) {
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo:hover { --mega-promo-zoom:1.05; }
}
@media(min-width:821px) and (prefers-reduced-motion:reduce) {
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo > img,
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__promo.xfg-shop-mega__promo--cutout > img {
        transform:none;
        transition:none;
    }
}