/* Measured shop type scale and carousel controls. Scoped to the Gear Shop. */

@font-face {

    font-family:"XFG Shop Display"; font-style:normal; font-weight:400; font-display:swap;

    src:url("../media/fonts/barlow-condensed-regular.woff2") format("woff2");

}

@font-face {

    font-family:"XFG Shop Display"; font-style:normal; font-weight:600; font-display:swap;

    src:url("../media/fonts/barlow-condensed-semibold.woff") format("woff");

}

@font-face {

    font-family:"XFG Shop Text"; font-style:normal; font-weight:400; font-display:swap;

    src:url("../media/fonts/barlow-regular.woff") format("woff");

}

@font-face {

    font-family:"XFG Shop Text"; font-style:normal; font-weight:500; font-display:swap;

    src:url("../media/fonts/barlow-medium.woff") format("woff");

}

.gear-shop-page {

    --shop-display:"XFG Shop Display","Arial Narrow",sans-serif;

    --shop-text:"XFG Shop Text","Segoe UI",sans-serif;

    --flow-controls-height:24px;

    --flow-controls-gap:16px;

}

.gear-shop-page :is(.xfg-shop-hero h1,.xfg-accessories-intro h1,.xfg-product-details h1) {

    font:600 40px/1.1 var(--shop-display);

    letter-spacing:.6px; text-transform:none;

}

.gear-shop-page :is(.xfg-shop-section-bar h2,.xfg-shop-heading h2,.xfg-flow-heading,.xfg-flow-feature__story h2,.xfg-flow-feature__story h3) {

    font:600 22.4px/1.1 var(--shop-display);

    letter-spacing:.6px; text-transform:none;

}

.gear-shop-page :is(.xfg-shop-editorial__copy h2,.xfg-shop-drop-banner h2) {

    font:600 28px/1.1 var(--shop-display);

    letter-spacing:.6px; text-transform:none;

}

.gear-shop-page :is(.xfg-shop-hero__copy > span,.xfg-shop-editorial__copy > span,.xfg-shop-drop-banner .xfg-shop-shell > span,.xfg-accessories-intro p,.xfg-flow-feature__story p) {

    font:400 16px/1.5 var(--shop-text); letter-spacing:.3px;

}

.gear-shop-page :is(.xfg-shop-product h3,.xfg-flow-carousel .xfg-shop-product h3,.xfg-accessory-card h2) {

    font:500 19.2px/1.1 var(--shop-text);

    letter-spacing:.6px; text-transform:none;

}

.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-shop-editorial__copy > a,.xfg-shop-drop-banner a,.xfg-flow-feature__story > div > a,.shop-entry-card > span:last-child,.xfg-product-actions a,[data-accessories-filters] > summary) {

    font:600 16px/21px var(--shop-display);

    letter-spacing:.6px; text-transform:none;

    min-height:37px; padding:8px 16px;

}

.gear-shop-page .xfg-shop-navigation[data-shop-mega-nav] { align-self:center; }

.gear-shop-page .xfg-shop-mega__trigger {

    min-height:40px; height:40px; padding:8px; gap:8px;

    font:600 16px/24px var(--shop-display); letter-spacing:.6px;

}

.gear-shop-page .xfg-shop-navigation :is(.xfg-shop-mega__link,.xfg-shop-mega__promo) {

    font:400 16px/1.2 var(--shop-text); letter-spacing:.6px;

}

.gear-shop-page .xfg-shop-mega__column > p {

    font:500 12px/1.3 var(--shop-text); letter-spacing:.6px;

}

.gear-shop-page .xfg-shop-navigation .xfg-shop-mega__link { padding-block:6px; }

.gear-shop-page .xfg-shop-mega__promo > span { min-height:40px; }

.gear-shop-page .xfg-accessories-toolbar {

    font:400 16px/1.3 var(--shop-text); letter-spacing:.6px;

}

.gear-shop-page .xfg-accessories-toolbar select { font:400 16px/1.3 var(--shop-text); }

.gear-shop-page .xfg-flow-carousel__controls {

    gap:16px; min-height:24px; margin-bottom:16px;

}

.gear-shop-page .xfg-flow-carousel__controls > button {

    flex:0 0 24px; width:24px; min-width:24px; height:24px; min-height:24px;

    padding:0; border:0;

}

.gear-shop-page .xfg-flow-carousel__controls .xfg-carousel-chevron {

    display:block; width:24px; height:24px; border:0; transform:none;

}

.gear-shop-page .xfg-flow-carousel__controls [data-carousel-previous] .xfg-carousel-chevron {

    transform:rotate(180deg);

}

.gear-shop-page .xfg-flow-carousel [data-carousel-dots] {

    gap:8px; overflow:visible;

}

.gear-shop-page .xfg-flow-carousel [data-carousel-dots] button {

    flex:0 0 8px; width:8px; min-width:8px; height:24px;

}

.gear-shop-page .xfg-flow-carousel [data-carousel-dots] button::before {

    width:8px; height:8px; box-sizing:border-box;

}

.gear-shop-page .xfg-flow-carousel__controls [data-carousel-count] {

    min-width:44px; margin:0; padding:0; white-space:nowrap;

    font:400 16px/1.2 var(--shop-text);

}

.gear-shop-page .xfg-carousel-progress { display:none; }

@media(max-width:700px) {

    .gear-shop-page :is(.xfg-shop-hero h1,.xfg-product-details h1) { font-size:24px; }

    .gear-shop-page :is(.xfg-accessories-intro h1,.xfg-shop-section-bar h2,.xfg-shop-heading h2,.xfg-flow-heading,.xfg-flow-feature__story h2,.xfg-flow-feature__story h3,.xfg-shop-editorial__copy h2,.xfg-shop-drop-banner h2) { font-size:22px; }

    .gear-shop-page :is(.xfg-shop-product h3,.xfg-flow-carousel .xfg-shop-product h3,.xfg-accessory-card h2) { font-size:18px; }

    .gear-shop-page .xfg-flow-carousel [data-carousel-dots] { display:none; }

    .gear-shop-page .xfg-flow-carousel__controls [data-carousel-count] {

        position:static; width:auto; height:auto; min-width:44px; overflow:visible; clip-path:none;

    }

    .gear-shop-page .xfg-carousel-progress {

        display:block; flex:1; min-width:30px; height:4px; background:#ffffff35;

    }

    .gear-shop-page .xfg-carousel-progress > span { display:block; height:100%; background:var(--shop-button); }

    .gear-shop-page .xfg-flow-carousel__controls > [data-carousel-previous] { order:2; }

    .gear-shop-page .xfg-flow-carousel__controls > [data-carousel-next] { order:4; }

    .gear-shop-page .xfg-flow-carousel__controls > [data-carousel-count] { order:3; }

}

/* Keep the reference glyph size with comfortable targets on touchscreens. */

@media(pointer:coarse) {

    .gear-shop-page { --flow-controls-height:44px; }

    .gear-shop-page .xfg-flow-carousel__controls { min-height:44px; }

    .gear-shop-page .xfg-flow-carousel__controls > button {

        flex-basis:44px; width:44px; min-width:44px; height:44px; min-height:44px;

    }

    .gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-shop-editorial__copy > a,.xfg-shop-drop-banner a,.xfg-flow-feature__story > div > a,.shop-entry-card > span:last-child,.xfg-product-actions a,[data-accessories-filters] > summary) { min-height:44px; }

}



/* Keep the page frame fluid through desktop widths, including 1920px screens. */

.gear-shop-page { --shop-gutter:32px; --shop-content-width:min(calc(1920px - 2 * var(--shop-gutter)),calc(100% - 2 * var(--shop-gutter))); }

@media(min-width:821px) {

    .gear-shop-page .xfg-shop-topbar { width:min(1920px,100%); padding-inline:var(--shop-gutter); }

    .gear-shop-page .xfg-shop-navbar,

    .gear-shop-page .xfg-shop-shell:not(.xfg-shop-hero__inner) { width:var(--shop-content-width); }

    .gear-shop-page .xfg-shop-mega__inner { width:100%; padding-inline:var(--shop-gutter); }

    .gear-shop-page.xfg-accessories-page [data-accessories-catalog] { --accessories-shell:var(--shop-content-width); }

    .gear-shop-page.xfg-accessories-page :is(.xfg-accessories-intro,.xfg-accessories-toolbar) {

        padding-inline:max(var(--shop-gutter),calc((100% - 1920px)/2 + var(--shop-gutter)));

    }

    .gear-shop-page .xfg-shop-hero {

        width:var(--shop-content-width); margin-inline:auto;

        height:clamp(350px,calc((100vw - 2 * var(--shop-gutter))/2.88),calc((1920px - 2 * var(--shop-gutter))/2.88));

    }

    .gear-shop-page .xfg-shop-hero__inner { width:calc(100% - 96px); }

    .gear-shop-page .xfg-flow-feature { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }

    .gear-shop-page .xfg-flow-feature .xfg-flow-carousel { --flow-card-width:300px; --flow-gap:16px; display:flex; flex-direction:column; }

    .gear-shop-page .xfg-flow-feature .xfg-flow-carousel__viewport { display:flex; flex:1; }

}

@media(min-width:1101px) {

    .gear-shop-page .xfg-flow-carousel--full { --flow-gap:12px; --flow-card-width:calc((100% - 48px)/5); }

    /* A complete three-item row fills its available space; scrolling returns on smaller screens. */

    .gear-shop-page:not(.xfg-searching) .xfg-flow-carousel--full:has([data-carousel-track] > [data-shop-product]:nth-child(3):last-child) { --flow-card-width:calc((100% - 24px)/3); }

    .gear-shop-page:not(.xfg-searching) .xfg-flow-carousel--full:has([data-carousel-track] > [data-shop-product]:nth-child(3):last-child) .xfg-flow-carousel__controls { display:none; }

}

/* The reference switches its desktop scale at 1900px, rather than at 1440px. */

@media(min-width:1900px) {

    .gear-shop-page { --shop-gutter:40px; --flow-controls-gap:20px; }

    .gear-shop-page .xfg-shop-header { padding-bottom:20px; }

    .gear-shop-page .xfg-shop-topbar { min-height:96px; }

    .gear-shop-page .xfg-shop-navbar { min-height:92px; padding:10px 20px; }

    .gear-shop-page .xfg-shop-actions { gap:20px; }

    .gear-shop-page .xfg-shop-actions button { width:72px; height:72px; }

    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__panel { max-height:calc(100dvh - 208px); }

    .gear-shop-page .xfg-shop-mega__trigger { font-size:20px; padding:10px; gap:10px; }

    .gear-shop-page .xfg-shop-navigation :is(.xfg-shop-mega__link,.xfg-shop-mega__promo) { font-size:20px; }

    .gear-shop-page .xfg-shop-mega__column > p { font-size:15px; }

    .gear-shop-page .xfg-shop-mega__inner { gap:30px; padding-block:25px; }

    .gear-shop-page .xfg-shop-mega__promo > img { height:145px; }

    .gear-shop-page .xfg-shop-hero__inner { width:calc(100% - 280px); }

    .gear-shop-page .xfg-shop-hero__copy { width:46%; max-width:625px; }

    .gear-shop-page :is(.xfg-shop-hero h1,.xfg-accessories-intro h1,.xfg-product-details h1) { font-size:50px; }

    .gear-shop-page :is(.xfg-shop-section-bar h2,.xfg-shop-heading h2,.xfg-flow-heading,.xfg-flow-feature__story h2,.xfg-flow-feature__story h3) { font-size:28px; }

    .gear-shop-page :is(.xfg-shop-editorial__copy h2,.xfg-shop-drop-banner h2) { font-size:35px; }

    .gear-shop-page :is(.xfg-shop-hero__copy > span,.xfg-shop-editorial__copy > span,.xfg-shop-drop-banner .xfg-shop-shell > span,.xfg-accessories-intro p,.xfg-flow-feature__story p) { font-size:20px; }

    .gear-shop-page .xfg-shop-hero__copy > span { max-width:425px; }

    .gear-shop-page :is(.xfg-shop-product h3,.xfg-flow-carousel .xfg-shop-product h3,.xfg-accessory-card h2) { font-size:24px; }

    .gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-shop-editorial__copy > a,.xfg-shop-drop-banner a,.xfg-flow-feature__story > div > a,.shop-entry-card > span:last-child,.xfg-product-actions a,[data-accessories-filters] > summary) { font-size:20px; line-height:26px; min-height:46px; padding:10px 20px; }

    .gear-shop-page .shop-entry-cards { padding-top:40px; }

    .gear-shop-page .shop-entry-cards__grid { gap:40px; }

    .gear-shop-page .shop-entry-card > span.shop-entry-card__button { margin:15px; }

    .gear-shop-page .xfg-flow-feature { gap:20px; }

    .gear-shop-page .xfg-flow-feature .xfg-flow-carousel { --flow-card-width:375px; }

    .gear-shop-page .xfg-flow-feature__story > div { min-height:160px; padding:30px 40px; gap:12px 20px; }

    .gear-shop-page .xfg-flow-feature__story > div > a { max-width:240px; }

    .gear-shop-page .xfg-flow-carousel .xfg-shop-product :is(small,h3,p) { margin-inline:20px; }

    .gear-shop-page .xfg-flow-carousel .xfg-shop-product small { font-size:11.25px; margin-top:16px; }

    .gear-shop-page .xfg-flow-carousel .xfg-shop-product h3 { min-height:55px; }

    .gear-shop-page .xfg-flow-carousel .xfg-shop-product p { font-size:13.75px; padding-top:16px; }

    .gear-shop-page .xfg-flow-carousel .xfg-shop-product > a { padding-bottom:20px; }

    .gear-shop-page .xfg-flow-carousel__controls { gap:20px; margin-bottom:20px; }

    .gear-shop-page .xfg-flow-carousel__controls [data-carousel-count] { font-size:20px; }

    .gear-shop-page .xfg-flow-carousel [data-carousel-dots] { gap:10px; }

    .gear-shop-page .xfg-flow-carousel [data-carousel-dots] button { flex-basis:10px; width:10px; min-width:10px; }

    .gear-shop-page .xfg-flow-carousel [data-carousel-dots] button::before { width:10px; height:10px; }

    .gear-shop-page .xfg-accessories-toolbar,

    .gear-shop-page .xfg-accessories-toolbar select { font-size:20px; }

}



/* Rounded cards; primary buttons retain their tighter corners. */

.gear-shop-page :is(.shop-entry-card,.xfg-flow-feature__story,.xfg-flow-carousel .xfg-shop-product,.xfg-accessory-card,.xfg-accessory-search-grid .xfg-shop-product,.xfg-shop-navigation .xfg-shop-mega__promo,.xfg-product-gallery__stage,.xfg-product-gallery__thumbnails button,.xfg-product-gallery__thumbnails img) { border-radius:6px; }

.gear-shop-page :is(.shop-entry-card__image,.xfg-flow-carousel .xfg-shop-product__media,.xfg-accessory-card__image,.xfg-accessory-search-grid .xfg-shop-product__media) { border-radius:6px 6px 0 0; }

.gear-shop-page .shop-entry-card > span.shop-entry-card__button,

.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-flow-feature__story > div > a,.xfg-shop-drop-banner a,.xfg-shop-editorial__copy > a,.xfg-shop-cart > a,.xfg-product-actions > a,.xfg-product-search-form > button,.xfg-product-zoom button,.xfg-product-view-toggle,.xfg-accessory-view-toggle,.xfg-shop-actions button,.xfg-flow-carousel__controls > button,.xfg-shop-search input),

.gear-shop-page.xfg-accessories-page :is([data-accessories-filters] > summary,.xfg-accessories-toolbar select) { border-radius:2px; }

.gear-shop-page [data-product-front-back] .xfg-product-view-toggle,

.gear-shop-page [data-accessory-view] .xfg-accessory-view-toggle { border-radius:2px; }



/* Match the surrounding surface and the reference's primary-button yellow. */

.gear-shop-page {

    --shop-button:#ffd000;

    --shop-button-hover:#554500;

    --shop-button-ink:#000;

}

.gear-shop-page :is(.xfg-shop-header,.xfg-shop-topbar,.shop-entry-cards) { background:var(--shop-surface); }

.gear-shop-page :is(.xfg-shop-hero__copy > a,.xfg-flow-feature__story > div > a,.xfg-shop-drop-banner a,.xfg-shop-editorial__copy > a,.xfg-shop-cart > a,.xfg-product-actions > a:first-child,.xfg-product-search-form > button):is(:hover,:focus-visible),

.gear-shop-page .shop-entry-card > span.shop-entry-card__button:hover,

.gear-shop-page .shop-entry-card:focus-visible > span.shop-entry-card__button,

.gear-shop-page.xfg-accessories-page [data-accessories-filters] > summary:is(:hover,:focus-visible) { color:#fff; }



/* The SVG viewBox stays 24 units; a 2-unit stroke gives the reference's weight. */

.gear-shop-page :is(.xfg-shop-actions,.xfg-shop-utilities) .xfg-shop-icon { width:24px; height:24px; stroke-width:2; }

.gear-shop-page .xfg-shop-search-button .xfg-shop-icon { width:28.8px; height:28.8px; }

.gear-shop-page .xfg-shop-utilities .xfg-shop-account-button { width:56px; height:56px; }

@media(min-width:1900px) {

    .gear-shop-page :is(.xfg-shop-actions,.xfg-shop-utilities) .xfg-shop-icon { width:30px; height:30px; }

    .gear-shop-page .xfg-shop-search-button .xfg-shop-icon { width:36px; height:36px; }

}

@media(max-width:560px) {

    .gear-shop-page .xfg-shop-search::before { top:11px; right:18px; width:18px; height:18px; border-width:2px; }

    .gear-shop-page .xfg-shop-search::after { top:29px; right:12px; width:8px; height:2px; }

}


/* Phone storefront flow: campaign, category banners, then swipeable collections. */
.gear-shop-page.xfg-shop-home .xfg-flow-carousel__collection-link { display:none; }
@media(max-width:700px) {
    .gear-shop-page.xfg-shop-home { --flow-gap:10px; }
    .gear-shop-page.xfg-shop-home .xfg-shop-shell:not(.xfg-shop-hero__inner) { width:calc(100% - 32px); }
    .gear-shop-page.xfg-shop-home .xfg-shop-hero__inner { padding:20px 20px 24px; text-align:center; }
    .gear-shop-page.xfg-shop-home .xfg-shop-hero__copy { text-align:center; }
    .gear-shop-page.xfg-shop-home .xfg-shop-hero__copy > span { margin:12px auto 0; max-width:350px; }
    .gear-shop-page.xfg-shop-home .xfg-shop-hero__copy > a { margin-top:14px; }
    .gear-shop-page.xfg-shop-home .xfg-shop-hero__note { margin-top:12px; }
    .gear-shop-page.xfg-shop-home .shop-entry-cards { padding-top:16px; }
    .gear-shop-page.xfg-shop-home .shop-entry-cards__grid { grid-template-columns:minmax(0,1fr); gap:16px; }
    .gear-shop-page.xfg-shop-home .shop-entry-card > span.shop-entry-card__button { margin:10px; font-size:16px; }
    .gear-shop-page.xfg-shop-home :is(.xfg-new-arrivals,.xfg-shop-featured,.xfg-shop-trending) { padding-block:28px; }
    .gear-shop-page.xfg-shop-home .xfg-shop-section-bar { justify-content:center; text-align:center; margin-bottom:16px; }
    .gear-shop-page.xfg-shop-home .xfg-shop-section-bar h2 { text-align:center; }
    .gear-shop-page.xfg-shop-home .xfg-flow-feature { gap:12px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-feature__story > img { aspect-ratio:3/2; }
    .gear-shop-page.xfg-shop-home .xfg-flow-feature__story > div { display:block; min-height:0; padding:16px; text-align:center; }
    .gear-shop-page.xfg-shop-home .xfg-flow-feature__story p { margin-top:8px; font-size:14px; line-height:1.4; }
    .gear-shop-page.xfg-shop-home .xfg-flow-feature__story > div > a { display:none; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel {
        display:flex; flex-direction:column; --flow-card-width:calc((100% - .5 * var(--flow-gap))/1.5);
    }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__viewport { order:0; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__controls { order:1; gap:8px; min-height:44px; margin:8px 0; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__controls > button { flex:0 0 44px; width:44px; min-width:44px; height:44px; min-height:44px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__controls > [data-carousel-previous] { order:0; }
    .gear-shop-page.xfg-shop-home .xfg-carousel-progress { order:1; height:3px; background:#08090a; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__controls > [data-carousel-count] { order:2; font-size:14px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__controls > [data-carousel-next] { order:3; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel .xfg-shop-product__media { background:#fff; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel .xfg-shop-product :is(small,h3,p) { margin-inline:10px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel .xfg-shop-product small { margin-top:10px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel .xfg-shop-product h3 { min-height:40px; margin-top:6px; font-size:18px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel .xfg-shop-product p { padding-top:10px; }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__collection-link {
        display:flex; order:2; align-items:center; justify-content:center; width:calc(100% - 24px); min-height:44px;
        margin:0 auto; padding:10px 16px; border:1px solid var(--shop-button); border-radius:2px;
        background:var(--shop-button); color:var(--shop-button-ink); text-align:center;
        font:600 16px/1.3 var(--shop-display); letter-spacing:.6px; text-decoration:none;
    }
    .gear-shop-page.xfg-shop-home .xfg-flow-carousel__collection-link:is(:hover,:focus-visible) { background:var(--shop-button-hover); color:#fff; }
    .gear-shop-page.xfg-shop-home .xfg-shop-editorial { width:calc(100% - 32px); margin:16px auto; }
    .gear-shop-page.xfg-shop-home .xfg-shop-editorial__media { min-height:0; aspect-ratio:3/2; }
    .gear-shop-page.xfg-shop-home .xfg-shop-editorial__copy { min-height:0; padding:20px 16px; align-items:center; text-align:center; }
    .gear-shop-page.xfg-shop-home .xfg-shop-editorial__copy > a { width:100%; margin-top:16px; }
    .gear-shop-page.xfg-shop-home.xfg-searching .xfg-flow-carousel__collection-link { display:none; }
}

/* Borderless search field, matching the collection header reference. */
.gear-shop-page .xfg-shop-header .xfg-shop-search input{min-height:44px;height:44px;padding-left:26px;border:0;border-radius:1px;background:#232429;color:#f1f1f4;box-shadow:none;font:400 16px/1.35 "XFG Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:0}
.gear-shop-page .xfg-shop-header .xfg-shop-search input::placeholder{color:#d8d9de;opacity:1}
.gear-shop-page .xfg-shop-header .xfg-shop-search input:focus{border:0;box-shadow:inset 0 0 0 1px #8b8d92;outline:0}
.gear-shop-page .xfg-product-search-form{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}
.gear-shop-page .xfg-product-search-form>label{grid-column:auto}
.gear-shop-page .xfg-product-search-form input{padding-right:48px}
.gear-shop-page .xfg-product-search-form>button[type=submit]{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none}
.gear-shop-page .xfg-product-search-form>button[type=submit] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.gear-shop-page .xfg-product-search-form>button[type=submit]:hover{background:#ffffff0a}
@media(max-width:560px){
 .gear-shop-page .xfg-product-search-form{display:block}
 .gear-shop-page .xfg-shop-header .xfg-shop-search{min-height:44px;margin-inline:max(0px,calc(5vw - 16px));background:#232429;border:0;border-radius:1px;box-shadow:none}
 .gear-shop-page .xfg-shop-header .xfg-shop-search::before{top:13px;right:16px;width:14px;height:14px;border:1.8px solid #fff}
 .gear-shop-page .xfg-shop-header .xfg-shop-search::after{top:27px;right:11px;width:7px;height:1.8px;background:#fff;transform:rotate(45deg)}
 .gear-shop-page .xfg-shop-header .xfg-shop-search input{padding-right:46px}
 .gear-shop-page .xfg-product-search-form>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

/* Keep the complete campaign composition inside its banner. */
@media (min-width:701px) {
    .gear-shop-page.xfg-shop-home .xfg-shop-drop-banner { isolation:isolate; background:#0d0b0c; }
    .gear-shop-page.xfg-shop-home .xfg-shop-drop-banner::before { content:''; position:absolute; top:0; right:0; z-index:-1; height:100%; aspect-ratio:3/2; max-width:100%; background:url('/media/xfg/designer-20260929/accessories-campaign.webp') center/contain no-repeat; mask-image:linear-gradient(90deg,transparent,#000 20%); }
}
@media (max-width:700px) {
    .gear-shop-page.xfg-shop-home .xfg-shop-drop-banner { display:block; min-height:0; padding:0 0 45px; background:#0d0b0c; }
    .gear-shop-page.xfg-shop-home .xfg-shop-drop-banner::before { content:''; display:block; width:100%; aspect-ratio:3/2; margin-bottom:24px; background:url('/media/xfg/designer-20260929/accessories-campaign.webp') center/contain no-repeat; }
}