/* XFG Store and Gear Shop. Loaded after the shared site styles. */
:is(.storefront-page,.gear-shop-page) { --shop-paper:#1b1b1b; --shop-ink:#f4f3ef; --shop-gold:#f0c15a; color:#f7f5ef; background:#0b0c0e; }
:is(.storefront-page,.gear-shop-page)::before { display:none; }
:is(.storefront-page,.gear-shop-page) main { min-width:0; }
:is(.storefront-page,.gear-shop-page) :is(a,button,input):focus-visible { outline:2px solid #dca944; outline-offset:4px; }
:is(.storefront-page,.gear-shop-page) [hidden] { display:none!important; }
:is(.storefront-page,.gear-shop-page) :is(.shop-refresh-shell,.xfg-shop-shell) { width:min(1440px,calc(100% - 96px)); margin-inline:auto; }
:is(.storefront-page,.gear-shop-page) .shop-availability { display:flex; align-items:center; justify-content:center; gap:15px; min-height:38px; padding:9px 24px; color:#d4d2ca; background:#1d1e20; font:11px/1.5 "Segoe UI",sans-serif; }
:is(.storefront-page,.gear-shop-page) .shop-availability strong { color:#f0c15a; text-transform:uppercase; font-size:10px; letter-spacing:1.1px; }
:is(.storefront-page,.gear-shop-page) .shop-availability a { margin-left:12px; color:#f7f5ef; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
:is(.storefront-page,.gear-shop-page) .shop-category-strip { display:flex; justify-content:center; overflow-x:auto; overscroll-behavior-x:contain; gap:0; padding:0 24px; background:#151618; border-top:1px solid #ffffff1b; border-bottom:1px solid #ffffff1b; scrollbar-width:thin; }
:is(.storefront-page,.gear-shop-page) .shop-category-strip a { display:flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:72px; padding:20px 30px; color:#dddcd7; font:700 15px/1 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:1.3px; text-transform:uppercase; border-bottom:3px solid transparent; }
:is(.storefront-page,.gear-shop-page) .shop-category-strip a:hover { color:#f0c15a; border-bottom-color:#f0c15a; background:#ffffff03; }
:is(.storefront-page,.gear-shop-page) .shop-refresh-eyebrow,
.storefront-page .shop-refresh-heading p { margin:0 0 9px; color:#c7ac78; font:700 11px/1.4 "Segoe UI",sans-serif; letter-spacing:1.8px; text-transform:uppercase; }

/* Campaign storefront */
.storefront-page .storefront-hero { min-height:650px; height:min(74vw,760px); margin:0; border:0; border-radius:0; }
.storefront-page .storefront-hero__slide > img { object-position:65% center; }
.storefront-page .storefront-hero__slide:nth-child(2) > img { object-position:60% center; }
.storefront-page .storefront-hero__shade { background:linear-gradient(90deg,#050609ed 0%,#050609b3 30%,#0506091a 75%),linear-gradient(0deg,#050609a6,transparent 40%); }
.storefront-page .storefront-hero__content { right:auto; bottom:auto; align-items:flex-start; text-align:left; top:50%; left:max(48px,calc((100% - 1440px)/2)); width:min(590px,47vw); transform:translateY(-48%); }
.storefront-page .storefront-hero__content > p { color:#f0c15a; font-size:13px; letter-spacing:2.6px; margin-bottom:20px; }
.storefront-page .storefront-hero__content :is(h1,h2) { max-width:none; font:700 clamp(76px,8.3vw,128px)/.83 "XFG Condensed",Impact,sans-serif; letter-spacing:-1.5px; margin:0; text-transform:uppercase; }
.storefront-page .storefront-hero__content > span { display:block; max-width:385px; margin:25px 0 0; font:15px/1.65 "Segoe UI",sans-serif; color:#e3e2dd; }
.storefront-page .storefront-hero__content > a,
.storefront-page .store-refresh-editorial-copy > a,
.storefront-page .shop-refresh-community > a,
.gear-shop-page :is(.xfg-shop-hero__copy,.xfg-shop-editorial__copy) > a,
.gear-shop-page .xfg-shop-drop-banner a { display:inline-flex; min-width:0; min-height:50px; align-items:center; justify-content:center; gap:28px; padding:16px 25px; margin-top:28px; border:1px solid #f0c15a; border-radius:0; background:#f0c15a; color:#151515; font:700 15px/1.2 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:1.1px; text-transform:uppercase; box-shadow:none; transform:none; }
.storefront-page .storefront-hero__content > a:hover,
.storefront-page .store-refresh-editorial-copy > a:hover,
.storefront-page .shop-refresh-community > a:hover,
.gear-shop-page :is(.xfg-shop-hero__copy,.xfg-shop-editorial__copy) > a:hover,
.gear-shop-page .xfg-shop-drop-banner a:hover { color:#0b0c0e; background:#ffdb8b; border-color:#ffdb8b; }
.storefront-page .storefront-hero__controls { transform:none; left:max(48px,calc((100% - 1440px)/2)); right:auto; bottom:24px; gap:10px; }
.storefront-page .storefront-hero__controls button { display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff3b; background:#0b0c0e80; border-radius:0; transform:none; opacity:1; font-size:15px; }
.storefront-page .storefront-hero__controls button:disabled { opacity:.45; cursor:default; }
.storefront-page .storefront-hero__pip { border:1px solid #ffffff3b!important; background:#0b0c0e80!important; }
.storefront-page .storefront-hero__pip.is-active { color:#171717; background:#f0c15a!important; border-color:#f0c15a!important; }
.storefront-page :is(.store-refresh-collections,.store-refresh-accessories) { padding:80px 0; background:var(--shop-paper); color:var(--shop-ink); }
.storefront-page .store-refresh-accessories { background:#202020; }
.storefront-page .shop-refresh-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.storefront-page .shop-refresh-heading h2 { margin:0; font:700 clamp(34px,3.7vw,54px)/.98 "XFG Condensed",Impact,sans-serif; text-transform:uppercase; letter-spacing:-.4px; color:#f5f4ef; }
.storefront-page .shop-refresh-heading > a { flex:none; color:#e0cfaa; font:700 13px/1.3 "XFG Condensed",sans-serif; letter-spacing:1px; text-transform:uppercase; padding-bottom:4px; border-bottom:1px solid #81704e; }
.storefront-page .shop-refresh-heading > a span { margin-left:18px; }
.storefront-page .store-refresh-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.storefront-page .store-refresh-card { display:block; min-width:0; color:#f5f4ef; }
.storefront-page .store-refresh-card__image { position:relative; overflow:hidden; aspect-ratio:1.2; background:#deddd8; }
.storefront-page .store-refresh-card__image img { width:100%; height:100%; object-fit:cover; object-position:50% 54%; transition:transform 350ms ease; }
.storefront-page .store-refresh-card:hover img { transform:scale(1.025); }
.storefront-page .store-refresh-card__image--controller { background:#141618; }
.storefront-page .store-refresh-card__image--controller img { object-fit:contain; padding:30px; }
.storefront-page .store-refresh-card__image > span { position:absolute; top:18px; left:18px; padding:7px 10px; background:#f3f2eef0; color:#252525; font:700 10px/1.2 "Segoe UI",sans-serif; letter-spacing:1px; text-transform:uppercase; }
.storefront-page .store-refresh-card__copy { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px 0 5px; }
.storefront-page .store-refresh-card__copy small { color:#b9b6ad; font:600 11px/1.4 "Segoe UI",sans-serif; letter-spacing:1.2px; text-transform:uppercase; }
.storefront-page .store-refresh-card__copy h3 { color:#f5f4ef; margin:6px 0 0; font:700 clamp(26px,2.7vw,38px)/1.03 "XFG Condensed",sans-serif; text-transform:uppercase; }
.storefront-page .store-refresh-card__copy > span { font-size:28px; }
.storefront-page .store-refresh-essentials { display:grid; grid-template-columns:1fr 1fr; align-items:center; background:#111315; color:#f5f3ee; }
.storefront-page .storefront-merch { min-width:0; padding:48px; background:#222; }
.storefront-page .storefront-merch__window { border:0; background:#222; }
.storefront-page .storefront-merch__slide { color:#f5f4ef; background:#222; }
.storefront-page .storefront-merch__slide > img { aspect-ratio:1.2; object-fit:cover; }
.storefront-page .storefront-merch__slide > span { padding:20px 0; background:transparent; min-height:0; }
.storefront-page .storefront-merch__slide strong { color:#f5f4ef; font-size:22px; }
.storefront-page .storefront-merch__slide em { color:#b9b6ad; font:11px/1.5 "Segoe UI",sans-serif; }
.storefront-page .storefront-merch__controls { margin-top:20px; gap:15px; }
.storefront-page .storefront-merch__progress { background:#55544f; }
.storefront-page .storefront-merch__progress i { background:#f0c15a; }
.storefront-page .storefront-merch__count { color:#dcdad4; font-size:12px; }
.storefront-page .storefront-merch__controls button { color:#f5f4ef; border:1px solid #77736a; border-radius:0; background:transparent; }
.storefront-page .storefront-merch__controls button:hover { color:#151515; background:#f0c15a; }
.storefront-page .store-refresh-editorial-copy { padding:60px clamp(35px,6vw,100px); }
.storefront-page .store-refresh-editorial-copy > p,
.storefront-page .shop-refresh-community p { margin:0 0 18px; color:#f0c15a; font:600 11px/1.4 "Segoe UI",sans-serif; letter-spacing:2px; text-transform:uppercase; }
.storefront-page .store-refresh-editorial-copy h2 { margin:0; font:700 clamp(42px,5vw,76px)/.94 "XFG Condensed",Impact,sans-serif; text-transform:uppercase; color:#f5f3ee; }
.storefront-page .store-refresh-editorial-copy > span { display:block; max-width:430px; margin-top:24px; color:#c7c7c4; font:15px/1.75 "Segoe UI",sans-serif; }
.storefront-page .shop-refresh-community { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:65px max(48px,calc((100% - 1440px)/2)); background:#111315; border-bottom:1px solid #ffffff15; }
.storefront-page .shop-refresh-community h2 { color:#f5f3ee; font:700 clamp(32px,4vw,56px)/1 "XFG Condensed",sans-serif; text-transform:uppercase; margin:0 0 14px; }
.storefront-page .shop-refresh-community span { color:#bfc0bd; font:14px/1.6 "Segoe UI",sans-serif; }
.storefront-page .shop-refresh-community > a { flex:none; margin:0; }
.storefront-page .shop-refresh-community > a span { color:inherit; }

/* Catalog: charcoal navigation and sections, full-bleed campaign and gold collection links. */
.gear-shop-page .xfg-shop-header { background:#1b1b1b; }
.gear-shop-page .xfg-shop-topbar { min-height:84px; padding-inline:40px; background:#1b1b1b; }
.gear-shop-page .xfg-shop-navbar { min-height:74px; margin:0; padding-inline:32px; background:#181a1d; border-bottom:1px solid #ffffff14; }
.gear-shop-page .xfg-shop-navigation a { min-height:74px; font-size:13px; letter-spacing:1px; padding-inline:22px; }
.gear-shop-page .xfg-shop-brand > b { font-size:20px; }
.gear-shop-page .xfg-shop-actions button { border-color:#ffffff26; border-radius:0; }
.gear-shop-page .xfg-shop-cart-button > b { color:#121212; background:#f0c15a; }
.gear-shop-page .xfg-shop-hero { display:block; min-height:500px; background:#090a0b; overflow:hidden; }
.gear-shop-page .xfg-shop-hero__image { position:absolute; inset:0; aspect-ratio:auto; background:linear-gradient(90deg,#07080aed 0%,#07080aaa 30%,#07080a0d 85%),url('../media/xfg/optimized/xfg-tournament-ranked-team-hero-2026-1600.webp') 66% center/cover no-repeat; transform:none; }
.gear-shop-page .xfg-shop-hero__inner { min-height:500px; width:min(1440px,calc(100% - 96px)); justify-content:flex-start; padding:0; background:transparent; text-align:left; }
.gear-shop-page .xfg-shop-hero__copy { display:block; width:min(570px,50%); padding-block:45px; }
.gear-shop-page .xfg-shop-hero__copy > p { background:transparent; color:#f0c15a; padding:0; margin:0 0 20px; font-size:13px; letter-spacing:2.5px; }
.gear-shop-page .xfg-shop-hero h1 { font-size:clamp(44px,4.3vw,66px); line-height:.96; letter-spacing:-.5px; margin:0; }
.gear-shop-page .xfg-shop-hero__copy > span { font:15px/1.65 "Segoe UI",sans-serif; max-width:400px; margin-top:26px; color:#e2e2dd; }
.gear-shop-page :is(.xfg-shop-featured,.xfg-shop-collections,.xfg-shop-trending) { padding:72px 0; color:var(--shop-ink); background:var(--shop-paper); }
.gear-shop-page .xfg-shop-section-bar { display:flex; margin-bottom:30px; align-items:flex-end; }
.gear-shop-page .xfg-shop-section-bar h2,
.gear-shop-page .xfg-shop-heading h2 { color:#f4f3ef; font-size:clamp(34px,4vw,52px); line-height:1; }
.gear-shop-page .xfg-shop-section-bar > a { color:#e0cfaa; }
.gear-shop-page .xfg-shop-rail-controls { gap:12px; }
.gear-shop-page .xfg-shop-rail-controls button { width:42px; height:42px; border:1px solid #68665f; color:#f4f3ef; background:transparent; }
.gear-shop-page .xfg-shop-rail-controls button:disabled { opacity:.35; cursor:default; }
.gear-shop-page .xfg-shop-rail-controls span { color:#bbb8af; font-size:12px; }
.gear-shop-page .xfg-shop-showcase { grid-template-columns:minmax(240px,.95fr) minmax(0,2fr); gap:24px; align-items:stretch; }
.gear-shop-page .xfg-shop-feature-card { height:auto; min-height:0; grid-template-rows:minmax(210px,1fr) auto; border:0; background:#191b1e; }
.gear-shop-page .xfg-shop-feature-card > img { min-height:210px; }
.gear-shop-page .xfg-shop-feature-card > div { padding:28px; }
.gear-shop-page .xfg-shop-feature-card p { color:#dbb772; }
.gear-shop-page .xfg-shop-feature-card h3 { color:#fff; font-size:32px; }
.gear-shop-page .xfg-shop-feature-card span { color:#c9c9c5; font:13px/1.6 "Segoe UI",sans-serif; }
.gear-shop-page .xfg-shop-feature-card a { position:static; display:inline-flex; min-height:40px; margin-top:18px; padding:0; border:0; border-bottom:1px solid #c6ac72; color:#f0c15a; background:transparent; font-size:13px; letter-spacing:1px; }
.gear-shop-page .xfg-shop-product-rail { grid-auto-columns:calc((100% - 24px)/2); gap:24px; align-items:start; }
.gear-shop-page .xfg-shop-product { overflow:visible; border-radius:0; background:transparent; }
.gear-shop-page .xfg-shop-product > a { min-height:0; padding-bottom:15px; color:#f4f3ef; }
.gear-shop-page .xfg-shop-product__media { aspect-ratio:3/4; background:#e5e4df; border-radius:0; }
.gear-shop-page .xfg-shop-product__media > img { object-fit:cover; }
.gear-shop-page .xfg-shop-product__media--contain { background:#181b1e; }
.gear-shop-page .xfg-shop-product__media--contain > img { width:90%; height:90%; object-fit:contain; }
.gear-shop-page .xfg-shop-product__media > i { left:14px; top:14px; padding:7px 9px; color:#282620; background:#f1eee6f0; font:600 10px/1.2 "Segoe UI",sans-serif; letter-spacing:1px; }
.gear-shop-page .xfg-shop-product :is(small,h3,p) { margin-inline:0; }
.gear-shop-page .xfg-shop-product small { color:#cab17e; margin-top:18px; font-size:10px; letter-spacing:1.2px; }
.gear-shop-page .xfg-shop-product h3 { color:#f4f3ef; font-size:25px; line-height:1.05; margin-top:8px; }
.gear-shop-page .xfg-shop-product p { color:#bcb9b0; font:12px/1.5 "Segoe UI",sans-serif; margin-top:9px; }
.gear-shop-page .xfg-shop-drop-banner { padding:90px 0; background:linear-gradient(90deg,#080a0cec,#080a0c92 60%,#080a0c38),url('../media/xfg/optimized/xfg-ranked-accessory-capsule-2026-1600.webp') center/cover no-repeat; border:0; text-align:left; }
.gear-shop-page .xfg-shop-drop-banner .xfg-shop-shell { align-items:flex-start; text-align:left; }
.gear-shop-page .xfg-shop-drop-banner p { color:#f0c15a; }
.gear-shop-page .xfg-shop-drop-banner h2 { max-width:650px; color:#fff; font-size:clamp(38px,5vw,70px); }
.gear-shop-page .xfg-shop-drop-banner > .xfg-shop-shell > span { max-width:470px; color:#d7d8d2; }
.gear-shop-page .xfg-shop-heading > p { color:#c7ac78; font-size:12px; letter-spacing:1.5px; }
.gear-shop-page .xfg-shop-category-grid { gap:24px; margin-top:30px; }
.gear-shop-page .xfg-shop-category { aspect-ratio:4/5; border:0; border-radius:0; }
.gear-shop-page .xfg-shop-category span { font-size:28px; padding:24px; }
.gear-shop-page .xfg-shop-editorial { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:520px; background:#111315; border:0; }
.gear-shop-page :is(.xfg-shop-editorial__media,.xfg-shop-editorial__copy) { min-width:0; }
.gear-shop-page .xfg-shop-editorial__media { width:100%; max-width:100%; aspect-ratio:auto; min-height:520px; border:0; background:#1a1c1f; }
.gear-shop-page .xfg-shop-editorial__media > img { width:90%; max-width:100%; height:90%; object-fit:contain; }
.gear-shop-page .xfg-shop-editorial__copy { align-items:flex-start; justify-content:center; padding:65px clamp(35px,6vw,95px); }
.gear-shop-page .xfg-shop-editorial__copy p { color:#f0c15a; }
.gear-shop-page .xfg-shop-editorial__copy h2 { color:#f5f4ed; font-size:clamp(42px,4.9vw,72px); }
.gear-shop-page .xfg-shop-editorial__copy > span { color:#c5c7c1; font:14px/1.75 "Segoe UI",sans-serif; }
.gear-shop-page .xfg-shop-editorial--creator { background:#1c1e20; }
.gear-shop-page .xfg-shop-editorial__media--overlay { background:#141618; }
.gear-shop-page .xfg-shop-trending-grid { grid-auto-flow:row; grid-auto-columns:auto; gap:24px; }
.gear-shop-page .xfg-shop-trending-grid .xfg-shop-product > a { min-height:0; }
.gear-shop-page .xfg-shop-no-results { color:#ded9cc; padding:22px; border:1px solid #696358; background:#282724; }
.gear-shop-page .xfg-shop-footer { background:#101113; border-color:#ffffff1b; }
.gear-shop-page .xfg-shop-footer__bottom { color:#abaea7; font:12px/1.6 "Segoe UI",sans-serif; }
.gear-shop-page .xfg-shop-search { background:#16181b; border-color:#ffffff26; border-radius:0; }
.gear-shop-page .xfg-shop-search input { border-color:#666259; border-radius:0; background:#232529; color:#fff; }
.gear-shop-page .xfg-shop-cart { background:#16181b; border-color:#ffffff26; border-radius:0; }


.gear-shop-page .shop-entry-cards { padding:40px 0 0; background:#1b1b1b; }
.gear-shop-page .shop-entry-cards__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.gear-shop-page .shop-entry-card { display:flex; min-width:0; flex-direction:column; color:#171717; background:#f0c15a; }
.gear-shop-page .shop-entry-card__image { display:block; aspect-ratio:1.16; background:#292a2b; overflow:hidden; }
.gear-shop-page .shop-entry-card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 300ms ease; }
.gear-shop-page .shop-entry-card:hover img { transform:scale(1.025); }
.gear-shop-page .shop-entry-card > span:last-child { display:flex; align-items:center; justify-content:center; min-height:52px; padding:14px; font:700 18px/1.2 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:.5px; text-transform:uppercase; text-align:center; }
.gear-shop-page .shop-entry-card:hover { background:#ffdb8b; }
.gear-shop-page .xfg-shop-featured > .xfg-shop-shell { display:block; }
.gear-shop-page .xfg-shop-featured .xfg-shop-section-bar h2 { margin:0; text-align:left; }
.gear-shop-page .xfg-shop-featured .xfg-shop-rail-controls { margin-top:0; }

@media (max-width:1050px) {
 :is(.storefront-page,.gear-shop-page) :is(.shop-refresh-shell,.xfg-shop-shell) { width:calc(100% - 56px); }
 .storefront-page .storefront-hero__content { left:28px; }
 .storefront-page .storefront-hero__controls { transform:none; left:28px; }
 .storefront-page .storefront-merch { padding:30px; }
 .storefront-page .store-refresh-editorial-copy { padding:45px 30px; }
 .gear-shop-page .xfg-shop-navbar { padding-inline:20px; }
 .gear-shop-page .xfg-shop-navigation a { padding-inline:14px; font-size:12px; }
 .gear-shop-page .xfg-shop-showcase { grid-template-columns:minmax(225px,.9fr) minmax(0,1.6fr); gap:18px; }
 .gear-shop-page .xfg-shop-product-rail { gap:18px; grid-auto-columns:calc((100% - 18px)/2); }
 .gear-shop-page .xfg-shop-feature-card > div { padding:22px; }
 .gear-shop-page .xfg-shop-feature-card h3 { font-size:27px; }
 .gear-shop-page .xfg-shop-editorial__copy { padding:40px 30px; }
}
@media (max-width:820px) {
 .gear-shop-page .xfg-shop-topbar { min-height:66px; padding-inline:28px; }
 .gear-shop-page .xfg-shop-navbar { min-height:74px; }
 .gear-shop-page .xfg-shop-showcase { grid-template-columns:1fr; }
 .gear-shop-page .xfg-shop-feature-card { display:grid; grid-template-columns:1.15fr 1fr; grid-template-rows:auto; }
 .gear-shop-page .xfg-shop-feature-card > img { min-height:260px; }
 .gear-shop-page .xfg-shop-product-rail { grid-auto-columns:calc((100% - 36px)/3); }
 .gear-shop-page .xfg-shop-product h3 { font-size:22px; }
 .gear-shop-page .xfg-shop-utilities { gap:16px; }
 .gear-shop-page .xfg-shop-editorial,
 .storefront-page .store-refresh-essentials { grid-template-columns:minmax(0,1fr); }
 .gear-shop-page .xfg-shop-editorial__media { min-height:380px; }
 .gear-shop-page .xfg-shop-editorial--creator .xfg-shop-editorial__copy { order:2; }
 .storefront-page .storefront-merch { padding:35px max(35px,12vw); }
 .storefront-page .store-refresh-editorial-copy { padding:55px 35px; }
 .storefront-page .shop-refresh-community { flex-direction:column; align-items:flex-start; gap:25px; padding:50px 28px; }
}
@media (max-width:700px) {
 .gear-shop-page .shop-entry-cards { padding-top:24px; }
 .gear-shop-page .shop-entry-cards__grid { gap:12px; }
 .gear-shop-page .shop-entry-card__image { aspect-ratio:3/4; }
 .gear-shop-page .shop-entry-card > span:last-child { font-size:14px; padding:12px 5px; }
 .gear-shop-page .xfg-shop-hero__copy { padding-block:0; }

 :is(.storefront-page,.gear-shop-page) :is(.shop-refresh-shell,.xfg-shop-shell) { width:calc(100% - 36px); }
 :is(.storefront-page,.gear-shop-page) .shop-availability { flex-wrap:wrap; gap:3px 12px; padding:10px 18px; font-size:10px; }
 :is(.storefront-page,.gear-shop-page) .shop-availability strong { font-size:9px; }
 :is(.storefront-page,.gear-shop-page) .shop-availability a { display:none; }
 :is(.storefront-page,.gear-shop-page) .shop-category-strip { justify-content:flex-start; padding-inline:8px; }
 :is(.storefront-page,.gear-shop-page) .shop-category-strip a { min-height:59px; padding:17px 18px; font-size:12px; letter-spacing:1px; }
 .storefront-page .storefront-hero { min-height:575px; height:575px; }
 .storefront-page .storefront-hero__content { left:24px; top:auto; bottom:85px; width:calc(100% - 48px); transform:none; }
 .storefront-page .storefront-hero__shade { background:linear-gradient(90deg,#03050890,#03050810),linear-gradient(0deg,#030508f5,#03050880 52%,#03050810); }
 .storefront-page .storefront-hero__content :is(h1,h2) { font-size:82px; }
 .storefront-page .storefront-hero__content > p { font-size:11px; margin-bottom:16px; }
 .storefront-page .storefront-hero__content > span { font-size:13px; max-width:320px; margin-top:20px; }
 .storefront-page .storefront-hero__content > a { margin-top:22px; font-size:13px; }
 .storefront-page .storefront-hero__controls { transform:none; left:24px; bottom:22px; }
 .storefront-page :is(.store-refresh-collections,.store-refresh-accessories) { padding:48px 0; }
 .storefront-page .shop-refresh-heading { display:block; margin-bottom:25px; }
 .storefront-page .shop-refresh-heading > a { display:inline-block; margin-top:18px; }
 .storefront-page .store-refresh-pair { gap:16px; }
 .storefront-page .store-refresh-card__image { aspect-ratio:3/4; }
 .storefront-page .store-refresh-card__image > span { top:10px; left:10px; font-size:8px; padding:6px; letter-spacing:.3px; }
 .storefront-page .store-refresh-card__copy { padding-top:15px; gap:8px; align-items:flex-start; }
 .storefront-page .store-refresh-card__copy small { font-size:9px; letter-spacing:.6px; }
 .storefront-page .store-refresh-card__copy h3 { font-size:23px; }
 .storefront-page .store-refresh-card__copy > span { font-size:22px; }
 .storefront-page .store-refresh-card__image--controller img { padding:5px; }
 .gear-shop-page .xfg-shop-hero,
 .gear-shop-page .xfg-shop-hero__inner { min-height:560px; }
 .gear-shop-page .xfg-shop-hero__inner { width:calc(100% - 48px); align-items:flex-end; padding:55px 0; }
 .gear-shop-page .xfg-shop-hero__image { background:linear-gradient(0deg,#050709f5 0%,#05070977 65%,#05070911),url('../media/xfg/optimized/xfg-tournament-ranked-team-hero-2026-800.webp') 69% center/cover no-repeat; }
 .gear-shop-page .xfg-shop-hero__copy { width:100%; text-align:left; align-items:flex-start; }
 .gear-shop-page .xfg-shop-hero h1 { font-size:50px; line-height:.96; }
 .gear-shop-page .xfg-shop-hero__copy > p { font-size:11px; margin-bottom:16px; }
 .gear-shop-page .xfg-shop-hero__copy > span { margin-top:22px; font-size:13px; max-width:310px; }
 .gear-shop-page .xfg-shop-hero__copy > a { margin-top:22px; }
 .gear-shop-page :is(.xfg-shop-featured,.xfg-shop-collections,.xfg-shop-trending) { padding:46px 0; }
 .gear-shop-page .xfg-shop-section-bar { gap:12px; margin-bottom:24px; }
 .gear-shop-page .xfg-shop-section-bar h2 { font-size:32px; }
 .gear-shop-page .xfg-shop-rail-controls { gap:6px; }
 .gear-shop-page .xfg-shop-rail-controls button { width:40px; height:40px; }
 .gear-shop-page .xfg-shop-rail-controls span { min-width:32px; font-size:11px; }
 .gear-shop-page .xfg-shop-feature-card { grid-template-columns:1fr; }
 .gear-shop-page .xfg-shop-feature-card > img { max-height:310px; min-height:0; aspect-ratio:1.4; }
 .gear-shop-page .xfg-shop-feature-card > div { padding:25px; }
 .gear-shop-page .xfg-shop-product-rail { grid-auto-columns:calc((100% - 15px)/2); gap:15px; }
 .gear-shop-page .xfg-shop-product h3 { font-size:21px; }
 .gear-shop-page .xfg-shop-product__media > i { left:8px; top:8px; font-size:9px; padding:5px 7px; }
 .gear-shop-page .xfg-shop-drop-banner { padding:60px 0; }
 .gear-shop-page .xfg-shop-drop-banner h2 { font-size:48px; }
 .gear-shop-page .xfg-shop-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .gear-shop-page .xfg-shop-category { aspect-ratio:3/5; }
 .gear-shop-page .xfg-shop-category span { font-size:20px; padding:12px; }
 .gear-shop-page .xfg-shop-trending-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 16px; }
 .gear-shop-page .xfg-shop-editorial__copy { padding:45px 24px; }
 .gear-shop-page .xfg-shop-editorial__media { min-height:340px; }
 .gear-shop-page .xfg-shop-footer__top { align-items:flex-start; gap:25px; }
}
@media (max-width:560px) {
 .gear-shop-page .shop-entry-cards__grid { grid-template-columns:1fr; gap:20px; }
 .gear-shop-page .shop-entry-card__image { aspect-ratio:1.4; }
 .gear-shop-page .shop-entry-card > span:last-child { font-size:20px; }

 .gear-shop-page .xfg-shop-header { padding:18px; gap:16px; }
 .gear-shop-page .xfg-shop-navbar { display:grid; min-height:32px; padding:0; border:0; background:transparent; }
 .gear-shop-page .xfg-shop-brand--mobile > b { font-size:11px; }
 .gear-shop-page .xfg-shop-actions { min-height:32px; }
 .gear-shop-page .xfg-shop-search { width:100%; min-height:44px; }
 .gear-shop-page .xfg-shop-search input { min-height:44px; padding-left:15px; font-size:16px; }
 .gear-shop-page .xfg-shop-search::before { width:14px; height:14px; border-width:2px; top:12px; }
 .gear-shop-page .xfg-shop-search::after { top:27px; width:8px; height:2px; }
 .gear-shop-page .xfg-shop-search > p { display:block; padding:0 12px 9px; margin:0; font:11px/1.4 "Segoe UI",sans-serif; color:#d6d2c8; }
 .gear-shop-page .xfg-shop-search > p:empty { display:none; }
 .gear-shop-page .xfg-shop-cart { right:18px; width:calc(100% - 36px); }
 .gear-shop-page .xfg-shop-category-grid { grid-template-columns:1fr; gap:18px; }
 .gear-shop-page .xfg-shop-category { aspect-ratio:1.6; }
 .gear-shop-page .xfg-shop-category span { font-size:28px; padding:24px; }
 .storefront-page .storefront-merch { padding:24px; }
 .storefront-page .store-refresh-editorial-copy { padding:45px 24px; }
}
@media (max-width:380px) {
 .storefront-page .store-refresh-pair { grid-template-columns:1fr; gap:26px; }
 .storefront-page .store-refresh-card__image { aspect-ratio:1.15; }
 .storefront-page .storefront-hero__content :is(h1,h2) { font-size:72px; }
 .gear-shop-page .xfg-shop-hero h1 { font-size:44px; }
 .gear-shop-page .xfg-shop-section-bar { align-items:flex-start; flex-direction:column; }
 .gear-shop-page .xfg-shop-product-rail { grid-auto-columns:80%; }
 .gear-shop-page .xfg-shop-trending-grid { gap:25px 12px; }
}
@media (prefers-reduced-motion:reduce) {
 :is(.storefront-page,.gear-shop-page) *,
 :is(.storefront-page,.gear-shop-page) *::before,
 :is(.storefront-page,.gear-shop-page) *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* Store campaign composition; shared header behavior stays in site-refresh.css. */
.storefront-page .storefront-hero { height:clamp(560px,43vw,740px); min-height:560px; background:#090809; }
.storefront-page .storefront-hero__slide > img { object-position:70% 52%; }
.storefront-page .storefront-hero__slide:nth-child(2) > img { position:absolute; top:0; right:0; width:65%; height:100%; object-fit:cover; object-position:center 64%; }
.storefront-page .storefront-hero__shade { background:linear-gradient(90deg,#08070875 0%,#08070830 25%,transparent 48%); }
.storefront-page .storefront-hero__shade--strong { background:linear-gradient(90deg,#090809 0%,#090809e8 25%,transparent 48%); }
.storefront-page .storefront-hero__content { top:46%; left:max(48px,calc((100% - 1440px)/2)); bottom:auto; width:min(350px,30vw); transform:translateY(-50%); align-items:flex-start; text-align:left; }
.storefront-page .store-campaign-lockup { display:flex; align-items:center; gap:15px; max-width:100%; }
.storefront-page .store-campaign-lockup > img { display:block; flex:none; width:84px; height:84px; object-fit:contain; }
.storefront-page .store-campaign-lockup :is(h1,h2) { display:grid; gap:8px; margin:0; color:#faf8f2; font:700 47px/.86 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:1px; text-transform:uppercase; }
.storefront-page .store-campaign-lockup :is(h1,h2) > span { display:block; }
.storefront-page .store-campaign-lockup strong { display:block; max-width:190px; color:#f1c46a; font:700 21px/1.12 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:1px; }
.storefront-page .storefront-hero__content > span { display:block; margin-top:24px; max-width:310px; font:14px/1.7 "Segoe UI",sans-serif; color:#e1dcd5; }
.storefront-page .storefront-hero__content > a { min-height:46px; margin-top:26px; padding:13px 23px; font-size:14px; }
.storefront-page .storefront-hero__controls { left:max(48px,calc((100% - 1440px)/2)); bottom:24px; gap:9px; max-width:calc(100% - 96px); }
.storefront-page .storefront-hero__controls button { width:auto; height:43px; min-width:64px; padding:0 15px; color:#eee9df; background:#100f10c4; font:600 12px/1.2 "Segoe UI",sans-serif; letter-spacing:.1px; white-space:nowrap; }
.storefront-page .storefront-hero__controls .storefront-hero__pip { min-width:142px; border:0!important; border-bottom:2px solid #ffffff45!important; background:#100f10c4!important; }
.storefront-page .storefront-hero__controls .storefront-hero__pip.is-active { color:#f4cf80; border-bottom-color:#f0c15a!important; background:#100f10e0!important; }
.storefront-page .storefront-hero__controls .storefront-hero__pause { min-width:43px; width:43px; padding:0; }
.storefront-page .storefront-hero__controls button:hover { color:#f4cf80; border-color:#f0c15a; }
.storefront-page .shop-availability { min-height:42px; border-top:1px solid #ffffff12; background:#161516; }
.storefront-page .store-category-campaigns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; padding-block:44px 0; }
.storefront-page .store-category-campaign { position:relative; display:block; overflow:hidden; aspect-ratio:1.32; background:#131213; border:1px solid #3c4147; border-radius:8px; box-shadow:0 8px 12px #0008; }
.storefront-page .store-category-campaign::after { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(0deg,#080809f0,transparent 64%); }
.storefront-page .store-category-campaign > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 40%; transition:transform 350ms ease; }
.storefront-page .store-category-campaign--controller > img { object-fit:contain; padding:32px 25px 70px; background:radial-gradient(ellipse at 50% 30%,#3b3232,#131213); }
.storefront-page .store-category-campaign:hover > img { transform:scale(1.035); }
.storefront-page .store-category-campaign > span { position:absolute; z-index:1; inset:auto 26px 25px; display:grid; gap:7px; }
.storefront-page .store-category-campaign small { color:#d9bb80; font:600 10px/1.3 "Segoe UI",sans-serif; letter-spacing:1.2px; text-transform:uppercase; }
.storefront-page .store-category-campaign strong { color:#fff; font:700 clamp(28px,3vw,43px)/1 "XFG Condensed","Arial Narrow",sans-serif; text-transform:uppercase; }
.storefront-page .store-refresh-pair { grid-template-columns:minmax(0,1fr); gap:24px; }
.storefront-page .store-refresh-card { position:relative; display:flex; align-items:center; min-height:360px; overflow:hidden; background:#0d0c0d; border:1px solid #ffffff10; }
.storefront-page .store-refresh-card__image { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; background:#0d0c0d; }
.storefront-page .store-refresh-card__image::after { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(90deg,#0d0c0d 0%,#0d0c0df0 23%,#0d0c0d28 54%,transparent 70%); }
.storefront-page .store-refresh-card__image img { display:block; width:69%; height:100%; margin-left:auto; object-fit:cover; object-position:50% 62%; }
.storefront-page .store-refresh-card__image > span { z-index:1; inset:18px 18px auto auto; padding:6px 8px; background:#121112bf; color:#c3beb5; border:1px solid #ffffff20; font-size:9px; }
.storefront-page .store-refresh-card__image--controller img { padding:35px 40px; object-fit:contain; }
.storefront-page .store-refresh-card__copy { position:relative; z-index:1; display:block; width:43%; padding:48px; }
.storefront-page .store-refresh-card__copy small { color:#d7b87b; font-size:11px; }
.storefront-page .store-refresh-card__copy h3 { margin-top:14px; font-size:clamp(34px,3.8vw,55px); line-height:1.02; }
.storefront-page .store-refresh-card:hover .store-refresh-card__copy h3 { color:#f4cf80; }
.storefront-page .storefront-merch__controls { grid-template-columns:minmax(35px,1fr) auto auto auto; }
.storefront-page .storefront-merch__controls button { width:auto; min-width:58px; height:38px; padding:0 11px; font:600 11px/1.2 "Segoe UI",sans-serif; }
@media(max-width:1050px) {
 .storefront-page .storefront-hero__content { left:28px; width:32vw; }
 .storefront-page .store-campaign-lockup { gap:10px; }
 .storefront-page .store-campaign-lockup > img { width:68px; height:68px; }
 .storefront-page .store-campaign-lockup :is(h1,h2) { font-size:41px; }
 .storefront-page .store-campaign-lockup strong { font-size:18px; }
 .storefront-page .storefront-hero__controls { left:28px; max-width:calc(100% - 56px); }
 .storefront-page .store-category-campaigns { gap:16px; }
 .storefront-page .store-category-campaign > span { inset:auto 18px 20px; }
 .storefront-page .store-refresh-card { min-height:310px; }
 .storefront-page .store-refresh-card__copy { padding:32px; }
}
@media(max-width:700px) {
 .storefront-page .storefront-hero { display:grid; height:auto; min-height:0; }
 .storefront-page .storefront-hero__slides { position:relative; inset:auto; display:grid; }
 .storefront-page .storefront-hero__slide { position:relative; inset:auto; display:grid; grid-area:1/1; grid-template-rows:clamp(240px,64vw,390px) auto; align-content:start; }
 .storefront-page .storefront-hero__slide > img,.storefront-page .storefront-hero__slide:nth-child(2) > img { position:static; grid-row:1; width:100%; height:100%; object-fit:cover; object-position:78% 52%; }
 .storefront-page .storefront-hero__slide:nth-child(2) > img { object-fit:cover; object-position:center 64%; }
 .storefront-page .storefront-hero__shade,.storefront-page .storefront-hero__shade--strong { inset:0 0 auto; height:clamp(240px,64vw,390px); background:linear-gradient(0deg,#090809,transparent 18%); }
 .storefront-page .storefront-hero__content { position:relative; grid-row:2; inset:auto; width:100%; padding:22px 24px 26px; transform:none; align-items:center; text-align:center; }
 .storefront-page .store-campaign-lockup { gap:12px; text-align:left; }
 .storefront-page .store-campaign-lockup > img { width:58px; height:58px; }
 .storefront-page .store-campaign-lockup :is(h1,h2) { gap:6px; font-size:34px; }
 .storefront-page .store-campaign-lockup strong { max-width:none; font-size:17px; }
 .storefront-page .storefront-hero__content > span { max-width:330px; margin-top:17px; font-size:13px; line-height:1.6; }
 .storefront-page .storefront-hero__content > a { min-height:44px; margin-top:19px; font-size:13px; padding:12px 21px; }
 .storefront-page .storefront-hero__controls { position:relative; inset:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px; gap:8px; width:calc(100% - 40px); max-width:none; margin:0 auto; padding:0 0 20px; transform:none; }
 .storefront-page .storefront-hero__controls button { min-width:0; height:39px; padding:0 10px; font-size:11px; }
 .storefront-page .storefront-hero__controls .storefront-hero__pip { min-width:0; }
 .storefront-page .storefront-hero__pip[data-store-hero-pip="0"] { grid-column:1; grid-row:1; }
 .storefront-page .storefront-hero__pip[data-store-hero-pip="1"] { grid-column:2; grid-row:1; }
 .storefront-page .storefront-hero__controls [data-store-hero-previous] { grid-column:1; grid-row:2; }
 .storefront-page .storefront-hero__controls [data-store-hero-next] { grid-column:2; grid-row:2; }
 .storefront-page .storefront-hero__controls .storefront-hero__pause { grid-column:3; grid-row:1; width:42px; min-width:42px; }
 .storefront-page .store-category-campaigns { grid-template-columns:1fr; gap:16px; padding-top:26px; }
 .storefront-page .store-category-campaign { aspect-ratio:1.9; }
 .storefront-page .store-category-campaign > img { object-position:50% 45%; }
 .storefront-page .store-category-campaign--controller > img { padding:12px 35px 35px; }
 .storefront-page .store-category-campaign > span { inset:auto 24px 23px; }
 .storefront-page .store-category-campaign strong { font-size:35px; }
 .storefront-page .store-refresh-pair { grid-template-columns:minmax(0,1fr); gap:20px; }
 .storefront-page .store-refresh-card { min-height:420px; align-items:flex-end; }
 .storefront-page .store-refresh-card__image { aspect-ratio:auto; }
 .storefront-page .store-refresh-card__image img { width:100%; height:78%; padding:0; object-fit:contain; }
 .storefront-page .store-refresh-card__image::after { background:linear-gradient(0deg,#0d0c0d 0%,#0d0c0df0 16%,#0d0c0d45 38%,transparent 65%); }
 .storefront-page .store-refresh-card__image--controller img { padding:20px; }
 .storefront-page .store-refresh-card__image > span { inset:14px 14px auto auto; font-size:8px; }
 .storefront-page .store-refresh-card__copy { width:100%; padding:25px; }
 .storefront-page .store-refresh-card__copy small { font-size:10px; }
 .storefront-page .store-refresh-card__copy h3 { font-size:35px; margin-top:10px; }
 .storefront-page .storefront-merch__controls { gap:9px; }
}

/* Shared campaign artwork and room for the carousel controls' text labels. */
.gear-shop-page .xfg-shop-hero__image { background:linear-gradient(90deg,#090809bc,transparent 48%),url('../media/xfg/xfg-ranked-campaign-20260928.webp') 70% 52%/cover no-repeat; }
.storefront-page .storefront-merch__controls button,
.gear-shop-page .xfg-shop-rail-controls button { width:auto; min-width:64px; padding-inline:10px; font:600 12px/1.2 "Segoe UI",sans-serif; }
.gear-shop-page .xfg-shop-section-bar { flex-wrap:wrap; }
@media(max-width:700px) {
 .gear-shop-page .xfg-shop-hero { display:grid; grid-template-rows:auto auto; min-height:0; background:#090809; }
 .gear-shop-page .xfg-shop-hero__image { position:relative; inset:auto; aspect-ratio:1.5; background:linear-gradient(0deg,#090809,transparent 15%),url('../media/xfg/xfg-ranked-campaign-20260928.webp') 78% 52%/cover no-repeat; }
 .gear-shop-page .xfg-shop-hero__inner { width:100%; min-height:0; padding:28px 24px 38px; align-items:center; justify-content:center; text-align:center; }
 .gear-shop-page .xfg-shop-hero__copy { width:100%; align-items:center; padding:0; }
 .gear-shop-page .xfg-shop-hero__copy > span { max-width:350px; margin-inline:auto; }
 .gear-shop-page .xfg-shop-hero h1 { font-size:45px; }
}
.gear-shop-page .xfg-shop-drawer__links button > span{border:0;transform:none;width:14px;height:18px;font:400 22px/18px Arial,sans-serif}
.gear-shop-page .xfg-shop-drawer__links button > span::before{content:'+'}
.gear-shop-page .xfg-shop-drawer__back > span{display:none}
@media(min-width:701px){.storefront-page .store-refresh-card__image img{object-position:center 44%}}

/* Store identity beside the main brand. */
.storefront-page .xfg-header__section{display:flex;align-items:center;flex:none;min-height:24px;padding-left:14px;border-left:1px solid #ffffff45;color:inherit;font:700 20px/1 'XFG Condensed','Arial Narrow',sans-serif;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
@media(max-width:760px){.storefront-page .xfg-header__section{min-height:22px;padding-left:10px;font-size:18px}}
@media(max-width:380px){.storefront-page .xfg-header__section{padding-left:8px;font-size:16px}}

/* Store navigation: shopping links followed by the wider XFG network. */
@font-face{font-family:'XFG Store Menu';font-style:normal;font-weight:400;font-display:swap;src:url('../media/fonts/barlow-condensed-regular.woff2') format('woff2')}
.storefront-page .xfg-store-menu__group{display:grid;gap:0;padding:8px 0}
.storefront-page .xfg-store-menu__group + .xfg-store-menu__group{border-top:1px solid #ffffff30}
.storefront-page .xfg-store-menu__group h2{margin:0;font-size:18px}
.storefront-page .xfg-store-menu__group h2 a{display:block;padding:6px 18px;font:700 18px/1.2 'XFG Condensed','Arial Narrow',sans-serif;letter-spacing:.5px;text-transform:uppercase}
.storefront-page .xfg-store-menu__group > a{display:block;min-height:32px;padding:7px 18px;font:400 15px/1.2 'XFG Store Menu','Arial Narrow',sans-serif;letter-spacing:.45px;text-transform:uppercase}
.storefront-page .xfg-store-menu__account{display:flex;align-items:center;border-top:1px solid #ffffff30;background:#ffffff12}
.storefront-page .xfg-store-menu__account a{display:flex;align-items:center;min-height:36px;padding:8px 18px;font:400 14px/1.2 'XFG Store Menu','Arial Narrow',sans-serif;letter-spacing:.5px;text-transform:uppercase}
@media(max-width:1000px){
 .storefront-page .xfg-header__actions{display:none}
 .storefront-page .xfg-menu{position:static}
 .storefront-page .xfg-store-menu{left:0;right:0;width:100%}
}

/* The Store banner moves on a native horizontal track. */
.storefront-page .storefront-hero--free{min-width:0}
.storefront-page .storefront-hero--free .storefront-hero__slides{display:grid;grid-auto-flow:column;grid-auto-columns:100%;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.storefront-page .storefront-hero--free .storefront-hero__slides::-webkit-scrollbar{display:none}
.storefront-page .storefront-hero--free .storefront-hero__slide{position:relative;inset:auto;grid-area:auto;min-width:0;height:100%;opacity:1;pointer-events:auto;transition:none;scroll-snap-align:start}
.storefront-page .storefront-hero--free .storefront-hero__slides:focus-visible{outline:2px solid #ffd000;outline-offset:-3px}
.storefront-page .storefront-hero--free .storefront-hero__slides:is(.is-dragging,.is-settling){scroll-snap-type:none;scroll-behavior:auto}
.storefront-page .storefront-hero--free .storefront-hero__slides.is-dragging,.storefront-page .storefront-hero--free .storefront-hero__slides.is-dragging *{user-select:none;-webkit-user-select:none}


/* Transparent products on the Store photo-card background. */
.storefront-page .store-category-campaign.store-category-campaign--cutout {
    isolation:isolate;
    background:#e7e6e2;
}
.storefront-page .store-category-campaign.store-category-campaign--cutout::before,
.storefront-page .store-category-campaign.store-category-campaign--cutout::after { display:none; }
.storefront-page .store-category-campaign.store-category-campaign--cutout > img {
    position:absolute; z-index:2; top:8px; left:5%; width:90%; height:calc(100% - 98px);
    padding:0; object-fit:contain; object-position:center; border-radius:0;
    filter:drop-shadow(0 6px 7px #0002); transform:none; transition:transform 280ms ease;
}
.storefront-page .store-category-campaign.store-category-campaign--cutout > span {
    z-index:3; inset:auto 24px 22px; gap:7px; text-shadow:none;
}
.storefront-page .store-category-campaign--cutout strong { color:#171a20; }
.storefront-page .store-category-campaign--cutout small { color:#65501d; }
.storefront-page .store-category-campaign--cutout:is(:hover,:focus-visible) > img { transform:translateY(-3px) scale(1.035); }
.storefront-page .store-category-campaign--cutout:focus-visible { outline:3px solid #f4cc78; outline-offset:4px; }
@media(max-width:1050px) and (min-width:701px) {
    .storefront-page .store-category-campaign.store-category-campaign--cutout > img { top:5px; height:calc(100% - 82px); }
    .storefront-page .store-category-campaign.store-category-campaign--cutout > span { inset:auto 16px 16px; gap:5px; }
    .storefront-page .store-category-campaign--cutout strong { font-size:clamp(23px,2.9vw,30px); }
    .storefront-page .store-category-campaign--cutout small { font-size:9px; letter-spacing:.7px; }
}
@media(max-width:700px) {
    .storefront-page .store-category-campaign.store-category-campaign--cutout > img {
        top:4%; left:auto; right:1%; width:60%; height:92%; object-position:center right;
    }
    .storefront-page .store-category-campaign.store-category-campaign--cutout > span { inset:auto auto 20px 20px; width:43%; gap:6px; }
    .storefront-page .store-category-campaign--cutout strong { font-size:clamp(27px,7.4vw,35px); }
    .storefront-page .store-category-campaign--cutout small { max-width:120px; font-size:9px; letter-spacing:.8px; }
    .storefront-page .store-category-campaign--cutout.store-category-campaign--thumbsticks strong { font-size:clamp(20px,6.15vw,25px); }
}
@media(max-width:360px) {
    .storefront-page .store-category-campaign.store-category-campaign--cutout > span { left:16px; bottom:16px; width:44%; }
    .storefront-page .store-category-campaign--cutout strong { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) {
    .storefront-page .store-category-campaign.store-category-campaign--cutout > img { transition:none; }
    .storefront-page .store-category-campaign--cutout:is(:hover,:focus-visible) > img { transform:none; }
}

/* Image selectors on desktop and slim slide bars on mobile. */
.storefront-page .storefront-hero__navigation { position:absolute; z-index:4; left:50%; bottom:24px; transform:translateX(-50%); display:flex; align-items:center; gap:9px; min-height:90px; }
.storefront-page .storefront-hero__navigation button { display:grid; place-items:center; flex:none; padding:0; cursor:pointer; }
.storefront-page .storefront-hero__step { width:28px; height:48px; border:1px solid #ffffff18; border-radius:2px; color:#ddd; background:#3b3b3b; }
.storefront-page .storefront-hero__step svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.storefront-page .storefront-hero__step:hover { background:#525960; }
.storefront-page .storefront-hero__selector { width:96px; height:54px; overflow:hidden; border:1px solid transparent; border-radius:3px; background:#1b1e22; opacity:.55; transition:width 220ms ease,height 220ms ease,opacity 180ms ease,border-color 180ms ease; }
.storefront-page .storefront-hero__selector > img { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.storefront-page .storefront-hero__selector[aria-pressed="true"] { width:160px; height:90px; border-color:#c1c1c1; opacity:1; }
.storefront-page .storefront-hero__selector:hover { opacity:1; }
.storefront-page .storefront-hero__navigation button:focus-visible { outline:2px solid #ffd000; outline-offset:4px; }
.storefront-page .store-quick-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; width:min(1320px,calc(100% - 48px)); margin:28px auto 0; }
.storefront-page .store-quick-links > a { display:flex; align-items:center; justify-content:center; min-width:0; min-height:66px; padding:12px 24px; border:1px solid #3c4147; border-radius:8px; color:#fff; background:#24252a; box-shadow:0 5px 7px #0008; font:700 26px/1.15 "XFG Condensed","Arial Narrow",sans-serif; text-align:center; text-transform:uppercase; text-decoration:none; cursor:pointer; }
.storefront-page .store-quick-links > a:hover { background:#303238; border-color:#63676c; }
.storefront-page .store-quick-links > a:focus-visible { outline:2px solid #ffd000; outline-offset:4px; }
.storefront-page .storefront-hero__content > a { border-color:#ffd000; background:#ffd000; color:#111; }
.storefront-page .storefront-hero__slide:nth-child(2) .storefront-hero__content > a { color:#fff; border-color:#484b50; background:#24252a; }
@media(min-width:701px) {
    .storefront-page .storefront-hero__content > a { min-width:160px; min-height:40px; height:40px; padding:0 18px; border:1px solid #ffd000; border-radius:2px; background:#ffd000; color:#111; font:700 16px/1 "XFG Condensed","Arial Narrow",sans-serif; letter-spacing:.25px; }
    .storefront-page .storefront-hero__slide:nth-child(2) .storefront-hero__content > a { color:#fff; border-color:#484b50; background:#24252a; }
}
@media(min-width:701px) and (max-width:1050px) {
    .storefront-page .store-quick-links { gap:20px; }
    .storefront-page .store-quick-links > a { min-height:56px; padding:10px 12px; font-size:21px; }
}
@media(max-width:700px) {
    .storefront-page .storefront-hero--free { height:clamp(500px,128vw,580px); min-height:0; }
    .storefront-page .storefront-hero--free .storefront-hero__slides { height:100%; }
    .storefront-page .storefront-hero--free .storefront-hero__slide { display:block; height:100%; }
    .storefront-page .storefront-hero--free .storefront-hero__slide > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% 42%; }
    .storefront-page .storefront-hero--free .storefront-hero__slide:nth-child(2) > img { object-position:65% 42%; }
    .storefront-page .storefront-hero--free .storefront-hero__shade { inset:0; height:100%; background:linear-gradient(0deg,#090809f5 0%,#090809b8 31%,#09080920 70%,transparent); }
    .storefront-page .storefront-hero--free .storefront-hero__content { position:absolute; top:auto; bottom:60px; left:0; right:0; width:100%; padding:0 24px; transform:none; align-items:center; text-align:center; }
    .storefront-page .storefront-hero--free .store-campaign-lockup { justify-content:center; text-align:center; }
    .storefront-page .storefront-hero__navigation { bottom:12px; gap:10px; min-height:44px; }
    .storefront-page .storefront-hero__navigation .storefront-hero__step { display:none; }
    .storefront-page .storefront-hero__selector,.storefront-page .storefront-hero__selector[aria-pressed="true"] { position:relative; width:44px; height:44px; overflow:visible; border:0; border-radius:0; background:transparent; opacity:1; }
    .storefront-page .storefront-hero__selector > img { display:none; }
    .storefront-page .storefront-hero__selector::after { content:""; width:36px; height:4px; background:#777b80; }
    .storefront-page .storefront-hero__selector[aria-pressed="true"]::after { background:#fff; }
    .storefront-page .store-quick-links { gap:10px; width:calc(100% - 32px); margin-top:22px; }
    .storefront-page .store-quick-links > a { min-height:44px; padding:8px 6px; border-radius:5px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .storefront-page .storefront-hero__selector { transition:none; } }

/* A consistent charcoal canvas from the Store header surround through the footer. */
.storefront-page.section-page {
    --store-charcoal:#1b1b1b;
    --store-panel:#24252a;
    background:var(--store-charcoal);
}
.storefront-page.section-page main,
.storefront-page.section-page main > section,
.storefront-page .site-footer:has(.xfg-footer-overview),
.storefront-page :is(.storefront-merch,.storefront-merch__window,.storefront-merch__slide,.storefront-hero__slide) {
    background:var(--store-charcoal);
}
.storefront-page.section-page .storefront-hero__shade {
    background:linear-gradient(0deg,#1b1b1b 0%,#1b1b1b00 18%),linear-gradient(90deg,#1b1b1b 0%,#1b1b1b30 28%,transparent 50%);
}
.storefront-page.section-page .storefront-hero__shade--strong {
    background:linear-gradient(0deg,#1b1b1b 0%,#1b1b1b00 18%),linear-gradient(90deg,#1b1b1b 0%,#1b1b1bf0 25%,#1b1b1b00 53%);
}
@media(min-width:701px) {
    .storefront-page.section-page .storefront-hero__slide > img {
        mask-image:linear-gradient(90deg,transparent,#000 15%);
    }
    .storefront-page.section-page .storefront-hero__slide:nth-child(2) > img {
        width:auto;
        max-width:78%;
    }
}
@media(max-width:700px) {
    .storefront-page .storefront-hero--free .storefront-hero__shade {
        background:linear-gradient(0deg,#1b1b1b 0%,#1b1b1bb8 31%,#1b1b1b20 70%,transparent);
    }
    .storefront-page .storefront-hero__slide:nth-child(2) > img { mask-image:none; }
}

/* Merchandise position and chevrons mirror the compact Store controls. */
.storefront-page .storefront-merch__heading { display:none; }
.storefront-page .storefront-merch .storefront-merch__controls { grid-template-columns:minmax(0,1fr) auto 32px 32px; gap:6px; margin-top:6px; }
.storefront-page .storefront-merch .storefront-merch__progress { height:5px; background:transparent; }
.storefront-page .storefront-merch .storefront-merch__progress::before { content:""; position:absolute; left:0; right:0; top:2px; height:1px; background:#777; }
.storefront-page .storefront-merch .storefront-merch__progress i { height:5px; background:#f4f4f4; transition:transform 500ms cubic-bezier(.22,1,.36,1); }
.storefront-page .storefront-merch .storefront-merch__count { min-width:36px; color:#f4f4f4; font:12px/1.2 "Segoe UI",sans-serif; text-transform:none; }
.storefront-page .storefront-merch .storefront-merch__controls button { position:relative; width:32px; min-width:32px; height:44px; min-height:44px; padding:0; border:0; border-radius:7px; color:#eee; background:transparent; }
.storefront-page .storefront-merch .storefront-merch__controls button::before { content:""; position:absolute; width:28px; height:28px; box-sizing:border-box; border:1px solid #888c8f; border-radius:7px; background:#1b1b1b; pointer-events:none; }
.storefront-page .storefront-merch .storefront-merch__controls button > svg { position:relative; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.storefront-page .storefront-merch .storefront-merch__controls button:is(:hover,:focus-visible) { color:#fff; background:transparent; }
.storefront-page .storefront-merch .storefront-merch__controls button:is(:hover,:focus-visible)::before { border-color:#d8dbde; background:#30343a; }
@media(max-width:700px) {
    .storefront-page .store-quick-links { grid-template-columns:minmax(0,1fr); gap:13px; width:calc(100% - 26px); }
    .storefront-page .store-quick-links > a { min-height:44px; padding:10px 14px; font-size:17px; }
    .storefront-page .storefront-merch { padding:24px 13px; }
    .storefront-page .storefront-merch .storefront-merch__controls { grid-template-columns:minmax(0,1fr) auto 30px 30px; }
    .storefront-page .storefront-merch .storefront-merch__controls button { width:30px; min-width:30px; }
    .storefront-page .storefront-merch__heading { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
    .storefront-page .storefront-merch__heading > h3 { flex:none; margin:0; color:#f4f4f4; font:700 20px/1.1 "XFG Condensed","Arial Narrow",sans-serif; text-transform:uppercase; }
    .storefront-page .storefront-merch__heading::after { content:""; flex:1; min-width:10px; height:1px; background:#777; }
    .storefront-page .storefront-merch__heading > a { order:1; flex:none; display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:3px 6px; border:1px solid #aaa; border-radius:1px; background:#dedede; color:#24252a; font:700 12px/1 "XFG Condensed","Arial Narrow",sans-serif; text-transform:uppercase; text-decoration:none; }
    .storefront-page .storefront-merch .storefront-merch__window { border:1px solid #3c3e42; border-radius:7px; background:#24252a; }
    .storefront-page .storefront-merch__slide > img { aspect-ratio:1; }
    .storefront-page .storefront-merch__slide > span { grid-template-columns:minmax(0,1fr); min-height:48px; padding:10px 14px; background:#24252a; }
    .storefront-page .storefront-merch__slide strong { font-size:20px; line-height:1.05; }
}
@media(prefers-reduced-motion:reduce) {
    .storefront-page .storefront-merch .storefront-merch__progress i { transition:none!important; }
}
