/* F.A.M.E. X — static store pages (rides on styles.css tokens; header mirrors shop.css) */
.page{max-width:min(900px,100vw);margin:0 auto;padding:118px 4vw 64px;min-height:70svh}

.page-head{margin-bottom:34px}
.page-head .eyebrow{margin:0 0 10px}
.page-title{position:relative;font-family:'Horizon',Impact,sans-serif;text-transform:uppercase;line-height:.9;
  font-size:clamp(40px,7vw,104px);color:var(--white);margin:0}
.page-title[data-ab]::before{animation:wego-r 3.4s steps(1,end) infinite}
.page-title[data-ab]::after{animation:wego-c 3.4s steps(1,end) infinite}

.page-body{color:var(--white);font-size:15px;line-height:1.85;letter-spacing:.01em;max-width:640px}
.page-body.is-centered{margin:0 auto;text-align:center}
.page-body p{margin:0 0 18px}
.page-body a{color:var(--accent);text-decoration:none}
.page-body a:hover{text-decoration:underline}
.page-body strong{color:var(--white)}
.page-body em{color:var(--accent);font-style:italic}

.page-cta-row{margin-top:30px}

@media (max-width:600px){
  .page{padding-top:96px}
}

.page-divide{color:var(--accent);letter-spacing:.4em;margin:34px 0 26px;font-size:14px}

/* ---- wholesale application form (mirrors the live page's fields) ---- */
.page-sub{font-family:'Horizon',Impact,sans-serif;text-transform:uppercase;color:var(--white);
  font-size:clamp(18px,1.7vw,26px);letter-spacing:.02em;margin:48px 0 22px}
.page-facts{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.page-facts li{color:var(--dim);font-size:14px;letter-spacing:.02em}
.page-facts li::before{content:'\2715';color:var(--accent2);margin-right:10px;font-size:.8em}
.page-soon{font-family:'Horizon',Impact,sans-serif;text-transform:uppercase;color:var(--accent);
  font-size:clamp(20px,2.4vw,34px);letter-spacing:.06em}

/* VIP PROGRAM — the locked tiers (V.I.P. / V.I.P.+ / ELITE), raffle box removed 07-17 */
.vip-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:10px auto 26px;text-align:left}
@media (max-width:900px){.vip-tiers{grid-template-columns:1fr;max-width:520px}}
.vip-tier.is-elite{border-color:var(--accent);box-shadow:0 0 44px rgba(235,255,0,.12)}
.vip-tier.is-elite .vip-tier-cta{background:var(--accent)}
.vip-tier{border:1px solid #26262b;background:var(--panel);padding:28px 24px;display:flex;flex-direction:column;gap:14px}
.vip-tier.is-plus{border-color:var(--accent2);box-shadow:0 0 44px rgba(255,18,238,.14)}
.vip-tier-name{font-family:'Horizon',Impact,sans-serif;color:var(--white);font-size:24px;margin:0;text-transform:uppercase}
.vip-tier-price{font-family:'Horizon',Impact,sans-serif;color:var(--accent);font-size:clamp(34px,4vw,46px);margin:0;line-height:1}
.vip-tier-price span{font-size:13px;color:var(--dim);font-family:'Poppins',sans-serif;letter-spacing:.12em}
.vip-tier .vip-perks{flex:1;margin-bottom:0}
.vip-tier-cta{border:0;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em}
.vip-tier.is-plus .vip-tier-cta{background:var(--accent2)}
.vip-closer{color:var(--bone);font-size:14px;letter-spacing:.04em;margin:30px auto 0;max-width:520px}
.vip-raffle{margin-top:6px}
.vip-card{max-width:720px;margin:10px auto 0;text-align:left;border:1px solid #26262b;
  background:var(--panel);padding:34px 30px}
.vip-badge{display:inline-block;background:var(--accent2);color:var(--black);font-size:9px;
  font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:6px 12px;margin:0 0 18px}
.vip-price{font-family:'Horizon',Impact,sans-serif;color:var(--white);font-size:clamp(40px,6vw,64px);
  margin:0 0 6px;line-height:1;text-transform:uppercase}
.vip-price span{display:block;font-size:clamp(12px,1.4vw,15px);color:var(--accent);letter-spacing:.14em;margin-top:8px}
.vip-how{color:var(--bone);font-size:14px;line-height:1.7;margin:18px 0 20px}
.vip-how a{color:var(--accent);text-decoration:none}
.vip-perks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.vip-perks li{color:var(--dim);font-size:13px;line-height:1.5;padding-left:20px;position:relative}
.vip-perks li::before{content:'\2715';position:absolute;left:0;top:2px;font-size:.75em}
.vip-perks li:nth-child(3n+1)::before{color:var(--accent2)}
.vip-perks li:nth-child(3n+2)::before{color:var(--accent)}
.vip-perks li:nth-child(3n)::before{color:#10FF45}
.vip-perks b{color:var(--white)}
.vip-cta{display:block;text-align:center;background:var(--accent);color:var(--black);text-decoration:none;
  padding:15px;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:all .15s ease}
.vip-cta:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent2)}
.vip-fine{color:#86868d;font-size:10px;letter-spacing:.08em;margin:16px 0 0;line-height:1.6}

.page-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left;margin-top:6px}
.page-form label{display:flex;flex-direction:column;gap:7px;color:var(--dim);
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.page-form label.full,.page-form .page-radios,.page-form .form-note,
.page-form button,.page-form .form-status{grid-column:1/-1}
.page-form .req{color:var(--accent2);margin-left:3px}
.page-form input,.page-form select,.page-form textarea{
  background:#0b0b0d;border:1px solid #2c2c32;color:var(--white);padding:12px 13px;
  font-family:'Poppins',sans-serif;font-size:14px;letter-spacing:.01em;width:100%;
  transition:border-color .15s ease}
.page-form textarea{resize:vertical}
.page-form input:focus,.page-form select:focus,.page-form textarea:focus{
  outline:none;border-color:var(--accent)}
.page-form .is-invalid{border-color:var(--accent2)}

.page-radios{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.page-radios legend{padding:0;color:var(--dim);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;font-weight:600;margin-bottom:10px;float:left;width:100%}
.page-radios .rad{flex-direction:row;align-items:center;gap:9px;letter-spacing:.12em;color:var(--white)}
.page-radios input{width:auto;accent-color:var(--accent)}

.form-note{color:var(--dim);font-size:12px;line-height:1.7;margin:4px 0 0}
.page-form button{justify-self:start;cursor:pointer;border:0;
  background:var(--accent2);color:var(--black);padding:15px 34px}
.page-form button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}
.form-status{font-size:12px;letter-spacing:.06em;margin:0;min-height:1em}
.form-status.is-err{color:var(--accent2)}
.form-status.is-ok{color:var(--accent)}

/* the form is left-aligned even on the centered pages */
.page-body.is-centered .page-form,
.page-body.is-centered .page-facts{text-align:left}

@media (max-width:640px){
  .page-form{grid-template-columns:1fr}
}