/* ==========================================================
   FootballGear.cc v3 — Bright & Active edition.
   White canvas · fire orange primary · lime/gold energy accents ·
   grass green for pitch/WA · vivid red for promo. NO dark hero.
   ========================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#1A1D22;
  --ink-2:#4A4F58;
  --ink-3:#8A8F98;
  --line:#E5E6EA;
  --line-soft:#F2F3F5;
  --paper:#FFFFFF;
  --cream:#FFF9EF;
  --sand:#FCF4E6;
  --lime:#B4F300;         /* electric lime - 强烈能量色 */
  --fire:#FF5A1F;         /* fire orange - CTA */
  --fire-d:#E24409;
  --gold:#FFC732;         /* highlight yellow */
  --red:#E4002B;          /* pitch red / promo */
  --red-d:#B00021;
  --pitch:#00A651;        /* grass green / whatsapp */
  --pitch-d:#008542;
  --sky:#00A9E0;          /* sky/water blue */
  --nav-h:66px;
  --promo-h:34px;
  --wrap:1440px;
}
html{background:var(--paper);color-scheme:light;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Open Sans','Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14.5px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;background:none;border:0;color:inherit;cursor:pointer}
strong,b{font-weight:700}
h1,h2,h3,h4{font-family:'Anton','Bebas Neue','Oswald','Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.3px;line-height:1;color:var(--ink)}
.v2-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* ================== PROMO STRIP ================== */
.v2-promo{
  background:linear-gradient(90deg,var(--fire) 0%,var(--red) 50%,var(--fire) 100%);
  color:#fff;
  height:var(--promo-h);
  display:flex;align-items:center;justify-content:center;
  gap:36px;
  font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.5px;
}
.v2-promo span{display:inline-flex;align-items:center;gap:6px}
.v2-promo b{font-weight:800}
@media(max-width:900px){.v2-promo{font-size:11.5px;gap:16px;padding:0 12px}}

/* ================== NAV ================== */
.v2-nav{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100;
  height:var(--nav-h);
  display:flex;align-items:center;
  padding:0 24px;gap:32px;
}
.v2-nav-brand{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Anton',sans-serif;
  font-size:24px;letter-spacing:.6px;
  color:var(--ink);flex-shrink:0;text-transform:uppercase;
}
.v2-nav-brand-tld{color:var(--fire);font-family:'Anton',sans-serif}

.v2-nav-primary{display:flex;align-items:center;gap:28px;flex:1}
.v2-nav-item{position:relative;height:var(--nav-h)}
.v2-nav-link{
  color:var(--ink);
  font-family:'Open Sans',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  padding:0 4px;height:100%;
  display:inline-flex;align-items:center;gap:5px;
  border-bottom:3px solid transparent;
  transition:border-color .15s ease, color .15s;
}
.v2-nav-link:hover,.v2-nav-item.is-open .v2-nav-link{color:var(--fire);border-bottom-color:var(--fire)}
.v2-nav-caret{font-size:8px}

.v2-nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.v2-nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--pitch);color:#fff;
  padding:9px 18px;border-radius:999px;
  font-family:'Open Sans',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;
  transition:.18s;box-shadow:0 2px 8px rgba(0,166,81,.28);
}
.v2-nav-cta:hover{background:var(--pitch-d);box-shadow:0 6px 16px rgba(0,166,81,.42)}
.v2-nav-burger{display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;padding:0}
.v2-nav-burger span{display:block;height:2px;background:var(--ink);border-radius:1px}

.v2-drop{
  position:absolute;left:-24px;top:100%;
  min-width:640px;
  background:var(--paper);
  border:1px solid var(--line);border-top:0;
  padding:24px 28px;
  opacity:0;transform:translateY(-4px);pointer-events:none;
  transition:opacity .15s ease, transform .15s ease;
  box-shadow:0 20px 40px rgba(26,29,34,.08);
}
.v2-nav-item.is-open .v2-drop{opacity:1;transform:translateY(0);pointer-events:auto}
.v2-drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 24px}
.v2-drop-cell{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 4px;color:var(--ink);border-bottom:1px solid var(--line-soft);font-family:'Open Sans',sans-serif;transition:.15s}
.v2-drop-cell:hover{color:var(--fire);padding-left:4px}
.v2-drop-cell-name{font-size:13.5px;font-weight:600}
.v2-drop-cell-meta{font-size:11.5px;color:var(--ink-3);font-weight:700;background:var(--cream);padding:2px 8px;border-radius:11px}
.v2-drop-cell:hover .v2-drop-cell-meta{background:var(--fire);color:#fff}
.v2-drop-cell--soon{opacity:.55}
.v2-drop-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);text-align:right}
.v2-drop-more{color:var(--fire);font-weight:700;font-size:12.5px;letter-spacing:.4px;text-transform:uppercase}
.v2-drop-more:hover{color:var(--red)}

@media(max-width:900px){
  .v2-nav-primary{display:none}
  .v2-nav-cta span{display:none}
  .v2-nav-cta{padding:9px 12px}
  .v2-nav-burger{display:flex}
}

/* ================== HERO — bright, energetic ================== */
.v2-hero{
  background:linear-gradient(135deg,#FFF9EF 0%,#FFFFFF 45%,#FFEEDD 100%);
  color:var(--ink);
  position:relative;overflow:hidden;
  padding:0;
}
.v2-hero::before{
  content:"";position:absolute;top:-120px;right:-120px;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,31,.20) 0%,transparent 70%);
  pointer-events:none;
}
.v2-hero::after{
  content:"";position:absolute;bottom:-100px;left:-100px;
  width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(180,243,0,.22) 0%,transparent 70%);
  pointer-events:none;
}
.v2-hero-inner{
  max-width:var(--wrap);margin:0 auto;
  display:grid;grid-template-columns:1.15fr 1fr;
  gap:0;align-items:stretch;
  min-height:min(72vh,560px);
  position:relative;z-index:2;
}
.v2-hero-copy{padding:56px 40px;display:flex;flex-direction:column;justify-content:center}
.v2-hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fire);color:#fff;
  padding:7px 16px;border-radius:999px;
  font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;
  align-self:flex-start;margin-bottom:22px;
  box-shadow:0 4px 14px rgba(255,90,31,.35);
}
.v2-hero h1{
  font-family:'Anton',sans-serif;font-weight:400;
  font-size:clamp(48px,6.4vw,96px);
  letter-spacing:.6px;line-height:.92;text-transform:uppercase;color:var(--ink);
}
.v2-hero h1 em{color:var(--fire);font-style:normal}
.v2-hero h1 mark{background:var(--lime);color:var(--ink);padding:0 8px}
.v2-hero-lead{margin-top:20px;font-family:'Open Sans',sans-serif;font-size:15.5px;color:var(--ink-2);max-width:480px;line-height:1.55}
.v2-hero-ctas{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.v2-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:999px;
  font-family:'Open Sans',sans-serif;font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;
  transition:.2s;cursor:pointer;border:0;
}
.v2-btn--fire{background:var(--fire);color:#fff;box-shadow:0 4px 14px rgba(255,90,31,.32)}
.v2-btn--fire:hover{background:var(--fire-d);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,90,31,.5)}
.v2-btn--pitch{background:var(--pitch);color:#fff;box-shadow:0 4px 14px rgba(0,166,81,.32)}
.v2-btn--pitch:hover{background:var(--pitch-d);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,166,81,.5)}
.v2-btn--dark{background:var(--ink);color:#fff}
.v2-btn--dark:hover{background:var(--fire);transform:translateY(-2px)}
.v2-btn--outline{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.v2-btn--outline:hover{background:var(--ink);color:#fff}
.v2-btn--white{background:#fff;color:var(--fire)}
.v2-btn--white:hover{background:var(--ink);color:#fff}

.v2-hero-visual{
  position:relative;
  background:linear-gradient(160deg,#FFFFFF 0%,#FFF3E4 100%);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  border-left:1px solid var(--line);
}
.v2-hero-visual::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 40%,rgba(255,199,50,.18) 0,transparent 55%),radial-gradient(circle at 75% 65%,rgba(255,90,31,.16) 0,transparent 55%);
}
.v2-hero-visual img{position:relative;z-index:2;width:82%;height:82%;object-fit:cover;filter:contrast(1.04) saturate(1.08);border-radius:8px}
.v2-hero-tag{
  position:absolute;top:24px;right:24px;z-index:3;
  background:var(--lime);color:var(--ink);
  padding:8px 16px;border-radius:999px;
  font-family:'Anton',sans-serif;font-size:14px;letter-spacing:1.5px;
  box-shadow:0 4px 14px rgba(180,243,0,.5);
}

.v2-hero-strip{
  background:var(--paper);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:repeat(4,1fr);
  position:relative;z-index:2;
}
.v2-hero-strip > div{
  display:flex;align-items:center;gap:14px;
  padding:20px 24px;
  border-right:1px solid var(--line-soft);
}
.v2-hero-strip > div:last-child{border-right:0}
.v2-hero-strip-ico{
  width:40px;height:40px;flex-shrink:0;
  background:var(--sand);color:var(--fire);
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
}
.v2-hero-strip-ico svg{width:22px;height:22px}
.v2-hero-strip > div:nth-child(2) .v2-hero-strip-ico{background:#EAF9E5;color:var(--pitch)}
.v2-hero-strip > div:nth-child(3) .v2-hero-strip-ico{background:#FFF5D5;color:#B87700}
.v2-hero-strip > div:nth-child(4) .v2-hero-strip-ico{background:#FFEAEA;color:var(--red)}
.v2-hero-strip-txt strong{display:block;font-family:'Open Sans',sans-serif;font-size:13.5px;font-weight:800;color:var(--ink)}
.v2-hero-strip-txt span{font-family:'Open Sans',sans-serif;font-size:11.5px;color:var(--ink-3)}

@media(max-width:900px){
  .v2-hero-inner{grid-template-columns:1fr;min-height:auto}
  .v2-hero-copy{padding:40px 24px}
  .v2-hero-visual{aspect-ratio:1/1;max-height:50vh;border-left:0;border-top:1px solid var(--line)}
  .v2-hero-strip{grid-template-columns:repeat(2,1fr)}
}

/* ================== SECTION SCAFFOLD ================== */
.v2-section{padding:64px 0;background:var(--paper)}
.v2-section--soft{background:linear-gradient(180deg,var(--cream) 0%,var(--paper) 100%)}
.v2-section--cream{background:var(--cream)}
.v2-section--sand{background:var(--sand)}
.v2-section-head{max-width:var(--wrap);margin:0 auto 32px;padding:0 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.v2-section-head h2{font-family:'Anton',sans-serif;font-size:clamp(28px,3.8vw,48px);line-height:1;letter-spacing:.6px}
.v2-section-head h2 em{color:var(--fire);font-style:normal}
.v2-section-head-sub{font-family:'Open Sans',sans-serif;font-size:13px;color:var(--ink-3);margin-top:6px;font-weight:500}
.v2-section-head-link{
  font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  color:var(--fire);
}
.v2-section-head-link:hover{color:var(--red)}
.v2-section-head-link::after{content:" →"}

/* ================== CATEGORY TILES ================== */
.v2-tiles{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.v2-tile{
  aspect-ratio:1/1;position:relative;overflow:hidden;
  background:var(--sand);color:var(--ink);
  display:flex;flex-direction:column;justify-content:flex-end;
  transition:.25s;border-radius:14px;
  border:1px solid transparent;
}
.v2-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(26,29,34,.10);border-color:var(--fire)}
.v2-tile__img{position:absolute;inset:0}
.v2-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.v2-tile:hover .v2-tile__img img{transform:scale(1.08)}
.v2-tile__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(26,29,34,.72) 100%)}
.v2-tile__body{position:relative;z-index:2;padding:12px 14px 14px;color:#fff}
.v2-tile__name{font-family:'Anton',sans-serif;font-size:19px;letter-spacing:.5px;line-height:1;text-transform:uppercase}
.v2-tile__meta{font-family:'Open Sans',sans-serif;font-size:11px;color:rgba(255,255,255,.82);margin-top:3px;letter-spacing:.3px}
.v2-tile__pill{
  position:absolute;top:10px;left:10px;z-index:2;
  background:var(--fire);color:#fff;
  font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;
  box-shadow:0 2px 8px rgba(255,90,31,.35);
}
.v2-tile__pill--soon{background:var(--paper);color:var(--ink-3);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.v2-tile--soon .v2-tile__img img{filter:grayscale(.5) brightness(.85)}
@media(max-width:1100px){.v2-tiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.v2-tiles{grid-template-columns:repeat(2,1fr)}}

/* ================== FEATURED / PRODUCT GRID ================== */
.v2-grid{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.v2-prod{background:var(--paper);border:1px solid var(--line);color:var(--ink);transition:.2s;overflow:hidden;display:flex;flex-direction:column;border-radius:12px}
.v2-prod:hover{border-color:var(--fire);box-shadow:0 10px 26px rgba(255,90,31,.15);transform:translateY(-3px)}
.v2-prod-img{aspect-ratio:1/1;background:var(--cream);position:relative;overflow:hidden}
.v2-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.v2-prod:hover .v2-prod-img img{transform:scale(1.06)}
.v2-prod-badge{
  position:absolute;top:10px;left:10px;
  background:var(--fire);color:#fff;
  font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;
  box-shadow:0 2px 8px rgba(255,90,31,.35);
}
.v2-prod-badge--new{background:var(--pitch);box-shadow:0 2px 8px rgba(0,166,81,.35)}
.v2-prod-badge--best{background:var(--gold);color:var(--ink);box-shadow:0 2px 8px rgba(255,199,50,.5)}
.v2-prod-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.v2-prod-cat{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.v2-prod-name{font-family:'Open Sans',sans-serif;font-size:13.5px;font-weight:700;line-height:1.4;color:var(--ink);min-height:38px}
.v2-prod-price-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--line-soft)}
.v2-prod-price{font-family:'Anton',sans-serif;font-size:22px;color:var(--fire);letter-spacing:.4px}
.v2-prod-price small{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.6px;text-transform:uppercase;margin-left:4px}
.v2-prod-quick{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px}
.v2-prod-quick:hover{color:var(--fire);border-color:var(--fire)}
@media(max-width:1000px){.v2-grid{grid-template-columns:repeat(2,1fr)}}

/* ================== PROMO ROW ================== */
.v2-promo-row{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
.v2-promo-tile{
  padding:32px 28px;color:#fff;
  border-radius:14px;position:relative;overflow:hidden;
  min-height:180px;display:flex;flex-direction:column;justify-content:space-between;
  transition:.2s;
}
.v2-promo-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(26,29,34,.12)}
.v2-promo-tile--fire{background:linear-gradient(135deg,#FF7A2F 0%,#E4002B 100%)}
.v2-promo-tile--pitch{background:linear-gradient(135deg,#00D26A 0%,#008542 100%)}
.v2-promo-tile--gold{background:linear-gradient(135deg,#FFD54A 0%,#FF9500 100%);color:var(--ink)}
.v2-promo-tile-eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;opacity:.9}
.v2-promo-tile h3{font-family:'Anton',sans-serif;font-size:34px;letter-spacing:.5px;line-height:1;margin:12px 0 6px;color:currentColor}
.v2-promo-tile p{font-family:'Open Sans',sans-serif;font-size:13px;opacity:.9;line-height:1.5;max-width:280px}
.v2-promo-tile-btn{
  align-self:flex-start;margin-top:16px;
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 18px;border-radius:999px;
  font-family:'Open Sans',sans-serif;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  background:#fff;color:var(--ink);
  transition:.2s;
}
.v2-promo-tile:hover .v2-promo-tile-btn{background:var(--ink);color:#fff}
.v2-promo-tile--gold .v2-promo-tile-btn{background:var(--ink);color:#fff}
.v2-promo-tile--gold:hover .v2-promo-tile-btn{background:#fff;color:var(--ink)}
@media(max-width:900px){.v2-promo-row{grid-template-columns:1fr;padding:0 24px}}

/* ================== BRIGHT CTA STRIP ================== */
.v2-cta{
  background:linear-gradient(120deg,#B4F300 0%,#FFC732 50%,#FF7A2F 100%);
  color:var(--ink);
  padding:72px 0;text-align:center;position:relative;overflow:hidden;
}
.v2-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.28) 0,transparent 55%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.22) 0,transparent 55%);
  pointer-events:none;
}
.v2-cta > *{position:relative;z-index:2}
.v2-cta h2{font-family:'Anton',sans-serif;font-size:clamp(34px,4.2vw,58px);letter-spacing:.6px;line-height:1;color:var(--ink)}
.v2-cta h2 span{color:#fff;background:var(--ink);padding:0 12px}
.v2-cta p{font-family:'Open Sans',sans-serif;font-size:15.5px;color:var(--ink);max-width:560px;margin:16px auto 28px;font-weight:500;opacity:.85}

/* ================== FOOTER ================== */
.v2-foot{background:var(--cream);color:var(--ink);padding:56px 0 24px;border-top:1px solid var(--line)}
.v2-foot-inner{max-width:var(--wrap);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:32px}
.v2-foot-brand{display:flex;flex-direction:column;gap:6px}
.v2-foot-word{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:.5px;line-height:1;color:var(--ink)}
.v2-foot-word-tld{color:var(--fire)}
.v2-foot-tag{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-3);margin-top:6px;font-weight:700}
.v2-foot-wa,.v2-foot-mail{color:var(--ink);font-family:'Open Sans',sans-serif;font-size:13.5px;font-weight:600;margin-top:12px}
.v2-foot-wa:hover,.v2-foot-mail:hover{color:var(--fire)}
.v2-foot-col{display:flex;flex-direction:column;gap:8px}
.v2-foot-col h4{font-family:'Anton',sans-serif;font-size:14px;letter-spacing:1.4px;color:var(--ink);margin-bottom:6px}
.v2-foot-col a{font-family:'Open Sans',sans-serif;font-size:13px;color:var(--ink-2)}
.v2-foot-col a:hover{color:var(--fire)}
.v2-foot-all{color:var(--fire) !important;font-weight:700}
.v2-foot-bar{max-width:var(--wrap);margin:44px auto 0;padding:20px 24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:'Open Sans',sans-serif;font-size:12px;color:var(--ink-3)}
@media(max-width:900px){.v2-foot-inner{grid-template-columns:1fr 1fr;gap:28px}.v2-foot-bar{flex-direction:column;gap:8px;text-align:center}}