/* Predictive search uses native catalog links and its own contained front views. */
.gear-shop-page .xfg-shop-search { overflow:visible; }
.gear-shop-page.xfg-predictive-open .xfg-shop-header { transform:none; }
.gear-shop-page .xfg-shop-predictive {
    position:absolute;
    z-index:800;
    top:calc(100% + 10px);
    left:0;
    right:0;
    width:100%;
    max-width:632px;
    max-height:var(--xfg-predictive-height,calc(100dvh - 180px));
    margin-inline:auto;
    padding:12px;
    overflow:auto;
    overscroll-behavior:contain;
    border:0;
    background:var(--shop-surface);
    color:#efeff1;
    box-shadow:0 18px 30px #0006;
    scrollbar-width:thin;
    scrollbar-color:#737373 var(--shop-surface);
}
.gear-shop-page .xfg-shop-predictive[hidden] { display:none; }
.gear-shop-page .xfg-shop-predictive > h2 {
    margin:0 0 12px;
    color:#efeff1;
    font:600 14px/1.3 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    text-transform:none;
    letter-spacing:0;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-status {
    margin:0 0 14px;
    font:400 14px/1.5 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    color:#d5d5d9;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-status.is-announcement {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-grid.xfg-flow-carousel {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:10px;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card {
    min-width:0;
    width:auto;
    margin:0;
    overflow:hidden;
    border:0;
    border-radius:4px;
    background:var(--shop-panel);
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card > a {
    display:flex;
    flex-direction:column;
    height:100%;
    padding:0 0 14px;
    color:#ededf0;
    text-decoration:none;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(.xfg-shop-product__media,.xfg-accessory-card__image) {
    position:relative;
    display:block;
    flex:none;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1;
    overflow:hidden;
    border-radius:4px 4px 0 0;
    background:var(--shop-photo,#f0ede6);
    isolation:isolate;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(.xfg-shop-product__media,.xfg-accessory-card__image) > img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    transform:none;
    transition:none;
    opacity:1;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card.xfg-fall-product .xfg-shop-product__media > img {
    inset:0 auto auto 0;
    width:200%;
    max-width:none;
    height:100%;
    transform:scale(.9);
    transform-origin:25% 50%;
    clip-path:inset(0 50% 0 0);
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(small,h2,h3,p) { margin-inline:10px; }
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card small {
    display:block;
    margin-top:10px;
    margin-bottom:0;
    color:#c8c8cd;
    font:500 10px/1.35 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    text-transform:uppercase;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(h2,h3) {
    min-height:0;
    margin-top:6px;
    margin-bottom:0;
    color:#ededf0;
    font:500 14px/1.2 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    text-transform:none;
    overflow-wrap:anywhere;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-card p { display:none; }
.gear-shop-page .xfg-shop-predictive .xfg-predictive-all {
    display:flex;
    align-items:center;
    min-height:44px;
    margin-top:16px;
    padding:12px 0 0;
    border-top:1px solid #ffffff38;
    color:#eeeef1;
    font:500 16px/1.4 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.gear-shop-page .xfg-shop-predictive .xfg-predictive-all[hidden] { display:none; }
.gear-shop-page .xfg-shop-predictive a:focus-visible { outline:2px solid #ffd000; outline-offset:-2px; }
.gear-shop-page .xfg-shop-search-slot { display:contents; }
.gear-shop-page .xfg-inline-search-label { display:none; }
@media(min-width:821px) {
    .gear-shop-page .xfg-shop-search-slot {
        position:relative; display:flex; flex:none; align-items:center;
        background:var(--shop-surface);
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot .xfg-shop-search {
        position:static; inset:auto; display:block; flex:none; width:142px;
        min-height:48px; margin:0; padding:0; border:0; border-radius:0;
        background:transparent; box-shadow:none;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot .xfg-shop-search[hidden] { display:none; }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot :is(label,[data-shop-search-close],[data-shop-search-status],button[type=submit]) { display:none; }
    .gear-shop-page .xfg-shop-search-slot .xfg-product-search-form { position:static; display:block; }
    .gear-shop-page .xfg-shop-search-slot .xfg-inline-search-label {
        position:absolute; display:block; top:50%; left:13px;
        transform:translateY(-50%); pointer-events:none;
        color:#d8d9de; font:400 13px/1.3 Arial,sans-serif;
        transition:top .14s ease,transform .14s ease,font-size .14s ease;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot .xfg-shop-search input::placeholder { color:transparent; opacity:0; }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-search:has(input:not(:placeholder-shown)) .xfg-inline-search-label {
        top:6px; transform:none; font-size:11px; color:#fff;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot input {
        min-height:48px; height:48px; padding:0 0 0 13px; border:0; border-radius:0;
        background:var(--shop-surface); color:#fff; box-shadow:none; font:400 13px/1.3 Arial,sans-serif;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot input:focus { box-shadow:none; outline:0; }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot input:not(:placeholder-shown) { padding-top:12px; }
    .gear-shop-page .xfg-shop-search-slot:focus-within { outline:1px solid #ffffff38; outline-offset:-1px; }
    .gear-shop-page .xfg-shop-actions .xfg-shop-search-slot > button {
        width:48px; height:48px; min-height:48px; margin:0; border:0; border-radius:0;
        background:var(--shop-surface); box-shadow:none; color:#fff;
    }
    .gear-shop-page .xfg-shop-actions .xfg-shop-search-slot > button:hover { background:var(--shop-surface); }
    .gear-shop-page .xfg-shop-actions .xfg-shop-search-slot > button,
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-search-button .xfg-shop-icon { cursor:text; }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-search-button .xfg-shop-icon { width:28px; height:28px; }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-predictive {
        top:calc(100% + 20px); left:auto; right:0;
        width:min(632px,calc(100vw - 64px)); max-width:none; margin:0;
    }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card > a { min-height:272px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card small { margin-top:16px; font-size:11px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(h2,h3) { margin-top:14px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card p {
        display:block; margin-top:auto; margin-bottom:0; padding-top:18px;
        color:#d5d5d9; font:400 12px/1.3 "XFG Condensed","Arial Narrow",Arial,sans-serif;
    }
}
@media(min-width:821px) and (max-width:1000px) {
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot .xfg-shop-search { width:110px; }
    .gear-shop-page .xfg-shop-navbar { gap:8px; }
    .gear-shop-page .xfg-shop-navigation .xfg-shop-mega__trigger { padding-inline:5px; gap:4px; font-size:13px; }
}
/* Use the same wide-desktop scale as the surrounding shop navigation. */
@media(min-width:1900px) {
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot .xfg-shop-search {
        width:213px; min-height:72px;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot input {
        min-height:72px; height:72px; padding-left:19.5px; font-size:19.5px;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search-slot input:not(:placeholder-shown) { padding-top:18px; }
    .gear-shop-page .xfg-shop-search-slot .xfg-inline-search-label { left:19.5px; font-size:19.5px; }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-search:has(input:not(:placeholder-shown)) .xfg-inline-search-label { top:9px; font-size:16.5px; }
    .gear-shop-page .xfg-shop-actions .xfg-shop-search-slot > button {
        width:72px; height:72px; min-height:72px;
    }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-search-button .xfg-shop-icon { width:42px; height:42px; }
    .gear-shop-page .xfg-shop-search-slot .xfg-shop-predictive {
        top:calc(100% + 30px); width:min(948px,calc(100vw - 80px)); padding:18px;
    }
    .gear-shop-page .xfg-shop-predictive > h2 { margin-bottom:18px; font-size:21px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-status { margin-bottom:21px; font-size:21px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-grid.xfg-flow-carousel { gap:15px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card { border-radius:6px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card > a { min-height:425px; padding-bottom:21px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(.xfg-shop-product__media,.xfg-accessory-card__image) { border-radius:6px 6px 0 0; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(small,h2,h3,p) { margin-inline:15px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card small { margin-top:24px; font-size:16.5px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(h2,h3) { margin-top:21px; font-size:21px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card p { padding-top:27px; font-size:18px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-all { min-height:66px; margin-top:24px; padding-top:18px; font-size:24px; }
}
@media(max-width:700px) {
    .gear-shop-page .xfg-shop-predictive { padding:14px 10px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-grid.xfg-flow-carousel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }
    .gear-shop-page .xfg-shop-predictive .xfg-predictive-card :is(small,h2,h3,p) { margin-inline:8px; }
    .gear-shop-page .xfg-shop-header .xfg-shop-predictive .xfg-predictive-card :is(h2,h3) { font:500 14px/1.2 "XFG Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:0; text-transform:none; }
    .gear-shop-page .xfg-shop-predictive .xfg-shop-product__media > i { font-size:7px; padding:3px 4px; }
}
@media(prefers-reduced-motion:reduce) {
    .gear-shop-page .xfg-inline-search-label { transition:none; }
}

/* Phone header: one shared inset, with a full-height search field under the icon row. */
@media(max-width:560px) {
    .gear-shop-page .xfg-shop-header {
        display:grid; gap:12px; padding:24px;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-navbar {
        display:grid; grid-template-columns:24px minmax(0,1fr) 24px;
        width:100%; min-height:24px; height:24px; gap:0;
        margin:0; padding:0; border:0; background:transparent;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-menu-toggle,
    .gear-shop-page .xfg-shop-header .xfg-shop-actions,
    .gear-shop-page .xfg-shop-header .xfg-shop-actions .xfg-shop-cart-button {
        width:24px; min-width:24px; height:24px; min-height:24px;
        margin:0; padding:0;
    }
    .gear-shop-page .xfg-shop-header :is(.xfg-shop-menu-toggle,.xfg-shop-cart-button) { position:relative; }
    .gear-shop-page .xfg-shop-header :is(.xfg-shop-menu-toggle,.xfg-shop-cart-button)::before {
        position:absolute; inset:-10px; content:"";
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search,
    .gear-shop-page .xfg-shop-header .xfg-shop-search[hidden] {
        box-sizing:border-box; position:relative; inset:auto;
        display:block; width:100%; min-width:0; height:56px; min-height:56px;
        margin:0; padding:0; border:0; border-radius:0; background:#24272a;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search input {
        box-sizing:border-box; display:block; width:100%; height:56px; min-height:56px;
        margin:0; padding:0 56px 0 33px; border:0; border-radius:0;
        background:#24272a; font:400 16px/1.2 var(--shop-text); letter-spacing:.6px;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search::before {
        top:9.6px; right:9.6px; width:28.8px; height:28.8px;
        border:0; border-radius:0;
        background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efefef' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    .gear-shop-page .xfg-shop-header .xfg-shop-search::after { content:none; }
    .gear-shop-page .xfg-shop-search .xfg-product-search-form { height:56px; }
    .gear-shop-page .xfg-shop-search .xfg-product-search-form > button[type=submit] {
        width:48px; min-width:48px; height:56px; min-height:56px;
    }
    .gear-shop-page .xfg-shop-search .xfg-product-search-form > button[type=submit] svg { visibility:hidden; }
}