/* Shop editorial layout: football photography, clear type, recognizable payment brands. */
.announcement { font-size:13px; letter-spacing:0; padding:9px 20px; }
.eyebrow { letter-spacing:.08em; }
.hero { gap:60px; padding-block:52px 64px; }
.hero-title { letter-spacing:-.045em; line-height:1.04; font-weight:800; }
.hero-description { font-size:18px; line-height:1.65; }
.hero-actions .price-note { flex-basis:100%; font-size:14px; color:var(--muted); }
.hero-visual { box-shadow:none; border-radius:4px; background:#b1d8cd; }
.hero-visual::before { display:none; }
.hero-caption { color:#193e31; font-size:12px; letter-spacing:0; }
.hero-caption span:last-child { color:#193e31; font-weight:700; }
.button { border-radius:6px; }
.section-title { letter-spacing:-.035em; }
.collection-edit { padding-bottom:64px; }
.collection-edit-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.collection-edit-heading h2 { font-size:clamp(26px,3vw,38px); line-height:1.15; letter-spacing:-.035em; }
.collection-edit-heading p { color:var(--muted); font-size:16px; max-width:360px; }
.collection-edit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.collection-feature { background:var(--surface); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.collection-feature img { width:100%; height:290px; object-fit:contain; background:#a2d1c4; transition:transform .25s ease; }
.collection-feature:hover img { transform:scale(1.025); }
.collection-feature>span { display:flex; justify-content:space-between; align-items:center; padding:20px; font-size:22px; }
.collection-feature>span>span { color:var(--green); }
.favorites-view .collection-edit,.favorites-view .payment-home { display:none; }
.payment-home { padding-bottom:52px; }
.payment-showcase { display:grid; grid-template-columns:1fr 1.2fr; gap:28px; align-items:center; padding:34px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.payment-showcase h2 { font-size:28px; line-height:1.2; letter-spacing:-.025em; margin-bottom:12px; }
.payment-showcase p { color:var(--muted); font-size:16px; max-width:400px; }
.payment-brands { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.payment-brand { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:116px; padding:14px; border-radius:8px; background:#fff; color:#17231c; }
.payment-brand img { width:110px; height:48px; object-fit:contain; }
.payment-brand strong { font-size:18px; }
.payment-brand img[src*="kashcash"] { width:48px; }
.payment-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.payment-choice { position:relative; min-width:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; padding:16px 10px; background:#fff; color:#182c22; border:2px solid #d4ddd7; border-radius:8px; font-size:17px; font-weight:700; }
.payment-choice img { width:96px; height:44px; object-fit:contain; }
.payment-choice img[src*="kashcash"] { width:44px; }
.payment-choice[aria-pressed="true"] { border-color:#238451; box-shadow:0 0 0 2px #238451; background:#f0fff6; }
.payment-choice-check { display:none; position:absolute; top:3px; right:7px; color:#176b42; }
.payment-choice[aria-pressed="true"] .payment-choice-check { display:block; }
.order-field:has(.payment-choice-grid) { grid-column:1/-1; }
.checkout-before-contact .payment-showcase { margin-block:24px; }
.order-heading h1 { letter-spacing:-.04em; }
.order-hint,.price-note { font-size:14px; line-height:1.6; }
.purchase-highlights { font-size:16px; }
.order-steps-grid { border:0; gap:24px; }
.order-steps-grid li { border:0; padding:20px 0; border-top:2px solid var(--line); }
.order-step-number { font-size:24px; color:var(--green); }
@media(max-width:900px) { .payment-showcase { grid-template-columns:1fr; } .hero-description {font-size:16px;} .collection-feature img {height:230px;} }
@media(max-width:600px) { .collection-edit-heading {display:block;} .collection-edit-heading p {margin-top:12px;} .collection-edit-grid {gap:10px;} .collection-feature img {height:150px;} .collection-feature>span {padding:12px 8px;font-size:15px;gap:4px;} .collection-edit {padding-bottom:40px;} .payment-showcase {padding:22px 16px;gap:22px;} .payment-brand {padding:12px 6px;min-height:104px;} .payment-brand img {width:82px;height:40px;} .payment-brand strong {font-size:15px;} .payment-brands {gap:8px;} .payment-choice {font-size:15px;padding:16px 5px;} .payment-choice img {width:76px;} .payment-showcase h2 {font-size:25px;} }
@media(prefers-reduced-motion:reduce) { .collection-feature img {transition:none;} }

.payment-brand img[src*="bit"], .payment-choice img[src*="bit"] { background:#003d53; border-radius:8px; padding:6px 12px; }
.payment-brand img[src*="kashcash"] { width:110px; }
.payment-choice img[src*="kashcash"] { width:96px; }
@media(max-width:600px) { .payment-brand img[src*="kashcash"] {width:82px;} .payment-choice img[src*="kashcash"] {width:76px;} }
.payment-brand img[src*="kashcash"],.payment-choice img[src*="kashcash"] { background:#164b38; border-radius:8px; padding:9px 6px; }
.payment-choice>span[dir],.payment-brand strong { white-space:nowrap; }

.store-brand .brand-wordmark { white-space:pre; letter-spacing:-.035em; }
.hero-product-button {display:flex;justify-content:center;align-items:center;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;}
.hero-product-button .hero-image {max-width:100%;}
.hero-caption {align-items:center;flex-wrap:wrap;pointer-events:none;}
#hero-product-name {max-width:65%;text-align:end;}

/* Buyer-provided payment artwork, shown intact without cropping. */
.payment-brand img[src$=".png"], .payment-choice img[src$=".png"] { width:100%; max-width:160px; height:64px; object-fit:contain; background:transparent; padding:0; border-radius:4px; }
.payment-choice img[src$=".png"] { max-width:140px; height:58px; }
@media(max-width:600px) { .payment-brand img[src$=".png"], .payment-choice img[src$=".png"] { height:48px; } }
/* Four purchase steps: aligned text and consistent card padding. */
.order-steps-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;}
.order-steps-grid li {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;align-content:start;gap:12px;min-width:0;padding:22px;border:1px solid var(--line);}
.order-steps-grid .order-step-number {margin:0;line-height:1;}
.order-steps-grid h3 {margin:0;line-height:1.4;}
.order-steps-grid p {margin:0;line-height:1.65;overflow-wrap:anywhere;}
.purchase-highlights>* {min-width:0;}
@media(max-width:900px) {.order-steps-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {.order-steps-grid {grid-template-columns:minmax(0,1fr);}.order-steps-grid li {grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;padding:18px;}.order-steps-grid .order-step-number {grid-row:1/3;}}
.site-header .store-brand {gap:12px;}
.header-mascot {display:block;width:72px;height:72px;flex:none;object-fit:contain;border-radius:10px;}
.header-inner:has(.header-mascot) {min-height:88px;}
@media(max-width:600px) {.header-mascot {width:54px;height:54px;}.header-inner:has(.header-mascot) {min-height:68px;}.site-header .store-brand .brand-wordmark {display:none;}.site-header .store-brand {gap:0;}}
/* Independent mascot in the outer left corner, outside the centred wordmark. */
.header-corner-logo {position:absolute;left:16px;top:8px;width:160px;height:124px;display:flex;align-items:center;justify-content:center;}
.header-corner-logo .header-mascot {width:124px;height:124px;}
.site-header:has(.header-corner-logo) .header-inner {min-height:88px;}
@media(max-width:1780px) {.site-header:has(.header-corner-logo) .header-inner,.site-header:has(.header-corner-logo) .catalog-nav {width:calc(100% - 192px);margin-left:176px;margin-right:16px;}}
@media(max-width:1050px) {.header-corner-logo {left:8px;top:9px;width:78px;height:78px;}.header-corner-logo .header-mascot {width:78px;height:78px;}.site-header:has(.header-corner-logo) .header-inner,.site-header:has(.header-corner-logo) .catalog-nav {width:calc(100% - 112px);margin-left:96px;margin-right:16px;}}
@media(max-width:600px) {.header-corner-logo {left:8px;top:5px;width:52px;height:52px;}.header-corner-logo .header-mascot {width:52px;height:52px;}.site-header:has(.header-corner-logo) .header-inner {width:calc(100% - 76px);min-height:64px;margin-left:68px;margin-right:8px;}.site-header:has(.header-corner-logo) .catalog-nav {width:calc(100% - 32px);margin-inline:16px;}}