/* sportevale — independent theme */
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/spacegrotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/spacegrotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{
  --bg:#F4F1EC; --ink:#1A1A1A; --accent:#C45C26; --muted:#6B655C;
  --card:#FFFCFA; --line:#E6DFD4;
  --display:"Outfit", system-ui, sans-serif;
  --body:"Space Grotesk", system-ui, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--accent);margin:0 0 8px}
.lede{font-size:18px;max-width:28em;color:var(--muted)}
.meta{color:var(--muted);font-size:14px}
.btn{display:inline-block;background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:999px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:0;cursor:pointer;font:inherit}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.wordmark{font-family:var(--display);font-weight:500;font-size:42px;margin:8px 0 28px}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.section{padding:64px 0}
.empty{padding:80px 0;text-align:center}

.ph-announce{background:var(--ink);color:#F6F1EA;text-align:center;font-size:12px;letter-spacing:.08em;padding:8px 16px;text-transform:uppercase}
.ph-mast{padding:18px 0 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,241,234,.92);backdrop-filter:blur(8px);z-index:20}
.ph-mast-row{width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.ph-wordmark{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.03em}
.ph-nav{display:flex;gap:22px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.ph-nav a:hover{color:var(--accent)}

.hero{display:grid;grid-template-columns:1fr 1fr;min-height:0}
.hero-copy{padding:48px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.hero h1{font-family:var(--display);font-size:clamp(32px,4.4vw,52px);line-height:1.02;font-weight:500;margin:0}
.hero-photo{margin:0;background:#ddd;overflow:hidden;max-height:380px}
.hero-photo img{width:100%;height:380px;object-fit:cover;object-position:center 30%;display:block;transition:transform .6s ease}
.hero:hover .hero-photo img{transform:scale(1.04)}

.albums{display:grid;grid-template-columns:repeat(4,1fr)}
.album{position:relative;min-height:240px;overflow:hidden;color:#F6F1EA}
.album img{width:100%;height:100%;object-fit:cover;min-height:240px;filter:brightness(.72);transition:transform .5s ease,filter .4s ease}
.album:hover img{transform:scale(1.06);filter:brightness(.85)}
.album div{position:absolute;left:22px;bottom:22px;right:22px}
.album h3{font-family:var(--display);font-weight:500;font-size:22px;margin:6px 0 0}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:var(--card);border:1px solid var(--line);padding:14px 14px 22px;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(42,33,24,.12)}
.card img{aspect-ratio:1;object-fit:cover;background:#eee;transition:transform .45s ease}
.card:hover img{transform:scale(1.04)}
.card h3{font-family:var(--display);font-weight:500;margin:14px 0 4px;font-size:22px}

.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--bg)}
.story>div{padding:64px}
.story h2{font-family:var(--display);font-weight:500;font-size:42px;margin:8px 0 16px}
.story p{color:#C9B5A4;max-width:28em}
.story .kicker{color:#E8C2A8}
.story .btn.ghost{color:#F6F1EA;border-color:#F6F1EA}
.story figure{margin:0;overflow:hidden}
.story img{width:100%;height:100%;object-fit:cover;min-height:360px}

.pdp{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:48px 0 40px}
.gallery{display:grid;gap:12px}
.gallery img[data-main]{width:100%;background:#eee}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.thumbs img{aspect-ratio:1;object-fit:cover;cursor:pointer;border:1px solid transparent}
.thumbs img.on{border-color:var(--ink)}
.pdp h1{font-family:var(--display);font-weight:500;font-size:44px;margin:0 0 8px}
.price{font-size:22px;margin:8px 0 18px}
.was{color:var(--muted);text-decoration:line-through;margin-left:10px;font-size:16px}
.variants{margin:16px 0}
.v-attr{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v-pill{border:1px solid var(--line);background:var(--card);padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;font:inherit}
.v-pill.on,.v-pill:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.qty{display:flex;gap:8px;align-items:center;margin:16px 0}
.qty input{width:64px;padding:10px;border:1px solid var(--line);background:var(--card);font:inherit}
.pdp a{color:var(--accent)}

.pdp-body{padding:0 0 80px}
.hl-block h2{font-family:var(--display);font-weight:500;font-size:32px;margin:6px 0 16px}
.hl-list{margin:0;padding:0;list-style:none;counter-reset:n}
.hl-list li{counter-increment:n;padding:14px 0 14px 48px;border-bottom:1px solid var(--line);position:relative}
.hl-list li:before{content:counter(n, decimal-leading-zero);position:absolute;left:0;font-family:var(--display);color:var(--accent)}
.specs{width:100%;border-collapse:collapse;margin:12px 0 28px;font-size:14px}
.specs td{border-bottom:1px solid var(--line);padding:8px 0}
.specs td:first-child{color:var(--muted);width:180px}
.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:12px}
.note-grid article{background:var(--card);border:1px solid var(--line);padding:22px}
.note-grid h3{font-family:var(--display);font-weight:500;margin:0 0 8px}

.ph-foot{border-top:1px solid var(--line);background:#2A2118;color:#F6F1EA;margin-top:24px}
.ph-foot a{color:#F6F1EA}
.ph-foot-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:40px;padding:64px 0 48px}
.ph-foot-brand .ph-wordmark{color:#F6F1EA;font-size:36px}
.ph-foot-tag{color:#C9B5A4;max-width:22em;margin:10px 0 22px}
.ph-ghost{display:inline-block;color:#F6F1EA;border:1px solid #F6F1EA;padding:10px 16px;border-radius:999px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.ph-ghost:hover{background:#F6F1EA;color:#2A2118}
.ph-foot-col{display:flex;flex-direction:column;gap:8px;font-size:14px}
.ph-foot-col h3{margin:0 0 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#C46A3A}
.ph-foot-col a:hover{color:#E8C2A8}
.ph-foot-col p{margin:0 0 12px;color:#C9B5A4;line-height:1.55}
.ph-foot-bar{width:min(1180px,calc(100% - 48px));margin:0 auto;border-top:1px solid #4A3C32;padding:18px 0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#A89282;font-size:12px}

.ph-policy{padding:48px 0 96px}
.ph-policy-hero{max-width:38em;margin-bottom:40px}
.ph-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--accent);margin:0 0 8px}
.ph-policy-hero h1{font-family:var(--display);font-weight:500;font-size:clamp(36px,5vw,56px);line-height:1.05;margin:8px 0 14px}
.ph-lede{color:var(--muted);font-size:16px}
.ph-policy-split{display:grid;grid-template-columns:1.4fr .8fr;gap:40px}
.ph-policy-copy h2{font-family:var(--display);font-weight:500;font-size:26px;margin:28px 0 8px}
.ph-policy-copy p{color:var(--muted);line-height:1.7}
.ph-policy-copy a,.ph-policy a{color:var(--accent)}
.ph-policy-card{background:var(--card);border:1px solid var(--line);padding:28px;position:sticky;top:88px}
.ph-policy-card p{margin:0 0 12px;color:var(--muted)}
.ph-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 36px}
.ph-policy-grid article{background:var(--card);border:1px solid var(--line);padding:22px}
.ph-policy-grid h2{font-family:var(--display);font-weight:500;font-size:22px;margin:0 0 8px}
.ph-policy-grid p{color:var(--muted);margin:0}
.ph-policy-steps{list-style:none;margin:0;padding:0;counter-reset:p}
.ph-policy-steps li{counter-increment:p;padding:22px 0 22px 56px;border-bottom:1px solid var(--line);position:relative}
.ph-policy-steps li:before{content:counter(p, decimal-leading-zero);position:absolute;left:0;top:22px;font-family:var(--display);color:var(--accent);font-size:20px}
.ph-policy-steps h2{font-family:var(--display);font-weight:500;font-size:24px;margin:0 0 8px}
.ph-policy-steps p{color:var(--muted);margin:0}
.ph-updated{color:var(--muted);font-size:13px;margin-top:28px}
.ph-form{display:grid;gap:12px;max-width:520px}
.ph-form input,.ph-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--card);font:inherit}
.ph-flash{background:#e7f3ea;border:1px solid #b7d7c2;padding:12px 14px;margin:16px 0}
.ph-flash.err{background:#fbe9e6;border-color:#e3b6ad}

.wa{position:fixed;right:22px;bottom:22px;background:#25D366;color:#083b1a;padding:13px 18px;letter-spacing:.12em;text-transform:uppercase;font-size:11px;z-index:40;box-shadow:0 10px 28px rgba(0,0,0,.22);border-radius:999px;animation:wa-float 2.8s ease-in-out infinite}
.wa:hover{filter:brightness(1.05)}
@keyframes wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.sv-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--ink);color:#fff}
.sv-head-inner{padding:40px 28px}
.sv-head h1{font-family:var(--display);font-size:clamp(28px,4vw,46px);margin:8px 0 12px;color:#fff}
.sv-head .kicker{color:var(--accent)}
.sv-head-img{width:100%;height:300px;object-fit:cover}
.sv-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:0}
.sv-feat{border:1px solid var(--line);background:var(--card)}
.sv-feat img{width:100%;height:200px;object-fit:cover}
.sv-feat div{display:flex;justify-content:space-between;padding:12px 14px;font-family:var(--display)}
.sv-board{padding:48px 0 80px}
.sv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sv-cell{background:var(--card);border:1px solid var(--line);padding:8px}
.sv-cell img{aspect-ratio:1;object-fit:cover}
.sv-cell h3{font-size:15px;margin:8px 0 0;font-family:var(--display)}
.sv-pdp{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:36px 0 80px;align-items:start}
.sv-big{width:100%;background:var(--card)}
.sv-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.sv-thumbs img{aspect-ratio:1;object-fit:cover;cursor:pointer;opacity:.65}
.sv-thumbs img.on{opacity:1;outline:2px solid var(--accent)}
.sv-box{background:var(--card);border:1px solid var(--line);padding:28px}
.sv-box h1{font-family:var(--display);font-size:32px;margin:0 0 6px}
.sv-sku{color:var(--muted);font-size:13px;letter-spacing:.08em}
.sv-facts{padding:0;list-style:none;margin:18px 0}
.sv-facts li{padding:8px 0;border-bottom:1px solid var(--line)}
.sv-table{width:100%;border-collapse:collapse}
.sv-table th,.sv-table td{padding:8px 0;border-bottom:1px solid var(--line);text-align:left}

@media (max-width:900px){
  .hero,.pdp,.story,.grid,.albums,.note-grid,.ph-foot-inner,.ph-policy-split,.ph-policy-grid,.sv-head,.sv-featured,.sv-grid,.sv-pdp{grid-template-columns:1fr}
  .hero-copy,.story>div{padding:36px 22px}
  .ph-policy-card{position:static}
}

/* soft pass — club kit, round buy box */
img,figure{border-radius:16px}
.btn,.v-pill{border-radius:999px}
.sv-big,.sv-thumbs img,.sv-box,.sv-feat,.sv-feat img,.sv-cell,.sv-cell img,.ph-policy-card,.ph-policy-grid article{border-radius:18px;overflow:hidden}
.sv-box{box-shadow:0 10px 28px rgba(26,26,26,.06)}
.ph-form input,.ph-form textarea,.ph-flash{border-radius:14px}
.ph-nav a{padding:6px 10px;border-radius:999px}