/** Shopify CDN: Minification failed

Line 37:0 All "@import" rules must come first
Line 2637:68 Unexpected "}"
Line 4281:64 Expected identifier but found "linear-gradient("
Line 4295:164 Expected identifier but found "linear-gradient("
Line 5105:34 Unexpected "}"

**/

/* ── Eras Bold ITC — Brand Logo Font ── */
@font-face {
  font-family: 'Eras Bold ITC';
  src: url('ErasBoldITC.woff') format('woff'),
       url('ErasBoldITC.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  /* Eras Bold ITC only used for header logo text and footer brand name */
  --font-eras: 'Eras Bold ITC', 'Barlow Condensed', 'Impact', 'Arial Narrow Bold', sans-serif;
}

/* Eras Bold ITC: header logo and footer brand ONLY */
.header-logo__text,
.mob-head__logo,
.footer-brand__name,
.footer-wordmark {
  font-family: var(--font-eras) !important;
}
/* =====================================================
   ZEALOTS — Complete Theme CSS
   Design: Tapstitch.com inspired
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Barlow+Condensed:ital,wght@0,300;0,400;0,600;0,700;0,800;1,700&family=Barlow:wght@300;400;500;600;700&display=swap');

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;color:#0A0A0A;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,textarea,select{font-family:inherit}

/* ── Variables ── */
:root{
  --black:#0A0A0A;
  --white:#FFFFFF;
  --red:#E8003D;
  --red-dk:#C0002E;
  --red-deep:#B8002C;          /* Deep Red — small red text on light (kickers, fine accents) */
  --off:#F4F4F4;               /* Fog — brand-accurate section fill */
  --g2:#EBEBEB;
  --g3:#D4D4D4;
  --g5:#8A8A8A;
  --g7:#3D3D3D;
  --dsp:'Anton','Bebas Neue','Barlow Condensed',sans-serif;   /* heavy condensed headlines */
  --dsp-light:'Bebas Neue','Barlow Condensed',sans-serif;     /* lighter display, where needed */
  --hd:'Barlow Condensed',sans-serif;
  --bd:'Barlow',sans-serif;
  --ease:0.22s ease;
  --r:4px;
  --max:1440px;
  --pad:clamp(16px,4vw,48px);
}

/* ── Container ── */
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* ──────────────────────────────────────────────────────────────
   ANTON RETUNE LAYER  (v4 brand-discipline pass)
   Anton is wider/heavier than Bebas; the existing --dsp rules were
   tracked for Bebas (.02–.08em). This single layer pulls every
   display headline tight and heavy without editing 159 rules.
   ────────────────────────────────────────────────────────────── */
[style*="font-family:var(--dsp)"],
.sec-title,.hero__title,.col-tile__name,.col-header__title,.prod-info__title,
.mob-head__logo,.search-overlay__input,.marquee__item{
  letter-spacing:-.01em;
}
/* Eyebrow / kicker small red text → Deep Red for contrast on light (brand rule) */
.eyebrow{color:var(--red-deep)}
/* keep Signal Red eyebrows on dark surfaces readable */
.bg-black .eyebrow,.text-white .eyebrow,[data-theme="dark"] .eyebrow{color:var(--red)}

/* ── Typography ── */
h1,h2,h3,h4,h5,h6{font-family:var(--hd);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;color:var(--black)}
p{line-height:1.7;color:var(--g7)}
.eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:10px}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--hd);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:2px solid transparent;border-radius:2px;padding:13px 28px;cursor:pointer;transition:all var(--ease);text-decoration:none;white-space:nowrap;line-height:1}
.btn-black{background:var(--black);color:var(--white);border-color:var(--black)}
.btn-black:hover{background:var(--red);border-color:var(--red);color:var(--white)}
.btn-white{background:var(--white);color:var(--black);border-color:var(--white)}
.btn-white:hover{background:transparent;color:var(--white)}
.btn-outline-white{background:transparent;color:var(--white);border-color:var(--white)}
.btn-outline-white:hover{background:var(--white);color:var(--black)}
.btn-outline-black{background:transparent;color:var(--black);border-color:var(--black)}
.btn-outline-black:hover{background:var(--black);color:var(--white)}
.btn-red{background:var(--red);color:var(--white);border-color:var(--red)}
.btn-red:hover{background:var(--red-dk);border-color:var(--red-dk)}
.btn-lg{font-size:14px;padding:16px 36px}
.btn-sm{font-size:12px;padding:9px 18px}
.btn-full{width:100%}

/* ── Utilities ── */
.section-pad{padding:80px 0}
.section-pad-sm{padding:48px 0}
.section-pad-lg{padding:120px 0}
.text-center{text-align:center}
.text-white{color:var(--white)}
.bg-black{background:var(--black)}
.bg-off{background:var(--off)}
@media(max-width:768px){.section-pad{padding:56px 0}.section-pad-lg{padding:72px 0}}

/* ── Section Header ── */
.sec-head{margin-bottom:48px}
.sec-head.center{text-align:center}
.sec-title{font-family:var(--dsp);font-size:clamp(2rem,5vw,4rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--black);line-height:1}
.sec-sub{font-size:15px;color:var(--g5);margin-top:12px;max-width:560px;font-family:var(--bd);font-weight:400;text-transform:none;letter-spacing:0}
.sec-head.center .sec-sub{margin:12px auto 0}
.view-all{display:inline-flex;align-items:center;gap:6px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);border-bottom:2px solid var(--red);padding-bottom:2px;transition:color var(--ease)}
.view-all:hover{color:var(--red)}
.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}

/* ═══════════════════════════
   ANNOUNCEMENT BAR
═══════════════════════════ */
.ann-bar{background:var(--off);color:var(--black);padding:9px var(--pad);text-align:center;position:relative;border-bottom:1px solid var(--g2)}
.ann-bar__text{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--black)}
.ann-bar__text a{color:var(--black)}
.ann-bar__close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--g5);font-size:20px;cursor:pointer;line-height:1;padding:4px;transition:color var(--ease)}
.ann-bar__close:hover{color:var(--black)}

/* ═══════════════════════════
   HEADER
═══════════════════════════ */
.site-header{background:var(--white);position:sticky;top:0;z-index:1002;transition:box-shadow var(--ease)}
.site-header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 var(--pad);max-width:var(--max);margin:0 auto}
@media(max-width:991px){.header-top{height:60px}}

/* Logo */
.header-logo{grid-column:2;display:flex;align-items:center;justify-content:center}
.header-logo img{height:44px;width:auto;object-fit:contain}
.header-logo__text{font-family:var(--font-eras);font-size:2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--black)}

/* Left (hamburger) */
.header-left{grid-column:1;display:flex;align-items:center;gap:8px}

/* Right (icons) */
.header-right{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:2px}

/* Icon buttons */
.h-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:none;color:var(--black);border-radius:var(--r);transition:all var(--ease);text-decoration:none;font-size:20px;position:relative;cursor:pointer}
.h-btn:hover{color:var(--red);background:var(--off)}
.h-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}

/* Cart badge */
.cart-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;background:var(--red);color:var(--white);font-family:var(--hd);font-size:9px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}

/* Hamburger */
.hamburger{display:flex;flex-direction:column;gap:5px;padding:8px;color:var(--black);cursor:pointer;background:none;border:none}
.hamburger span{display:block;width:24px;height:2px;background:currentColor;transition:all var(--ease);transform-origin:center;border-radius:2px}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:992px){.hamburger{display:none}}

/* ── NAV BAR ── */
.header-nav{background:var(--black);border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:991px){.header-nav{display:none}}
.nav-list{display:flex;align-items:center;justify-content:center;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:5px;padding:14px 16px;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9);white-space:nowrap;transition:color var(--ease);cursor:pointer}
.nav-link svg{width:11px;height:11px;opacity:.7;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--ease)}
.nav-item:hover>.nav-link{color:rgba(255,255,255,.65)}
.nav-item:hover>.nav-link svg{transform:rotate(180deg)}

/* Dropdown */
.nav-drop{position:absolute;top:calc(100% + 0px);left:50%;transform:translateX(-50%) translateY(4px);min-width:220px;background:var(--white);border-top:3px solid var(--red);box-shadow:0 16px 48px rgba(0,0,0,.14);border-radius:0 0 var(--r) var(--r);opacity:0;visibility:hidden;transition:all var(--ease);z-index:200;padding:8px 0}
.nav-item:hover .nav-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-drop a{display:block;padding:10px 22px;font-family:var(--hd);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--black);transition:all var(--ease);border-left:2px solid transparent}
.nav-drop a:hover{color:var(--red);padding-left:26px;border-left-color:var(--red)}

/* Mega menu */
.nav-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:720px;max-width:95vw;background:var(--white);border-top:3px solid var(--red);box-shadow:0 16px 48px rgba(0,0,0,.14);border-radius:0 0 var(--r) var(--r);opacity:0;visibility:hidden;transition:all var(--ease);z-index:200;padding:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.nav-item:hover .nav-mega{opacity:1;visibility:visible}
.mega-title{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--g2)}
.mega-link{display:block;padding:6px 0;font-family:var(--hd);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--black);transition:color var(--ease)}
.mega-link:hover{color:var(--red)}

/* ── Mobile Drawer ── */
.mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1998;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(4px)}
.mob-overlay.open{opacity:1;visibility:visible}
.mob-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:88vw;background:var(--white);z-index:1999;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}
.mob-drawer.open{transform:translateX(0)}
.mob-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--g2);flex-shrink:0}
.mob-head__logo{font-family:var(--dsp);font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--black)}
.mob-close{font-size:26px;color:var(--black);cursor:pointer;line-height:1;padding:4px;background:none;border:none;transition:color var(--ease)}
.mob-close:hover{color:var(--red)}
.mob-nav{flex:1}
.mob-nav-item{border-bottom:1px solid var(--g2)}
.mob-nav-link{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--black);cursor:pointer;transition:color var(--ease);background:none;border:none;width:100%;text-align:left}
.mob-nav-link:hover{color:var(--red)}
.mob-nav-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--ease)}
.mob-nav-link.open svg{transform:rotate(180deg)}
.mob-sub{display:none;background:var(--off)}
.mob-sub.open{display:block}
.mob-sub a{display:block;padding:12px 32px;font-family:var(--hd);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g7);border-bottom:1px solid var(--g2);transition:color var(--ease)}
.mob-sub a:hover{color:var(--red)}
.mob-footer{padding:24px;border-top:1px solid var(--g2)}
.mob-footer-icons{display:flex;gap:8px}

/* ── Search Overlay ── */
.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.97);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:140px;opacity:0;visibility:hidden;transition:all var(--ease);backdrop-filter:blur(10px)}
.search-overlay.open{opacity:1;visibility:visible}
.search-overlay__close{position:absolute;top:24px;right:24px;font-size:30px;color:var(--black);cursor:pointer;transition:color var(--ease);background:none;border:none;line-height:1}
.search-overlay__close:hover{color:var(--red)}
.search-overlay__hint{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:16px}
.search-overlay__form{width:100%;max-width:620px;padding:0 24px;position:relative}
.search-overlay__input{width:100%;background:none;border:none;border-bottom:2px solid var(--black);padding:16px 52px 16px 0;font-family:var(--dsp);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--black);outline:none;letter-spacing:.04em}
.search-overlay__input::placeholder{color:var(--g3)}
.search-overlay__submit{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:var(--black);cursor:pointer;transition:color var(--ease)}
.search-overlay__submit:hover{color:var(--red)}

/* ═══════════════════════════
   HERO / SLIDESHOW
═══════════════════════════ */
.hero{position:relative;overflow:hidden;background:var(--black)}
.hero-full{min-height:100vh}
.hero-large{min-height:85vh}
.hero-medium{min-height:70vh}
.hero-small{min-height:55vh}
.hero__slides{position:relative;height:100%;min-height:inherit}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hero__slide.active{opacity:1;position:relative}
.hero__bg{position:absolute;inset:0}
.hero__bg img,.hero__bg video{width:100%;height:100%;object-fit:cover;display:block}
.hero__overlay{position:absolute;inset:0}
.hero__content{position:relative;z-index:2;display:flex;align-items:center;min-height:inherit;padding:80px var(--pad)}
.hero__inner{width:100%;max-width:var(--max);margin:0 auto}
.hero-center .hero__inner{text-align:center}
.hero-right .hero__inner{text-align:right}
.hero__eyebrow{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:18px}
.hero__title{font-family:var(--dsp);font-size:clamp(3.5rem,10vw,9rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:.95;color:var(--white);margin-bottom:24px}
.hero__sub{font-size:clamp(1rem,1.5vw,1.15rem);color:rgba(255,255,255,.85);line-height:1.7;max-width:540px;margin-bottom:36px;font-family:var(--bd)}
.hero-center .hero__sub{margin-left:auto;margin-right:auto}
.hero__btns{display:flex;gap:16px;flex-wrap:wrap}
.hero-center .hero__btns{justify-content:center}
.hero-right .hero__btns{justify-content:flex-end}

/* Arrows */
.hero__prev,.hero__next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:54px;height:54px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ease);backdrop-filter:blur(4px)}
.hero__prev{left:24px}
.hero__next{right:24px}
.hero__prev:hover,.hero__next:hover{background:var(--red);border-color:var(--red)}
.hero__prev svg,.hero__next svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.hero__dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}
.hero__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:all var(--ease);padding:0}
.hero__dot.active{background:var(--white);width:28px;border-radius:4px}

/* ═══════════════════════════
   MARQUEE
═══════════════════════════ */
.marquee{overflow:hidden;background:var(--black);padding:13px 0;border-top:1px solid rgba(255,255,255,.08)}
.marquee__track{display:flex;align-items:center;width:max-content;animation:marquee-run var(--speed,30s) linear infinite}
.marquee__track:hover{animation-play-state:paused}
@keyframes marquee-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee__item{display:flex;align-items:center;gap:14px;padding:0 36px;font-family:var(--dsp);font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--white);white-space:nowrap}
.marquee__sep{color:var(--red);font-size:7px}

/* ═══════════════════════════
   COLLECTION TILES
═══════════════════════════ */
.col-tiles{
  display:grid;
  grid-template-columns:repeat(var(--cols,4),1fr);
  gap:16px;
}
@media(max-width:1100px){.col-tiles{--cols:3}}
@media(max-width:768px){.col-tiles{--cols:2;gap:10px}}
@media(max-width:480px){.col-tiles{--cols:1;gap:8px}}

.col-tile{position:relative;overflow:hidden;border-radius:var(--r);display:block;cursor:pointer;text-decoration:none}
.col-tile__img{aspect-ratio:3/4;overflow:hidden;background:var(--off)}
.col-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}
.col-tile:hover .col-tile__img img{transform:scale(1.06)}
.col-tile__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.68) 0%,rgba(0,0,0,.1) 55%,transparent 100%);transition:background var(--ease)}
.col-tile:hover .col-tile__overlay{background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}
.col-tile__body{position:absolute;bottom:0;left:0;right:0;padding:20px}
.col-tile__name{font-family:var(--dsp);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:400;text-transform:uppercase;color:var(--white);letter-spacing:.04em;line-height:1;margin-bottom:8px}
.col-tile__cta{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px;opacity:0;transform:translateY(8px);transition:all var(--ease)}
.col-tile:hover .col-tile__cta{opacity:1;transform:translateY(0)}

/* ═══════════════════════════
   PRODUCT CARD
═══════════════════════════ */
.prod-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--cols,4),1fr)}
@media(max-width:1200px){.prod-grid{--cols:3}}
@media(max-width:768px){.prod-grid{--cols:2;gap:12px}}

.pcard{position:relative}
.pcard__media{position:relative;overflow:hidden;background:var(--off);border-radius:var(--r);aspect-ratio:4/5}
.pcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease}
.pcard__media .img2{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.pcard:hover .pcard__media .img1{opacity:0}
.pcard:hover .pcard__media .img2{opacity:1}

/* Badges */
.pcard__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:2}
.badge{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px;display:inline-block;line-height:1.6}
.badge-new{background:var(--black);color:var(--white)}
.badge-sale{background:var(--red);color:var(--white)}
.badge-sold{background:var(--g5);color:var(--white)}

/* Quick actions */
.pcard__actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:6px;padding:10px;transform:translateY(100%);transition:transform var(--ease);background:linear-gradient(transparent,rgba(0,0,0,.42));border-radius:0 0 var(--r) var(--r)}
.pcard:hover .pcard__actions{transform:translateY(0)}
.pcard__add{flex:1;background:var(--white);border:none;padding:9px 12px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;color:var(--black);transition:all var(--ease);display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.pcard__add:hover{background:var(--black);color:var(--white)}
.pcard__wish{width:36px;height:36px;background:var(--white);border:none;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--black);transition:all var(--ease);flex-shrink:0}
.pcard__wish:hover{background:var(--red);color:var(--white)}
.pcard__wish svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}

/* Info */
.pcard__info{padding:12px 2px 0}
.pcard__vendor{font-family:var(--hd);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g5);margin-bottom:4px}
.pcard__title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--black);margin-bottom:6px;line-height:1.3}
.pcard__title a{color:inherit;transition:color var(--ease)}
.pcard__title a:hover{color:var(--red)}

/* Price */
.pcard__price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.price-now{font-family:var(--hd);font-size:14px;font-weight:700;color:var(--black)}
.price-now.sale{color:var(--red)}
.price-was{font-family:var(--hd);font-size:13px;color:var(--g3);text-decoration:line-through;font-weight:400}

/* ═══════════════════════════
   COLLECTION PAGE
═══════════════════════════ */
.col-header{padding:32px 0 24px;border-bottom:1px solid var(--g2);margin-bottom:32px}
.col-header__title{font-family:var(--dsp);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--black)}
.col-header__desc{font-size:15px;color:var(--g5);margin-top:8px;max-width:640px}
.col-header__count{font-family:var(--hd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);margin-top:6px}
.col-header__img{width:100%;height:260px;object-fit:cover;border-radius:var(--r);margin-bottom:24px;display:block}

/* Toolbar */
.col-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--g2);margin-bottom:32px;flex-wrap:wrap}
.col-toolbar__left{display:flex;align-items:center;gap:16px}
.toolbar-btn{display:flex;align-items:center;gap:6px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);background:none;border:none;cursor:pointer;padding:0;transition:color var(--ease)}
.toolbar-btn:hover{color:var(--red)}
.toolbar-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.toolbar-div{width:1px;height:20px;background:var(--g3)}
.toolbar-sort{display:flex;align-items:center;gap:10px}
.toolbar-sort label{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.toolbar-sort select{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--g2);border-radius:2px;padding:7px 12px;background:var(--white);color:var(--black);cursor:pointer;outline:none}
.grid-toggle{display:flex;gap:4px}
.grid-btn{width:32px;height:32px;background:none;border:1px solid var(--g2);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g5);transition:all var(--ease)}
.grid-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.grid-btn.active{background:var(--black);border-color:var(--black);color:var(--white)}

/* Layout */
.col-layout{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:start}
.col-layout.nosidebar{grid-template-columns:1fr}
@media(max-width:991px){.col-layout{grid-template-columns:1fr}.col-sidebar{display:none}}

/* Sidebar */
.col-sidebar{position:sticky;top:100px}
.filter-group{border-bottom:1px solid var(--g2)}
.filter-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);background:none;border:none;width:100%;text-align:left;transition:color var(--ease)}
.filter-head:hover{color:var(--red)}
.filter-head svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--ease);flex-shrink:0}
.filter-group.open .filter-head svg{transform:rotate(180deg)}
.filter-body{display:none;padding-bottom:16px}
.filter-group.open .filter-body{display:block}
.filter-opt{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-family:var(--hd);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--g7);transition:color var(--ease)}
.filter-opt:hover{color:var(--black)}
.filter-opt input[type=checkbox]{accent-color:var(--black);width:14px;height:14px;cursor:pointer}
.filter-opt.active{color:var(--black);font-weight:700}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:48px 0 0}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid var(--g2);border-radius:2px;color:var(--black);transition:all var(--ease);text-decoration:none}
.pagination a:hover,.pagination .current{background:var(--black);border-color:var(--black);color:var(--white)}

/* ═══════════════════════════
   PRODUCT PAGE
═══════════════════════════ */
.prod-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding:48px 0}
@media(max-width:768px){.prod-layout{grid-template-columns:1fr;gap:32px;padding:32px 0}}

/* Gallery */
.prod-gallery{position:sticky;top:100px}
.prod-gallery__main{border-radius:var(--r);overflow:hidden;background:var(--off);aspect-ratio:4/5;margin-bottom:12px;cursor:zoom-in}
.prod-gallery__main img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.prod-gallery__main:hover img{transform:scale(1.03)}
.prod-gallery__thumbs{display:flex;gap:8px;flex-wrap:wrap}
.prod-gallery__thumb{width:74px;height:74px;border-radius:var(--r);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--ease);background:var(--off);flex-shrink:0;padding:0}
.prod-gallery__thumb.active{border-color:var(--black)}
.prod-gallery__thumb img{width:100%;height:100%;object-fit:cover}

/* Product info */
.prod-info__brand{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:8px}
.prod-info__title{font-family:var(--dsp);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;color:var(--black);margin-bottom:16px}
.prod-info__price{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.prod-info__price-now{font-family:var(--hd);font-size:1.6rem;font-weight:700;color:var(--black)}
.prod-info__price-now.sale{color:var(--red)}
.prod-info__price-was{font-family:var(--hd);font-size:1.2rem;color:var(--g3);text-decoration:line-through;font-weight:400}

/* Options */
.prod-option{margin-bottom:22px}
.prod-opt-label{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.prod-opt-sel{font-weight:400;color:var(--g5);text-transform:none;letter-spacing:0}

/* Size buttons */
.size-grid{display:flex;gap:6px;flex-wrap:wrap}
.size-btn{min-width:46px;height:46px;border:1.5px solid var(--g2);background:var(--white);border-radius:2px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--ease);display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--black)}
.size-btn:hover,.size-btn.active{border-color:var(--black);background:var(--black);color:var(--white)}
.size-btn.unavail{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.size-btn.unavail:hover{background:var(--white);color:var(--black);border-color:var(--g2)}

/* Color swatches */
.color-grid{display:flex;gap:8px;flex-wrap:wrap}
.color-btn{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--ease);position:relative;padding:0}
.color-btn::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:border-color var(--ease)}
.color-btn.active::after{border-color:var(--black)}

/* Quantity */
.qty-wrap{display:flex;align-items:center;border:1.5px solid var(--g2);border-radius:2px;width:fit-content;margin-bottom:20px}
.qty-btn{width:46px;height:46px;background:none;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--black);transition:background var(--ease);line-height:1}
.qty-btn:hover{background:var(--off)}
.qty-input{width:54px;height:46px;text-align:center;border:none;border-left:1.5px solid var(--g2);border-right:1.5px solid var(--g2);font-family:var(--hd);font-size:14px;font-weight:700;color:var(--black);outline:none}

/* ATC */
.prod-atc-wrap{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.prod-atc{flex:1;min-width:200px;height:54px;background:var(--black);color:var(--white);border:2px solid var(--black);border-radius:2px;font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--ease);display:flex;align-items:center;justify-content:center;gap:10px}
.prod-atc:hover{background:var(--red);border-color:var(--red)}
.prod-atc:disabled{background:var(--g3);border-color:var(--g3);cursor:not-allowed}
.prod-buy{flex:1;min-width:200px;height:54px;background:transparent;color:var(--black);border:2px solid var(--black);border-radius:2px;font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--ease);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.prod-buy:hover{background:var(--black);color:var(--white)}

/* Trust icons */
.prod-trust{display:flex;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--g2);border-bottom:1px solid var(--g2);margin-bottom:24px}
.prod-trust__item{display:flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g7)}
.prod-trust__item svg{width:18px;height:18px;stroke:var(--black);fill:none;stroke-width:1.8;flex-shrink:0}

/* Accordion */
.accordion{margin-top:8px}
.accordion-item{border-bottom:1px solid var(--g2)}
.accordion-trigger{width:100%;background:none;border:none;padding:18px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);text-align:left;gap:16px;transition:color var(--ease)}
.accordion-trigger:hover{color:var(--red)}
.accordion-trigger svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;transition:transform var(--ease)}
.accordion-item.open .accordion-trigger svg{transform:rotate(180deg)}
.accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.accordion-item.open .accordion-body{max-height:800px}
.accordion-content{padding:0 0 20px;font-size:14px;color:var(--g7);line-height:1.8}

/* ═══════════════════════════
   CART DRAWER
═══════════════════════════ */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1999;opacity:0;visibility:hidden;transition:all var(--ease);backdrop-filter:blur(4px)}
.cart-overlay.open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--white);z-index:2000;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.12)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--g2);flex-shrink:0}
.cart-drawer__title{font-family:var(--hd);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black)}
.cart-drawer__close{font-size:26px;color:var(--black);cursor:pointer;transition:color var(--ease);line-height:1;background:none;border:none;padding:4px}
.cart-drawer__close:hover{color:var(--red)}
.cart-drawer__body{flex:1;overflow-y:auto;padding:0 24px}
.cart-drawer__empty{text-align:center;padding:60px 0;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g5)}
.cart-drawer__empty svg{width:48px;height:48px;stroke:var(--g3);fill:none;stroke-width:1.5;margin:0 auto 16px}

/* Cart item */
.cart-item{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--g2)}
.cart-item__img{width:80px;height:96px;object-fit:cover;border-radius:var(--r);background:var(--off)}
.cart-item__body{display:flex;flex-direction:column;gap:4px}
.cart-item__title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--black);line-height:1.3}
.cart-item__variant{font-size:12px;color:var(--g5)}
.cart-item__row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.cart-item__qty{display:inline-flex;align-items:center;border:1px solid var(--g2);border-radius:2px}
.cart-item__qbtn{width:28px;height:28px;background:none;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--black);transition:background var(--ease);line-height:1}
.cart-item__qbtn:hover{background:var(--off)}
.cart-item__qval{width:32px;text-align:center;font-family:var(--hd);font-size:13px;font-weight:700;border:none;outline:none;color:var(--black)}
.cart-item__price{font-family:var(--hd);font-size:14px;font-weight:700;color:var(--black)}
.cart-item__remove{background:none;border:none;font-size:16px;color:var(--g5);cursor:pointer;transition:color var(--ease);padding:0;margin-left:8px;line-height:1}
.cart-item__remove:hover{color:var(--red)}

.cart-drawer__foot{padding:16px 24px 24px;border-top:1px solid var(--g2);flex-shrink:0}
.cart-drawer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cart-drawer__total-label{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cart-drawer__total-val{font-family:var(--hd);font-size:20px;font-weight:700}
.cart-drawer__note{font-size:11px;color:var(--g5);text-align:center;margin-top:10px}

/* ═══════════════════════════
   IMAGE WITH TEXT
═══════════════════════════ */
.img-txt{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.img-txt.flip{direction:rtl}
.img-txt.flip>*{direction:ltr}
.img-txt__media{position:relative;overflow:hidden;background:var(--off)}
.img-txt__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.img-txt:hover .img-txt__media img{transform:scale(1.03)}
.img-txt__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,80px)}
@media(max-width:768px){.img-txt{grid-template-columns:1fr;direction:ltr}.img-txt__body{padding:40px 24px}}

/* ═══════════════════════════
   TESTIMONIALS
═══════════════════════════ */
.test-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--cols,3),1fr)}
@media(max-width:900px){.test-grid{--cols:1}}

.test-card{background:var(--white);padding:32px;border-radius:var(--r);box-shadow:0 2px 16px rgba(0,0,0,.06);transition:box-shadow var(--ease),transform var(--ease)}
.test-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-2px)}
.test-stars{color:#C4A747;font-size:16px;margin-bottom:14px;letter-spacing:2px}
.test-mark{font-family:var(--dsp);font-size:72px;line-height:1;color:var(--red);opacity:.2;margin-bottom:-18px}
.test-text{font-size:15px;line-height:1.78;color:var(--g7);font-style:italic;margin-bottom:24px}
.test-author{display:flex;align-items:center;gap:12px}
.test-avatar{width:44px;height:44px;border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-size:18px;font-weight:700;color:var(--white);text-transform:uppercase;overflow:hidden;flex-shrink:0}
.test-avatar img{width:100%;height:100%;object-fit:cover}
.test-name{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);display:block}
.test-role{font-size:12px;color:var(--g5);display:block;margin-top:2px}

/* ═══════════════════════════
   FEATURES ROW
═══════════════════════════ */
.feat-row{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:32px}
@media(max-width:768px){.feat-row{--cols:2}}
.feat-item{text-align:center}
.feat-icon{width:64px;height:64px;background:var(--black);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;transition:all var(--ease)}
.feat-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8}
.feat-item:hover .feat-icon{background:var(--red);transform:scale(1.08)}
.feat-title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin-bottom:6px}
.feat-text{font-size:13px;color:var(--g5);line-height:1.6;font-family:var(--bd)}

/* ═══════════════════════════
   NEWSLETTER
═══════════════════════════ */
.nl-section{text-align:center;padding:96px var(--pad);background:var(--black);color:var(--white);position:relative;overflow:hidden}
.nl-section__bg{position:absolute;inset:0}
.nl-section__bg img{width:100%;height:100%;object-fit:cover;opacity:.18}
.nl-inner{position:relative;z-index:1;max-width:520px;margin:0 auto}
.nl-title{font-family:var(--dsp);font-size:clamp(2rem,5vw,4.5rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--white);margin-bottom:12px;line-height:1}
.nl-sub{font-size:15px;color:rgba(255,255,255,.7);margin-bottom:32px;line-height:1.7;font-family:var(--bd)}
.nl-form{display:flex}
.nl-input{flex:1;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.28);border-right:none;color:var(--white);padding:14px 18px;font-family:var(--bd);font-size:14px;border-radius:2px 0 0 2px;outline:none;transition:border-color var(--ease)}
.nl-input::placeholder{color:rgba(255,255,255,.38)}
.nl-input:focus{border-color:rgba(255,255,255,.75)}
.nl-submit{background:var(--red);border:1.5px solid var(--red);color:var(--white);padding:14px 22px;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:0 2px 2px 0;transition:background var(--ease);white-space:nowrap}
.nl-submit:hover{background:var(--red-dk)}
.nl-perks{display:flex;justify-content:center;gap:36px;margin-top:28px;flex-wrap:wrap}
.nl-perk{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);text-align:center}
.nl-perk-icon{font-size:22px;display:block;margin-bottom:6px}

/* ═══════════════════════════
   FOOTER
═══════════════════════════ */
.site-footer{background:var(--black);color:var(--white);padding-top:64px}
.footer-main{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:1024px){.footer-main{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:640px){.footer-main{grid-template-columns:1fr}}

.footer-brand__logo img{height:40px;width:auto;filter:brightness(0) invert(1);margin-bottom:16px;display:block}
.footer-brand__name{font-family:var(--dsp);font-size:2.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--white);display:block;margin-bottom:16px}
.footer-brand__desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:24px;max-width:300px;font-family:var(--bd)}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}
.footer-social__link{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:17px;transition:all var(--ease);text-decoration:none}
.footer-social__link:hover{background:var(--red);border-color:var(--red);color:var(--white);transform:translateY(-2px)}
.footer-social__link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}

.footer-col__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--white);margin-bottom:20px;display:block}
.footer-col__links{display:flex;flex-direction:column;gap:12px}
.footer-col__links a{font-size:13px;color:rgba(255,255,255,.55);text-decoration:none;transition:color var(--ease);font-family:var(--bd)}
.footer-col__links a:hover{color:var(--white)}

.footer-nl__label{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--white);margin-bottom:8px;display:block}
.footer-nl__desc{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:14px;line-height:1.6;font-family:var(--bd)}
.footer-nl-form{display:flex}
.footer-nl-input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-right:none;color:var(--white);padding:10px 14px;font-family:var(--bd);font-size:13px;border-radius:2px 0 0 2px;outline:none}
.footer-nl-input::placeholder{color:rgba(255,255,255,.28)}
.footer-nl-submit{background:var(--red);border:none;color:var(--white);padding:10px 14px;border-radius:0 2px 2px 0;cursor:pointer;font-size:18px;transition:background var(--ease);display:flex;align-items:center;justify-content:center}
.footer-nl-submit:hover{background:var(--red-dk)}

.footer-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-copy{font-family:var(--hd);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.footer-pay{display:flex;gap:8px;align-items:center}
.footer-pay img{height:24px;filter:brightness(0) invert(.45)}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.footer-legal a{font-family:var(--hd);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.35);text-decoration:none;transition:color var(--ease)}
.footer-legal a:hover{color:rgba(255,255,255,.75)}

/* ═══════════════════════════
   BREADCRUMB
═══════════════════════════ */
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--g2)}
.breadcrumb a,.breadcrumb span{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5);text-decoration:none;transition:color var(--ease)}
.breadcrumb a:hover{color:var(--black)}
.breadcrumb .current{color:var(--black)}
.breadcrumb .sep{color:var(--g3);font-size:10px}

/* ═══════════════════════════
   FORMS
═══════════════════════════ */
.form-group{margin-bottom:20px}
.form-label{display:block;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);margin-bottom:8px}
.form-input{width:100%;border:1.5px solid var(--g2);border-radius:2px;padding:12px 16px;font-family:var(--bd);font-size:15px;color:var(--black);background:var(--white);outline:none;transition:border-color var(--ease)}
.form-input:focus{border-color:var(--black)}
textarea.form-input{min-height:140px;resize:vertical}

/* ═══════════════════════════
   PAGE CONTENT (rich text)
═══════════════════════════ */
.page-content{padding:64px 0}
.page-content h1,.page-content h2,.page-content h3{font-family:var(--dsp);font-weight:400;text-transform:uppercase;margin-bottom:16px}
.page-content p{margin-bottom:16px;line-height:1.8;color:var(--g7)}
.page-content a{color:var(--red)}
.page-content ul li{padding-left:20px;position:relative;margin-bottom:8px;color:var(--g7)}
.page-content ul li::before{content:'—';position:absolute;left:0;color:var(--red)}

/* ═══════════════════════════
   TOAST
═══════════════════════════ */
#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{display:flex;align-items:center;gap:12px;background:var(--black);color:var(--white);padding:14px 18px;border-radius:var(--r);box-shadow:0 8px 32px rgba(0,0,0,.25);font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateX(24px);transition:all .28s ease;pointer-events:all;max-width:340px}
.toast.show{opacity:1;transform:translateX(0)}
.toast.success{border-left:3px solid #4CAF50}
.toast.error{border-left:3px solid var(--red)}

/* ═══════════════════════════
   RESPONSIVE
═══════════════════════════ */
@media(max-width:768px){
  .prod-grid{--cols:2;gap:12px}
  .test-grid{--cols:1}
  .feat-row{--cols:2}
  .footer-main{grid-template-columns:1fr 1fr}
  .hide-mob{display:none!important}
}
@media(max-width:480px){
  .col-tiles{gap:8px}
  .prod-grid{gap:10px}
  .footer-main{grid-template-columns:1fr}
}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--off)}
::-webkit-scrollbar-thumb{background:var(--g3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--g5)}

/* =====================================================
   ZEALOTS UPDATE v2 — Tapstitch-exact styles
   ===================================================== */

/* ── HEADER: white bg, logo LEFT, nav inline ── */
.site-header { border-bottom: 1px solid var(--g2) !important; }

/* Header top: logo left, icons right — 3 cols */
.header-top {
  grid-template-columns: auto 1fr auto !important;
  gap: 0 !important;
}
.header-logo { grid-column: 1 !important; justify-content: flex-start !important; }
.header-left { display: none !important; } /* hide hamburger area on desktop */
@media(max-width:991px) {
  .header-top { grid-template-columns: auto 1fr auto !important; }
  .header-left { display: flex !important; grid-column: 3 !important; order: 3 !important; }
  .header-right { grid-column: 2 !important; justify-content: flex-end !important; }
  .header-logo { grid-column: 1 !important; }
}

/* NAV: white bar, horizontal, below header-top */
.header-nav {
  background: var(--white) !important;
  border-top: 1px solid var(--g2) !important;
  border-bottom: none !important;
}
.nav-list { justify-content: flex-start !important; padding-left: 0 !important; }
.nav-link {
  color: var(--black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 12px 18px !important;
  text-transform: none !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color var(--ease), color var(--ease) !important;
}
.nav-link:hover, .nav-item:hover > .nav-link {
  color: var(--black) !important;
  border-bottom-color: var(--black) !important;
}
.nav-link svg { opacity: 0.5 !important; }
/* Dropdown: no red top border */
.nav-drop { border-top: 1px solid var(--g2) !important; border-radius: var(--r) !important; }
.nav-drop a { text-transform: none !important; font-weight: 500 !important; font-size: 14px !important; border-left: none !important; }
.nav-drop a:hover { padding-left: 22px !important; border-left: none !important; color: var(--black) !important; background: var(--off) !important; }

/* Mega menu: white, with image columns like Tapstitch */
.nav-mega {
  border-top: 1px solid var(--g2) !important;
  border-radius: var(--r) !important;
  padding: 28px 28px 20px !important;
}
.mega-title { color: var(--g5) !important; font-size: 10px !important; border-bottom: 1px solid var(--g2) !important; }
.mega-link { text-transform: none !important; font-weight: 500 !important; font-size: 14px !important; color: var(--black) !important; }
.mega-link:hover { color: var(--black) !important; text-decoration: underline !important; }

/* Banner inside mega menu */
.mega-banner {
  grid-column: span 2;
  border-radius: var(--r);
  overflow: hidden;
  position: relative;
  min-height: 160px;
  background: var(--black);
  display: flex;
  align-items: flex-end;
}
.mega-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.75; }
.mega-banner__body { position: relative; z-index: 1; padding: 16px 18px; }
.mega-banner__title { font-family: var(--dsp); font-size: 1.4rem; font-weight: 400; text-transform: uppercase; color: var(--white); line-height: 1; margin-bottom: 6px; }
.mega-banner__link { font-family: var(--hd); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 1px; }

/* ── COLLECTION PAGE: Tapstitch exact ── */

/* Category icon strip */
.col-cats {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 24px 0 8px;
  scrollbar-width: none;
}
.col-cats::-webkit-scrollbar { display: none; }
.col-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 88px;
  padding: 14px 12px;
  border: 1.5px solid var(--g2);
  border-radius: 8px;
  cursor: pointer;
  transition: all var(--ease);
  text-decoration: none;
  background: var(--white);
  flex-shrink: 0;
}
.col-cat:hover, .col-cat.active { border-color: var(--black); background: var(--white); }
.col-cat img, .col-cat svg { width: 48px; height: 48px; object-fit: contain; }
.col-cat__label { font-family: var(--hd); font-size: 11px; font-weight: 600; letter-spacing: .04em; color: var(--black); white-space: nowrap; text-align: center; }
.col-cats-more { padding: 8px 0 24px; }
.col-cats-more button {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--hd); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  background: var(--black); color: var(--white); border: none; padding: 10px 20px; border-radius: 40px; cursor: pointer; transition: all var(--ease);
}
.col-cats-more button:hover { background: var(--g7); }

/* Horizontal filter pill bar */
.col-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 0;
  border-top: 1px solid var(--g2);
  border-bottom: 1px solid var(--g2);
  flex-wrap: wrap;
}
.filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 14px;
  border: 1.5px solid var(--g2);
  border-radius: 40px;
  font-family: var(--hd);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--black);
  background: var(--white);
  cursor: pointer;
  transition: all var(--ease);
  white-space: nowrap;
  position: relative;
}
.filter-pill:hover { border-color: var(--black); }
.filter-pill.active { background: var(--black); color: var(--white); border-color: var(--black); }
.filter-pill svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; }
.filter-pill__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); position: absolute; top: 4px; right: 4px; }
.filter-pill--add { border-style: dashed; color: var(--g5); }
.filter-pill--add:hover { border-color: var(--black); color: var(--black); }

/* Collection toolbar (right side: sort + count) */
.col-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0 24px;
  flex-wrap: wrap;
  gap: 12px;
}
.col-bar__count { font-family: var(--hd); font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--g5); text-transform: uppercase; }
.col-sort { display: flex; align-items: center; gap: 8px; }
.col-sort label { font-family: var(--hd); font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--g5); text-transform: uppercase; white-space: nowrap; }
.col-sort select { border: 1.5px solid var(--g2); border-radius: 40px; padding: 7px 14px; font-family: var(--hd); font-size: 13px; font-weight: 600; color: var(--black); background: var(--white); cursor: pointer; outline: none; }

/* 6-column grid */
.prod-grid-6 { grid-template-columns: repeat(6, 1fr) !important; gap: 12px !important; }
@media(max-width:1400px) { .prod-grid-6 { grid-template-columns: repeat(5, 1fr) !important; } }
@media(max-width:1100px) { .prod-grid-6 { grid-template-columns: repeat(4, 1fr) !important; } }
@media(max-width:768px)  { .prod-grid-6 { grid-template-columns: repeat(2, 1fr) !important; } }

/* Tapstitch product card: no border, color swatches, SKU code */
.pcard--ts .pcard__media { aspect-ratio: 3/4 !important; border-radius: 6px !important; }
.pcard--ts .pcard__info { padding: 10px 0 0 !important; }
.pcard--ts .pcard__title { font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--black) !important; margin-bottom: 4px !important; }
.pcard--ts .pcard__sku { font-family: var(--hd); font-size: 11px; color: var(--g5); letter-spacing: .04em; margin-bottom: 6px; }
.pcard--ts .pcard__price { font-size: 13px !important; }
.pcard--ts .pcard__swatches { display: flex; gap: 3px; flex-wrap: wrap; margin: 6px 0 4px; }
.pcard--ts .swatch-sm { width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid rgba(0,0,0,.12); cursor: pointer; flex-shrink: 0; }
.pcard--ts .swatch-more { font-family: var(--hd); font-size: 10px; font-weight: 700; color: var(--g5); align-self: center; }
.pcard--ts .pcard__badge { position: absolute; top: 10px; left: 10px; font-family: var(--hd); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--black); background: none; padding: 0; }

/* ── FOOTER: Tapstitch exact ── */
.site-footer {
  background: var(--white) !important;
  color: var(--black) !important;
  padding-top: 60px !important;
}
.footer-main {
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: 60px !important;
  padding-bottom: 60px !important;
  border-bottom: 1px solid var(--g2) !important;
  align-items: start !important;
}
@media(max-width:900px) { .footer-main { grid-template-columns: 1fr !important; gap: 40px !important; } }

/* Footer left: brand statement */
.footer-statement { font-family: var(--bd); font-size: 1.5rem; font-weight: 700; color: var(--black); line-height: 1.3; margin-bottom: 24px; }
.footer-brand__desc { font-size: 13px !important; color: var(--g5) !important; line-height: 1.6 !important; margin-bottom: 20px !important; }
.footer-brand__addr { font-size: 13px; color: var(--g5); display: flex; align-items: flex-start; gap: 6px; margin-top: 12px; }
.footer-brand__addr svg { width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; stroke: var(--g5); fill: none; stroke-width: 2; }

/* Footer social: small icons, inline, no border circles */
.footer-social-ts { display: flex; gap: 16px; align-items: center; margin-bottom: 4px; }
.footer-social-ts a { color: var(--black) !important; background: none !important; border: none !important; width: auto !important; height: auto !important; border-radius: 0 !important; font-size: 18px !important; transition: opacity var(--ease) !important; transform: none !important; display: flex !important; align-items: center !important; }
.footer-social-ts a:hover { opacity: .6 !important; transform: none !important; background: none !important; }
.footer-social-ts a svg { width: 18px; height: 18px; }

/* Footer right: 4 nav columns */
.footer-nav-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
@media(max-width:768px) { .footer-nav-cols { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
.footer-col__title {
  font-family: var(--hd) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--black) !important;
  margin-bottom: 16px !important;
}
.footer-col__links { gap: 10px !important; }
.footer-col__links a {
  font-family: var(--hd) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--g5) !important;
}
.footer-col__links a:hover { color: var(--black) !important; }

/* Footer giant brand name */
.footer-wordmark {
  font-family: var(--dsp);
  font-size: clamp(5rem, 16vw, 18rem);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: var(--black);
  line-height: .9;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
}

/* Footer brand logo row (crest + ZAS) */
.footer-logos{padding:0;margin-top:8px}
.footer-logos__row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-logos__crest{height:64px;width:auto;display:block}
.footer-logos__zas{height:34px;width:auto;display:block}
@media (max-width:600px){
  .footer-logos__crest{height:48px}
  .footer-logos__zas{height:26px}
}

/* Footer bottom bar */
.footer-bottom {
  background: var(--white) !important;
  border-top: 1px solid var(--g2) !important;
  padding: 16px 0 !important;
}
.footer-copy { color: var(--g5) !important; }
.footer-legal a { color: var(--g5) !important; }
.footer-pay img { filter: none !important; opacity: .5; height: 20px !important; }


/* ── Utility: responsive visibility ── */
@media(max-width:768px){.hide-mobile{display:none!important}}
@media(min-width:769px){.show-mobile-only{display:none!important}}

/* ── Collection page: ensure full-width, no inherited padding ── */
.template-collection main#MainContent{padding:0!important;max-width:100%!important}
.template-collection .tsc{width:100%;max-width:100%}

/* ── Tapstitch placeholder SVG in card ── */
.tsc-placeholder{width:100%;height:100%;display:block;background:#F5F5F5}

/* ── Collection tiles section (list-collections) ── */

/* ── Collection template: category strip border fix ── */

/* ── Collection ZAS Section ── */
.zas{background:#fff;width:100%}
.zas-title{text-align:center;padding:28px var(--pad,24px) 20px;font-family:'Barlow',sans-serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:#0A0A0A;letter-spacing:-.01em;line-height:1.1}
.zas-cats-wrap{padding:0 var(--pad,24px) 20px;max-width:900px;margin:0 auto;text-align:center}
.zas-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.zas-cat{display:flex;flex-direction:column;align-items:center;gap:8px;width:88px;text-decoration:none;flex-shrink:0}
.zas-cat__box{width:80px;height:80px;border:1px solid #EBEBEB;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;transition:border-color .18s;overflow:hidden}
.zas-cat:hover .zas-cat__box,.zas-cat.zas-active .zas-cat__box{border-color:#0A0A0A;background:#F5F5F5}
.zas-cat__box img{width:56px;height:56px;object-fit:contain;display:block}
.zas-cat__box svg{width:44px;height:44px;stroke:#8A8A8A;fill:none;stroke-width:1.2}
.zas-cat:hover .zas-cat__box svg,.zas-cat.zas-active .zas-cat__box svg{stroke:#0A0A0A}
.zas-cat__lbl{font-family:'Barlow',sans-serif;font-size:11px;font-weight:500;color:#0A0A0A;text-align:center;line-height:1.3}
.zas-more-btn{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:10px 22px;background:#0A0A0A;color:#fff;border:none;border-radius:30px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.zas-more-btn:hover{background:#E8003D}
.zas-more-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .25s}
.zas-more-btn.zas-open svg{transform:rotate(180deg)}
.zas-bar{display:flex;align-items:center;gap:6px;padding:10px var(--pad,24px) 0;border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB;background:#fff;position:sticky;top:0;z-index:990;overflow:visible;flex-wrap:wrap;position:relative}
.zas-bar::-webkit-scrollbar{display:none}.zas-bar-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;padding-bottom:10px}.zas-bar-scroll::-webkit-scrollbar{display:none}
.zas-fp{position:relative;flex-shrink:0}
.zas-fp>summary{list-style:none;display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid #EBEBEB;border-radius:30px;font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;color:#0A0A0A;background:#fff;cursor:pointer;user-select:none;white-space:nowrap}
.zas-fp>summary::-webkit-details-marker{display:none}
.zas-fp[open]>summary,.zas-fp>summary:hover{border-color:#0A0A0A}
.zas-fp>summary svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .18s}
.zas-fp[open]>summary svg{transform:rotate(180deg)}
.zas-dot{width:6px;height:6px;background:#E8003D;border-radius:50%;flex-shrink:0}
.zas-panel{
  position:absolute;
  top:calc(100% + 2px);
  left:0;
  min-width:210px;
  background:#fff;
  border:1px solid #EBEBEB;
  border-radius:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
  padding:16px;
  z-index:1100;
  display:none;
  pointer-events:auto;
}
.zas-panel-title{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8A8A8A;margin-bottom:12px}
.zas-panel label{display:flex;align-items:center;gap:9px;padding:5px 0;cursor:pointer;font-family:'Barlow',sans-serif;font-size:13px;color:#0A0A0A}
.zas-panel label:hover{color:#E8003D}
.zas-panel input[type=checkbox]{accent-color:#0A0A0A;width:14px;height:14px;flex-shrink:0}
.zas-sw-drop{display:flex;flex-wrap:wrap;gap:7px}
.zas-price-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.zas-price-row input{width:80px;border:1px solid #EBEBEB;border-radius:6px;padding:7px 10px;font-family:'Barlow',sans-serif;font-size:13px;outline:none}
.zas-apply-btn{background:#0A0A0A;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%}
.zas-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
.zas-count{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8A8A;white-space:nowrap}
.zas-sort{font-family:'Barlow',sans-serif;font-size:13px;border:1px solid #EBEBEB;border-radius:30px;padding:7px 14px;background:#fff;color:#0A0A0A;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;max-width:160px}
.zas-clr{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid #E8003D;border-radius:30px;font-family:'Barlow',sans-serif;font-size:13px;color:#E8003D;text-decoration:none;white-space:nowrap;flex-shrink:0}
.zas-clr:hover{background:#E8003D;color:#fff}
.zas-grid{display:grid;position:relative;z-index:0;grid-template-columns:repeat(var(--zas-cols,4),1fr);background:#EBEBEB;gap:1px;border-top:1px solid #EBEBEB}
@media(max-width:1200px){.zas-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.zas-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:420px){.zas-grid{grid-template-columns:1fr!important}}
.zas-card{background:#fff;position:relative;display:flex;flex-direction:column}
.zas-badge{position:absolute;top:10px;left:12px;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0A0A0A;z-index:3;pointer-events:none}
.zas-badge.zas-sale{color:#E8003D}
.zas-img{display:block;overflow:hidden;background:#F5F5F5;position:relative;text-decoration:none}
.zas-img.zas-sq{aspect-ratio:1/1}
.zas-img.zas-pt{aspect-ratio:3/4}
.zas-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .32s ease}
.zas-img .zas-hi{position:absolute;inset:0;opacity:0;transition:opacity .32s ease;width:100%;height:100%;object-fit:cover}
.zas-card:hover .zas-img .zas-mi{opacity:0}
.zas-card:hover .zas-img .zas-hi{opacity:1}
.zas-info{padding:10px 12px 14px;flex:1;display:flex;flex-direction:column;gap:4px}
.zas-sw{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-height:16px}
.zas-sw-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,0,0,.14);flex-shrink:0;display:block}
.zas-sw-more{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;color:#8A8A8A}
.zas-sku{font-family:monospace;font-size:10px;color:#8A8A8A;letter-spacing:.03em}
.zas-name{font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;color:#0A0A0A;line-height:1.35;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zas-name:hover{color:#E8003D}
.zas-meta{font-family:'Barlow',sans-serif;font-size:11px;color:#8A8A8A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zas-price{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#0A0A0A;margin-top:2px}
.zas-price .zas-fl{font-weight:400;font-size:12px;color:#8A8A8A;margin-right:2px}
.zas-empty{text-align:center;padding:80px 24px;background:#fff}
.zas-empty p{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A8A8A;margin-bottom:24px}
.zas-page{display:flex;align-items:center;justify-content:center;gap:6px;padding:40px 0 56px;background:#fff}
.zas-page a,.zas-page span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #EBEBEB;border-radius:3px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#0A0A0A;text-decoration:none}
.zas-page a:hover,.zas-page .zas-cur{background:#0A0A0A;border-color:#0A0A0A;color:#fff}

/* ── ZAS Products Section ── */
.zas-pg-title{text-align:center;padding:0 var(--pad,24px) 32px;font-family:var(--dsp);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--black);line-height:1}

/* ── ZAS filter colour swatches ── */
.zas-sw-drop{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
.zas-swatch-label{position:relative;cursor:pointer;margin:0;padding:0}
.zas-swatch-label input{position:absolute;opacity:0;width:0;height:0}
.zas-swatch-circle{display:block;width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.15);transition:border-color .15s;cursor:pointer}
.zas-swatch-label:hover .zas-swatch-circle{border-color:#0A0A0A}
.zas-swatch-label input:checked ~ .zas-swatch-circle{border-color:#0A0A0A;box-shadow:0 0 0 2px #fff,0 0 0 4px #0A0A0A}
.zas-cb-count{color:#8A8A8A;font-size:11px;margin-left:4px}

/* ── ZAS badge — Tapstitch style (plain text, no bg) ── */
.zas-badge{position:absolute;top:10px;left:12px;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0A0A0A;z-index:3;pointer-events:none;line-height:1}
.zas-badge.zas-sale{color:#E8003D}

/* ── ZAS card hover button ── */
.zas-hover-btn{position:absolute;bottom:0;left:0;right:0;padding:0 0 8px;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;z-index:4;text-align:center;pointer-events:none}
.zas-card:hover .zas-hover-btn{opacity:1;transform:translateY(0);pointer-events:auto}
.zas-atc-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 16px);padding:10px 16px;background:#0A0A0A;color:#fff;border:none;border-radius:2px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .15s}
.zas-atc-btn:hover{background:#E8003D;color:#fff}

/* ── ZAS card swatches row ── */
.zas-sw{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-height:16px;margin-bottom:2px}
.zas-sw-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);flex-shrink:0;display:block}

/* ── ZAS card position fix for hover button ── */
.zas-card{position:relative;overflow:hidden}

/* ── ZAS image slider ── */
.zas-img-wrap{position:relative;overflow:hidden;flex-shrink:0;background:#F5F5F5}
.zas-img-wrap.zas-pt{aspect-ratio:3/4}
.zas-img-wrap.zas-sq{aspect-ratio:1/1}
.zas-img-inner{display:block;width:100%;height:100%;position:relative;text-decoration:none}
.zas-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s ease}
.zas-slide.zas-slide-active{opacity:1;position:relative}

/* arrows */
.zas-arr{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;z-index:5;opacity:0;transition:opacity .2s ease;color:#0A0A0A;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.zas-arr-prev{left:8px}
.zas-arr-next{right:8px}
.zas-card:hover .zas-arr{opacity:1}
.zas-arr:hover{background:#fff}

/* dot pips */
.zas-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:5;opacity:0;transition:opacity .2s ease}
.zas-card:hover .zas-dots{opacity:1}
.zas-dot-pip{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s}
.zas-dot-pip.active{background:#fff}

/* hover button — move inside img-wrap */
.zas-img-wrap .zas-hover-btn{position:absolute;bottom:0;left:0;right:0;padding:0 8px 10px;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;z-index:6;pointer-events:none}
.zas-card:hover .zas-hover-btn{opacity:1;transform:translateY(0);pointer-events:auto}



/* ══════════════════════════════════════════════
   PRODUCT ZAS  —  Tapstitch-faithful layout
   ══════════════════════════════════════════════ */

/* ── Top header bar ── */
.pzas { background:#fff; padding-bottom:80px; color:#111 }

.pzas-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding:14px 32px; font-family:'Barlow',sans-serif; font-size:12px; color:#888 }
.pzas-breadcrumb a { color:#888; text-decoration:none }
.pzas-breadcrumb a:hover { color:#111 }
.pzas-breadcrumb .sep { color:#ccc }

.pzas-topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:0 32px 20px; flex-wrap:wrap }
.pzas-topleft {}
.pzas-badge { display:inline-block; font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:3px 8px; border:1.5px solid #111; color:#111; border-radius:2px; margin-bottom:8px }
.pzas-badge.sale { color:#E8003D; border-color:#E8003D }
.pzas-title { font-family:'Barlow',sans-serif; font-size:clamp(1.3rem,2vw,1.75rem); font-weight:700; color:#111; line-height:1.2; margin-bottom:8px }
.pzas-meta-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-family:'Barlow',sans-serif; font-size:12px; color:#888 }
.pzas-meta-row span { display:flex; align-items:center; gap:6px }
.pzas-meta-row span::after { content:'·'; color:#ccc }
.pzas-meta-row span:last-child::after { display:none }
.pzas-topbtns { display:flex; gap:10px; align-items:center; flex-shrink:0; padding-top:4px }
.pzas-btn-primary { height:44px; padding:0 24px; background:#111; color:#fff; border:none; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; border-radius:3px; transition:background .15s; white-space:nowrap }
.pzas-btn-primary:hover { background:#E8003D }
.pzas-btn-outline { height:44px; padding:0 24px; background:#fff; color:#111; border:1.5px solid #111; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; border-radius:3px; transition:all .15s; white-space:nowrap }
.pzas-btn-outline:hover { background:#111; color:#fff }
.pzas-btn-outline:disabled { opacity:.45; cursor:not-allowed }

/* ── Mosaic gallery ── */
.pzas-gallery { padding:0 32px 32px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:auto auto; gap:4px }
.pzas-gal-img { overflow:hidden; background:#F5F5F5; cursor:zoom-in; display:block }
.pzas-gal-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease }
.pzas-gal-img:hover img { transform:scale(1.03) }
/* cell 1: left portrait spanning 2 rows */
.pzas-gal-img:nth-child(1) { grid-column:1/2; grid-row:1/3; aspect-ratio:2/3 }
/* cell 2: second portrait spanning 2 rows */
.pzas-gal-img:nth-child(2) { grid-column:2/3; grid-row:1/3; aspect-ratio:2/3 }
/* cells 3-6: 2x2 grid on right */
.pzas-gal-img:nth-child(3) { grid-column:3/4; grid-row:1/2; aspect-ratio:1/1 }
.pzas-gal-img:nth-child(4) { grid-column:4/5; grid-row:1/2; aspect-ratio:1/1 }
.pzas-gal-img:nth-child(5) { grid-column:3/4; grid-row:2/3; aspect-ratio:1/1 }
.pzas-gal-img:nth-child(6) { grid-column:4/5; grid-row:2/3; aspect-ratio:1/1 }
/* if fewer images, fill gracefully */
.pzas-gal-img:nth-child(n+7) { display:none }
@media(max-width:768px) {
  .pzas-gallery { grid-template-columns:1fr 1fr; grid-template-rows:auto }
  .pzas-gal-img:nth-child(n) { grid-column:auto; grid-row:auto; aspect-ratio:1/1 }
  .pzas-gal-img:nth-child(n+5) { display:none }
}

/* ── Body: tabs+accordions left | sticky card right ── */
.pzas-body { background:#fff; display:grid; grid-template-columns:1fr 340px; gap:32px; padding:0 32px; max-width:1400px; margin:0 auto; align-items:start }
@media(max-width:1100px) { .pzas-body { grid-template-columns:1fr 300px } }
@media(max-width:800px)  { .pzas-body { grid-template-columns:1fr; } }

/* ── Tabs ── */
/* Section label above accordions — matches accordion title style exactly */
.pzas-section-label {
  font-family:'Barlow Condensed',sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0A0A0A;
  padding:22px 0;
  border-bottom:2px solid #0A0A0A;
  margin-bottom:0;
  line-height:1.4;
}
/* Keep old tab rules for any legacy use */
.pzas-tabs { display:none }
.pzas-tab  { display:none }



/* ── Accordions ── */
.pzas-acc-wrap { background:#fff }
.pzas-acc-item { border-bottom:1px solid #E8E8E8 }
.pzas-acc-hd { display:flex; align-items:center; justify-content:space-between; padding:22px 0; cursor:pointer; user-select:none; background:#fff }
.pzas-acc-hd:hover .pzas-acc-title { color:#333 }
.pzas-acc-title { font-family:'Barlow',sans-serif; font-size:18px; font-weight:500; color:#111; letter-spacing:-0.01em; text-transform:none; line-height:1.4; font-style:normal }
.pzas-acc-icon { width:18px; height:18px; flex-shrink:0; position:relative; display:flex; align-items:center; justify-content:center }
.pzas-acc-icon::before { content:''; position:absolute; width:12px; height:1.5px; background:#111; border-radius:1px }
.pzas-acc-icon::after  { content:''; position:absolute; width:1.5px; height:12px; background:#111; border-radius:1px; transition:opacity .2s }
.pzas-acc-hd[aria-expanded=true] .pzas-acc-icon::after { opacity:0 }
.pzas-acc-body { font-family:'Barlow',sans-serif; font-size:14px; color:#555; line-height:1.75; padding-bottom:20px }
.pzas-acc-body[hidden] { display:none }
.pzas-acc-body p  { margin-bottom:10px }
.pzas-acc-body ul { padding-left:18px; margin:8px 0 }
.pzas-acc-body li { margin-bottom:6px }
.pzas-acc-body strong { color:#111 }
.pzas-acc-body table { width:100%; border-collapse:collapse; font-size:13px; margin-top:8px }
.pzas-acc-body th { background:#111; color:#fff; padding:9px 12px; text-align:left; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase }
.pzas-acc-body td { padding:8px 12px; border-bottom:1px solid #E8E8E8 }

/* ── Sticky right card ── */
.pzas-card-wrap { position:sticky; top:80px }
.pzas-card { border:1px solid #E8E8E8; border-radius:8px; overflow:hidden; background:#fff }
.pzas-card-thumb { display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid #E8E8E8 }
.pzas-card-thumb img { width:56px; height:56px; object-fit:cover; border-radius:4px; background:#F5F5F5 }
.pzas-card-thumb-name { font-family:'Barlow',sans-serif; font-size:13px; font-weight:600; color:#111; line-height:1.3 }
.pzas-card-body { padding:16px }
.pzas-card-row { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #F0F0F0 }
.pzas-card-row:last-of-type { border-bottom:none }
.pzas-card-label { display:flex; align-items:center; gap:8px; font-family:'Barlow',sans-serif; font-size:13px; color:#888 }
.pzas-card-label svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.5 }
.pzas-card-value { font-family:'Barlow',sans-serif; font-size:13px; font-weight:600; color:#111 }
.pzas-card-price { font-family:'Barlow Condensed',sans-serif; font-size:1.4rem; font-weight:700; color:#111 }
.pzas-card-price-was { font-family:'Barlow Condensed',sans-serif; font-size:1rem; color:#aaa; text-decoration:line-through; margin-left:6px }
.pzas-card-btns { padding:16px; display:flex; flex-direction:column; gap:8px; border-top:1px solid #E8E8E8 }

/* variant selectors inside card */
.pzas-card-opts { padding:0 16px 12px }
.pzas-opt-label { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#888; margin-bottom:8px; margin-top:12px }
.pzas-opt-label span { color:#111; text-transform:none; letter-spacing:0; margin-left:4px }
.pzas-swatches { display:flex; flex-wrap:wrap; gap:7px }
.pzas-swatch { width:24px; height:24px; border-radius:50%; border:2px solid rgba(0,0,0,.12); cursor:pointer; padding:0; background:none; transition:box-shadow .15s,transform .15s }
.pzas-swatch:hover { transform:scale(1.1) }
.pzas-swatch.active { box-shadow:0 0 0 2px #fff,0 0 0 4px #111 }
.pzas-sizes { display:flex; flex-wrap:wrap; gap:6px }
.pzas-size { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.04em; padding:6px 12px; border:1.5px solid #E8E8E8; border-radius:3px; cursor:pointer; background:#fff; color:#111; transition:all .15s; min-width:40px; text-align:center }
.pzas-size:hover { border-color:#111 }
.pzas-size.active { background:#111; color:#fff; border-color:#111 }
.pzas-size.unavailable { opacity:.3; cursor:not-allowed; text-decoration:line-through }
.pzas-size-guide { font-family:'Barlow',sans-serif; font-size:11px; color:#888; text-decoration:underline; cursor:pointer; background:none; border:none; padding:4px 0 0; display:block }

/* qty inside card */
.pzas-qty-row { display:flex; align-items:center; gap:8px; padding:14px 16px 10px }
.pzas-qty { display:flex; align-items:center; border:1.5px solid #E8E8E8; border-radius:3px; height:40px }
.pzas-qty-btn { width:34px; height:100%; background:#fff; border:none; font-size:16px; cursor:pointer; color:#111; display:flex; align-items:center; justify-content:center; transition:background .15s }
.pzas-qty-btn:hover { background:#F5F5F5 }
.pzas-qty-val { width:36px; text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; border:none; outline:none }

/* You may also like */
.pzas-related { padding:64px 32px 0; max-width:1400px; margin:0 auto }
.pzas-related-title { font-family:var(--dsp,sans-serif); font-size:clamp(1.5rem,2.5vw,2.2rem); font-weight:400; text-transform:uppercase; letter-spacing:.04em; color:#111; margin-bottom:32px }

/* size guide modal */
.pzas-sg-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:900; align-items:center; justify-content:center }
.pzas-sg-overlay.open { display:flex }
.pzas-sg-modal { background:#fff; border-radius:6px; max-width:560px; width:90%; padding:32px; position:relative; max-height:85vh; overflow-y:auto }
.pzas-sg-close { position:absolute; top:16px; right:16px; background:none; border:none; font-size:22px; cursor:pointer; color:#888; line-height:1 }

@media(max-width:768px) {
  .pzas-topbar,.pzas-gallery,.pzas-body,.pzas-related { padding-left:16px; padding-right:16px }
  .pzas-breadcrumb { padding-left:16px; padding-right:16px }
  .pzas-card-wrap { position:static }
  .pzas-topbtns { width:100% }
  .pzas-btn-primary,.pzas-btn-outline { flex:1 }
}

/* ════════════════════════════════════════
   CRICKET TEAMWEAR LANDING PAGE
   ════════════════════════════════════════ */

/* ── Hero ── */
.ctw-hero{position:relative;min-height:90vh;background:#0A0A0A;display:flex;align-items:center;overflow:hidden}
.ctw-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#0A0A0A 0%,#1a0a0a 40%,#0A0A0A 100%)}
.ctw-hero__lines{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(232,0,61,.04) 0px,rgba(232,0,61,.04) 1px,transparent 1px,transparent 80px);pointer-events:none}
.ctw-hero__noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.ctw-hero__inner{position:relative;z-index:2;padding:120px 48px 80px;max-width:1400px;margin:0 auto;width:100%}
.ctw-hero__eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.ctw-hero__eyebrow::before{content:'';display:block;width:32px;height:2px;background:#E8003D}
.ctw-hero__h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,11vw,10rem);font-weight:400;line-height:.9;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:32px}
.ctw-hero__h1 em{color:#E8003D;font-style:normal}
.ctw-hero__sub{font-family:'Barlow',sans-serif;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400;color:rgba(255,255,255,.65);line-height:1.7;max-width:560px;margin-bottom:48px}
.ctw-hero__btns{display:flex;gap:16px;flex-wrap:wrap}
.ctw-hero__btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s,transform .2s}
.ctw-hero__btn-primary:hover{background:#c0002e;transform:translateY(-2px)}
.ctw-hero__btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ctw-hero__btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.ctw-hero__stats{display:flex;gap:48px;margin-top:72px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.ctw-stat__num{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3rem;font-weight:400;color:#fff;letter-spacing:.04em;line-height:1}
.ctw-stat__num span{color:#E8003D}
.ctw-stat__label{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.ctw-hero__badge{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:200px;height:200px;background:#E8003D;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.ctw-hero__badge-text{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.6rem;color:#fff;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}
.ctw-hero__badge-sub{font-family:'Barlow',sans-serif;font-size:11px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
@media(max-width:900px){.ctw-hero__badge{display:none}.ctw-hero__inner{padding:100px 24px 60px}}

/* ── Who We Kit Out ── */
.ctw-who{background:#fff;padding:96px 48px}
.ctw-who__inner{max-width:1400px;margin:0 auto}
.ctw-section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:16px}
.ctw-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#0A0A0A;line-height:.95;margin-bottom:56px}
.ctw-section-title em{color:#E8003D;font-style:normal}
.ctw-who__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
@media(max-width:900px){.ctw-who__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ctw-who__grid{grid-template-columns:1fr}}
.ctw-who__card{background:#111318;padding:40px 32px;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;transition:box-shadow .25s;border:1px solid rgba(200,210,230,.06)}
.ctw-who__card:hover{box-shadow:inset 0 0 0 1px rgba(200,210,230,.14)}
.ctw-who__card:hover{transform:scale(1.02)}
.ctw-who__card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 60%,transparent 100%);z-index:1}
.ctw-who__card-num{position:absolute;top:20px;right:24px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;font-weight:400;color:rgba(232,0,61,.12);line-height:1;z-index:0}
.ctw-who__card-icon{font-size:2rem;margin-bottom:12px;position:relative;z-index:2}
.ctw-who__card-title{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;position:relative;z-index:2;margin-bottom:8px}
.ctw-who__card-desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;position:relative;z-index:2}
.ctw-who__card--red{background:#E8003D}
.ctw-who__card--red::before{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%)}
.ctw-who__card--red .ctw-who__card-num{color:rgba(255,255,255,.15)}

/* ── How It Works ── */
.ctw-how{background:#0f1117;padding:96px 48px}
.ctw-how__inner{max-width:1400px;margin:0 auto}
.ctw-how .ctw-section-title{color:#fff}
.ctw-how .ctw-section-label{color:#E8003D}
/* Silver-bordered step grid */
.ctw-how__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(200,210,230,.1);border:1px solid rgba(200,210,230,.12)}
@media(max-width:900px){.ctw-how__steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ctw-how__steps{grid-template-columns:1fr}}
.ctw-how__step{background:#0f1117;padding:40px 32px;position:relative;transition:background .2s}
.ctw-how__step:hover{background:#161b26}
/* Top silver accent line on each step */
.ctw-how__step::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(180,195,220,.35),rgba(180,195,220,.08))}
.ctw-how__step-num{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4.5rem;color:transparent;-webkit-text-stroke:1px rgba(232,0,61,.4);line-height:1;margin-bottom:20px}
.ctw-how__step-title{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.ctw-how__step-desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(200,210,230,.5);line-height:1.7}
.ctw-how__step::after{content:'→';position:absolute;right:-16px;top:40px;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;color:#E8003D;z-index:2}
.ctw-how__step:last-child::after{display:none}
@media(max-width:900px){.ctw-how__step::after{display:none}}

/* ── Apparel Categories ── */
.ctw-cats{background:#f7f7f9;padding:80px 0 72px}
.ctw-cats__inner{max-width:1400px;margin:0 auto;padding:0 48px}
/* Section label + title are on light silver background — use dark text */
.ctw-cats .ctw-section-label{color:#E8003D}
.ctw-cats .ctw-section-title{color:#0A0A0A;margin-bottom:32px}
/* 3-column equal grid — all cards same height */
.ctw-cats__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:0}
@media(max-width:900px){.ctw-cats__grid{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:600px){.ctw-cats__grid{grid-template-columns:1fr;gap:12px}}
/* Card base — dark photo cards, portrait ratio */
.ctw-cat-card{position:relative;overflow:hidden;background:#111;min-height:420px;display:flex;align-items:flex-end;padding:28px 28px 32px;text-decoration:none;transition:box-shadow .25s;border-radius:4px}
.ctw-cat-card:hover{box-shadow:0 0 0 3px #0A0A0A}
/* Light bottom scrim only — image shows through clearly */
.ctw-cat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.08) 40%,transparent 65%);z-index:1;transition:opacity .25s}
.ctw-cat-card:hover::before{opacity:.88}
/* Red sweep line on hover */
.ctw-cat-card::after{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:#E8003D;z-index:3;transition:width .35s ease}
.ctw-cat-card:hover::after{width:100%}
.ctw-cat-card__content{position:relative;z-index:2}
.ctw-cat-card__tag{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#E8003D;margin-bottom:8px;display:block}
.ctw-cat-card__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2rem;font-weight:400;color:#fff;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:12px;display:block}
.ctw-cat-card__arrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);display:inline-flex;align-items:center;gap:6px;transition:gap .2s,color .2s}
.ctw-cat-card:hover .ctw-cat-card__arrow{gap:12px;color:#fff}

/* ── Social Proof Banner ── */
.ctw-proof{background:#E8003D;padding:72px 48px}
.ctw-proof__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.ctw-proof__inner{grid-template-columns:1fr;gap:32px}}
.ctw-proof__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:#fff;line-height:.95;letter-spacing:.03em;text-transform:uppercase}
.ctw-proof__body{font-family:'Barlow',sans-serif;font-size:1.05rem;color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:28px}
.ctw-proof__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;color:#E8003D;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ctw-proof__btn:hover{background:#0A0A0A;color:#fff}

/* ── Why Zealots ── */
.ctw-why{background:#fff;padding:96px 48px}
.ctw-why__inner{max-width:1400px;margin:0 auto}
.ctw-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:56px}
@media(max-width:1000px){.ctw-why__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ctw-why__grid{grid-template-columns:1fr}}
.ctw-why__item{}
.ctw-why__icon{width:48px;height:48px;background:#f0f0f4;border:1.5px solid rgba(0,0,0,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ctw-why__icon svg{stroke:#E8003D}
.ctw-why__icon svg{width:24px;height:24px;stroke:#E8003D;fill:none;stroke-width:1.5}
.ctw-why__item-title{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0A0A0A;margin-bottom:10px}
.ctw-why__item-desc{font-family:'Barlow',sans-serif;font-size:13px;color:#666;line-height:1.7}

/* ── Final CTA ── */
.ctw-cta{background:linear-gradient(160deg,#0d0d0d 0%,#111318 40%,#0d0d0d 100%);padding:120px 48px;text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(200,210,230,.08)}
.ctw-cta::before{content:'ZEALOTS';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(8rem,20vw,18rem);color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;letter-spacing:.1em}
.ctw-cta__inner{position:relative;z-index:2;max-width:800px;margin:0 auto}
.ctw-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;color:#fff;line-height:.95;letter-spacing:.03em;text-transform:uppercase;margin-bottom:24px}
.ctw-cta__title em{color:#E8003D;font-style:normal}
.ctw-cta__sub{font-family:'Barlow',sans-serif;font-size:1.1rem;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:48px}
.ctw-cta__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@media(max-width:600px){.ctw-cta{padding:80px 24px}.ctw-who,.ctw-how,.ctw-cats,.ctw-proof,.ctw-why{padding:72px 24px}}

/* ── Portfolio / Work Gallery ── */
.ctw-portfolio{background:#fff;padding:96px 0 0}
.ctw-portfolio__header{padding:0 48px 56px;max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.ctw-portfolio__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;color:#0A0A0A;line-height:.95;letter-spacing:.03em;text-transform:uppercase}
.ctw-portfolio__title em{color:#E8003D;font-style:normal}
.ctw-portfolio__sub{font-family:'Barlow',sans-serif;font-size:14px;color:#888;line-height:1.7;max-width:380px}

/* ── UNIFORM 4-COLUMN CARD GRID ── */
/* Each card: image on top (portrait), club info strip below — same size, clean */
.ctw-portfolio__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  background:#e8e8e8;
  border-top:1px solid #e8e8e8;
}
@media(max-width:1000px){.ctw-portfolio__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.ctw-portfolio__grid{grid-template-columns:1fr}}

.ctw-pf-item{
  overflow:hidden;
  background:#fff;
  position:relative;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  transition:box-shadow .25s;
}
.ctw-pf-item:hover{box-shadow:0 0 0 3px #0A0A0A;z-index:2;position:relative}

/* Image zone — square, contains the kit photo cleanly */
.ctw-pf-item__img-zone{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f4f4f4;
  flex-shrink:0;
}
/* Red accent bar — slides in from left on hover */
.ctw-pf-item__img-zone::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:0;height:3px;
  background:#E8003D;
  transition:width .3s ease;
  z-index:3;
}
.ctw-pf-item:hover .ctw-pf-item__img-zone::after{width:100%}

.ctw-pf-img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .5s ease;
}
.ctw-pf-item:hover .ctw-pf-img{transform:scale(1.06)}

/* Info strip — always visible, below image */
.ctw-pf-overlay{
  padding:16px 20px 18px;
  background:#fff;
  border-top:1px solid #f0f0f0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
/* Remove the inset overlay positioning — it's now a real DOM strip */
.ctw-pf-sport{
  font-family:'Barlow Condensed',sans-serif;
  font-size:9px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:#E8003D;
}
.ctw-pf-club{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.95rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  color:#0A0A0A;
  line-height:1.2;
}

/* Placeholder — clean numbered box */
.ctw-pf-placeholder{
  width:100%;height:100%;
  background:#f8f8f8;
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:10px;
}
.ctw-pf-placeholder-text{
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  color:#bbb;text-align:center;
}

.ctw-portfolio__footer{padding:40px 48px;text-align:center;background:#fff;border-top:1px solid #e8e8e8}
.ctw-portfolio__footer-text{font-family:'Barlow',sans-serif;font-size:13px;color:#aaa;margin-bottom:20px}

/* ── Testimonials / Club Quotes ── */
.ctw-testi{background:#fff;padding:96px 48px}
.ctw-testi__inner{max-width:1400px;margin:0 auto}
.ctw-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
@media(max-width:900px){.ctw-testi__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ctw-testi__grid{grid-template-columns:1fr}}
.ctw-testi__card{background:#F5F5F5;padding:32px;position:relative;border-left:3px solid #E8003D}
.ctw-testi__quote{font-family:'Barlow',sans-serif;font-size:15px;color:#333;line-height:1.75;margin-bottom:24px;font-style:italic}
.ctw-testi__quote::before{content:'\201C';font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4rem;color:#E8003D;line-height:.7;display:block;margin-bottom:12px}
.ctw-testi__author{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0A0A0A}
.ctw-testi__club{font-family:'Barlow',sans-serif;font-size:12px;color:#888;margin-top:2px}

/* ════════════════════════════════════════
   SPORT TEAMWEAR — reusable section
   ════════════════════════════════════════ */
.stw{--stw-accent:#E8003D}
.stw-inner{max-width:1400px;margin:0 auto}

/* hero */
.stw-hero{position:relative;min-height:88vh;background:#0A0A0A;display:flex;align-items:center;overflow:hidden}
.stw-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#0A0A0A 0%,#111 60%,#0A0A0A 100%)}
.stw-hero__lines{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 80px);pointer-events:none}
.stw-hero__inner{position:relative;z-index:2;padding:120px 48px 80px;max-width:1400px;margin:0 auto;width:100%}
.stw-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--stw-accent);margin-bottom:24px;display:flex;align-items:center;gap:12px}
.stw-eyebrow::before{content:'';display:block;width:32px;height:2px;background:var(--stw-accent)}
.stw-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,11vw,10rem);font-weight:400;line-height:.9;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:32px}
.stw-h1 em{color:var(--stw-accent);font-style:normal}
.stw-sub{font-family:'Barlow',sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);color:rgba(255,255,255,.6);line-height:1.7;max-width:540px;margin-bottom:48px}
.stw-btns{display:flex;gap:14px;flex-wrap:wrap}
.stw-btns--center{justify-content:center}
.stw-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:var(--stw-accent);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s;border:2px solid var(--stw-accent)}
.stw-btn-primary:hover{opacity:.85;transform:translateY(-2px)}
.stw-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.stw-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.stw-stats{display:flex;gap:48px;margin-top:72px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.stw-stat-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2.8rem;color:#fff;letter-spacing:.04em;line-height:1}
.stw-stat-n span{color:var(--stw-accent)}
.stw-stat-l{font-family:'Barlow',sans-serif;font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.stw-hero__badge{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:180px;height:180px;background:var(--stw-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.stw-badge-text{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.4rem;color:#fff;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}
.stw-badge-sub{font-family:'Barlow',sans-serif;font-size:10px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}

/* shared section styles */
.stw-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--stw-accent);margin-bottom:14px}
.stw-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#0A0A0A;line-height:.95;margin-bottom:48px}
.stw-title em{color:var(--stw-accent);font-style:normal}

/* who grid */
.stw-who{background:#fff;padding:96px 48px}
.stw-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
@media(max-width:900px){.stw-who-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stw-who-grid{grid-template-columns:1fr}}
.stw-who-card{background:#0A0A0A;padding:36px 28px;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s}
.stw-who-card:hover{transform:scale(1.02)}
.stw-who-card--accent{background:var(--stw-accent)}
.stw-who-num{position:absolute;top:16px;right:20px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4.5rem;color:rgba(255,255,255,.08);line-height:1}
.stw-who-icon{font-size:1.8rem;margin-bottom:10px}
.stw-who-card-title{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.stw-who-card-desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.55);line-height:1.6}

/* how steps */
.stw-how{background:#0A0A0A;padding:96px 48px}
.stw-how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.stw-how-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stw-how-steps{grid-template-columns:1fr}}
.stw-step{background:#0A0A0A;padding:36px 28px;position:relative}
.stw-step-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4.5rem;color:var(--stw-accent);line-height:1;margin-bottom:18px;opacity:.9}
.stw-step-title{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.stw-step-desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}

/* portfolio */
.stw-portfolio{background:#0A0A0A;padding:96px 0 0}
.stw-portfolio .stw-inner{padding:0 48px 48px}
.stw-pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
@media(max-width:768px){.stw-pf-grid{grid-template-columns:repeat(2,1fr)}}
.stw-pf-item{position:relative;overflow:hidden;aspect-ratio:4/3;background:#1a1a1a}
.stw-pf-item:first-child{grid-column:span 2;aspect-ratio:16/9}
.stw-pf-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s;filter:grayscale(15%)}
.stw-pf-item:hover img{transform:scale(1.05);filter:grayscale(0%)}
.stw-pf-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:20px}
.stw-pf-item:hover .stw-pf-overlay{opacity:1}
.stw-pf-club{font-family:'Barlow Condensed',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}

/* proof */
.stw-proof{padding:72px 48px}
.stw-proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:900px){.stw-proof-inner{grid-template-columns:1fr}}
.stw-proof-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;color:#fff;line-height:.95;letter-spacing:.03em;text-transform:uppercase}
.stw-proof-body{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:24px}
.stw-proof-btn{display:inline-flex;align-items:center;padding:13px 28px;background:#fff;color:#0A0A0A;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.stw-proof-btn:hover{background:#0A0A0A;color:#fff}

/* why */
.stw-why{background:#F5F5F5;padding:96px 48px}
.stw-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}
@media(max-width:1000px){.stw-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stw-why-grid{grid-template-columns:1fr}}
.stw-why-icon{width:44px;height:44px;background:#0A0A0A;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.stw-why-icon svg{width:22px;height:22px;stroke:var(--stw-accent);fill:none;stroke-width:1.5}
.stw-why-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0A0A0A;margin-bottom:8px}
.stw-why-desc{font-family:'Barlow',sans-serif;font-size:13px;color:#666;line-height:1.7}

/* cta */
.stw-cta{background:#0A0A0A;padding:112px 48px;text-align:center;position:relative;overflow:hidden}
.stw-cta-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(8rem,20vw,18rem);color:rgba(255,255,255,.02);white-space:nowrap;pointer-events:none;letter-spacing:.1em;content:''}
.stw-cta-inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.stw-cta-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;color:#fff;line-height:.95;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}
.stw-cta-title em{color:var(--stw-accent);font-style:normal}
.stw-cta-sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:40px}

@media(max-width:768px){
  .stw-hero__inner,.stw-who,.stw-how,.stw-portfolio .stw-inner,.stw-proof,.stw-why,.stw-cta{padding-left:20px;padding-right:20px}
  .stw-hero__badge{display:none}
}

/* ── Cart Drawer Upgrades ── */
.cart-ship-bar{padding:12px 20px;background:#F5F5F5;border-bottom:1px solid var(--g2);flex-shrink:0}
.cart-ship-bar__msg{font-family:'Barlow',sans-serif;font-size:12px;color:var(--g7);margin-bottom:8px}
.cart-ship-bar__msg--done{color:#1a7a1a}
.cart-ship-bar__track{height:4px;background:#E0E0E0;border-radius:2px;overflow:hidden}
.cart-ship-bar__fill{height:100%;background:var(--black);border-radius:2px;transition:width .4s ease}
.cart-empty-btn{display:inline-block;margin-top:16px;padding:11px 28px;background:var(--black);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px}
.cart-item__price-was{font-family:'Barlow Condensed',sans-serif;font-size:12px;color:var(--g3);text-decoration:line-through}

/* Upsell strip */
.cart-upsell{padding:20px 0 4px;border-top:1px solid var(--g2);margin-top:8px}
.cart-upsell__title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g5);margin-bottom:14px}
.cart-upsell__row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.cart-upsell__row::-webkit-scrollbar{display:none}
.cart-upsell__item{flex-shrink:0;width:110px;text-align:center}
.cart-upsell__item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;background:var(--off);display:block;margin-bottom:6px}
.cart-upsell__name{font-family:'Barlow',sans-serif;font-size:11px;color:var(--black);line-height:1.4;margin-bottom:4px}
.cart-upsell__price{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;color:var(--black);margin-bottom:6px}
.cart-upsell__add{display:block;width:100%;padding:6px 0;background:var(--black);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;border-radius:2px;text-decoration:none;text-align:center;transition:background .15s}
.cart-upsell__add:hover{background:var(--red);color:#fff}

/* ════════════════════════════════════════
   CLUB CUSTOM CLOTHING — B2B page
   ════════════════════════════════════════ */
.ccc{background:#fff}
.ccc-inner{max-width:1320px;margin:0 auto}
.ccc-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:14px}
.ccc-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#0A0A0A;line-height:.95;margin-bottom:52px}
.ccc-title em{color:#E8003D;font-style:normal}

/* Hero */
.ccc-hero{background:#0A0A0A;padding:0}
.ccc-hero__inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;min-height:100vh;align-items:center;gap:64px;padding:80px 48px}
@media(max-width:1100px){.ccc-hero__inner{grid-template-columns:1fr;min-height:auto;padding:80px 24px 48px}}
.ccc-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.ccc-eyebrow::before{content:'';display:block;width:32px;height:2px;background:#E8003D}
.ccc-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3.5rem,9vw,7.5rem);font-weight:400;line-height:.9;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:28px}
.ccc-h1 em{color:#E8003D;font-style:normal}
.ccc-sub{font-family:'Barlow',sans-serif;font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.75;max-width:500px;margin-bottom:36px}
.ccc-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.ccc-trust-item{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px}
.ccc-trust-item svg{width:15px;height:15px;stroke:#E8003D;fill:none;stroke-width:2.5;flex-shrink:0}

/* Quote form */
.ccc-form-card{background:#fff;border-radius:8px;padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.ccc-form-title{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0A0A0A;margin-bottom:6px}
.ccc-form-sub{font-family:'Barlow',sans-serif;font-size:13px;color:#888;margin-bottom:24px;line-height:1.5}
.ccc-field{margin-bottom:16px}
.ccc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ccc-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#555;margin-bottom:6px;display:block}
.ccc-input{width:100%;padding:11px 14px;border:1.5px solid #E0E0E0;border-radius:4px;font-family:'Barlow',sans-serif;font-size:14px;color:#111;outline:none;transition:border-color .15s;background:#fff}
.ccc-input:focus{border-color:#0A0A0A}
.ccc-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.ccc-textarea{min-height:100px;resize:vertical}
.ccc-submit{width:100%;padding:15px;background:#E8003D;color:#fff;border:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:background .2s;margin-top:4px}
.ccc-submit:hover{background:#c0002e}
.ccc-disclaimer{font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;text-align:center;margin-top:10px;line-height:1.5}

/* Packages */
.ccc-packages{padding:96px 48px;background:#F5F5F5}
.ccc-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
@media(max-width:900px){.ccc-pkg-grid{grid-template-columns:1fr}}
.ccc-pkg{background:#fff;padding:40px 32px;position:relative}
.ccc-pkg--featured{background:#0A0A0A}
.ccc-pkg__popular{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 16px}
.ccc-pkg__tag{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E8003D;margin-bottom:8px}
.ccc-pkg__name{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.8rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}
.ccc-pkg{color:#0A0A0A}
.ccc-pkg--featured .ccc-pkg__name{color:#fff}
.ccc-pkg--featured .ccc-pkg__tag{color:#E8003D}
.ccc-pkg__desc{font-family:'Barlow',sans-serif;font-size:13px;color:#666;line-height:1.6;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E8E8E8}
.ccc-pkg--featured .ccc-pkg__desc{color:rgba(255,255,255,.55);border-bottom-color:rgba(255,255,255,.1)}
.ccc-pkg__list{list-style:none;padding:0;margin:0 0 32px}
.ccc-pkg__list li{font-family:'Barlow',sans-serif;font-size:13px;color:#444;padding:7px 0;border-bottom:1px solid #F0F0F0;display:flex;align-items:center;gap:8px}
.ccc-pkg__list li::before{content:'✓';color:#E8003D;font-weight:700;font-size:12px;flex-shrink:0}
.ccc-pkg--featured .ccc-pkg__list li{color:rgba(255,255,255,.75);border-bottom-color:rgba(255,255,255,.08)}
.ccc-pkg__btn{display:block;width:100%;padding:14px;text-align:center;background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ccc-pkg__btn:hover{background:#c0002e}
.ccc-pkg__btn--outline{background:transparent;border:1.5px solid #0A0A0A;color:#0A0A0A}
.ccc-pkg__btn--outline:hover{background:#0A0A0A;color:#fff}

/* Process */
.ccc-process{background:#0A0A0A;padding:96px 48px}
.ccc-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06)}
@media(max-width:900px){.ccc-process-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ccc-process-steps{grid-template-columns:1fr}}
.ccc-process-step{background:#0A0A0A;padding:36px 28px}
.ccc-process-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4rem;color:#E8003D;line-height:1;margin-bottom:16px;opacity:.9}
.ccc-process-title{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ccc-process-desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}

/* Why stats */
.ccc-why{background:#E8003D;padding:56px 48px}
.ccc-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1320px;margin:0 auto;text-align:center}
@media(max-width:900px){.ccc-why-grid{grid-template-columns:repeat(2,1fr)}}
.ccc-why-num{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3.5rem;color:#fff;letter-spacing:.04em;line-height:1}
.ccc-why-label{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}

/* FAQ */
.ccc-faq{padding:96px 48px}
.ccc-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#E8E8E8}
@media(max-width:768px){.ccc-faq-grid{grid-template-columns:1fr}}
.ccc-faq-item{background:#fff;padding:28px 32px}
.ccc-faq-q{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0A0A0A;margin-bottom:10px}
.ccc-faq-a{font-family:'Barlow',sans-serif;font-size:14px;color:#555;line-height:1.7}

@media(max-width:768px){
  .ccc-packages,.ccc-process,.ccc-why,.ccc-faq{padding-left:20px;padding-right:20px}
}

/* ════════════════════════════════════════
   FOOTBALL TEAMWEAR — ftw prefix
   Culture: Beautiful game, multicultural, 
   club badge pride, pitch energy
   Palette: Deep green + white + red
   ════════════════════════════════════════ */

/* ── Pitch pattern background util ── */
.ftw-pitch-bg{background-color:#0a1a0a;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 60px)}

/* ── Hero ── */
.ftw-hero{position:relative;min-height:100vh;background:#071a07;overflow:hidden;display:flex;align-items:center}
.ftw-hero__pitch{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 80px);pointer-events:none}
.ftw-hero__circle{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:70vmin;height:70vmin;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.ftw-hero__circle2{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:50vmin;height:50vmin;border:1px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none}
.ftw-hero__inner{position:relative;z-index:2;padding:120px 56px 80px;max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:center}
@media(max-width:1000px){.ftw-hero__inner{grid-template-columns:1fr;padding:100px 24px 60px}}
.ftw-hero__eyebrow{font-family:'Barlow',sans-serif;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#4ade80;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.ftw-hero__eyebrow::before{content:'';display:block;width:28px;height:1.5px;background:#4ade80}
.ftw-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,12vw,10rem);font-weight:400;line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:28px}
.ftw-h1 em{color:#4ade80;font-style:normal;display:block}
.ftw-sub{font-family:'Barlow',sans-serif;font-size:1.05rem;color:rgba(255,255,255,.55);line-height:1.8;max-width:480px;margin-bottom:40px}
.ftw-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.ftw-btn-p{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:#4ade80;color:#071a07;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw-btn-p:hover{background:#22c55e;transform:translateY(-2px)}
.ftw-btn-g{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw-btn-g:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.ftw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.ftw-stat{padding:20px 16px;background:#071a07;text-align:center}
.ftw-stat__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2.2rem;color:#fff;letter-spacing:.04em;line-height:1}
.ftw-stat__n span{color:#4ade80}
.ftw-stat__l{font-family:'Barlow',sans-serif;font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}

/* Badge card */
.ftw-badge-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:32px;backdrop-filter:blur(8px)}
.ftw-badge-card__title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4ade80;margin-bottom:16px}
.ftw-trust-list{list-style:none;padding:0;margin:0 0 24px}
.ftw-trust-list li{font-family:'Barlow',sans-serif;font-size:14px;color:rgba(255,255,255,.75);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
.ftw-trust-list li::before{content:'✓';color:#4ade80;font-weight:700;font-size:13px;flex-shrink:0}
.ftw-trust-list li:last-child{border-bottom:none}
.ftw-badge-cta{display:block;width:100%;padding:14px;background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:3px;text-align:center;transition:background .2s}
.ftw-badge-cta:hover{background:#c0002e}

/* ── Club logos ticker ── */
.ftw-logos{background:#0d240d;padding:28px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ftw-logos__label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.3);padding:0 40px;margin-bottom:16px}
.ftw-logos__track{display:flex;gap:0;animation:ftw-scroll 28s linear infinite}
.ftw-logos__track:hover{animation-play-state:paused}
@keyframes ftw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ftw-logo-item{flex-shrink:0;padding:0 40px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}
.ftw-logo-name{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;transition:color .2s}
.ftw-logo-item:hover .ftw-logo-name{color:#4ade80}

/* ── Kit showcase ── */
.ftw-kits{background:#fff;padding:96px 56px}
.ftw-kits__inner{max-width:1400px;margin:0 auto}
.ftw-kits__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;flex-wrap:wrap;gap:24px}
.ftw-section-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#4ade80;margin-bottom:12px}
.ftw-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#0a1a0a;line-height:.95}
.ftw-section-title em{color:#E8003D;font-style:normal}
.ftw-kits__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px}
@media(max-width:900px){.ftw-kits__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftw-kits__grid{grid-template-columns:1fr}}
.ftw-kit-card{position:relative;overflow:hidden;background:#0a1a0a;min-height:320px;display:flex;align-items:flex-end;padding:24px}
.ftw-kit-card:first-child{min-height:480px}
.ftw-kit-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 60%,transparent 100%);z-index:1}
.ftw-kit-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ftw-kit-card:hover .ftw-kit-card__img{transform:scale(1.05)}
.ftw-kit-card__content{position:relative;z-index:2}
.ftw-kit-card__tag{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4ade80;margin-bottom:4px}
.ftw-kit-card__name{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;line-height:1.1}
.ftw-kit-card__link{font-family:'Barlow Condensed',sans-serif;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}
.ftw-kit-card:hover .ftw-kit-card__link{color:#4ade80}

/* ── Process ── */
.ftw-process{background:#0a1a0a;padding:96px 56px}
.ftw-process__inner{max-width:1400px;margin:0 auto}
.ftw-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:56px}
@media(max-width:900px){.ftw-process__steps{grid-template-columns:repeat(2,1fr)}}
.ftw-step{background:#0d200d;padding:40px 32px;position:relative;border:1px solid rgba(255,255,255,.05)}
.ftw-step__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;color:#4ade80;opacity:.4;line-height:1;margin-bottom:16px}
.ftw-step__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ftw-step__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* ── Social proof / testimonials ── */
.ftw-proof{background:#E8003D;padding:80px 56px}
.ftw-proof__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.ftw-proof__inner{grid-template-columns:1fr}}
.ftw-proof__quote{font-family:'Barlow',sans-serif;font-size:1.4rem;font-weight:400;color:#fff;line-height:1.5;font-style:italic;margin-bottom:20px}
.ftw-proof__quote::before{content:'\201C';font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;color:rgba(255,255,255,.25);line-height:.6;display:block;margin-bottom:8px}
.ftw-proof__author{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.ftw-proof__club{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.55)}
.ftw-proof__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);color:#fff;line-height:.92;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}
.ftw-proof__body{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:28px}
.ftw-proof__btn{display:inline-flex;padding:13px 28px;background:#fff;color:#E8003D;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw-proof__btn:hover{background:#0a1a0a;color:#fff}

/* ── Final CTA ── */
.ftw-cta{background:#071a07;padding:112px 56px;text-align:center;position:relative;overflow:hidden}
.ftw-cta::before{content:'FOOTBALL';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(6rem,18vw,16rem);color:rgba(255,255,255,.02);white-space:nowrap;pointer-events:none;letter-spacing:.08em}
.ftw-cta__inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.ftw-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);color:#fff;line-height:.92;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}
.ftw-cta__title em{color:#4ade80;font-style:normal}
.ftw-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.5);margin-bottom:40px;line-height:1.7}

/* ════════════════════════════════════════
   NETBALL TEAMWEAR — ntw prefix
   Culture: Community, court lines, vibrant,
   Australia's women's game, team bonds
   Palette: Purple + teal + white
   ════════════════════════════════════════ */

.ntw-hero{position:relative;min-height:100vh;background:#1a0a2e;overflow:hidden;display:flex;align-items:center}
.ntw-hero__court{position:absolute;inset:0;pointer-events:none}
/* Court quarter circles */
.ntw-hero__court::before{content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);width:70vmin;height:70vmin;border:1px solid rgba(168,85,247,.12);border-radius:50%}
.ntw-hero__court::after{content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);width:90vmin;height:90vmin;border:1px solid rgba(168,85,247,.07);border-radius:50%}
.ntw-hero__lines{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(168,85,247,.04) 0,rgba(168,85,247,.04) 1px,transparent 1px,transparent 60px);pointer-events:none}
.ntw-hero__inner{position:relative;z-index:2;padding:120px 56px 80px;max-width:1400px;margin:0 auto;width:100%}
.ntw-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#c084fc;margin-bottom:24px;display:flex;align-items:center;gap:10px}
.ntw-eyebrow::before{content:'';display:block;width:28px;height:1.5px;background:#c084fc}
.ntw-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3.5rem,11vw,9rem);font-weight:400;line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.ntw-h1 span{color:#c084fc}
.ntw-h1 small{display:block;font-size:.45em;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-top:8px}
.ntw-sub{font-family:'Barlow',sans-serif;font-size:1.05rem;color:rgba(255,255,255,.55);line-height:1.8;max-width:540px;margin:20px 0 40px}
.ntw-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px}
.ntw-btn-p{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:#a855f7;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ntw-btn-p:hover{background:#9333ea;transform:translateY(-2px)}
.ntw-btn-g{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ntw-btn-g:hover{border-color:#c084fc;color:#c084fc}

/* Scrolling club names */
.ntw-clubs{background:#120820;padding:0;overflow:hidden;border-top:1px solid rgba(168,85,247,.12);border-bottom:1px solid rgba(168,85,247,.12)}
.ntw-clubs__track{display:flex;animation:ntw-scroll 22s linear infinite;padding:20px 0}
@keyframes ntw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ntw-club-chip{flex-shrink:0;margin:0 12px;padding:8px 20px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:20px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);white-space:nowrap;transition:all .2s}
.ntw-club-chip:hover{background:rgba(168,85,247,.25);color:#c084fc;border-color:#a855f7}

/* Community grid */
.ntw-community{background:#fff;padding:96px 56px}
.ntw-community__inner{max-width:1400px;margin:0 auto}
.ntw-section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#a855f7;margin-bottom:12px}
.ntw-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#1a0a2e;line-height:.95;margin-bottom:48px}
.ntw-section-title em{color:#E8003D;font-style:normal}
.ntw-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.ntw-who-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ntw-who-grid{grid-template-columns:1fr}}
.ntw-who-card{border:1px solid #E8E8E8;padding:32px 28px;border-radius:4px;transition:all .25s;position:relative;overflow:hidden}
.ntw-who-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#a855f7;transform:scaleX(0);transition:transform .25s;transform-origin:left}
.ntw-who-card:hover{box-shadow:0 8px 32px rgba(168,85,247,.12);border-color:#a855f7;transform:translateY(-4px)}
.ntw-who-card:hover::before{transform:scaleX(1)}
.ntw-who-card__emoji{font-size:2rem;margin-bottom:14px;display:block}
.ntw-who-card__title{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a0a2e;margin-bottom:8px}
.ntw-who-card__desc{font-family:'Barlow',sans-serif;font-size:13px;color:#666;line-height:1.7}

/* Process - horizontal timeline */
.ntw-process{background:#1a0a2e;padding:96px 56px}
.ntw-process__inner{max-width:1400px;margin:0 auto}
.ntw-timeline{display:flex;gap:0;margin-top:56px;position:relative}
.ntw-timeline::before{content:'';position:absolute;top:24px;left:24px;right:24px;height:1px;background:rgba(168,85,247,.2)}
@media(max-width:768px){.ntw-timeline{flex-direction:column;gap:32px}.ntw-timeline::before{display:none}}
.ntw-timeline-step{flex:1;padding:0 20px;position:relative}
.ntw-timeline-step__dot{width:48px;height:48px;background:#a855f7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.2rem;color:#fff;margin-bottom:20px;position:relative;z-index:1}
.ntw-timeline-step__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:8px}
.ntw-timeline-step__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* Testimonials */
.ntw-testi{background:#f8f4ff;padding:80px 56px}
.ntw-testi__inner{max-width:1400px;margin:0 auto}
.ntw-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
@media(max-width:900px){.ntw-testi__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ntw-testi__grid{grid-template-columns:1fr}}
.ntw-testi-card{background:#fff;padding:28px;border-radius:4px;border:1px solid rgba(168,85,247,.12)}
.ntw-testi-card__stars{color:#a855f7;font-size:14px;margin-bottom:12px;letter-spacing:2px}
.ntw-testi-card__quote{font-family:'Barlow',sans-serif;font-size:14px;color:#333;line-height:1.75;font-style:italic;margin-bottom:16px}
.ntw-testi-card__author{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a0a2e}
.ntw-testi-card__club{font-family:'Barlow',sans-serif;font-size:11px;color:#a855f7}

/* CTA */
.ntw-cta{background:linear-gradient(135deg,#1a0a2e 0%,#2d1060 50%,#1a0a2e 100%);padding:104px 56px;text-align:center;position:relative;overflow:hidden}
.ntw-cta::before{content:'NETBALL';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(5rem,16vw,14rem);color:rgba(168,85,247,.06);white-space:nowrap;pointer-events:none;letter-spacing:.08em}
.ntw-cta__inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
.ntw-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);color:#fff;line-height:.92;text-transform:uppercase;letter-spacing:.03em;margin-bottom:20px}
.ntw-cta__title em{color:#c084fc;font-style:normal}
.ntw-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.5);margin-bottom:40px;line-height:1.7}

/* ════════════════════════════════════════
   BASKETBALL TEAMWEAR — btw prefix
   Culture: Street + elite, hardwood, 
   NBL boom, jersey numbers, urban energy
   Palette: Orange + black + white
   ════════════════════════════════════════ */

.btw-hero{position:relative;min-height:100vh;background:#0a0a0a;overflow:hidden;display:flex;align-items:center}
/* Hardwood floor pattern */
.btw-hero__floor{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,165,0,.03) 0,rgba(255,165,0,.03) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 24px);pointer-events:none}
/* Court arc */
.btw-hero__arc{position:absolute;right:-5%;bottom:-30%;width:80vmin;height:80vmin;border:1.5px solid rgba(251,146,60,.08);border-radius:50%;pointer-events:none}
.btw-hero__arc2{position:absolute;right:-5%;bottom:-30%;width:55vmin;height:55vmin;border:1px solid rgba(251,146,60,.05);border-radius:50%;pointer-events:none}
/* Three-point line suggestion */
.btw-hero__threepoint{position:absolute;right:0;bottom:0;width:60vw;height:60vw;border:1px solid rgba(251,146,60,.04);border-radius:50% 0 0 0;pointer-events:none}
.btw-hero__inner{position:relative;z-index:2;padding:120px 56px 80px;max-width:1400px;margin:0 auto;width:100%}
.btw-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#fb923c;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.btw-eyebrow::before{content:'';display:block;width:28px;height:1.5px;background:#fb923c}
/* Big jersey number behind title */
.btw-hero__number{position:absolute;right:48px;top:50%;transform:translateY(-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(12rem,30vw,28rem);color:rgba(251,146,60,.06);line-height:1;pointer-events:none;letter-spacing:-.02em}
.btw-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,12vw,11rem);font-weight:400;line-height:.85;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:28px}
.btw-h1 em{-webkit-text-stroke:2px #fb923c;color:transparent;font-style:normal}
.btw-sub{font-family:'Barlow',sans-serif;font-size:1.05rem;color:rgba(255,255,255,.5);line-height:1.8;max-width:520px;margin-bottom:44px}
.btw-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:64px}
.btw-btn-p{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:#fb923c;color:#0a0a0a;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s;border:2px solid #fb923c}
.btw-btn-p:hover{background:#f97316;transform:translateY(-2px)}
.btw-btn-g{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.btw-btn-g:hover{border-color:#fb923c;color:#fb923c}

/* Scrolling stats ticker */
.btw-ticker{background:#fb923c;padding:0;overflow:hidden}
.btw-ticker__track{display:flex;animation:btw-tick 20s linear infinite;white-space:nowrap}
@keyframes btw-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.btw-ticker__item{flex-shrink:0;padding:12px 32px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.1rem;letter-spacing:.08em;color:#0a0a0a;display:flex;align-items:center;gap:20px}
.btw-ticker__item::after{content:'◆';opacity:.4;margin-left:20px}

/* Who section — horizontal scrolling cards */
.btw-who{background:#0a0a0a;padding:96px 0 96px 56px;overflow:hidden}
.btw-who__header{max-width:1400px;margin:0 56px 48px 0}
.btw-section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fb923c;margin-bottom:12px}
.btw-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#fff;line-height:.95;margin-bottom:48px}
.btw-section-title em{color:#fb923c;font-style:normal}
.btw-who__scroll{display:flex;gap:3px;overflow-x:auto;padding-right:56px;scrollbar-width:none}
.btw-who__scroll::-webkit-scrollbar{display:none}
.btw-who-card{flex-shrink:0;width:280px;background:#141414;border:1px solid rgba(255,255,255,.06);padding:36px 28px;position:relative;overflow:hidden;transition:border-color .25s}
.btw-who-card:hover{border-color:#fb923c}
.btw-who-card__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:6rem;color:rgba(251,146,60,.08);position:absolute;top:-10px;right:12px;line-height:1}
.btw-who-card__emoji{font-size:2rem;margin-bottom:16px;display:block;position:relative;z-index:1}
.btw-who-card__title{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:8px;position:relative;z-index:1}
.btw-who-card__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;position:relative;z-index:1}

/* Process */
.btw-process{background:#fff;padding:96px 56px}
.btw-process__inner{max-width:1400px;margin:0 auto}
.btw-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:56px}
@media(max-width:900px){.btw-process__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.btw-process__grid{grid-template-columns:1fr}}
.btw-pstep{}
.btw-pstep__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4rem;color:#fb923c;line-height:1;margin-bottom:16px}
.btw-pstep__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid #fb923c}
.btw-pstep__desc{font-family:'Barlow',sans-serif;font-size:13px;color:#666;line-height:1.7;margin-top:12px}

/* Proof */
.btw-proof{background:#141414;padding:80px 56px}
.btw-proof__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.btw-proof__inner{grid-template-columns:1fr}}
.btw-proof__stat{padding:32px;border:1px solid rgba(251,146,60,.15);border-radius:4px;text-align:center;margin-bottom:3px;background:#0a0a0a}
.btw-proof__stat-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3.5rem;color:#fb923c;letter-spacing:.04em}
.btw-proof__stat-l{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.btw-proof__quote{font-family:'Barlow',sans-serif;font-size:1.3rem;color:#fff;line-height:1.55;font-style:italic;margin-bottom:20px}
.btw-proof__quote::before{content:'\201C';font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;color:#fb923c;opacity:.4;display:block;line-height:.6;margin-bottom:8px}
.btw-proof__author{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.btw-proof__club{font-family:'Barlow',sans-serif;font-size:12px;color:#fb923c}

/* CTA */
.btw-cta{background:#0a0a0a;padding:112px 56px;text-align:center;position:relative;overflow:hidden}
.btw-cta::before{content:'BASKETBALL';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,12vw,11rem);color:rgba(251,146,60,.04);white-space:nowrap;pointer-events:none;letter-spacing:.06em}
.btw-cta__inner{position:relative;z-index:2;max-width:700px;margin:0 auto}
.btw-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);color:#fff;line-height:.92;text-transform:uppercase;letter-spacing:.03em;margin-bottom:20px}
.btw-cta__title em{-webkit-text-stroke:2px #fb923c;color:transparent;font-style:normal}
.btw-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.45);margin-bottom:40px;line-height:1.7}

/* ════════════════════════════════════════
   CLUB CUSTOM v2 — fully editable B2B page
   High-energy, competitor-beating design
   ════════════════════════════════════════ */
.ccv{background:#fff}

/* Hero — split dark/white */
.ccv-hero{background:#0A0A0A;min-height:70vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
@media(max-width:900px){.ccv-hero{grid-template-columns:1fr;min-height:auto}}
.ccv-hero__lines{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(232,0,61,.03) 0px,rgba(232,0,61,.03) 1px,transparent 1px,transparent 40px);pointer-events:none}
.ccv-hero__left{position:relative;z-index:2;padding:70px 56px 56px;display:flex;flex-direction:column;justify-content:center}
.ccv-hero__right{background:#111116;position:relative;z-index:2;padding:42px 56px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.08)}
.ccv-hero__right::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 70% 0%,rgba(232,0,61,.07) 0%,transparent 65%)}
.ccv-hero__right>*{position:relative;z-index:1}
@media(max-width:900px){.ccv-hero__left,.ccv-hero__right{padding:42px 24px}}
.ccv-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#E8003D;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.ccv-eyebrow::before{content:'';display:block;width:28px;height:2px;background:#E8003D}
.ccv-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.9rem,6.4vw,5.4rem);font-weight:400;line-height:.86;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:17px}
.ccv-h1 em{color:#E8003D;font-style:normal;display:block}
.ccv-sub{font-family:'Barlow',sans-serif;font-size:.95rem;color:rgba(255,255,255,.55);line-height:1.65;margin-bottom:25px;max-width:480px}
.ccv-trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px 24px;margin-bottom:25px}
.ccv-trust-item{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px}
.ccv-trust-item::before{content:'✓';color:#E8003D;font-weight:700;font-size:14px;flex-shrink:0}
.ccv-urgency{background:rgba(232,0,61,.08);border:1px solid rgba(232,0,61,.2);border-radius:4px;padding:12px 16px;font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px}
.ccv-urgency strong{color:#E8003D}
.ccv-urgency-dot{width:8px;height:8px;background:#E8003D;border-radius:50%;animation:ccv-pulse 1.5s ease infinite;flex-shrink:0}
@keyframes ccv-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* Form */
.ccv-form-title{font-family:'Barlow Condensed',sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:7px;line-height:1.1}
.ccv-form-sub{font-family:'Barlow',sans-serif;font-size:14.5px;color:rgba(255,255,255,.62);margin-bottom:26px;line-height:1.6}
.ccv-field{margin-bottom:16px}
.ccv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ccv-label{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:7px;display:block}
.ccv-input{width:100%;padding:14px 16px;border:1.5px solid rgba(255,255,255,.18);border-radius:3px;font-family:'Barlow',sans-serif;font-size:16px;color:#fff;outline:none;transition:border-color .15s,background .15s;background:rgba(255,255,255,.04);box-sizing:border-box}
.ccv-input::placeholder{color:rgba(255,255,255,.34)}
.ccv-input:focus{border-color:#E8003D;background:rgba(255,255,255,.07)}
.ccv-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.ccv-select option{background:#111116;color:#fff}
.ccv-textarea{min-height:104px;resize:vertical;line-height:1.55}
.ccv-submit{width:100%;padding:18px;margin-top:4px;background:#E8003D;color:#fff;border:none;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .2s,transform .12s}
.ccv-submit:hover{background:#ff0a4a}
.ccv-submit:active{transform:translateY(1px)}
.ccv-form-note{font-family:'Barlow',sans-serif;font-size:12.5px;color:rgba(255,255,255,.42);text-align:center;margin-top:14px;line-height:1.5}

/* Marquee ticker */

.ccv-ticker__track{display:flex;animation:ccv-tick 18s linear infinite;white-space:nowrap}
@keyframes ccv-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ccv-ticker__item{flex-shrink:0;padding:0 28px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.1rem;letter-spacing:.08em;color:#fff;display:flex;align-items:center;gap:20px}
.ccv-ticker__item::after{content:'★';opacity:.5;margin-left:20px}

/* Packages */
/* ── ccv sport nav ── */
.ccv-sports{background:#fff;padding:80px 56px;border-bottom:1px solid #EBEBEB}
.ccv-sports__sub{font-family:'Barlow',sans-serif;font-size:15px;color:#666;line-height:1.7;max-width:600px;margin:-24px 0 44px}
.ccv-sports__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:20px}
@media(max-width:900px){.ccv-sports__grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.ccv-sports__grid{grid-template-columns:1fr}}
.ccv-sport-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#F7F7F7;text-decoration:none;color:#0A0A0A;border:1px solid transparent;transition:background .15s,border-color .15s,transform .12s;position:relative}
.ccv-sport-card:hover{background:#fff;border-color:#E8003D;transform:translateY(-2px);z-index:1}
.ccv-sport-card:hover .ccv-sport-card__name{color:#E8003D}
.ccv-sport-card:hover .ccv-sport-card__arrow{color:#E8003D;transform:translateX(3px)}
.ccv-sport-card__icon{width:44px;height:44px;flex-shrink:0;color:#0A0A0A;opacity:.65;transition:opacity .15s}
.ccv-sport-card:hover .ccv-sport-card__icon{opacity:1}
.ccv-sport-card__icon svg{width:100%;height:100%}
.ccv-sport-card__body{flex:1;min-width:0}
.ccv-sport-card__name{display:block;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0A0A0A;margin-bottom:2px;transition:color .15s}
.ccv-sport-card__desc{display:block;font-family:'Barlow',sans-serif;font-size:12px;color:#888;line-height:1.4}
.ccv-sport-card__arrow{font-size:18px;color:#C8C8C8;transition:color .15s,transform .15s;flex-shrink:0}
.ccv-sports__footer{font-family:'Barlow',sans-serif;font-size:13px;color:#999;text-align:center;padding-top:8px}
.ccv-sports__footer-link{color:#0A0A0A;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ccv-sports__footer-link:hover{color:#E8003D}
.ccv-packages{background:#F5F5F5;padding:96px 56px}
.ccv-inner{max-width:1320px;margin:0 auto}
.ccv-section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:12px}
.ccv-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#0A0A0A;line-height:.95;margin-bottom:52px}
.ccv-section-title em{color:#E8003D;font-style:normal}
.ccv-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
@media(max-width:900px){.ccv-pkg-grid{grid-template-columns:1fr;gap:3px}}
.ccv-pkg{background:#fff;padding:40px 32px;position:relative;transition:transform .2s}
.ccv-pkg:hover{transform:translateY(-4px)}
.ccv-pkg--hero{background:#0A0A0A;transform:translateY(-8px)}
.ccv-pkg--hero:hover{transform:translateY(-12px)}
.ccv-pkg__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 16px;border-radius:20px;white-space:nowrap}
.ccv-pkg__icon{font-size:2rem;margin-bottom:16px}
.ccv-pkg__name{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px}
.ccv-pkg{color:#0A0A0A}
.ccv-pkg--hero .ccv-pkg__name{color:#fff}
.ccv-pkg__desc{font-family:'Barlow',sans-serif;font-size:13px;line-height:1.65;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E8E8E8}
.ccv-pkg--hero .ccv-pkg__desc{color:rgba(255,255,255,.5);border-bottom-color:rgba(255,255,255,.1)}
.ccv-pkg__list{list-style:none;padding:0;margin:0 0 28px}
.ccv-pkg__list li{font-family:'Barlow',sans-serif;font-size:13px;color:#444;padding:7px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid #F5F5F5}
.ccv-pkg__list li::before{content:'✓';color:#E8003D;font-weight:700;flex-shrink:0}
.ccv-pkg--hero .ccv-pkg__list li{color:rgba(255,255,255,.7);border-bottom-color:rgba(255,255,255,.06)}
.ccv-pkg__cta{display:block;width:100%;padding:14px;text-align:center;background:#E8003D;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ccv-pkg__cta:hover{background:#c0002e}
.ccv-pkg__cta--outline{background:transparent;border:1.5px solid #0A0A0A;color:#0A0A0A}
.ccv-pkg__cta--outline:hover{background:#0A0A0A;color:#fff}

/* Process */
.ccv-process{background:#0A0A0A;padding:96px 56px}
.ccv-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:56px;background:rgba(255,255,255,.05)}
@media(max-width:900px){.ccv-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ccv-process-grid{grid-template-columns:1fr}}
.ccv-pstep{background:#0A0A0A;padding:40px 28px;border:1px solid rgba(255,255,255,.05);position:relative}
.ccv-pstep::after{content:attr(data-n);position:absolute;top:16px;right:20px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;color:rgba(232,0,61,.07);line-height:1}
.ccv-pstep__icon{font-size:1.8rem;margin-bottom:16px}
.ccv-pstep__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ccv-pstep__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* Logos/clients */
.ccv-clients{background:#fff;padding:72px 56px;border-bottom:1px solid #F0F0F0}
.ccv-clients__inner{max-width:1320px;margin:0 auto}
.ccv-clients__label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#aaa;margin-bottom:32px;text-align:center}
.ccv-clients__names{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ccv-client-name{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ccc;padding:8px 18px;border:1px solid #E8E8E8;border-radius:2px;transition:all .2s}
.ccv-client-name:hover{color:#0A0A0A;border-color:#0A0A0A}

/* FAQ */
.ccv-faq{padding:96px 56px;background:#F5F5F5}
.ccv-faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:48px;background:#E8E8E8}
@media(max-width:768px){.ccv-faq__grid{grid-template-columns:1fr}}
.ccv-faq-item{background:#fff;padding:28px 32px}
.ccv-faq-q{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0A0A0A;margin-bottom:10px}
.ccv-faq-a{font-family:'Barlow',sans-serif;font-size:14px;color:#555;line-height:1.7}

/* Final CTA */
.ccv-cta{background:#E8003D;padding:104px 56px;text-align:center;position:relative;overflow:hidden}
.ccv-cta::before{content:'GET STARTED';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,14vw,13rem);color:rgba(255,255,255,.06);white-space:nowrap;pointer-events:none;letter-spacing:.06em}
.ccv-cta__inner{position:relative;z-index:2;max-width:700px;margin:0 auto}
.ccv-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);color:#fff;line-height:.92;text-transform:uppercase;letter-spacing:.03em;margin-bottom:20px}
.ccv-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.8);margin-bottom:40px;line-height:1.7}
.ccv-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ccv-btn-white{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:#fff;color:#E8003D;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ccv-btn-white:hover{background:#0A0A0A;color:#fff}
.ccv-btn-outline-white{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ccv-btn-outline-white:hover{border-color:#fff;background:rgba(255,255,255,.1)}

@media(max-width:768px){
  .ccv-packages,.ccv-process,.ccv-clients,.ccv-faq,.ccv-cta{padding-left:20px;padding-right:20px}
}

/* ════════════════════════════════════════
   FOOTBALL TEAMWEAR v2 — up.com.au energy
   Animated counters, mockup blocks,
   work portfolio, icon grid, immersive quote
   ════════════════════════════════════════ */

/* ── Hero ── */
.ftw2-hero{position:relative;min-height:100vh;background:#071a07;overflow:hidden;display:flex;align-items:center}
.ftw2-hero__pitch{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 60px);pointer-events:none}
.ftw2-hero__glow{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(74,222,128,.06) 0%,transparent 70%);pointer-events:none}
.ftw2-hero__inner{position:relative;z-index:2;padding:120px 56px 80px;max-width:1400px;margin:0 auto;width:100%}
.ftw2-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#4ade80;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.ftw2-eyebrow::before{content:'';display:block;width:28px;height:1.5px;background:#4ade80}
.ftw2-h1{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4.5rem,13vw,12rem);font-weight:400;line-height:.85;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:32px}
.ftw2-h1 em{display:block;-webkit-text-stroke:2px #4ade80;color:transparent;font-style:normal}
.ftw2-sub{font-family:'Barlow',sans-serif;font-size:1.1rem;color:rgba(255,255,255,.5);line-height:1.8;max-width:520px;margin-bottom:44px}
.ftw2-btns{display:flex;gap:14px;flex-wrap:wrap}
.ftw2-btn-p{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:#4ade80;color:#071a07;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw2-btn-p:hover{background:#22c55e;transform:translateY(-2px)}
.ftw2-btn-g{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.2);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw2-btn-g:hover{border-color:#4ade80;color:#4ade80}

/* ── Animated stat counters ── */
.ftw2-counters{background:#0a1f0a;border-top:1px solid rgba(74,222,128,.08);border-bottom:1px solid rgba(74,222,128,.08);padding:48px 56px}
.ftw2-counters__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(74,222,128,.06)}
@media(max-width:768px){.ftw2-counters__inner{grid-template-columns:repeat(2,1fr)}}
.ftw2-counter{background:#0a1f0a;padding:36px 28px;text-align:center;position:relative;overflow:hidden}
.ftw2-counter::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#4ade80;transition:width .4s}
.ftw2-counter:hover::before{width:100%}
.ftw2-counter__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3.5rem;color:#fff;letter-spacing:.04em;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:4px}
.ftw2-counter__n span{color:#4ade80;font-size:2rem}
.ftw2-counter__l{font-family:'Barlow',sans-serif;font-size:11px;color:rgba(255,255,255,.35);letter-spacing:.12em;text-transform:uppercase;margin-top:8px}

/* ── Marquee ticker ── */
.ftw2-ticker{background:#4ade80;overflow:hidden;padding:0}
.ftw2-ticker__track{display:flex;animation:ftw2-tick 20s linear infinite;white-space:nowrap}
@keyframes ftw2-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ftw2-ticker__item{flex-shrink:0;padding:12px 32px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1rem;letter-spacing:.1em;color:#071a07;display:flex;align-items:center;gap:20px}
.ftw2-ticker__item::after{content:'◆';opacity:.3;margin-left:20px}

/* ── Jersey mockup showcase ── */
.ftw2-mockups{background:#fff;padding:96px 56px}
.ftw2-mockups__inner{max-width:1400px;margin:0 auto}
.ftw2-section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#4ade80;margin-bottom:12px}
.ftw2-section-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#071a07;line-height:.95;margin-bottom:16px}
.ftw2-section-title em{color:#E8003D;font-style:normal}
.ftw2-section-sub{font-family:'Barlow',sans-serif;font-size:14px;color:#888;line-height:1.7;max-width:480px;margin-bottom:52px}
.ftw2-mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
@media(max-width:768px){.ftw2-mockup-grid{grid-template-columns:1fr}}
.ftw2-mockup-card{background:#F0F0F0;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px}
.ftw2-mockup-card:first-child{min-height:520px}
.ftw2-mockup-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ftw2-mockup-card:hover .ftw2-mockup-card__img{transform:scale(1.04)}
.ftw2-mockup-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,26,7,.9) 0%,rgba(7,26,7,.2) 50%,transparent 100%);z-index:1}
.ftw2-mockup-card__content{position:relative;z-index:2}
.ftw2-mockup-card__tag{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4ade80;margin-bottom:6px}
.ftw2-mockup-card__title{font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.ftw2-mockup-card__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:16px}
.ftw2-mockup-card__link{display:inline-flex;align-items:center;gap:6px;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4ade80;text-decoration:none;transition:gap .2s}
.ftw2-mockup-card:hover .ftw2-mockup-card__link{gap:12px}
/* placeholder mockup when no image */
.ftw2-mockup-placeholder{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,#1a2e1a 0%,#0f1f0f 100%);display:flex;align-items:center;justify-content:center;position:absolute;inset:0}
.ftw2-mockup-placeholder__text{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:4rem;color:rgba(74,222,128,.08);letter-spacing:.1em;text-align:center}

/* ── Previous work / portfolio ── */
.ftw2-work{background:#071a07;padding:96px 0 96px 56px;overflow:hidden}
.ftw2-work__header{max-width:1400px;margin:0 56px 48px 0}
.ftw2-work__scroll{display:flex;gap:3px;overflow-x:auto;padding-right:56px;cursor:grab;user-select:none;scrollbar-width:none}
.ftw2-work__scroll::-webkit-scrollbar{display:none}
.ftw2-work-card{flex-shrink:0;width:320px;background:#0d240d;position:relative;overflow:hidden}
.ftw2-work-card__img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:grayscale(20%);transition:filter .3s,transform .4s}
.ftw2-work-card:hover .ftw2-work-card__img{filter:grayscale(0%);transform:scale(1.03)}
.ftw2-work-card__placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,#0d240d 0%,#1a3a1a 100%);display:flex;align-items:center;justify-content:center}
.ftw2-work-card__placeholder-txt{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2.5rem;color:rgba(74,222,128,.08);letter-spacing:.1em}
.ftw2-work-card__info{padding:20px 24px;border-top:2px solid #4ade80}
.ftw2-work-card__club{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ftw2-work-card__meta{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.4);margin-top:2px}

/* ── Features icon grid ── */
.ftw2-features{background:#0a1f0a;padding:96px 56px}
.ftw2-features__inner{max-width:1400px;margin:0 auto}
.ftw2-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:52px}
@media(max-width:1000px){.ftw2-features__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ftw2-features__grid{grid-template-columns:1fr}}
.ftw2-feature{background:#071a07;padding:40px 32px;border:1px solid rgba(74,222,128,.06);transition:border-color .3s,transform .3s;opacity:0;transform:translateY(20px)}
.ftw2-feature.ftw2-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,border-color .3s,box-shadow .3s}
.ftw2-feature:hover{border-color:rgba(74,222,128,.3);transform:translateY(-4px)!important;box-shadow:0 12px 40px rgba(74,222,128,.06)}
.ftw2-feature__icon{width:52px;height:52px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem;transition:background .3s}
.ftw2-feature:hover .ftw2-feature__icon{background:rgba(74,222,128,.15)}
.ftw2-feature__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ftw2-feature__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* ── Immersive quote / social proof ── */
.ftw2-quote{background:#E8003D;padding:96px 56px;position:relative;overflow:hidden}
.ftw2-quote::before{content:'\201C';font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(12rem,30vw,28rem);color:rgba(255,255,255,.06);position:absolute;top:-8%;left:48px;line-height:1;pointer-events:none}
.ftw2-quote__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:3fr 2fr;gap:80px;align-items:center;position:relative;z-index:1}
@media(max-width:900px){.ftw2-quote__inner{grid-template-columns:1fr;gap:40px}}
.ftw2-quote__text{font-family:'Barlow',sans-serif;font-size:clamp(1.3rem,2.5vw,2rem);color:#fff;line-height:1.5;font-style:italic;font-weight:300;margin-bottom:28px}
.ftw2-quote__author{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.ftw2-quote__club{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.6);margin-top:2px}
.ftw2-quote__right{}
.ftw2-quote__stat-big{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,8vw,7rem);color:#fff;line-height:.9;letter-spacing:.02em;margin-bottom:4px}
.ftw2-quote__stat-label{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.15)}
.ftw2-quote__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:#fff;color:#E8003D;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw2-quote__btn:hover{background:#071a07;color:#4ade80}

/* ── Process ── */
.ftw2-process{background:#071a07;padding:96px 56px}
.ftw2-process__inner{max-width:1400px;margin:0 auto}
.ftw2-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:52px}
@media(max-width:900px){.ftw2-process__steps{grid-template-columns:repeat(2,1fr)}}
.ftw2-step{background:#0a1f0a;padding:40px 28px;border:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden}
.ftw2-step::after{content:attr(data-n);position:absolute;bottom:-12px;right:12px;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:6rem;color:rgba(74,222,128,.05);line-height:1;pointer-events:none}
.ftw2-step__icon{font-size:1.8rem;margin-bottom:16px}
.ftw2-step__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ftw2-step__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* ── Final CTA ── */
.ftw2-cta{background:#4ade80;padding:104px 56px;text-align:center;position:relative;overflow:hidden}
.ftw2-cta::before{content:'FOOTBALL';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(6rem,18vw,16rem);color:rgba(7,26,7,.06);white-space:nowrap;pointer-events:none;letter-spacing:.08em}
.ftw2-cta__inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.ftw2-cta__title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6rem);color:#071a07;line-height:.92;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}
.ftw2-cta__title em{-webkit-text-stroke:2px #071a07;color:transparent;font-style:normal}
.ftw2-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(7,26,7,.55);margin-bottom:40px;line-height:1.7}
.ftw2-btn-dark{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:#071a07;color:#4ade80;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s;border:2px solid #071a07}
.ftw2-btn-dark:hover{background:transparent;color:#071a07}
.ftw2-btn-outline-dark{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;background:transparent;color:#071a07;border:2px solid rgba(7,26,7,.3);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw2-btn-outline-dark:hover{border-color:#071a07;background:rgba(7,26,7,.08)}

@media(max-width:768px){
  .ftw2-hero__inner,.ftw2-counters,.ftw2-mockups,.ftw2-work,.ftw2-features,.ftw2-quote,.ftw2-process,.ftw2-cta{padding-left:20px;padding-right:20px}
  .ftw2-work{padding-left:20px}
}

/* ════════════════════════════════════════════════════
   FOOTBALL TEAMWEAR v3 — WORLD-CLASS EDITION
   Inspired by up.com.au bold visual language
   Diagonal colour blocks · Tilted jersey mockup
   Floating callout labels · SVG football art
   European football soul · Cruyff / Zidane quotes
   ════════════════════════════════════════════════════ */
:root{
  --pitch:#071a07;
  --acid:#c8ff00;
  --red:#E8003D;
  --chalk:rgba(255,255,255,.06);
}

/* ══ HERO ══ */
.ftw3{background:var(--pitch)}
.ftw3-hero{
  position:relative;min-height:100vh;background:var(--pitch);
  overflow:hidden;display:flex;align-items:center
}
/* diagonal acid slash */
.ftw3-hero__slash{
  position:absolute;top:-10%;right:-5%;
  width:55vw;height:130%;
  background:var(--acid);
  clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%);
  z-index:0;pointer-events:none
}
/* stadium floodlight rays */
.ftw3-hero__ray{
  position:absolute;top:0;right:0;width:100%;height:100%;
  background:radial-gradient(ellipse at 85% -10%,rgba(200,255,0,.08) 0%,transparent 55%);
  pointer-events:none;z-index:0
}
/* pitch lines watermark */
.ftw3-hero__pitch-lines{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px
}
.ftw3-hero__inner{
  position:relative;z-index:2;
  padding:100px 56px 80px;max-width:1400px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 480px;gap:0;align-items:center
}
@media(max-width:1100px){.ftw3-hero__inner{grid-template-columns:1fr;padding:90px 24px 60px}}

/* Left copy */
.ftw3-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(200,255,0,.1);border:1px solid rgba(200,255,0,.25);
  border-radius:20px;padding:6px 14px;
  font-family:'Barlow',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--acid);
  margin-bottom:24px
}
.ftw3-pill__dot{width:6px;height:6px;background:var(--acid);border-radius:50%;animation:ftw3-pulse 1.4s ease infinite}
@keyframes ftw3-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.ftw3-h1{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(4.5rem,11vw,10rem);
  font-weight:400;line-height:.86;letter-spacing:.01em;
  text-transform:uppercase;color:#fff;margin-bottom:28px
}
.ftw3-h1 strong{color:var(--acid)}
.ftw3-h1 em{-webkit-text-stroke:2px var(--acid);color:transparent;font-style:normal;display:block}
.ftw3-sub{
  font-family:'Barlow',sans-serif;font-size:1.05rem;
  color:rgba(255,255,255,.5);line-height:1.8;max-width:460px;margin-bottom:40px
}
.ftw3-btns{display:flex;gap:12px;flex-wrap:wrap}
.ftw3-btn-acid{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 32px;background:var(--acid);color:var(--pitch);
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border-radius:2px;transition:all .2s;border:2px solid var(--acid)
}
.ftw3-btn-acid:hover{background:transparent;color:var(--acid);transform:translateY(-2px)}
.ftw3-btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 32px;background:transparent;color:#fff;
  border:1.5px solid rgba(255,255,255,.2);
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border-radius:2px;transition:all .2s
}
.ftw3-btn-ghost:hover{border-color:var(--acid);color:var(--acid)}

/* Right: tilted jersey mockup */
.ftw3-jersey-wrap{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:580px
}
.ftw3-jersey-card{
  width:320px;background:#0d2a0d;
  border-radius:12px;overflow:hidden;
  box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(200,255,0,.1);
  transform:rotate(-10deg) perspective(800px) rotateY(4deg);
  transition:transform .4s ease;position:relative;z-index:2
}
.ftw3-jersey-card:hover{transform:rotate(-7deg) perspective(800px) rotateY(2deg) translateY(-8px)}
.ftw3-jersey-card__img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ftw3-jersey-card__placeholder{
  width:100%;aspect-ratio:3/4;background:linear-gradient(145deg,#0d2a0d 0%,#1a4a1a 60%,#0a1f0a 100%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px
}
/* SVG football in placeholder */
.ftw3-ball-svg{animation:ftw3-spin 12s linear infinite}
@keyframes ftw3-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ftw3-jersey-card__label{
  padding:20px 20px 24px;background:#0d2a0d;
  border-top:2px solid var(--acid)
}
.ftw3-jersey-card__name{
  font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#fff
}
.ftw3-jersey-card__tag{
  font-family:'Barlow',sans-serif;font-size:12px;color:var(--acid);margin-top:2px
}

/* Floating callout labels */
.ftw3-callout{
  position:absolute;z-index:3;
  display:flex;align-items:center;gap:8px
}
.ftw3-callout__dot{
  width:32px;height:32px;background:var(--acid);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-size:16px;font-weight:700;color:var(--pitch);
  box-shadow:0 0 0 6px rgba(200,255,0,.15);
  animation:ftw3-callanim 2s ease infinite
}
@keyframes ftw3-callanim{0%,100%{box-shadow:0 0 0 6px rgba(200,255,0,.15)}50%{box-shadow:0 0 0 12px rgba(200,255,0,.06)}}
.ftw3-callout__label{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap
}
.ftw3-callout--tl{top:60px;left:-40px}
.ftw3-callout--tr{top:80px;right:-20px}
.ftw3-callout--bl{bottom:100px;left:-60px}
.ftw3-callout--br{bottom:120px;right:-30px}

/* Floating animated football */
.ftw3-floatball{
  position:absolute;bottom:40px;right:20px;z-index:1;
  animation:ftw3-float 6s ease-in-out infinite
}
@keyframes ftw3-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}

/* ══ CRUYFF QUOTE STRIP ══ */
.ftw3-cruyff{
  background:var(--acid);padding:64px 56px;overflow:hidden;position:relative
}
.ftw3-cruyff__quote{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2rem,5vw,4.5rem);
  font-weight:400;letter-spacing:.04em;text-transform:uppercase;
  color:var(--pitch);line-height:.92;margin-bottom:20px
}
.ftw3-cruyff__attr{
  font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;
  color:rgba(7,26,7,.55);letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px
}
.ftw3-cruyff__attr::before{content:'—';color:rgba(7,26,7,.3)}
.ftw3-cruyff__ball{
  position:absolute;right:56px;top:50%;transform:translateY(-50%);
  opacity:.12
}

/* ══ ANIMATED COUNTERS ══ */
.ftw3-counts{
  background:var(--pitch);border-top:1px solid rgba(200,255,0,.08);
  padding:0
}
.ftw3-counts__inner{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  max-width:none
}
@media(max-width:768px){.ftw3-counts__inner{grid-template-columns:repeat(2,1fr)}}
.ftw3-count-cell{
  padding:52px 40px;border-right:1px solid rgba(200,255,0,.06);
  border-bottom:1px solid rgba(200,255,0,.06);
  text-align:center;position:relative;overflow:hidden;
  transition:background .3s
}
.ftw3-count-cell:hover{background:rgba(200,255,0,.04)}
.ftw3-count-cell:last-child{border-right:none}
.ftw3-count-n{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(3rem,5vw,5rem);color:#fff;letter-spacing:.04em;
  line-height:1;display:flex;align-items:baseline;justify-content:center;gap:4px
}
.ftw3-count-n em{color:var(--acid);font-style:normal;font-size:.55em}
.ftw3-count-l{
  font-family:'Barlow',sans-serif;font-size:11px;
  color:rgba(255,255,255,.3);letter-spacing:.12em;text-transform:uppercase;margin-top:10px
}

/* ══ TILTED MOCKUP HERO (kit showcase) ══ */
.ftw3-showcase{
  background:var(--acid);padding:96px 56px;position:relative;overflow:hidden
}
.ftw3-showcase__bg-text{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(8rem,20vw,18rem);color:rgba(7,26,7,.06);
  white-space:nowrap;pointer-events:none;letter-spacing:.06em
}
.ftw3-showcase__inner{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.ftw3-showcase__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;flex-wrap:wrap;gap:24px}
.ftw3-showcase__label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(7,26,7,.55);margin-bottom:10px}
.ftw3-showcase__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;
  letter-spacing:.03em;text-transform:uppercase;color:var(--pitch);line-height:.95
}
.ftw3-showcase__title em{color:var(--red);font-style:normal}
.ftw3-showcase__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}
@media(max-width:768px){.ftw3-showcase__grid{grid-template-columns:1fr}}
.ftw3-kit{
  position:relative;overflow:hidden;background:var(--pitch);
  min-height:380px;display:flex;align-items:flex-end;padding:28px;
  text-decoration:none
}
.ftw3-kit:first-child{min-height:520px;grid-row:span 2;grid-column:span 1}
.ftw3-kit__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:grayscale(10%)}
.ftw3-kit:hover .ftw3-kit__img{transform:scale(1.05);filter:grayscale(0%)}
.ftw3-kit__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,26,7,.92) 0%,rgba(7,26,7,.15) 60%,transparent 100%);z-index:1;transition:opacity .3s}
.ftw3-kit:hover .ftw3-kit__overlay{opacity:.7}
.ftw3-kit__ph{position:absolute;inset:0;background:linear-gradient(135deg,#0d2a0d 0%,#1a4a1a 100%);display:flex;align-items:center;justify-content:center}
.ftw3-kit__ph-txt{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2rem;color:rgba(200,255,0,.07);letter-spacing:.1em;text-align:center}
.ftw3-kit__content{position:relative;z-index:2}
.ftw3-kit__tag{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acid);margin-bottom:6px}
.ftw3-kit__name{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;line-height:1.1}
.ftw3-kit__arrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;transition:all .2s}
.ftw3-kit:hover .ftw3-kit__arrow{color:var(--acid);gap:12px}

/* ══ PREVIOUS WORK (portfolio scroll) ══ */
.ftw3-work{background:var(--pitch);padding:96px 0 96px 56px;overflow:hidden}
.ftw3-work__hdr{padding-right:56px;margin-bottom:44px}
.ftw3-work__scroll{
  display:flex;gap:3px;overflow-x:auto;padding-right:56px;
  cursor:grab;user-select:none;scrollbar-width:none
}
.ftw3-work__scroll::-webkit-scrollbar{display:none}
.ftw3-work-card{flex-shrink:0;width:300px;background:#0d200d;position:relative;overflow:hidden}
.ftw3-work-card__img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;filter:saturate(.7);transition:filter .4s,transform .4s}
.ftw3-work-card:hover .ftw3-work-card__img{filter:saturate(1);transform:scale(1.03)}
.ftw3-work-card__ph{width:100%;aspect-ratio:2/3;background:linear-gradient(145deg,#0d200d,#1a3a1a);display:flex;align-items:center;justify-content:center}
.ftw3-work-card__ph-txt{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.8rem;color:rgba(200,255,0,.07);letter-spacing:.1em;text-align:center;line-height:1.4}
.ftw3-work-card__info{padding:16px 20px;border-top:2px solid var(--acid)}
.ftw3-work-card__club{font-family:'Barlow Condensed',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ftw3-work-card__meta{font-family:'Barlow',sans-serif;font-size:11px;color:rgba(255,255,255,.35);margin-top:2px}

/* ══ SVG FEATURE ICONS grid ══ */
.ftw3-features{background:#0a1e0a;padding:96px 56px}
.ftw3-features__inner{max-width:1400px;margin:0 auto}
.ftw3-feat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
  margin-top:52px
}
@media(max-width:1000px){.ftw3-feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ftw3-feat-grid{grid-template-columns:1fr}}
.ftw3-feat{
  background:var(--pitch);padding:40px 32px;
  border:1px solid rgba(200,255,0,.05);
  transition:border-color .3s,transform .3s;
  opacity:0;transform:translateY(24px)
}
.ftw3-feat.ftw3-in{
  opacity:1;transform:translateY(0);
  transition:opacity .6s ease,transform .6s ease,border-color .3s
}
.ftw3-feat:hover{border-color:rgba(200,255,0,.25);transform:translateY(-4px)!important}
.ftw3-feat__icon{
  width:56px;height:56px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center
}
.ftw3-feat__icon svg{width:100%;height:100%}
.ftw3-feat__title{
  font-family:'Barlow Condensed',sans-serif;font-size:.95rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:8px
}
.ftw3-feat__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.4);line-height:1.7}

/* ══ ZIDANE QUOTE — immersive full-width ══ */
.ftw3-zidane{
  background:var(--red);padding:96px 56px;
  position:relative;overflow:hidden
}
.ftw3-zidane::before{
  content:'\201C';
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(16rem,40vw,36rem);
  color:rgba(255,255,255,.05);
  position:absolute;top:-12%;left:40px;
  line-height:1;pointer-events:none
}
.ftw3-zidane__inner{max-width:1400px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:3fr 2fr;gap:80px;align-items:center}
@media(max-width:900px){.ftw3-zidane__inner{grid-template-columns:1fr;gap:40px}}
.ftw3-zidane__text{
  font-family:'Barlow',sans-serif;
  font-size:clamp(1.4rem,2.8vw,2.2rem);
  color:#fff;line-height:1.5;font-style:italic;font-weight:300;margin-bottom:28px
}
.ftw3-zidane__author{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.ftw3-zidane__nation{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}
.ftw3-zidane__right{}
.ftw3-zidane__stat{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(4rem,8vw,7rem);color:#fff;line-height:.9;letter-spacing:.02em;margin-bottom:4px}
.ftw3-zidane__stat-l{font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.15)}
.ftw3-zidane__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:#fff;color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ftw3-zidane__btn:hover{background:var(--pitch);color:var(--acid)}

/* ══ PROCESS ══ */
.ftw3-process{background:var(--pitch);padding:96px 56px}
.ftw3-process__inner{max-width:1400px;margin:0 auto}
.ftw3-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:52px}
@media(max-width:900px){.ftw3-steps{grid-template-columns:repeat(2,1fr)}}
.ftw3-step{
  background:#0a1e0a;padding:40px 28px;position:relative;overflow:hidden;
  border:1px solid rgba(200,255,0,.04)
}
.ftw3-step__bg-n{
  position:absolute;bottom:-16px;right:10px;
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:6rem;color:rgba(200,255,0,.04);line-height:1;pointer-events:none
}
.ftw3-step__icon{font-size:1.8rem;margin-bottom:16px}
.ftw3-step__n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.4rem;color:var(--acid);letter-spacing:.04em;margin-bottom:10px}
.ftw3-step__title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ftw3-step__desc{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.4);line-height:1.7}

/* ══ FINAL CTA ══ */
.ftw3-cta{
  background:var(--acid);padding:104px 56px;text-align:center;
  position:relative;overflow:hidden
}
.ftw3-cta::before{
  content:'FOOTBALL';
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(6rem,18vw,16rem);
  color:rgba(7,26,7,.05);white-space:nowrap;pointer-events:none;letter-spacing:.08em
}
.ftw3-cta__inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.ftw3-cta__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(3rem,7vw,6.5rem);color:var(--pitch);
  line-height:.88;letter-spacing:.02em;text-transform:uppercase;margin-bottom:20px
}
.ftw3-cta__title em{-webkit-text-stroke:2px var(--pitch);color:transparent;font-style:normal}
.ftw3-cta__sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(7,26,7,.5);margin-bottom:40px;line-height:1.7}
.ftw3-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* shared label/title utilities for ftw3 */
.ftw3-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--acid);margin-bottom:12px}
.ftw3-title{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#fff;line-height:.95;margin-bottom:16px}
.ftw3-title em{color:var(--red);font-style:normal}
.ftw3-title--dark{color:var(--pitch)}

@media(max-width:768px){
  .ftw3-hero__slash{display:none}
  .ftw3-jersey-wrap{height:auto;margin-top:48px}
  .ftw3-cruyff,.ftw3-counts,.ftw3-showcase,.ftw3-work,.ftw3-features,.ftw3-zidane,.ftw3-process,.ftw3-cta{padding-left:20px;padding-right:20px}
  .ftw3-work{padding-left:20px}
  .ftw3-callout--tl,.ftw3-callout--bl{left:0}
}

/* ════════════════════════════════════════════════════════
   FOOTBALL LIVE DASHBOARD — 3-col grid, real SVG football
   ════════════════════════════════════════════════════════ */
.ftw3-live{
  background:#020d02;position:relative;
  overflow:hidden;
  padding:56px 24px 64px;
}
/* Starfield particles */
.ftw3-live__stars{position:absolute;inset:0;pointer-events:none}
/* The pitch globe */
/* ftw3-globe-wrap defined below with globe-scene */
.ftw3-football-svg{
  width:100%;height:auto;
  filter:drop-shadow(0 0 24px rgba(200,255,0,.15)) drop-shadow(0 8px 32px rgba(0,0,0,.6));
  animation:ftw3-ball-slow 18s linear infinite
}
@keyframes ftw3-ball-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ftw3-globe{display:none}/* replaced by SVG football */
/* Spinning ring around globe */
/* globe rings removed */
/* Glowing equator */
/* globe eq removed */
/* Dot on globe */
/* globe dot removed */
/* Connecting lines from globe to panels */
.ftw3-live__line{
  position:absolute;background:linear-gradient(to right,transparent,rgba(200,255,0,.2),transparent);
  height:1px;pointer-events:none;z-index:1
}

/* Floating stat panels */
.ftw3-panel{
  position:relative;
  background:rgba(10,30,10,.9);
  border:1px solid rgba(200,255,0,.2);
  border-radius:4px;padding:12px 16px;
  font-family:'Barlow',sans-serif;
  width:100%
}
@media(max-width:1100px){
  .ftw3-panel--p1,  .ftw3-panel--p3,.ftw3-panel--p4,.ftw3-panel--p5,}
.ftw3-panel__live{
  display:flex;align-items:center;gap:6px;
  font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--acid);margin-bottom:10px
}
.ftw3-panel__live-dot{
  width:5px;height:5px;background:var(--acid);border-radius:50%;
  animation:ftw3-pulse 1.2s ease infinite
}
.ftw3-panel__title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px}
.ftw3-panel__big{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:2rem;color:#fff;letter-spacing:.04em;line-height:1
}
.ftw3-panel__big em{color:var(--acid);font-style:normal}
.ftw3-panel__sub{font-size:11px;color:rgba(255,255,255,.35);margin-top:4px}
.ftw3-panel__list{margin-top:8px;border-top:1px solid rgba(200,255,0,.08);padding-top:8px}
.ftw3-panel__list-item{
  display:flex;justify-content:space-between;
  font-size:11px;color:rgba(255,255,255,.55);padding:3px 0;
  border-bottom:1px solid rgba(255,255,255,.04)
}
.ftw3-panel__list-item span{color:#fff;font-weight:600}
/* Mini chart bars */
.ftw3-minibars{display:flex;align-items:flex-end;gap:3px;height:32px;margin-top:10px}
.ftw3-minibar{background:rgba(200,255,0,.3);border-radius:1px;flex:1;transition:height .5s ease}
.ftw3-minibar.active{background:var(--acid)}
/* Scrolling feed */
.ftw3-panel__feed{overflow:hidden;height:80px;mask-image:linear-gradient(transparent,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,transparent)}
.ftw3-panel__feed-track{animation:ftw3-feedscroll 12s linear infinite}
@keyframes ftw3-feedscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.ftw3-panel__feed-item{font-size:11px;color:rgba(255,255,255,.5);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;gap:8px}
.ftw3-panel__feed-item span{color:var(--acid);flex-shrink:0}

/* Live section title overlay */
.ftw3-live__title-wrap{text-align:center;margin-bottom:28px;position:relative;z-index:2;width:100%;max-width:1320px;margin-left:auto;margin-right:auto;}
.ftw3-live__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#fff
}
.ftw3-live__title em{color:var(--acid);font-style:normal}
.ftw3-live__sub{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.35);margin-top:8px;letter-spacing:.06em;text-transform:uppercase}

/* Globe scene - 3-column grid */
.ftw3-globe-scene{
  width:100%;max-width:1320px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  gap:16px;
  position:relative;z-index:2
}
.ftw3-panels-left,.ftw3-panels-right{
  flex:1;display:flex;flex-direction:column;gap:8px
}
.ftw3-globe-wrap{
  flex-shrink:0;width:260px;
  display:flex;flex-direction:column;align-items:center;justify-content:center
}
@media(max-width:1100px){
  .ftw3-globe-scene{gap:10px}
  .ftw3-globe-wrap{width:220px}
}
@media(max-width:768px){
  .ftw3-globe-scene{flex-direction:column;align-items:center}
  .ftw3-globe-wrap{width:200px}
  .ftw3-panels-left,.ftw3-panels-right{width:100%}
}

/* ════════════════════════════════════════════════════════
   BOLD FUNKY CLUB LOGOS WALL — not basic, editorial chaos
   ════════════════════════════════════════════════════════ */
.ftw3-clubs-wall{
  background:var(--pitch);padding:96px 0;overflow:hidden;
  position:relative
}
.ftw3-clubs-wall::before{
  content:'CLUBS';
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(8rem,20vw,18rem);
  color:rgba(200,255,0,.02);white-space:nowrap;pointer-events:none;letter-spacing:.12em
}
.ftw3-clubs-wall__header{
  text-align:center;margin-bottom:56px;padding:0 40px;position:relative;z-index:2
}
/* Row 1 — scrolls left */
.ftw3-clubs-row{overflow:hidden;padding:8px 0;position:relative;z-index:2}
.ftw3-clubs-track{display:flex;gap:12px;white-space:nowrap}
.ftw3-clubs-track--l{animation:ftw3-clubs-l 30s linear infinite}
.ftw3-clubs-track--r{animation:ftw3-clubs-r 25s linear infinite}
.ftw3-clubs-track--l2{animation:ftw3-clubs-l 40s linear infinite}
@keyframes ftw3-clubs-l{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ftw3-clubs-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* Club name chips — mix of styles */
.ftw3-club-chip{
  flex-shrink:0;display:inline-flex;align-items:center;
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  letter-spacing:.06em;text-transform:uppercase;cursor:default;
  transition:all .2s;white-space:nowrap
}
/* Style variants — applied by nth-child patterns */
.ftw3-club-chip--solid{
  background:var(--acid);color:var(--pitch);
  padding:10px 20px;font-size:1rem;font-weight:400
}
.ftw3-club-chip--outline{
  border:1.5px solid rgba(200,255,0,.3);color:rgba(255,255,255,.6);
  padding:10px 20px;font-size:1rem
}
.ftw3-club-chip--big{
  color:rgba(255,255,255,.85);
  padding:6px 24px;font-size:1.6rem;border-left:3px solid var(--acid)
}
.ftw3-club-chip--red{
  background:var(--red);color:#fff;
  padding:10px 20px;font-size:.95rem
}
.ftw3-club-chip--ghost{
  color:rgba(200,255,0,.25);
  padding:6px 16px;font-size:2rem
}
.ftw3-club-chip--box{
  border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);
  padding:8px 18px;font-size:.9rem
}
.ftw3-club-chip:hover.ftw3-club-chip--outline{border-color:var(--acid);color:var(--acid)}
.ftw3-club-chip:hover.ftw3-club-chip--box{border-color:rgba(200,255,0,.4);color:rgba(200,255,0,.7)}
.ftw3-club-chip:hover.ftw3-club-chip--ghost{color:rgba(200,255,0,.6)}
/* separator dot */
.ftw3-club-sep{
  flex-shrink:0;width:6px;height:6px;background:rgba(200,255,0,.2);
  border-radius:50%;margin:auto 4px
}

/* ── Line art football players (single-line style) ── */
.ftw3-lineart{
  position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden
}
.ftw3-lineart__player{position:absolute;opacity:1}
.ftw3-lineart__player:nth-child(1){bottom:0;left:0}
.ftw3-lineart__player:nth-child(2){bottom:0;right:0;transform:scaleX(-1)}

/* ── Football sketch image ring ── */
@keyframes ftw3-ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ── Properly drawn footballer line art ── */
.ftw3-lineart__player svg path, .ftw3-lineart__player svg circle {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: ftw3-draw 2.5s ease forwards;
}
.ftw3-lineart__player:nth-child(1) svg path { animation-delay: 0.4s; }
.ftw3-lineart__player:nth-child(2) svg path { animation-delay: 0.8s; }
@keyframes ftw3-draw {
  to { stroke-dashoffset: 0; }
}

/* ════════════════════════════════════════════════════════
   ABOUT US PAGE — ZAS9P
   Bold hero → clean editorial sections
   ════════════════════════════════════════════════════════ */

/* Hero */
.zau-hero{
  position:relative;min-height:92vh;background:#050d05;
  display:flex;align-items:center;overflow:hidden
}
.zau-hero__slash{
  position:absolute;top:0;right:0;width:48%;height:100%;
  background:#0a1f0a;clip-path:polygon(12% 0%,100% 0%,100% 100%,0% 100%);
  z-index:0
}
.zau-hero__grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(200,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.03) 1px,transparent 1px);
  background-size:56px 56px;pointer-events:none
}
.zau-hero__accent{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(to right,#E8003D,transparent 60%)
}
.zau-hero__inner{
  position:relative;z-index:2;padding:120px 56px 100px;
  max-width:1400px;margin:0 auto;width:100%
}
.zau-hero__eyebrow{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:20px;
  display:flex;align-items:center;gap:10px
}
.zau-hero__eyebrow::before{content:'';width:32px;height:1px;background:#E8003D}
.zau-hero__h1{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(4rem,9vw,9rem);font-weight:400;
  line-height:.88;letter-spacing:.02em;text-transform:uppercase;
  color:#fff;margin-bottom:32px;max-width:800px
}
.zau-hero__h1 em{color:#E8003D;font-style:normal;-webkit-text-stroke:0}
.zau-hero__h1 strong{-webkit-text-stroke:2px #fff;color:transparent;font-weight:400}
.zau-hero__sub{
  font-family:'Barlow',sans-serif;font-size:1.1rem;color:rgba(255,255,255,.5);
  line-height:1.8;max-width:540px;margin-bottom:48px
}
.zau-hero__since{
  display:inline-flex;align-items:center;gap:12px;
  border:1px solid rgba(200,255,0,.2);border-radius:2px;padding:12px 24px;
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)
}
.zau-hero__since span{color:#E8003D;font-size:1.4rem}

/* Stats bar */
.zau-stats{
  background:#E8003D;padding:0;overflow:hidden
}
.zau-stats__inner{
  display:grid;grid-template-columns:repeat(4,1fr);max-width:none
}
@media(max-width:768px){.zau-stats__inner{grid-template-columns:repeat(2,1fr)}}
.zau-stat{
  padding:40px 32px;border-right:1px solid rgba(7,26,7,.12);
  text-align:center;border-bottom:1px solid rgba(7,26,7,.08)
}
.zau-stat:last-child{border-right:none}
.zau-stat__n{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.5rem,4vw,4rem);color:#0A0A0A;letter-spacing:.04em;line-height:1;
  display:flex;align-items:baseline;justify-content:center;gap:3px
}
.zau-stat__n em{font-style:normal;font-size:.55em;color:rgba(7,26,7,.6)}
.zau-stat__l{
  font-family:'Barlow',sans-serif;font-size:11px;color:rgba(7,26,7,.55);
  letter-spacing:.1em;text-transform:uppercase;margin-top:6px
}

/* Origin story — clean split */
.zau-origin{background:#fff;padding:112px 56px}
.zau-origin__inner{
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center
}
@media(max-width:900px){.zau-origin__inner{grid-template-columns:1fr;gap:48px}}
.zau-origin__label{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.28em;text-transform:uppercase;color:#E8003D;margin-bottom:16px
}
.zau-origin__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.2rem,4vw,4rem);font-weight:400;
  letter-spacing:.03em;text-transform:uppercase;color:#0a0a0a;
  line-height:.92;margin-bottom:28px
}
.zau-origin__title em{color:#E8003D;font-style:normal}
.zau-origin__body{
  font-family:'Barlow',sans-serif;font-size:1rem;color:#444;
  line-height:1.85;margin-bottom:24px
}
.zau-origin__body strong{color:#0a0a0a;font-weight:600}
.zau-origin__img{
  width:100%;aspect-ratio:4/5;object-fit:cover;display:block;
  border-radius:2px
}
.zau-origin__img-ph{
  width:100%;aspect-ratio:4/5;background:#f0f0f0;
  display:flex;align-items:center;justify-content:center;
  border-radius:2px;flex-direction:column;gap:12px
}
.zau-origin__img-ph span{
  font-family:'Barlow Condensed',sans-serif;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:#bbb
}
.zau-origin__tag{
  display:inline-flex;align-items:center;gap:8px;
  background:#0a0a0a;color:#E8003D;
  padding:10px 20px;font-family:'Barlow Condensed',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;border-radius:2px;margin-top:8px
}

/* Mission — dark, 3 pillars */
.zau-mission{background:#0a0a0a;padding:96px 56px}
.zau-mission__inner{max-width:1320px;margin:0 auto}
.zau-mission__header{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:end;margin-bottom:64px
}
@media(max-width:900px){.zau-mission__header{grid-template-columns:1fr;gap:24px}}
.zau-mission__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.5rem,5vw,5rem);font-weight:400;
  letter-spacing:.03em;text-transform:uppercase;color:#fff;line-height:.9
}
.zau-mission__title em{color:#E8003D;font-style:normal}
.zau-mission__intro{
  font-family:'Barlow',sans-serif;font-size:1rem;
  color:rgba(255,255,255,.45);line-height:1.8
}
.zau-mission__pillars{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2px
}
@media(max-width:768px){.zau-mission__pillars{grid-template-columns:1fr}}
.zau-pillar{
  background:#111;padding:40px 32px;
  border-bottom:3px solid transparent;
  transition:border-color .3s,background .3s
}
.zau-pillar:hover{background:#161616;border-color:#E8003D}
.zau-pillar__icon{
  width:44px;height:44px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center
}
.zau-pillar__icon svg{width:100%;height:100%}
.zau-pillar__title{
  font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:10px
}
.zau-pillar__body{
  font-family:'Barlow',sans-serif;font-size:13px;
  color:rgba(255,255,255,.4);line-height:1.75
}

/* Gallery — behind the scenes */
.zau-gallery{background:#f7f7f7;padding:96px 56px}
.zau-gallery__inner{max-width:1320px;margin:0 auto}
.zau-gallery__header{margin-bottom:48px}
.zau-gallery__grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:3px
}
@media(max-width:900px){.zau-gallery__grid{grid-template-columns:1fr 1fr}}
.zau-gal-cell{overflow:hidden;position:relative;background:#e8e8e8}
.zau-gal-cell:first-child{grid-row:span 2}
.zau-gal-cell img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease
}
.zau-gal-cell:hover img{transform:scale(1.04)}
.zau-gal-cell__ph{
  width:100%;background:#e8e8e8;
  display:flex;align-items:center;justify-content:center;
  padding:48px 0;flex-direction:column;gap:8px
}
.zau-gal-cell:first-child .zau-gal-cell__ph{padding:80px 0}
.zau-gal-cell__ph span{
  font-family:'Barlow Condensed',sans-serif;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:#bbb
}
.zau-gal-caption{
  position:absolute;bottom:0;left:0;right:0;
  padding:16px 20px;
  background:linear-gradient(transparent,rgba(0,0,0,.65));
  font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#fff;
  opacity:0;transition:opacity .3s
}
.zau-gal-cell:hover .zau-gal-caption{opacity:1}

/* Founder quote */
.zau-quote{
  background:#E8003D;padding:80px 56px;
  position:relative;overflow:hidden
}
.zau-quote::before{
  content:'"';
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(14rem,30vw,28rem);
  color:rgba(255,255,255,.06);
  position:absolute;top:-8%;left:24px;
  line-height:1;pointer-events:none
}
.zau-quote__inner{
  max-width:1000px;margin:0 auto;
  position:relative;z-index:1;text-align:center
}
.zau-quote__text{
  font-family:'Barlow',sans-serif;
  font-size:clamp(1.3rem,2.6vw,2rem);
  color:#fff;line-height:1.55;font-style:italic;font-weight:300;
  margin-bottom:24px
}
.zau-quote__author{
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)
}
.zau-quote__role{
  font-family:'Barlow',sans-serif;font-size:12px;
  color:rgba(255,255,255,.5);margin-top:4px
}

/* Final CTA */
.zau-cta{
  background:#E8003D;padding:96px 56px;text-align:center;
  position:relative;overflow:hidden
}
.zau-cta::before{
  content:'ZEALOTS';position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(6rem,16vw,15rem);
  color:rgba(7,26,7,.05);white-space:nowrap;pointer-events:none;letter-spacing:.1em
}
.zau-cta__inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.zau-cta__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.5rem,6vw,5.5rem);color:#0A0A0A;
  line-height:.9;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px
}
.zau-cta__title em{-webkit-text-stroke:2px #0A0A0A;color:transparent;font-style:normal}
.zau-cta__sub{
  font-family:'Barlow',sans-serif;font-size:1rem;
  color:rgba(7,26,7,.5);margin-bottom:36px;line-height:1.7
}
.zau-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.zau-cta__btn-dark{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;background:#0A0A0A;color:#E8003D;
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border-radius:2px;border:2px solid #0A0A0A;transition:all .2s
}
.zau-cta__btn-dark:hover{background:transparent;color:#0A0A0A}
.zau-cta__btn-out{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;background:transparent;color:#0A0A0A;
  border:2px solid rgba(7,26,7,.25);
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  border-radius:2px;transition:all .2s
}
.zau-cta__btn-out:hover{border-color:#0A0A0A}

@media(max-width:768px){
  .zau-hero__inner,.zau-origin,.zau-mission,.zau-gallery,.zau-quote,.zau-cta{padding-left:20px;padding-right:20px}
  .zau-hero__h1{font-size:clamp(3rem,12vw,5rem)}
}

/* ═══════════════════════════════════════════════════
   FAQ PAGE — ZAS77
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.zfaq-hero{position:relative;background:var(--black);padding:clamp(72px,10vw,120px) 0 clamp(56px,7vw,100px);overflow:hidden}
.zfaq-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.18) 0%,transparent 60%);pointer-events:none}
.zfaq-hero::after{content:'FAQ';position:absolute;right:-20px;bottom:-40px;font-family:var(--dsp);font-size:clamp(180px,30vw,320px);font-weight:400;line-height:1;color:rgba(255,255,255,.03);pointer-events:none;white-space:nowrap;letter-spacing:.02em}
.zfaq-hero__overlay{position:absolute;inset:0;background:rgba(10,10,10,.55);pointer-events:none}
.zfaq-hero__inner{position:relative;z-index:1;max-width:800px}
.zfaq-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.zfaq-hero__h1{font-family:var(--dsp);font-size:clamp(4rem,12vw,9rem);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.02em;color:var(--white);margin-bottom:24px}
.zfaq-hero__h1 em{font-style:normal;color:var(--red);display:block}
.zfaq-hero__sub{font-size:clamp(14px,1.8vw,17px);color:rgba(255,255,255,.65);max-width:560px;line-height:1.7;font-family:var(--bd);margin-bottom:36px}

/* ── Search ── */
.zfaq-search{position:relative;max-width:520px;display:flex;align-items:center}
.zfaq-search svg{position:absolute;left:18px;width:18px;height:18px;stroke:rgba(255,255,255,.4);pointer-events:none;flex-shrink:0}
.zfaq-search input{width:100%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.14);border-radius:2px;padding:16px 48px 16px 50px;font-family:var(--hd);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--white);transition:border-color var(--ease),background var(--ease);outline:none}
.zfaq-search input::placeholder{color:rgba(255,255,255,.35)}
.zfaq-search input:focus{border-color:var(--red);background:rgba(255,255,255,.12)}
.zfaq-search__clear{position:absolute;right:14px;background:none;border:none;color:rgba(255,255,255,.4);font-size:16px;padding:4px;cursor:pointer;transition:color var(--ease);line-height:1}
.zfaq-search__clear:hover{color:var(--white)}

/* ── Category Tabs ── */
.zfaq-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px}
.zfaq-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:var(--off);border:2px solid var(--g2);border-radius:2px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g7);cursor:pointer;transition:all var(--ease);white-space:nowrap}
.zfaq-tab:hover{border-color:var(--black);color:var(--black)}
.zfaq-tab.active{background:var(--black);border-color:var(--black);color:var(--white)}
.zfaq-tab__icon{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none}
.zfaq-tab__count{min-width:20px;height:20px;border-radius:10px;background:rgba(0,0,0,.12);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:0;padding:0 5px}
.zfaq-tab.active .zfaq-tab__count{background:rgba(255,255,255,.2)}
@media(max-width:600px){.zfaq-tabs{gap:6px}.zfaq-tab{padding:9px 13px;font-size:11px}}

/* ── Accordion List ── */
.zfaq-list{border-top:2px solid var(--black)}

.zfaq-item{border-bottom:1px solid var(--g2);transition:border-color var(--ease)}
.zfaq-item.open{border-bottom-color:var(--black)}

.zfaq-item__trigger{width:100%;display:flex;align-items:center;gap:16px;padding:22px 0;background:none;border:none;text-align:left;cursor:pointer;transition:color var(--ease)}
.zfaq-item__trigger:hover .zfaq-item__q{color:var(--red)}

.zfaq-item__num{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--g3);flex-shrink:0;transition:color var(--ease);min-width:28px}
.zfaq-item.open .zfaq-item__num{color:var(--red)}

.zfaq-item__q{flex:1;font-family:var(--hd);font-size:clamp(15px,2vw,18px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--black);line-height:1.3;transition:color var(--ease)}

.zfaq-item__icon{flex-shrink:0;width:28px;height:28px;border:2px solid var(--g2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--ease)}
.zfaq-item__icon svg{width:12px;height:12px;stroke:var(--g5);transition:all var(--ease)}
.zfaq-item.open .zfaq-item__icon{background:var(--red);border-color:var(--red)}
.zfaq-item.open .zfaq-item__icon svg{stroke:var(--white);transform:rotate(45deg)}

.zfaq-item__body{overflow:hidden}
.zfaq-item__ans{padding:0 0 24px 44px;font-size:15px;line-height:1.8;color:var(--g7)}
.zfaq-item__ans p{margin-bottom:12px}
.zfaq-item__ans p:last-child{margin-bottom:0}
.zfaq-item__ans a{color:var(--red);text-decoration:underline}
.zfaq-item__ans ul{list-style:disc;padding-left:20px;margin-bottom:12px}
.zfaq-item__ans li{margin-bottom:6px}
.zfaq-item__ans strong{color:var(--black);font-weight:600}
@media(max-width:600px){.zfaq-item__ans{padding-left:0}.zfaq-item__num{display:none}}

/* ── No Results ── */
.zfaq-no-results{text-align:center;padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:16px}
.zfaq-no-results svg{opacity:.4}
.zfaq-no-results p{font-family:var(--hd);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g5)}

/* ── CTA ── */
.zfaq-cta{background:var(--black);padding:clamp(64px,8vw,100px) 0;text-align:center;position:relative;overflow:hidden}
.zfaq-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.15) 0%,transparent 70%);pointer-events:none}
.zfaq-cta__inner{position:relative;z-index:1}
.zfaq-cta__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.zfaq-cta__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,6rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:.02em;margin-bottom:20px}
.zfaq-cta__title em{font-style:normal;color:var(--red)}
.zfaq-cta__sub{font-size:16px;color:rgba(255,255,255,.6);max-width:480px;margin:0 auto 36px;line-height:1.7}
.zfaq-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   LEGAL PAGES (Returns · Terms · Privacy) — ZAS77A+
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.zlegal-hero{position:relative;background:var(--black);padding:clamp(64px,9vw,110px) 0 clamp(48px,6vw,88px);overflow:hidden}
.zlegal-hero::after{content:attr(data-word);position:absolute;right:-10px;bottom:-30px;font-family:var(--dsp);font-size:clamp(120px,22vw,260px);font-weight:400;line-height:1;color:rgba(255,255,255,.03);pointer-events:none;white-space:nowrap;letter-spacing:.02em}
.zlegal-hero__inner{position:relative;z-index:1}
.zlegal-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zlegal-hero__h1{font-family:var(--dsp);font-size:clamp(3.2rem,10vw,7.5rem);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.02em;color:var(--white);margin-bottom:20px}
.zlegal-hero__h1 em{font-style:normal;color:var(--red)}
.zlegal-hero__meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.zlegal-hero__updated{font-family:var(--hd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.zlegal-hero__updated span{color:rgba(255,255,255,.7)}
.zlegal-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.zlegal-hero__badge svg{width:10px;height:10px;stroke:currentColor;fill:none}

/* ── Layout ── */
.zlegal-body{padding:clamp(48px,6vw,88px) 0}
.zlegal-layout{display:grid;grid-template-columns:240px 1fr;gap:clamp(32px,5vw,72px);align-items:start}
@media(max-width:900px){.zlegal-layout{grid-template-columns:1fr}}

/* ── Sticky Nav Sidebar ── */
.zlegal-nav{position:sticky;top:96px}
.zlegal-nav__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--black)}
.zlegal-nav__list{display:flex;flex-direction:column;gap:2px}
.zlegal-nav__link{display:flex;align-items:center;gap:8px;padding:9px 10px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g7);border-left:2px solid transparent;transition:all var(--ease);text-decoration:none;border-radius:0 2px 2px 0}
.zlegal-nav__link:hover{color:var(--black);border-left-color:var(--g3);background:var(--off)}
.zlegal-nav__link.active{color:var(--red);border-left-color:var(--red);background:rgba(232,0,61,.04)}
.zlegal-nav__link svg{width:12px;height:12px;stroke:currentColor;fill:none;flex-shrink:0;opacity:.5}
@media(max-width:900px){.zlegal-nav{display:none}}

/* ── Content ── */
.zlegal-content{min-width:0}
.zlegal-section{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--g2)}
.zlegal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.zlegal-section__tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.zlegal-section__tag::before{content:'';width:20px;height:2px;background:var(--red);display:block}
.zlegal-h2{font-family:var(--dsp);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--black);line-height:1;margin-bottom:20px}
.zlegal-h3{font-family:var(--hd);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin:24px 0 10px}
.zlegal-p{font-size:15px;line-height:1.8;color:var(--g7);margin-bottom:14px}
.zlegal-p:last-child{margin-bottom:0}
.zlegal-p a{color:var(--red);text-decoration:underline}
.zlegal-p strong{color:var(--black);font-weight:600}
.zlegal-list{margin:12px 0 14px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.zlegal-list li{display:flex;gap:10px;font-size:15px;line-height:1.7;color:var(--g7)}
.zlegal-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:8px}
.zlegal-list li strong{color:var(--black);font-weight:600}

/* ── Highlight Box ── */
.zlegal-box{background:var(--off);border-left:3px solid var(--red);border-radius:0 2px 2px 0;padding:20px 24px;margin:20px 0}
.zlegal-box__title{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.zlegal-box p{font-size:14px;line-height:1.7;color:var(--g7);margin:0}
.zlegal-box p+p{margin-top:8px}

/* ── Step/Process Cards ── */
.zlegal-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}
.zlegal-step{background:var(--off);border:1px solid var(--g2);border-radius:2px;padding:20px;position:relative}
.zlegal-step__num{font-family:var(--dsp);font-size:2.5rem;font-weight:400;color:var(--g2);line-height:1;margin-bottom:8px}
.zlegal-step__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);margin-bottom:6px}
.zlegal-step p{font-size:13px;line-height:1.6;color:var(--g5);margin:0}

/* ── Table ── */
.zlegal-table-wrap{overflow-x:auto;margin:16px 0}
.zlegal-table{width:100%;border-collapse:collapse;font-size:14px}
.zlegal-table th{background:var(--black);color:var(--white);font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;text-align:left}
.zlegal-table td{padding:12px 16px;border-bottom:1px solid var(--g2);color:var(--g7);line-height:1.5;vertical-align:top}
.zlegal-table tr:last-child td{border-bottom:none}
.zlegal-table tr:nth-child(even) td{background:var(--off)}

/* ── CTA Strip ── */
.zlegal-cta{background:var(--black);padding:clamp(48px,6vw,80px) 0;text-align:center;position:relative;overflow:hidden}
.zlegal-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.12) 0%,transparent 65%);pointer-events:none}
.zlegal-cta__inner{position:relative;z-index:1}
.zlegal-cta__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zlegal-cta__title{font-family:var(--dsp);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:.02em;margin-bottom:18px}
.zlegal-cta__title em{font-style:normal;color:var(--red)}
.zlegal-cta__sub{font-size:15px;color:rgba(255,255,255,.55);max-width:440px;margin:0 auto 32px;line-height:1.7}
.zlegal-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* richtext block inside legal pages */
.zlegal-richtext p{font-size:15px;line-height:1.8;color:var(--g7);margin-bottom:14px}
.zlegal-richtext p:last-child{margin-bottom:0}
.zlegal-richtext a{color:var(--red);text-decoration:underline}
.zlegal-richtext strong{color:var(--black);font-weight:600}
.zlegal-richtext ul,.zlegal-richtext ol{padding-left:20px;margin-bottom:14px}
.zlegal-richtext li{font-size:15px;line-height:1.7;color:var(--g7);margin-bottom:6px}
.zlegal-box div p{font-size:14px;line-height:1.7;color:var(--g7);margin:0}
.zlegal-box div p+p{margin-top:8px}
.zlegal-box div a{color:var(--red);text-decoration:underline}

/* ═══════════════════════════════════════════════════
   SHIPPING PAGE — ZAS77A+
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.zship-hero{position:relative;background:var(--black);padding:clamp(64px,9vw,110px) 0 clamp(48px,6vw,88px);overflow:hidden}
.zship-hero::after{content:attr(data-word);position:absolute;right:-10px;bottom:-30px;font-family:var(--dsp);font-size:clamp(120px,22vw,260px);font-weight:400;line-height:1;color:rgba(255,255,255,.03);pointer-events:none;white-space:nowrap;letter-spacing:.02em}
.zship-hero__inner{position:relative;z-index:1}
.zship-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zship-hero__h1{font-family:var(--dsp);font-size:clamp(3.2rem,10vw,7.5rem);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.02em;color:var(--white);margin-bottom:20px}
.zship-hero__h1 em{font-style:normal;color:var(--red)}
.zship-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(255,255,255,.55);max-width:540px;line-height:1.7;margin-bottom:32px}
.zship-hero__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.zship-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.zship-hero__badge svg{width:12px;height:12px;stroke:currentColor;fill:none}
.zship-hero__badge--red{border-color:var(--red);color:var(--white);background:rgba(232,0,61,.15)}

/* ── Feature Cards ── */
.zship-features{background:var(--off);border-top:3px solid var(--black);border-bottom:1px solid var(--g2)}
.zship-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
@media(max-width:900px){.zship-features__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.zship-features__grid{grid-template-columns:1fr}}
.zship-feat{padding:clamp(24px,3vw,36px) clamp(20px,2.5vw,32px);border-right:1px solid var(--g2);position:relative;transition:background var(--ease)}
.zship-feat:last-child{border-right:none}
.zship-feat:hover{background:var(--white)}
@media(max-width:900px){.zship-feat:nth-child(2){border-right:none}.zship-feat:nth-child(3){border-top:1px solid var(--g2)}.zship-feat:nth-child(4){border-right:none;border-top:1px solid var(--g2)}}
.zship-feat__num{font-family:var(--dsp);font-size:2.2rem;font-weight:400;color:var(--g2);line-height:1;margin-bottom:10px;transition:color var(--ease)}
.zship-feat:hover .zship-feat__num{color:var(--red)}
.zship-feat__icon{width:32px;height:32px;margin-bottom:14px;stroke:var(--red);fill:none}
.zship-feat__title{font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin-bottom:8px}
.zship-feat__body{font-size:13px;line-height:1.6;color:var(--g5);margin-bottom:14px}
.zship-feat__pills{display:flex;flex-direction:column;gap:5px}
.zship-feat__pill{font-family:var(--hd);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g7);display:flex;align-items:center;gap:6px}
.zship-feat__pill::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}

/* ── Main Body ── */
.zship-body{padding:clamp(48px,6vw,88px) 0}
.zship-layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(32px,5vw,72px);align-items:start}
@media(max-width:900px){.zship-layout{grid-template-columns:1fr}}

/* ── Sidebar ── */
.zship-nav{position:sticky;top:96px}
.zship-nav__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--black)}
.zship-nav__list{display:flex;flex-direction:column;gap:2px}
.zship-nav__link{display:flex;align-items:center;gap:8px;padding:9px 10px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g7);border-left:2px solid transparent;transition:all var(--ease);text-decoration:none;border-radius:0 2px 2px 0}
.zship-nav__link:hover{color:var(--black);border-left-color:var(--g3);background:var(--off)}
.zship-nav__link.active{color:var(--red);border-left-color:var(--red);background:rgba(232,0,61,.04)}
.zship-nav__link svg{width:12px;height:12px;stroke:currentColor;fill:none;flex-shrink:0;opacity:.5}
@media(max-width:900px){.zship-nav{display:none}}

/* ── Content ── */
.zship-content{min-width:0}
.zship-section{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--g2)}
.zship-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.zship-section__tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.zship-section__tag::before{content:'';width:20px;height:2px;background:var(--red);display:block}
.zship-h2{font-family:var(--dsp);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--black);line-height:1;margin-bottom:20px}
.zship-p{font-size:15px;line-height:1.8;color:var(--g7);margin-bottom:14px}
.zship-p:last-child{margin-bottom:0}
.zship-p a{color:var(--red);text-decoration:underline}
.zship-p strong{color:var(--black);font-weight:600}

/* ── Free Shipping Banner ── */
.zship-free-banner{background:var(--black);border-radius:2px;padding:18px 24px;margin-bottom:20px;display:flex;align-items:center;gap:14px}
.zship-free-banner svg{width:22px;height:22px;stroke:var(--red);fill:none;flex-shrink:0}
.zship-free-banner__text{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.zship-free-banner__text span{color:var(--red)}

/* ── Rate Cards ── */
.zship-rates{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.zship-rate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 20px;background:var(--off);border:1px solid var(--g2);border-radius:2px;transition:border-color var(--ease)}
.zship-rate:hover{border-color:var(--black)}
.zship-rate__left{display:flex;align-items:center;gap:12px}
.zship-rate__icon{width:18px;height:18px;stroke:var(--red);fill:none;flex-shrink:0}
.zship-rate__name{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--black)}
.zship-rate__eta{font-family:var(--bd);font-size:12px;color:var(--g5);margin-top:2px}
.zship-rate__price{font-family:var(--dsp);font-size:1.6rem;font-weight:400;color:var(--black);letter-spacing:.02em;white-space:nowrap}
.zship-rate__price--free{color:var(--red)}

/* ── Timeframe Table ── */
.zship-table-wrap{overflow-x:auto;margin:16px 0}
.zship-table{width:100%;border-collapse:collapse;font-size:14px}
.zship-table th{background:var(--black);color:var(--white);font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;text-align:left}
.zship-table td{padding:12px 16px;border-bottom:1px solid var(--g2);color:var(--g7);line-height:1.5}
.zship-table tr:last-child td{border-bottom:none}
.zship-table tr:nth-child(even) td{background:var(--off)}
.zship-table .tag-fast{display:inline-block;padding:2px 8px;background:rgba(232,0,61,.1);color:var(--red);font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:2px}

/* ── Callout Box ── */
.zship-box{background:var(--off);border-left:3px solid var(--red);border-radius:0 2px 2px 0;padding:20px 24px;margin:20px 0}
.zship-box__title{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.zship-box p{font-size:14px;line-height:1.7;color:var(--g7);margin:0}
.zship-box p+p{margin-top:8px}
.zship-box a{color:var(--red);text-decoration:underline}

/* ── Carriers ── */
.zship-carriers{margin-top:20px}
.zship-carriers__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:16px}
.zship-carriers__grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.zship-carrier{height:44px;padding:8px 16px;background:var(--off);border:1px solid var(--g2);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:border-color var(--ease)}
.zship-carrier:hover{border-color:var(--black)}
.zship-carrier img{height:28px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:all var(--ease)}
.zship-carrier:hover img{filter:grayscale(0);opacity:1}

/* ── CTA ── */
.zship-cta{background:var(--black);padding:clamp(48px,6vw,80px) 0;text-align:center;position:relative;overflow:hidden}
.zship-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.12) 0%,transparent 65%);pointer-events:none}
.zship-cta__inner{position:relative;z-index:1}
.zship-cta__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zship-cta__title{font-family:var(--dsp);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:.02em;margin-bottom:18px}
.zship-cta__title em{font-style:normal;color:var(--red)}
.zship-cta__sub{font-size:15px;color:rgba(255,255,255,.55);max-width:440px;margin:0 auto 32px;line-height:1.7}
.zship-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   SHIPPING PAGE v2 — ZAS77A
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.zs2-hero{position:relative;background:var(--black);padding:clamp(60px,9vw,110px) 0 0;overflow:hidden}
.zs2-hero::after{content:'SHIP';position:absolute;right:-20px;bottom:-20px;font-family:var(--dsp);font-size:clamp(140px,26vw,300px);font-weight:400;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;white-space:nowrap}
.zs2-hero__inner{position:relative;z-index:1;padding-bottom:clamp(40px,6vw,72px)}
.zs2-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zs2-hero__h1{font-family:var(--dsp);font-size:clamp(3rem,10vw,8rem);font-weight:400;text-transform:uppercase;line-height:.92;color:var(--white);margin-bottom:20px}
.zs2-hero__h1 em{font-style:normal;color:var(--red)}
.zs2-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(255,255,255,.5);max-width:500px;line-height:1.7;margin-bottom:36px}
.zs2-hero__pills{display:flex;gap:10px;flex-wrap:wrap}
.zs2-hero__pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.zs2-hero__pill--red{border-color:var(--red);color:var(--white);background:rgba(232,0,61,.2)}
.zs2-hero__pill svg{width:11px;height:11px;stroke:currentColor;fill:none;flex-shrink:0}

/* ── Stats Strip ── */
.zs2-stats{background:var(--red);padding:0}
.zs2-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.zs2-stats__grid{grid-template-columns:repeat(2,1fr)}}
.zs2-stat{padding:20px 24px;border-right:1px solid rgba(255,255,255,.2);text-align:center}
.zs2-stat:last-child{border-right:none}
.zs2-stat__n{font-family:var(--dsp);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;color:var(--white);line-height:1;letter-spacing:.02em}
.zs2-stat__l{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:4px}

/* ── Methods Grid ── */
.zs2-methods{padding:clamp(48px,6vw,88px) 0}
.zs2-methods__header{margin-bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.zs2-methods__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.zs2-methods__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,3.8rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1}
.zs2-methods__title em{font-style:normal;color:var(--red)}
.zs2-methods__sub{font-size:14px;color:var(--g5);max-width:360px;line-height:1.6}
.zs2-methods__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--black)}
@media(max-width:800px){.zs2-methods__grid{grid-template-columns:1fr}}
.zs2-method{background:var(--white);padding:clamp(24px,3vw,36px);position:relative;overflow:hidden;transition:background var(--ease)}
.zs2-method::before{content:attr(data-label);position:absolute;right:-10px;bottom:-16px;font-family:var(--dsp);font-size:5rem;font-weight:400;color:rgba(0,0,0,.04);pointer-events:none;white-space:nowrap;text-transform:uppercase}
.zs2-method:hover{background:var(--off)}
.zs2-method--featured{background:var(--black)}
.zs2-method--featured:hover{background:#111}
.zs2-method__tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g5);margin-bottom:16px}
.zs2-method--featured .zs2-method__tag{color:rgba(255,255,255,.4)}
.zs2-method__tag--red{color:var(--red) !important}
.zs2-method__name{font-family:var(--dsp);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;margin-bottom:8px}
.zs2-method--featured .zs2-method__name{color:var(--white)}
.zs2-method__eta{font-family:var(--hd);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g5);margin-bottom:20px}
.zs2-method--featured .zs2-method__eta{color:rgba(255,255,255,.5)}
.zs2-method__price{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;color:var(--black);line-height:1;letter-spacing:.01em}
.zs2-method--featured .zs2-method__price{color:var(--white)}
.zs2-method__price--free{color:var(--red) !important}
.zs2-method__price-note{font-family:var(--hd);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);margin-top:4px}
.zs2-method--featured .zs2-method__price-note{color:rgba(255,255,255,.4)}

/* ── Section separator ── */
.zs2-section{padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--g2)}
.zs2-section--dark{background:var(--black);border-top:none;padding:clamp(48px,6vw,80px) 0}
.zs2-section__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zs2-section__title{font-family:var(--dsp);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;margin-bottom:20px}
.zs2-section--dark .zs2-section__title{color:var(--white)}
.zs2-section__title em{font-style:normal;color:var(--red)}
.zs2-section__body{font-size:15px;line-height:1.8;color:var(--g7);max-width:680px}
.zs2-section__body p{margin-bottom:12px}
.zs2-section__body p:last-child{margin-bottom:0}
.zs2-section__body a{color:var(--red);text-decoration:underline}
.zs2-section__body strong{color:var(--black);font-weight:600}
.zs2-section--dark .zs2-section__body{color:rgba(255,255,255,.55)}

/* ── Callout Box ── */
.zs2-box{background:var(--off);border-left:3px solid var(--red);padding:18px 22px;margin:20px 0;border-radius:0 2px 2px 0}
.zs2-box__title{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:7px}
.zs2-box p{font-size:14px;line-height:1.7;color:var(--g7);margin:0}
.zs2-box p+p{margin-top:6px}
.zs2-box a{color:var(--red)}

/* ── Timeframe visual ── */
.zs2-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px;background:var(--black);margin-top:24px}
.zs2-time{background:var(--off);padding:20px;text-align:center;position:relative}
.zs2-time::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:var(--bar,30%);background:var(--red)}
.zs2-time__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g5);margin-bottom:8px}
.zs2-time__days{font-family:var(--dsp);font-size:2rem;font-weight:400;color:var(--black);line-height:1}
.zs2-time__unit{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.zs2-time__price{font-family:var(--hd);font-size:12px;font-weight:700;color:var(--black);margin-top:8px;letter-spacing:.05em}
.zs2-time__price--free{color:var(--red)}
.zs2-time--intl{background:var(--white)}

/* ── Carriers Marquee ── */
.zs2-carriers{padding:clamp(32px,4vw,56px) 0;border-top:1px solid var(--g2);overflow:hidden}
.zs2-carriers__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);text-align:center;margin-bottom:24px}
.zs2-marquee{display:flex;gap:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}
.zs2-marquee__track{display:flex;gap:12px;animation:zs2-scroll 28s linear infinite;flex-shrink:0}
.zs2-marquee__track:nth-child(2){animation-delay:-14s}
@keyframes zs2-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 6px))}}
.zs2-marquee:hover .zs2-marquee__track{animation-play-state:paused}
.zs2-carrier-logo{height:48px;padding:8px 20px;background:var(--off);border:1px solid var(--g2);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--ease)}
.zs2-carrier-logo:hover{border-color:var(--black)}
.zs2-carrier-logo img{height:28px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:all var(--ease)}
.zs2-carrier-logo:hover img{filter:grayscale(0);opacity:1}

/* ── CTA ── */
.zs2-cta{background:var(--black);padding:clamp(56px,7vw,96px) 0;text-align:center;position:relative;overflow:hidden}
.zs2-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.14) 0%,transparent 60%);pointer-events:none}
.zs2-cta__inner{position:relative;z-index:1}
.zs2-cta__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zs2-cta__title{font-family:var(--dsp);font-size:clamp(2.6rem,7vw,5.5rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.95;margin-bottom:18px}
.zs2-cta__title em{font-style:normal;color:var(--red)}
.zs2-cta__sub{font-size:15px;color:rgba(255,255,255,.5);max-width:420px;margin:0 auto 32px;line-height:1.7}
.zs2-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   HOMEPAGE — ZAS77B+  
   Declaration: Bold · Editorial · Premium
═══════════════════════════════════════════════════ */

/* ── HERO ── */
.zhp-hero{position:relative;min-height:100svh;min-height:100vh;background:var(--black);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
@media(max-width:768px){.zhp-hero{grid-template-columns:1fr;min-height:auto}}
.zhp-hero__left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(40px,6vw,80px) clamp(24px,4vw,64px);padding-top:clamp(100px,14vw,160px)}
.zhp-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:clamp(16px,2vw,28px);display:flex;align-items:center;gap:10px}
.zhp-hero__eyebrow::before{content:'';width:28px;height:2px;background:var(--red)}
.zhp-hero__title{font-family:var(--dsp);line-height:.88;text-transform:uppercase;letter-spacing:.02em;margin-bottom:clamp(20px,3vw,36px)}
.zhp-hero__t1{display:block;font-size:clamp(5rem,10vw,10rem);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9);letter-spacing:.04em}
.zhp-hero__t2{display:block;font-size:clamp(5rem,10vw,10rem);color:var(--white)}
.zhp-hero__t3{display:block;font-size:clamp(5rem,10vw,10rem);color:var(--red)}
.zhp-hero__sub{font-size:clamp(13px,1.4vw,15px);line-height:1.7;color:rgba(255,255,255,.5);max-width:380px;margin-bottom:clamp(28px,4vw,44px);font-family:var(--bd)}
.zhp-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.zhp-hero__right{position:relative;overflow:hidden}
@media(max-width:768px){.zhp-hero__right{height:60vw}}
.zhp-hero__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.zhp-hero__img-ph{width:100%;height:100%;background:linear-gradient(160deg,#1a1a1a 0%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center}
.zhp-hero__clip{position:absolute;inset:0;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
@media(max-width:768px){.zhp-hero__clip{clip-path:none}}
.zhp-hero__ghost{position:absolute;bottom:-20px;right:-10px;font-family:var(--dsp);font-size:clamp(80px,18vw,180px);font-weight:400;color:rgba(255,255,255,.04);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;white-space:nowrap;line-height:1;z-index:1}
.zhp-hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);z-index:3}
.zhp-hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}

/* ── CATEGORY PANELS ── */
.zhp-cats{display:grid;grid-template-columns:repeat(3,1fr);height:clamp(480px,65vh,760px)}
@media(max-width:700px){.zhp-cats{grid-template-columns:1fr;height:auto}}
.zhp-cat{position:relative;overflow:hidden;cursor:pointer;display:block;text-decoration:none}
.zhp-cat__bg{position:absolute;inset:0;background:var(--black);transition:transform .7s cubic-bezier(.25,.46,.45,.94)}
.zhp-cat:hover .zhp-cat__bg{transform:scale(1.05)}
.zhp-cat__img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .5s ease}
.zhp-cat:hover .zhp-cat__img{opacity:.5}
.zhp-cat__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.1) 100%)}
.zhp-cat__border{position:absolute;inset:0;border:0px solid var(--red);transition:border-width .3s ease,border-color .3s ease;pointer-events:none;z-index:3}
.zhp-cat:hover .zhp-cat__border{border-width:3px}
.zhp-cat__content{position:absolute;inset:0;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.zhp-cat__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);transition:color .3s ease}
.zhp-cat:hover .zhp-cat__eyebrow{color:var(--red)}
.zhp-cat__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.zhp-cat__name{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.zhp-cat:hover .zhp-cat__name{transform:translateY(-4px)}
.zhp-cat__arrow{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}
.zhp-cat:hover .zhp-cat__arrow{background:var(--red);border-color:var(--red);transform:rotate(-45deg)}
.zhp-cat__arrow svg{width:16px;height:16px;stroke:var(--white);fill:none;stroke-width:2}
.zhp-cat__num{position:absolute;top:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px);font-family:var(--dsp);font-size:3.5rem;font-weight:400;color:rgba(255,255,255,.08);line-height:1;pointer-events:none;z-index:2}
@media(max-width:700px){.zhp-cat{height:280px}}

/* ── MANIFESTO + STATS ── */
.zhp-manifesto{background:var(--red);overflow:hidden}
.zhp-manifesto__ticker{padding:18px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2)}
.zhp-manifesto__track{display:flex;gap:0;white-space:nowrap;animation:zhp-ticker 30s linear infinite}
@keyframes zhp-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.zhp-manifesto__item{font-family:var(--dsp);font-size:clamp(1.1rem,2.5vw,1.8rem);font-weight:400;text-transform:uppercase;color:rgba(255,255,255,.9);letter-spacing:.06em;padding:0 32px;display:inline-flex;align-items:center;gap:32px}
.zhp-manifesto__item::after{content:'·';color:rgba(255,255,255,.4);font-size:.8em}
.zhp-manifesto__stats{display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(36px,5vw,64px) 0}
@media(max-width:600px){.zhp-manifesto__stats{grid-template-columns:repeat(2,1fr)}}
.zhp-stat{text-align:center;padding:clamp(16px,2vw,24px);border-right:1px solid rgba(255,255,255,.2)}
.zhp-stat:last-child{border-right:none}
.zhp-stat__n{font-family:var(--dsp);font-size:clamp(3rem,7vw,6rem);font-weight:400;color:var(--white);line-height:1;letter-spacing:.02em}
.zhp-stat__l{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:6px}

/* ── EDITORIAL DROP ── */
.zhp-drop{background:var(--white);padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden}
.zhp-drop__ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(80px,20vw,200px);font-weight:400;text-transform:uppercase;color:rgba(0,0,0,.04);white-space:nowrap;pointer-events:none;letter-spacing:.08em;line-height:1}
.zhp-drop__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(32px,4vw,48px);position:relative;z-index:1}
.zhp-drop__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.zhp-drop__title{font-family:var(--dsp);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:.9;letter-spacing:.02em}
.zhp-drop__title em{font-style:normal;-webkit-text-stroke:1.5px var(--black);color:transparent}
.zhp-drop__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3px;position:relative;z-index:1}
@media(max-width:768px){.zhp-drop__grid{grid-template-columns:1fr}}
.zhp-drop__main{position:relative;overflow:hidden;background:var(--off)}
.zhp-drop__stack{display:grid;grid-template-rows:1fr 1fr;gap:3px}
.zhp-drop__cell{position:relative;overflow:hidden;background:var(--off);aspect-ratio:1}
.zhp-drop__main-img,.zhp-drop__cell-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.zhp-drop__main{aspect-ratio:3/4}
.zhp-drop__main:hover .zhp-drop__main-img,.zhp-drop__cell:hover .zhp-drop__cell-img{transform:scale(1.04)}
.zhp-drop__tag{position:absolute;top:16px;left:16px;background:var(--black);color:var(--white);font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;z-index:2}
.zhp-drop__tag--red{background:var(--red)}
.zhp-drop__ph{width:100%;height:100%;background:var(--off);display:flex;align-items:center;justify-content:center;min-height:200px}
.zhp-drop__ph svg{width:40px;height:40px;stroke:var(--g3);fill:none}

/* ── TEAMWEAR CTA ── */
.zhp-twear{background:var(--black);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(440px,55vw,680px)}
@media(max-width:768px){.zhp-twear{grid-template-columns:1fr}}
.zhp-twear::before{content:'';position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(135deg,rgba(232,0,61,.12) 0%,transparent 70%);pointer-events:none}
.zhp-twear__left{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,80px)}
.zhp-twear__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin-bottom:clamp(14px,2vw,22px);display:flex;align-items:center;gap:10px}
.zhp-twear__eyebrow::before{content:'';width:24px;height:2px;background:var(--red)}
.zhp-twear__title{font-family:var(--dsp);font-size:clamp(3.2rem,8vw,7rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.88;letter-spacing:.02em;margin-bottom:clamp(16px,2.5vw,28px)}
.zhp-twear__title em{font-style:normal;color:var(--red)}
.zhp-twear__sub{font-size:clamp(13px,1.5vw,15px);color:rgba(255,255,255,.5);line-height:1.7;max-width:380px;margin-bottom:clamp(28px,4vw,44px)}
.zhp-twear__btns{display:flex;gap:12px;flex-wrap:wrap}
.zhp-twear__right{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:var(--black)}
@media(max-width:768px){.zhp-twear__right{height:280px}}
.zhp-twear__kit{position:relative;overflow:hidden;background:#111}
.zhp-twear__kit img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:all .5s ease}
.zhp-twear__kit:hover img{opacity:1;transform:scale(1.05)}
.zhp-twear__kit-ph{width:100%;height:100%;min-height:140px;background:#111;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.zhp-twear__kit-ph svg{width:32px;height:32px;stroke:rgba(255,255,255,.15);fill:none}
.zhp-twear__kit-ph span{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.15)}
.zhp-twear__slash{position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--red);z-index:2}
@media(max-width:768px){.zhp-twear__slash{display:none}}

/* ── HOMEPAGE TESTIMONIALS OVERRIDE ── */
.zhp-reviews{background:var(--off);padding:clamp(56px,7vw,96px) 0;overflow:hidden}
.zhp-reviews__header{text-align:center;margin-bottom:clamp(32px,4vw,56px)}
.zhp-reviews__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zhp-reviews__title{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:.95}
.zhp-reviews__title em{font-style:normal;color:var(--red)}
.zhp-reviews__agg{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.zhp-reviews__stars{color:var(--red);font-size:18px;letter-spacing:2px}
.zhp-reviews__count{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.zhp-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--black)}
@media(max-width:768px){.zhp-reviews__grid{grid-template-columns:1fr}}
.zhp-review{background:var(--white);padding:clamp(24px,3vw,36px);position:relative;overflow:hidden}
.zhp-review::after{content:open-quote;position:absolute;top:-10px;right:16px;font-family:var(--dsp);font-size:8rem;color:rgba(0,0,0,.05);line-height:1;pointer-events:none}
.zhp-review__stars{color:var(--red);font-size:14px;letter-spacing:2px;margin-bottom:14px}
.zhp-review__q{font-size:15px;line-height:1.7;color:var(--g7);margin-bottom:18px;font-style:italic}
.zhp-review__author{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black)}
.zhp-review__role{font-family:var(--hd);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g5);margin-top:3px}

/* ═══════════════════════════════════════════════════
   STAGE MENU — ZAS77C
   Innovations: Progress bar · Stage mega panel ·
   Column-hover image swap · Immersive mobile drawer
═══════════════════════════════════════════════════ */

/* ── Scroll Progress ── */
.zmenu-progress{position:fixed;top:0;left:0;height:2px;background:var(--red);z-index:9999;width:0%;pointer-events:none;transition:width .08s linear}

/* ── Header ── */
.zmenu-header{background:var(--white);position:sticky;top:0;z-index:1002;transition:box-shadow .3s ease;border-bottom:1px solid var(--g2)}
.zmenu-header.scrolled{box-shadow:0 2px 40px rgba(0,0,0,.6)}
.zmenu-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 var(--pad);max-width:var(--max);margin:0 auto}

/* ── Logo ── */
.zmenu-logo{grid-column:2;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.zmenu-logo--below{flex-direction:column;gap:4px}
.zmenu-logo--only .zmenu-logo__img{display:none}
.zmenu-logo img{height:36px;width:auto;object-fit:contain}
.zmenu-logo__text{font-family:var(--font-eras);font-size:1.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--black)}
.zmenu-logo__wordmark{font-family:var(--font-eras);letter-spacing:.12em;text-transform:uppercase;color:var(--black);line-height:1;font-weight:400;white-space:nowrap}
.zmenu-logo--beside .zmenu-logo__wordmark{align-self:center}
.zmenu-logo--below .zmenu-logo__wordmark{text-align:center}

/* ── Actions ── */
.zmenu-actions{display:flex;align-items:center;gap:2px}
.zmenu-actions--left{justify-content:flex-start}
.zmenu-actions--right{justify-content:flex-end}
.zmenu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--g7);background:none;border:none;cursor:pointer;border-radius:2px;transition:color var(--ease);text-decoration:none;position:relative}
.zmenu-btn:hover{color:var(--red)}
.zmenu-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.zmenu-cart-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--red);color:var(--white);font-family:var(--hd);font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}

/* ── Hamburger ── */
.zmenu-ham{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;color:var(--g7);cursor:pointer;transition:color var(--ease)}
.zmenu-ham:hover{color:var(--black)}
.zmenu-ham span{display:block;width:22px;height:1.5px;background:currentColor;transition:all var(--ease);border-radius:1px}
.zmenu-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.zmenu-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.zmenu-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:991px){.zmenu-ham{display:flex}.zmenu-nav{display:none!important}}

/* ── Nav Bar ── */
.zmenu-nav{background:var(--black);border-top:1px solid rgba(255,255,255,.07);position:relative;overflow:visible}
.zmenu-nav__list{display:flex;align-items:center;justify-content:center;max-width:var(--max);margin:0 auto;padding:0 var(--pad);gap:0}
.zmenu-nav-item--stage{position:static}
.zmenu-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:13px 16px;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:none;border:none;cursor:pointer;transition:color var(--ease);white-space:nowrap;text-decoration:none;position:relative}
.zmenu-nav-btn::after{content:'';position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:var(--red);transform:scaleX(0);transition:transform var(--ease)}
.zmenu-nav-item.z-active .zmenu-nav-btn,.zmenu-nav-btn:hover{color:var(--white)}
.zmenu-nav-item.z-active .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-nav-btn svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .2s ease;opacity:.75}
.zmenu-nav-item.z-active .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1}
/* ── Hover bridge: keeps the hover zone alive across the trigger→panel gap ── */
.zmenu-nav-item--stage{position:static}
.zmenu-nav-item--stage > .zmenu-nav-btn::before{
  content:'';
  position:absolute;
  left:0;right:0;
  top:100%;
  height:14px;
  background:transparent;
}


/* ── Badges ── */
.znav-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:2px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;vertical-align:middle}
.znav-badge--white{background:var(--white);color:var(--black)}
.znav-badge--red{background:var(--red);color:var(--white)}
.znav-badge--red::before{content:'';width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.9);display:inline-block;animation:zbadge-pulse 1.8s ease-in-out infinite}
@keyframes zbadge-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* ── Stage Mega Panel ── */

.zmenu-stage{
  position:absolute;
  left:0;right:0;
  top:100%;
  background:var(--white);
  border-top:3px solid var(--red);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s;
  z-index:1001;
  overflow:hidden;
}
/* CSS-native hover + JS intent buffer (.z-active) keep the panel open */
.zmenu-nav-item--stage:hover .zmenu-stage,
.zmenu-nav-item--stage.z-active .zmenu-stage{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.zmenu-nav-item--stage:hover .zmenu-nav-btn,
.zmenu-nav-item--stage.z-active .zmenu-nav-btn{color:var(--white);}
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after,
.zmenu-nav-item--stage.z-active .zmenu-nav-btn::after{transform:scaleX(1);}
.zmenu-nav-item--stage:hover .zmenu-nav-btn svg,
.zmenu-nav-item--stage.z-active .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1;}

.zmenu-stage__grid{display:grid;grid-template-columns:220px 1fr 260px;max-width:var(--max);margin:0 auto}

/* Stage left: giant title */
.zmenu-stage__left{background:var(--black);padding:clamp(28px,3vw,44px) clamp(22px,2.5vw,36px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:visible;min-height:260px}
.zmenu-stage__left::before{content:'';position:absolute;top:0;bottom:0;right:100%;width:50vw;background:var(--black);pointer-events:none}
.zmenu-stage__left::after{content:attr(data-bg);position:absolute;bottom:-16px;left:-8px;font-family:var(--dsp);font-size:7rem;color:rgba(255,255,255,.04);text-transform:uppercase;white-space:nowrap;pointer-events:none;line-height:1;letter-spacing:.04em}
.zmenu-stage__title{font-family:var(--dsp);font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;position:relative;z-index:1}
.zmenu-stage__title em{font-style:normal;color:var(--red);display:block}
.zmenu-stage__viewall{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none;margin-top:20px;transition:gap var(--ease);position:relative;z-index:1}
.zmenu-stage__viewall:hover{gap:12px}
.zmenu-stage__viewall svg{width:13px;height:13px;stroke:currentColor;fill:none}
.zmenu-stage__promo-note{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.25);position:relative;z-index:1;margin-top:12px}

/* Stage center: columns */
.zmenu-stage__center{padding:clamp(24px,2.5vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,36px)}
.zmenu-stage__col-head{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--g2)}
.zmenu-stage__links{display:flex;flex-direction:column}
.zmenu-stage__link{display:flex;align-items:center;gap:7px;padding:7px 0;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);text-decoration:none;transition:all var(--ease);border-bottom:1px solid var(--g2)}
.zmenu-stage__link:last-child{border-bottom:none}
.zmenu-stage__link svg{width:10px;height:10px;stroke:var(--red);fill:none;opacity:0.4;transition:opacity var(--ease);flex-shrink:0}
.zmenu-stage__link:hover{color:var(--red);padding-left:4px}
.zmenu-stage__link:hover svg{opacity:1}

/* Stage right: preview image */
.zmenu-stage__right{position:relative;overflow:visible;background:var(--off)}
.zmenu-stage__right::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:50vw;background:var(--off);pointer-events:none}
.zmenu-stage__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.zmenu-stage__img.z-visible{opacity:1}
.zmenu-stage__img-ph{width:100%;height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:var(--off)}
.zmenu-stage__img-ph svg{width:44px;height:44px;stroke:var(--g3);fill:none}
.zmenu-stage__overlay-note{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent)}
.zmenu-stage__overlay-note span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--white)}

/* ── Search Overlay ── */
.zmenu-search{position:fixed;inset:0;background:var(--black);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--pad);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}
.zmenu-search.z-open{opacity:1;visibility:visible}
.zmenu-search__close{position:absolute;top:24px;right:24px;background:none;border:none;color:rgba(255,255,255,.4);font-size:26px;cursor:pointer;line-height:1;padding:8px;transition:color var(--ease)}
.zmenu-search__close:hover{color:var(--white)}
.zmenu-search__label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:28px}
.zmenu-search__form{width:100%;max-width:700px;position:relative;border-bottom:2px solid rgba(255,255,255,.2);transition:border-color var(--ease)}
.zmenu-search__form:focus-within{border-bottom-color:var(--red)}
.zmenu-search__input{width:100%;background:none;border:none;padding:16px 56px 16px 0;font-family:var(--dsp);font-size:clamp(2rem,6vw,4.2rem);font-weight:400;color:var(--white);text-transform:uppercase;letter-spacing:.04em;outline:none}
.zmenu-search__input::placeholder{color:rgba(255,255,255,.15)}
.zmenu-search__submit{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;padding:10px;transition:color var(--ease)}
.zmenu-search__submit:hover{color:var(--red)}
.zmenu-search__submit svg{width:22px;height:22px;stroke:currentColor;fill:none}

/* ── Mobile Overlay ── */
.zmenu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1998;opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(6px)}
.zmenu-overlay.z-open{opacity:1;visibility:visible}

/* ── Mobile Drawer ── */
.zmenu-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,95vw);background:var(--black);z-index:1999;transform:translateX(-105%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden}
.zmenu-drawer.z-open{transform:translateX(0)}
.zmenu-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.zmenu-drawer__logo{font-family:var(--font-eras);font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--white);text-decoration:none}
.zmenu-drawer__close{background:none;border:none;color:rgba(255,255,255,.4);font-size:22px;cursor:pointer;padding:4px;line-height:1;transition:color var(--ease)}
.zmenu-drawer__close:hover{color:var(--white)}
.zmenu-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.zmenu-drawer__item{border-bottom:1px solid rgba(255,255,255,.05)}
.zmenu-drawer__btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background var(--ease)}
.zmenu-drawer__btn:hover{background:rgba(255,255,255,.03)}
.zmenu-drawer__btn-left{display:flex;flex-direction:column;gap:1px}
.zmenu-drawer__idx{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.2)}
.zmenu-drawer__name{font-family:var(--dsp);font-size:clamp(1.4rem,4.5vw,2rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:1;letter-spacing:.03em;transition:color var(--ease)}
.zmenu-drawer__item.z-open .zmenu-drawer__name{color:var(--red)}
.zmenu-drawer__chevron{width:26px;height:26px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}
.zmenu-drawer__chevron svg{width:11px;height:11px;stroke:rgba(255,255,255,.35);fill:none;transition:transform .25s ease}
.zmenu-drawer__item.z-open .zmenu-drawer__chevron{border-color:var(--red);background:var(--red)}
.zmenu-drawer__item.z-open .zmenu-drawer__chevron svg{stroke:var(--white);transform:rotate(45deg)}
.zmenu-drawer__sub{display:none;padding:4px 0 12px 22px}
.zmenu-drawer__sub.z-open{display:block}
.zmenu-drawer__sub-group{margin-bottom:14px}
.zmenu-drawer__sub-label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.22);padding:8px 0 6px;display:block}
.zmenu-drawer__sub-link{display:block;padding:7px 0;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--ease);border-bottom:1px solid rgba(255,255,255,.04)}
.zmenu-drawer__sub-link:last-child{border-bottom:none}
.zmenu-drawer__sub-link:hover{color:var(--white)}
.zmenu-drawer__sub-viewall{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none}
.zmenu-drawer__foot{padding:18px 22px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;display:flex;flex-direction:column;gap:8px}
.zmenu-drawer__cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;background:var(--red);color:var(--white);font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background var(--ease)}
.zmenu-drawer__cta:hover{background:var(--red-dk)}
.zmenu-drawer__cta svg{width:13px;height:13px;stroke:currentColor;fill:none}
.zmenu-drawer__foot-links{display:flex;gap:16px;justify-content:center}
.zmenu-drawer__foot-link{font-family:var(--hd);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.35);text-decoration:none;transition:color var(--ease)}
.zmenu-drawer__foot-link:hover{color:rgba(255,255,255,.7)}

/* ── Logo position variants ── */
.zmenu-top--left{grid-template-columns:auto 1fr auto}
.zmenu-top--left .zmenu-logo{grid-column:1;justify-content:flex-start;padding-right:32px}
.zmenu-top--left .zmenu-actions--left{grid-column:auto;order:-1}

/* ── Mega Menu Multi-Group Grid ── */
.zmenu-stage__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:clamp(20px,2.5vw,32px)}
.zmenu-stage__group{padding:clamp(12px,1.5vw,20px);border-right:1px solid var(--g2);border-bottom:1px solid var(--g2)}
.zmenu-stage__group:nth-child(3n){border-right:none}
.zmenu-stage__group:nth-last-child(-n+3){border-bottom:none}
.zmenu-stage__group-head{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--black);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--black)}
.zmenu-stage__group-links{display:flex;flex-direction:column;gap:0}
.zmenu-stage__group-link{display:flex;align-items:center;gap:6px;padding:6px 0;font-family:var(--hd);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--g7);text-decoration:none;border-bottom:1px solid var(--g2);transition:all var(--ease)}
.zmenu-stage__group-link::before{content:'';display:block;width:8px;height:8px;border-right:1.5px solid var(--red);border-top:1.5px solid var(--red);transform:rotate(45deg);opacity:.4;flex-shrink:0;transition:opacity var(--ease),transform var(--ease)}
.zmenu-stage__group-link:last-child{border-bottom:none}
.zmenu-stage__group-link:hover{color:var(--red);padding-left:4px}
.zmenu-stage__group-link:hover::before{opacity:1;transform:rotate(45deg) translate(2px,-2px)}

/* Mega right: featured banner */
.zmenu-stage__banner{position:relative;overflow:hidden;background:var(--black);display:flex;flex-direction:column;justify-content:flex-end;min-height:280px}
.zmenu-stage__banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .4s ease}
.zmenu-stage__banner:hover img{opacity:.6}
.zmenu-stage__banner-body{position:relative;z-index:1;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}
.zmenu-stage__banner-label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.zmenu-stage__banner-title{font-family:var(--dsp);font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:.02em}
.zmenu-stage__banner-cta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--white);opacity:.7;transition:opacity var(--ease)}
.zmenu-stage__banner:hover .zmenu-stage__banner-cta{opacity:1}

/* Mega grid uses different layout than 3-col stage */
.zmenu-nav-item--mega .zmenu-stage__grid{grid-template-columns:200px 1fr 220px}
@media(max-width:1100px){.zmenu-nav-item--mega .zmenu-stage__grid{grid-template-columns:180px 1fr 180px}}

/* ═══════════════════════════════════════════════════
   MUCC CLUB PAGE — ZAS77D
   Melbourne University Cricket Club × Zealots
═══════════════════════════════════════════════════ */

/* ── Hero: split diagonal ── */
.mucc-hero{position:relative;background:var(--black);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
@media(max-width:768px){.mucc-hero{grid-template-columns:1fr}}
.mucc-hero__left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,72px) clamp(24px,4vw,64px)}
.mucc-hero__partner{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.mucc-hero__partner-badge{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.15);padding:5px 10px;border-radius:2px}
.mucc-hero__partner-sep{width:24px;height:1px;background:rgba(255,255,255,.2)}
.mucc-hero__year{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}
.mucc-hero__title{font-family:var(--dsp);line-height:.88;text-transform:uppercase;letter-spacing:.02em;margin-bottom:24px}
.mucc-hero__t1{display:block;font-size:clamp(3rem,6vw,6rem);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}
.mucc-hero__t2{display:block;font-size:clamp(3rem,6vw,6rem);color:var(--white)}
.mucc-hero__t3{display:block;font-size:clamp(3rem,6vw,6rem);color:var(--red)}
.mucc-hero__sub{font-size:13px;color:rgba(255,255,255,.5);max-width:420px;line-height:1.7;margin-bottom:28px}
.mucc-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.mucc-hero__right{position:relative;overflow:hidden}
@media(max-width:768px){.mucc-hero__right{height:48vw}}
.mucc-hero__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.9}
.mucc-hero__img-ph{width:100%;height:100%;min-height:280px;background:linear-gradient(160deg,#1a1a1a 0%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center}
.mucc-hero__clip{position:absolute;inset:0;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
@media(max-width:768px){.mucc-hero__clip{clip-path:none}}
.mucc-hero__ghost{position:absolute;bottom:-30px;right:-20px;font-family:var(--dsp);font-size:clamp(100px,20vw,220px);color:rgba(255,255,255,.03);text-transform:uppercase;pointer-events:none;line-height:1;letter-spacing:.04em;z-index:1}

/* ── Stats strip: navy/blue university feel ── */
.mucc-stats{background:#0d1b2a;padding:0;border-top:3px solid var(--red)}
.mucc-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:600px){.mucc-stats__grid{grid-template-columns:repeat(2,1fr)}}
.mucc-stat{padding:clamp(20px,3vw,32px) 24px;border-right:1px solid rgba(255,255,255,.08);text-align:center}
.mucc-stat:last-child{border-right:none}
.mucc-stat__n{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4rem);color:var(--white);line-height:1;letter-spacing:.02em}
.mucc-stat__l{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:6px}
.mucc-stat__red{color:var(--red)}

/* ── Official partner band ── */
.mucc-band{background:var(--red);padding:14px 0;overflow:hidden}
.mucc-band__track{display:flex;white-space:nowrap;animation:mucc-ticker 25s linear infinite}
@keyframes mucc-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mucc-band__item{font-family:var(--dsp);font-size:clamp(1rem,2vw,1.5rem);text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 40px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:40px}
.mucc-band__item::after{content:'·';color:rgba(255,255,255,.4)}

/* ── Kit showcase ── */
.mucc-kits{padding:clamp(56px,7vw,96px) 0;background:var(--white)}
.mucc-kits__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(32px,4vw,52px);flex-wrap:wrap}
.mucc-kits__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.mucc-kits__title{font-family:var(--dsp);font-size:clamp(2.2rem,5vw,4rem);text-transform:uppercase;color:var(--black);line-height:.9;letter-spacing:.02em}
.mucc-kits__title em{font-style:normal;-webkit-text-stroke:1.5px var(--black);color:transparent}
.mucc-kits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--black)}
@media(max-width:900px){.mucc-kits__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.mucc-kits__grid{grid-template-columns:1fr}}
.mucc-kit{position:relative;overflow:hidden;background:var(--off);aspect-ratio:3/4}
.mucc-kit__img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.mucc-kit:hover .mucc-kit__img{transform:scale(1.05)}
.mucc-kit__body{position:absolute;bottom:0;left:0;right:0;padding:18px 16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);transform:translateY(4px);transition:transform .3s ease}
.mucc-kit:hover .mucc-kit__body{transform:translateY(0)}
.mucc-kit__tag{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.mucc-kit__name{font-family:var(--dsp);font-size:clamp(1.2rem,2.5vw,2rem);text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:.02em}
.mucc-kit__ph{width:100%;height:100%;min-height:280px;background:var(--off);display:flex;align-items:center;justify-content:center}
.mucc-kit__ph svg{width:40px;height:40px;stroke:var(--g3);fill:none}

/* ── Why MUCC × Zealots ── */
.mucc-why{background:#0d1b2a;padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden}
.mucc-why::after{content:'MUCC';position:absolute;right:-20px;bottom:-30px;font-family:var(--dsp);font-size:clamp(120px,22vw,260px);color:rgba(255,255,255,.03);text-transform:uppercase;pointer-events:none;line-height:1;letter-spacing:.04em}
.mucc-why__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center;position:relative;z-index:1}
@media(max-width:768px){.mucc-why__inner{grid-template-columns:1fr}}
.mucc-why__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.mucc-why__title{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4.2rem);text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;margin-bottom:24px}
.mucc-why__title em{font-style:normal;color:var(--red)}
.mucc-why__body{font-size:15px;line-height:1.8;color:rgba(255,255,255,.5);margin-bottom:32px}
.mucc-why__perks{display:flex;flex-direction:column;gap:12px}
.mucc-perk{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.mucc-perk:last-child{border-bottom:none}
.mucc-perk__icon{width:36px;height:36px;background:rgba(232,0,61,.15);border:1px solid rgba(232,0,61,.3);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mucc-perk__icon svg{width:16px;height:16px;stroke:var(--red);fill:none}
.mucc-perk__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--white);margin-bottom:3px}
.mucc-perk__body{font-size:13px;color:rgba(255,255,255,.4);line-height:1.5}
.mucc-why__img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px}
.mucc-why__img img{width:100%;height:100%;object-fit:cover}
.mucc-why__img-ph{width:100%;height:100%;min-height:400px;background:#1a2a3a;display:flex;align-items:center;justify-content:center}
.mucc-why__img-badge{position:absolute;bottom:20px;left:20px;background:var(--red);padding:10px 16px;border-radius:2px}
.mucc-why__img-badge span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}

/* ── Process ── */
.mucc-process{background:var(--white);padding:clamp(56px,7vw,96px) 0}
.mucc-process__header{text-align:center;margin-bottom:clamp(40px,5vw,64px)}
.mucc-process__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.mucc-process__title{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4rem);text-transform:uppercase;color:var(--black);line-height:.9}
.mucc-process__title em{font-style:normal;color:var(--red)}
.mucc-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--black)}
@media(max-width:768px){.mucc-process__steps{grid-template-columns:repeat(2,1fr)}}
.mucc-step{background:var(--off);padding:clamp(24px,3vw,36px);position:relative;overflow:hidden}
.mucc-step::before{content:attr(data-num);position:absolute;top:-16px;right:12px;font-family:var(--dsp);font-size:6rem;color:rgba(0,0,0,.06);line-height:1;pointer-events:none}
.mucc-step__num{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.mucc-step__num::after{content:'';flex:1;height:1px;background:var(--red);opacity:.3}
.mucc-step__title{font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black);margin-bottom:8px}
.mucc-step__body{font-size:13px;line-height:1.6;color:var(--g5)}

/* ── Student deal ── */
.mucc-deal{background:var(--black);padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden;text-align:center}
.mucc-deal::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.14) 0%,transparent 65%);pointer-events:none}
.mucc-deal__inner{position:relative;z-index:1}
.mucc-deal__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,0,61,.15);border:1px solid rgba(232,0,61,.4);padding:7px 16px;border-radius:2px;margin-bottom:20px}
.mucc-deal__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:zbadge-pulse 1.8s ease-in-out infinite}
.mucc-deal__badge span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--white)}
.mucc-deal__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:var(--white);line-height:.88;letter-spacing:.02em;margin-bottom:18px}
.mucc-deal__title em{font-style:normal;color:var(--red)}
.mucc-deal__sub{font-size:clamp(14px,1.8vw,17px);color:rgba(255,255,255,.5);max-width:500px;margin:0 auto 36px;line-height:1.7}
.mucc-deal__code{display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:14px 24px;border-radius:2px;margin-bottom:32px}
.mucc-deal__code-label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.mucc-deal__code-val{font-family:var(--dsp);font-size:1.8rem;color:var(--white);letter-spacing:.12em;text-transform:uppercase}
.mucc-deal__code-sep{width:1px;height:28px;background:rgba(255,255,255,.12)}
.mucc-deal__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── CTA ── */
.mucc-cta{background:var(--red);padding:clamp(56px,7vw,88px) 0;text-align:center;position:relative;overflow:hidden}
.mucc-cta::after{content:'JOIN';position:absolute;right:-20px;bottom:-30px;font-family:var(--dsp);font-size:clamp(120px,20vw,240px);color:rgba(0,0,0,.08);text-transform:uppercase;pointer-events:none;line-height:1}
.mucc-cta__inner{position:relative;z-index:1}
.mucc-cta__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:14px}
.mucc-cta__title{font-family:var(--dsp);font-size:clamp(2.8rem,7vw,6rem);text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;margin-bottom:18px}
.mucc-cta__sub{font-size:15px;color:rgba(255,255,255,.7);max-width:440px;margin:0 auto 32px;line-height:1.7}
.mucc-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── MUCC Pre-Order Products ── */
.mucc-preorder{padding:clamp(48px,6vw,80px) 0;background:var(--white)}
.mucc-preorder__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,3vw,40px);flex-wrap:wrap}
.mucc-preorder__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.mucc-preorder__dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:zbadge-pulse 1.8s ease-in-out infinite;flex-shrink:0}
.mucc-preorder__title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.6rem);text-transform:uppercase;color:var(--black);line-height:.9;letter-spacing:.02em}
.mucc-preorder__title em{font-style:normal;color:var(--red)}
.mucc-preorder__grid{display:grid;grid-template-columns:repeat(var(--po-cols,4),1fr);gap:2px;background:var(--black)}
@media(max-width:900px){.mucc-preorder__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.mucc-preorder__grid{grid-template-columns:1fr}}
.mucc-po-card{background:var(--white);position:relative;display:flex;flex-direction:column}
.mucc-po-card__img-wrap{position:relative;overflow:hidden;background:var(--off);aspect-ratio:1}
.mucc-po-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.mucc-po-card:hover .mucc-po-card__img{transform:scale(1.04)}
.mucc-po-card__ph{width:100%;height:100%;min-height:220px;background:var(--off);display:flex;align-items:center;justify-content:center}
.mucc-po-card__ph svg{width:36px;height:36px;stroke:var(--g3);fill:none}
.mucc-po-badge{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:2}
.mucc-po-badge__item{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:1px;line-height:1.3}
.mucc-po-badge__item--preorder{background:var(--black);color:var(--white)}
.mucc-po-badge__item--club{background:var(--red);color:var(--white)}
.mucc-po-badge__item--custom{background:var(--white);color:var(--black);border:1px solid var(--g2)}
.mucc-po-card__body{padding:14px 14px 18px;display:flex;flex-direction:column;flex:1}
.mucc-po-card__name{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);margin-bottom:4px}
.mucc-po-card__desc{font-size:12px;color:var(--g5);line-height:1.5;margin-bottom:12px;flex:1}
.mucc-po-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mucc-po-card__price{font-family:var(--dsp);font-size:1.4rem;color:var(--black);letter-spacing:.02em}
.mucc-po-card__cta{display:inline-flex;align-items:center;gap:5px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);background:var(--black);padding:7px 12px;border-radius:2px;text-decoration:none;transition:background var(--ease)}
.mucc-po-card__cta:hover{background:var(--red)}
.mucc-po-card__eta{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);margin-top:8px;display:flex;align-items:center;gap:5px}
.mucc-po-card__eta::before{content:'';width:12px;height:1px;background:var(--g3)}
.mucc-preorder__empty{text-align:center;padding:64px 0}
.mucc-preorder__empty-icon{width:48px;height:48px;stroke:var(--g3);fill:none;margin:0 auto 16px}
.mucc-preorder__empty-text{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}

/* ═══════════════════════════════════════════════════
   BRAND LANDING PAGES — ZAS77E
   Dominator · Vyra · Thangam 24 · Quadra
═══════════════════════════════════════════════════ */

/* ── CSS brand tokens (set per page via inline style) ── */
.zbrand{
  --bc1:#0A0A0A;    /* primary */
  --bc2:#C8960C;    /* accent */
  --bc3:#FFFFFF;    /* tertiary */
  --bc4:rgba(200,150,12,.12); /* accent glow */
}

/* ── HERO ── */
.zbrand-hero{position:relative;background:var(--bc1);min-height:90vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.zbrand-hero__bg{position:absolute;inset:0}
.zbrand-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.4;transition:opacity .5s}
.zbrand-hero__bg-ph{width:100%;height:100%;background:linear-gradient(160deg,var(--bc1) 0%,color-mix(in srgb,var(--bc2) 15%,var(--bc1)) 100%)}
.zbrand-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bc1) 0%,rgba(0,0,0,.3) 60%,transparent 100%)}
.zbrand-hero__ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(120px,22vw,280px);font-weight:400;text-transform:uppercase;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;letter-spacing:.04em;line-height:1}
.zbrand-hero__inner{position:relative;z-index:2;padding:clamp(40px,5vw,72px) clamp(20px,4vw,64px)}
.zbrand-hero__logo{margin-bottom:24px;max-width:clamp(160px,25vw,320px)}
.zbrand-hero__logo img{width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
.zbrand-hero__logo--gold img{filter:brightness(0) saturate(100%) invert(78%) sepia(60%) saturate(500%) hue-rotate(5deg) brightness(95%)}
.zbrand-hero__logo--purple img{filter:brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(600%) hue-rotate(250deg) brightness(120%)}
.zbrand-hero__logo--silver img{filter:brightness(0) saturate(0%) invert(80%) brightness(120%)}
.zbrand-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--bc2);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.zbrand-hero__eyebrow::before{content:'';width:24px;height:2px;background:var(--bc2)}
.zbrand-hero__title{font-family:var(--dsp);font-size:clamp(3.5rem,9vw,8rem);text-transform:uppercase;color:var(--bc3);line-height:.88;letter-spacing:.02em;margin-bottom:20px}
.zbrand-hero__title em{font-style:normal;color:var(--bc2)}
.zbrand-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(255,255,255,.5);max-width:500px;line-height:1.7;margin-bottom:32px}
.zbrand-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-brand{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid transparent;border-radius:2px;cursor:pointer;transition:all var(--ease);text-decoration:none;white-space:nowrap}
.btn-brand--solid{background:var(--bc2);color:var(--bc1);border-color:var(--bc2)}
.btn-brand--solid:hover{opacity:.85}
.btn-brand--outline{background:transparent;color:var(--bc3);border-color:rgba(255,255,255,.3)}
.btn-brand--outline:hover{border-color:var(--bc2);color:var(--bc2)}
.zbrand-hero__scroll{position:absolute;bottom:28px;right:40px;display:flex;align-items:center;gap:8px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.25);writing-mode:vertical-rl;z-index:2}
.zbrand-hero__scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}

/* ── DNA Strip ── */
.zbrand-dna{background:var(--bc2);overflow:hidden;padding:12px 0}
.zbrand-dna__track{display:flex;white-space:nowrap;animation:mucc-ticker 22s linear infinite}
.zbrand-dna__item{font-family:var(--dsp);font-size:clamp(1rem,2.2vw,1.6rem);text-transform:uppercase;color:var(--bc1);padding:0 36px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:36px;opacity:.85}
.zbrand-dna__item::after{content:'·';opacity:.4}

/* ── Product Grid ── */
.zbrand-products{padding:clamp(56px,7vw,96px) 0;background:var(--bc1)}
.zbrand-products__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(32px,4vw,52px);flex-wrap:wrap}
.zbrand-products__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bc2);margin-bottom:8px}
.zbrand-products__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;color:var(--bc3);line-height:.9;letter-spacing:.02em}
.zbrand-products__title em{font-style:normal;color:var(--bc2)}
.zbrand-products__grid{display:grid;grid-template-columns:repeat(var(--pg-cols,3),1fr);gap:2px;background:color-mix(in srgb,var(--bc2) 20%,#000)}
@media(max-width:768px){.zbrand-products__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.zbrand-products__grid{grid-template-columns:1fr}}
.zbrand-pcard{background:color-mix(in srgb,var(--bc1) 95%,var(--bc2) 5%);position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-decoration:none}
.zbrand-pcard__img-wrap{position:relative;overflow:hidden;aspect-ratio:3/4;background:color-mix(in srgb,var(--bc1) 80%,var(--bc2) 20%)}
.zbrand-pcard__img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.zbrand-pcard:hover .zbrand-pcard__img{transform:scale(1.06)}
.zbrand-pcard__ph{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center}
.zbrand-pcard__ph svg{width:40px;height:40px;stroke:rgba(255,255,255,.15);fill:none}
.zbrand-pcard__body{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.06)}
.zbrand-pcard__name{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--bc3)}
.zbrand-pcard__price{font-family:var(--dsp);font-size:1.3rem;color:var(--bc2);letter-spacing:.02em;white-space:nowrap}
.zbrand-pcard__badge{position:absolute;top:10px;left:10px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:var(--bc2);color:var(--bc1);border-radius:1px}
.zbrand-pcard__arrow{position:absolute;bottom:16px;right:14px;width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:all .25s ease}
.zbrand-pcard:hover .zbrand-pcard__arrow{opacity:1;transform:translateY(0);border-color:var(--bc2)}
.zbrand-pcard__arrow svg{width:12px;height:12px;stroke:var(--bc2);fill:none}

/* ── Brand Story ── */
.zbrand-story{padding:clamp(56px,7vw,96px) 0;background:var(--bc1);border-top:1px solid rgba(255,255,255,.06)}
.zbrand-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
@media(max-width:768px){.zbrand-story__grid{grid-template-columns:1fr}}
.zbrand-story__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bc2);margin-bottom:14px}
.zbrand-story__title{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4.2rem);text-transform:uppercase;color:var(--bc3);line-height:.9;letter-spacing:.02em;margin-bottom:22px}
.zbrand-story__title em{font-style:normal;color:var(--bc2)}
.zbrand-story__body{font-size:15px;line-height:1.8;color:rgba(255,255,255,.5);margin-bottom:28px}
.zbrand-story__specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zbrand-spec{padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:2px}
.zbrand-spec__label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}
.zbrand-spec__val{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bc2)}
.zbrand-story__img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px}
.zbrand-story__img img{width:100%;height:100%;object-fit:cover}
.zbrand-story__img-ph{width:100%;height:100%;min-height:360px;background:color-mix(in srgb,var(--bc1) 80%,var(--bc2) 20%);display:flex;align-items:center;justify-content:center}
.zbrand-story__img-badge{position:absolute;top:16px;right:16px;background:var(--bc2);color:var(--bc1);font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px}

/* ── CTA ── */
.zbrand-cta{position:relative;padding:clamp(56px,7vw,88px) 0;text-align:center;overflow:hidden;background:var(--bc2)}
.zbrand-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 60%);pointer-events:none}
.zbrand-cta__inner{position:relative;z-index:1}
.zbrand-cta__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(0,0,0,.5);margin-bottom:12px}
.zbrand-cta__title{font-family:var(--dsp);font-size:clamp(2.8rem,7vw,6rem);text-transform:uppercase;color:var(--bc1);line-height:.9;letter-spacing:.02em;margin-bottom:16px}
.zbrand-cta__sub{font-size:15px;color:rgba(0,0,0,.55);max-width:440px;margin:0 auto 32px;line-height:1.7}
.zbrand-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   METALLIC EFFECTS — ZAS77E
═══════════════════════════════════════════════════ */

/* Real gold gradient — glossy, multi-stop */
.gold-text{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 25%,#B38728 45%,#FBF5B7 65%,#AA771C 85%,#FCF6BA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(200,150,12,.4))}
.gold-bg{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 25%,#B38728 45%,#FBF5B7 65%,#AA771C 85%,#FCF6BA 100%)}
.gold-border{border-image:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728,#FBF5B7,#AA771C) 1}
/* Real silver gradient */
.silver-text{background:linear-gradient(135deg,#6B6B6B 0%,#E8E8E8 20%,#A8A8A8 40%,#F5F5F5 60%,#8C8C8C 80%,#E0E0E0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(192,192,192,.35))}
.silver-bg{background:linear-gradient(135deg,#6B6B6B 0%,#E8E8E8 20%,#A8A8A8 40%,#F5F5F5 60%,#8C8C8C 80%,#E0E0E0 100%)}
/* Purple shimmer */
.purple-text{background:linear-gradient(135deg,#EC4899 0%,#A855F7 40%,#EC4899 65%,#C084FC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(236,72,153,.3))}

/* ═══════════════════════════════════════════════════
   DOMINATOR — Military Command. Black × Gold.
   Layout: Diagonal slash hero, war-room product grid
═══════════════════════════════════════════════════ */
.dom-page{background:#050505;color:#fff;font-family:var(--bd)}

/* Hero: full bleed, diagonal gold slash */
.dom-hero{position:relative;height:100vh;min-height:600px;background:#050505;overflow:hidden;display:flex;align-items:flex-end}
.dom-hero__bg{position:absolute;inset:0}
.dom-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.dom-hero__bg-ph{width:100%;height:100%;background:radial-gradient(ellipse at 70% 50%,rgba(200,150,12,.15) 0%,#050505 65%)}
/* Diagonal slash overlay */
.dom-hero::after{content:'';position:absolute;top:0;left:55%;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(200,150,12,.06) 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);pointer-events:none}
.dom-hero__slash{position:absolute;top:0;left:54%;width:3px;height:100%;background:linear-gradient(to bottom,transparent,#BF953F 20%,#FCF6BA 50%,#AA771C 80%,transparent);transform:rotate(2deg);transform-origin:top}
.dom-hero__ghost{position:absolute;top:50%;right:-40px;transform:translateY(-50%);font-family:var(--dsp);font-size:clamp(120px,20vw,220px);color:rgba(200,150,12,.04);text-transform:uppercase;pointer-events:none;line-height:1;letter-spacing:.04em;white-space:nowrap}
.dom-hero__inner{position:relative;z-index:2;padding:clamp(40px,5vw,72px);max-width:680px}
.dom-hero__rank{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:rgba(200,150,12,.6);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.dom-hero__rank::before{content:'';width:32px;height:1px;background:linear-gradient(to right,#BF953F,#FCF6BA)}
.dom-hero__title{font-family:var(--dsp);font-size:clamp(4rem,11vw,10rem);text-transform:uppercase;line-height:.85;letter-spacing:.02em;margin-bottom:6px}
.dom-hero__sub{font-size:clamp(13px,1.4vw,15px);color:rgba(255,255,255,.45);max-width:440px;line-height:1.7;margin-bottom:28px}
.dom-hero__btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-dom{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;border-radius:1px}
.btn-dom--gold{background:linear-gradient(135deg,#BF953F,#FCF6BA 40%,#B38728 60%,#FCF6BA 80%,#AA771C);color:#0A0A0A;box-shadow:0 0 20px rgba(200,150,12,.35)}
.btn-dom--gold:hover{box-shadow:0 0 32px rgba(200,150,12,.6);filter:brightness(1.1)}
.btn-dom--ghost{background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(200,150,12,.3)}
.btn-dom--ghost:hover{border-color:rgba(200,150,12,.7);color:#FCF6BA}

/* Gold ticker */
.dom-ticker{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 25%,#B38728 45%,#FBF5B7 65%,#AA771C 85%,#FCF6BA 100%);overflow:hidden;padding:11px 0}
.dom-ticker__track{display:flex;white-space:nowrap;animation:mucc-ticker 20s linear infinite}
.dom-ticker__item{font-family:var(--dsp);font-size:clamp(.9rem,1.8vw,1.4rem);text-transform:uppercase;color:#0A0A0A;padding:0 32px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:32px;opacity:.9}
.dom-ticker__item::after{content:'✦';font-size:.5em;opacity:.5}

/* Products: asymmetric war grid */
.dom-products{padding:clamp(56px,7vw,96px) 0;background:#050505}
.dom-products__header{padding:0 clamp(20px,4vw,64px);margin-bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dom-products__label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(200,150,12,.6);margin-bottom:10px}
.dom-products__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,4.2rem);text-transform:uppercase;color:#fff;line-height:.88}
.dom-products__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2px;background:rgba(200,150,12,.15)}
@media(max-width:768px){.dom-products__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dom-products__grid{grid-template-columns:1fr}}
.dom-pcard{background:#080808;position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.dom-pcard:first-child{grid-row:1/3}
@media(max-width:768px){.dom-pcard:first-child{grid-row:auto}}
.dom-pcard__img{width:100%;height:100%;object-fit:cover;min-height:260px;transition:transform .6s ease,filter .6s ease}
.dom-pcard:hover .dom-pcard__img{transform:scale(1.05);filter:brightness(1.1)}
.dom-pcard__ph{width:100%;min-height:320px;background:linear-gradient(135deg,#111,#1a1500);display:flex;align-items:center;justify-content:center}
.dom-pcard__body{padding:16px 18px;background:linear-gradient(to top,#050505,transparent);position:absolute;bottom:0;left:0;right:0}
.dom-pcard__name{font-family:var(--dsp);font-size:clamp(1.2rem,2.5vw,2rem);text-transform:uppercase;color:#fff;line-height:.95}
.dom-pcard__price{font-size:13px;font-family:var(--hd);font-weight:700;letter-spacing:.06em;margin-top:4px;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.dom-pcard__badge{position:absolute;top:12px;right:12px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;background:linear-gradient(135deg,#BF953F,#FCF6BA 40%,#B38728);color:#0A0A0A}

/* Apparel: stacked editorial */
.dom-apparel{background:#060606;border-top:1px solid rgba(200,150,12,.1)}
.dom-apparel__row{display:grid;grid-template-columns:1fr 1fr;min-height:360px}
@media(max-width:768px){.dom-apparel__row{grid-template-columns:1fr}}
.dom-apparel__row:nth-child(even) .dom-apparel__img{order:-1}
.dom-apparel__img{position:relative;overflow:hidden;min-height:300px}
.dom-apparel__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.dom-apparel__img-ph{width:100%;height:100%;min-height:300px;background:linear-gradient(135deg,#111,#1a1500);display:flex;align-items:center;justify-content:center}
.dom-apparel__img:hover img{transform:scale(1.04)}
.dom-apparel__content{padding:clamp(36px,5vw,64px);display:flex;flex-direction:column;justify-content:center;background:#060606}
.dom-apparel__eyebrow{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(200,150,12,.6);margin-bottom:12px}
.dom-apparel__title{font-family:var(--dsp);font-size:clamp(1.8rem,3.5vw,3rem);text-transform:uppercase;color:#fff;line-height:.9;margin-bottom:14px}
.dom-apparel__body{font-size:14px;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:22px}
.dom-apparel__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#BF953F;text-decoration:none;transition:gap .2s ease}
.dom-apparel__link:hover{gap:14px;color:#FCF6BA}

/* Story */
.dom-story{padding:clamp(56px,7vw,88px) 0;background:#050505;border-top:1px solid rgba(200,150,12,.08)}
.dom-story__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px);align-items:center}
@media(max-width:768px){.dom-story__inner{grid-template-columns:1fr}}
.dom-story__specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(200,150,12,.12);margin-top:28px}
.dom-spec{background:#080808;padding:14px 16px}
.dom-spec__l{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(200,150,12,.5);margin-bottom:3px}
.dom-spec__v{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.dom-story__img{position:relative;aspect-ratio:4/5;overflow:hidden}
.dom-story__img img{width:100%;height:100%;object-fit:cover}
.dom-story__img-ph{width:100%;height:100%;min-height:400px;background:linear-gradient(160deg,#111,#1a1500);display:flex;align-items:center;justify-content:center}
/* Gold corner accents */
.dom-story__img::before,.dom-story__img::after{content:'';position:absolute;width:32px;height:32px;z-index:2}
.dom-story__img::before{top:0;left:0;border-top:2px solid #FCF6BA;border-left:2px solid #FCF6BA}
.dom-story__img::after{bottom:0;right:0;border-bottom:2px solid #BF953F;border-right:2px solid #BF953F}

/* CTA */
.dom-cta{padding:clamp(56px,7vw,88px) 0;background:linear-gradient(135deg,#050505 0%,#1a1500 50%,#050505 100%);text-align:center;position:relative;overflow:hidden}
.dom-cta::before{content:'DOMINATOR';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(80px,15vw,160px);text-transform:uppercase;color:rgba(200,150,12,.04);white-space:nowrap;letter-spacing:.04em;pointer-events:none}

/* ═══════════════════════════════════════════════════
   VYRA — Precision Power. Deep Purple × Rose.
   Layout: Centered editorial, full-bleed panels
═══════════════════════════════════════════════════ */
.vyra-page{background:#FAF8FF;color:#1a1025}

/* Hero: centered, immersive, purple atmosphere */
.vyra-hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#F0EAF8}
.vyra-hero__bg{position:absolute;inset:0}
.vyra-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.45;filter:saturate(.8)}
.vyra-hero__bg-ph{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(236,72,153,.12) 0%,rgba(167,139,250,.1) 50%,#F0EAF8 100%)}
.vyra-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(240,234,248,.3) 0%,rgba(240,234,248,.6) 100%)}
/* Floating orbs */
.vyra-hero__orb1{position:absolute;top:20%;left:15%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);pointer-events:none;animation:vyra-float 6s ease-in-out infinite}
.vyra-hero__orb2{position:absolute;bottom:25%;right:10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);pointer-events:none;animation:vyra-float 8s ease-in-out infinite .5s}
@keyframes vyra-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.vyra-hero__inner{position:relative;z-index:2;padding:clamp(48px,7vw,80px) clamp(20px,4vw,60px);max-width:800px}
.vyra-hero__logo{margin:0 auto 28px;max-width:220px}
.vyra-hero__logo img{width:100%;filter:brightness(0) saturate(100%) invert(30%) sepia(60%) saturate(800%) hue-rotate(270deg) brightness(90%)}
.vyra-hero__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(124,58,237,.6);margin-bottom:20px}
.vyra-hero__title{font-family:var(--dsp);font-size:clamp(2.8rem,7vw,6.5rem);text-transform:uppercase;line-height:.88;margin-bottom:20px;color:#1a1025}
.vyra-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(26,16,37,.5);max-width:520px;margin:0 auto 32px;line-height:1.7}
.vyra-hero__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-vyra--solid{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;background:linear-gradient(135deg,#EC4899,#A855F7);color:#fff;box-shadow:0 0 24px rgba(236,72,153,.35);transition:all .2s ease}
.btn-vyra--solid:hover{box-shadow:0 0 36px rgba(236,72,153,.6);filter:brightness(1.08)}
.btn-vyra--ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;border:1px solid rgba(124,58,237,.4);color:rgba(26,16,37,.7);transition:all .2s ease}
.btn-vyra--ghost:hover{border-color:#EC4899;color:#EC4899}

/* Purple ticker */
.vyra-ticker{background:linear-gradient(135deg,#EC4899 0%,#A855F7 40%,#EC4899 70%,#C084FC 100%);overflow:hidden;padding:11px 0}
.vyra-ticker__track{display:flex;white-space:nowrap;animation:mucc-ticker 24s linear infinite}
.vyra-ticker__item{font-family:var(--dsp);font-size:clamp(.9rem,1.8vw,1.3rem);text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 32px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:32px}
.vyra-ticker__item::after{content:'✦';font-size:.5em;opacity:.4}

/* Products: alternating full-bleed panels */
.vyra-products{background:#FFFFFF;padding:clamp(56px,7vw,96px) 0}
.vyra-products__header{text-align:center;margin-bottom:clamp(40px,5vw,60px)}
.vyra-products__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(124,58,237,.7);margin-bottom:10px}
.vyra-products__title{font-family:var(--dsp);font-size:clamp(2.4rem,5vw,4.2rem);text-transform:uppercase;color:#1a1025;line-height:.9}
.vyra-panel{display:grid;grid-template-columns:1fr 1fr;min-height:400px;border-top:1px solid rgba(236,72,153,.1)}
@media(max-width:768px){.vyra-panel{grid-template-columns:1fr}}
.vyra-panel:nth-child(even) .vyra-panel__img{order:2}
.vyra-panel__img{position:relative;overflow:hidden;background:#F0EAF8}
.vyra-panel__img img{width:100%;height:100%;object-fit:cover;min-height:300px;transition:transform .7s ease,filter .7s ease}
.vyra-panel:hover .vyra-panel__img img{transform:scale(1.03);filter:saturate(1.3)}
.vyra-panel__img-ph{width:100%;min-height:320px;background:radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.12) 0%,#F0EAF8 70%);display:flex;align-items:center;justify-content:center}
.vyra-panel__glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(236,72,153,.06),transparent);pointer-events:none}
.vyra-panel__content{padding:clamp(36px,5vw,64px);display:flex;flex-direction:column;justify-content:center;background:#FAF8FF}
.vyra-panel__num{font-family:var(--dsp);font-size:4rem;color:rgba(236,72,153,.2);line-height:1;margin-bottom:8px}
.vyra-panel__name{font-family:var(--dsp);font-size:clamp(1.8rem,3.5vw,3rem);text-transform:uppercase;color:#1a1025;line-height:.9;margin-bottom:10px}
.vyra-panel__desc{font-size:14px;color:rgba(26,16,37,.5);line-height:1.7;margin-bottom:20px}
.vyra-panel__price{font-family:var(--hd);font-size:16px;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#EC4899,#A855F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px}
.vyra-panel__link{display:inline-flex;align-items:center;gap:7px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(124,58,237,.8);text-decoration:none;transition:all .2s ease}
.vyra-panel__link:hover{color:#EC4899;gap:12px}

/* Apparel: editorial 2-up */
.vyra-apparel{background:#FDF5FA;padding:clamp(56px,7vw,88px) 0;border-top:1px solid rgba(236,72,153,.12)}
.vyra-apparel__header{text-align:center;margin-bottom:clamp(36px,4vw,52px)}
.vyra-apparel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(236,72,153,.12)}
@media(max-width:768px){.vyra-apparel__grid{grid-template-columns:1fr 1fr}}
.vyra-acard{background:#FFFFFF;position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.vyra-acard__img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .6s ease}
.vyra-acard:hover .vyra-acard__img{transform:scale(1.04)}
.vyra-acard__img-ph{width:100%;aspect-ratio:3/4;background:radial-gradient(ellipse,rgba(236,72,153,.1) 0%,#FDF5FA 70%);display:flex;align-items:center;justify-content:center}
.vyra-acard__body{padding:14px 16px}
.vyra-acard__tag{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(236,72,153,.7);margin-bottom:4px}
.vyra-acard__name{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a1025}
.vyra-acard__price{font-size:13px;background:linear-gradient(135deg,#EC4899,#7C3AED);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--hd);font-weight:700;margin-top:4px}
/* Glow on hover */
.vyra-acard::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(236,72,153,.3);opacity:0;transition:opacity .3s ease;pointer-events:none}
.vyra-acard:hover::after{opacity:1}

/* VYRA CTA */
.vyra-cta{padding:clamp(64px,8vw,100px) 0;text-align:center;background:#F0EAF8;position:relative;overflow:hidden}
.vyra-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);pointer-events:none}

/* ═══════════════════════════════════════════════════
   THANGAM 24 — Dynasty Gold. Heritage × Ambition.
   Layout: Magazine split, heritage numbering
═══════════════════════════════════════════════════ */
.t24-page{background:#0c0201;color:#FFF8E7}

/* Hero: dramatic split — massive type left, image right */
.t24-hero{display:grid;grid-template-columns:1fr 1fr;min-height:70vh;background:linear-gradient(160deg,#0e0201 0%,#1a0202 50%,#0c0101 100%);position:relative;overflow:hidden}
@media(max-width:768px){.t24-hero{grid-template-columns:1fr;min-height:auto}}
.t24-hero__left{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,72px) clamp(24px,4vw,64px);position:relative;z-index:1}
.t24-hero__left::after{content:'';position:absolute;top:0;right:-1px;width:2px;height:100%;background:linear-gradient(to bottom,transparent,#BF953F 15%,#FCF6BA 35%,#B38728 50%,#FBF5B7 65%,#AA771C 85%,transparent);filter:drop-shadow(0 0 4px rgba(200,150,12,.6))}
.t24-hero__heritage{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:rgba(191,149,63,.85);margin-bottom:24px;display:flex;align-items:center;gap:10px}
.t24-hero__heritage::before,.t24-hero__heritage::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,#BF953F 50%,transparent)}
.t24-hero__number{font-family:var(--dsp);font-size:clamp(5rem,12vw,11rem);color:rgba(139,26,26,.18);line-height:1;margin-bottom:-12px;display:block}
.t24-hero__brand{font-family:var(--dsp);font-size:clamp(2rem,4vw,3.8rem);text-transform:uppercase;line-height:.9;margin-bottom:10px;letter-spacing:.04em}
.t24-hero__tagline{font-family:var(--hd);font-size:clamp(11px,1.4vw,13px);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,231,.4);margin-bottom:28px;font-style:italic;max-width:380px;line-height:1.7}
.t24-hero__btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-t24--gold{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 30%,#B38728 55%,#FBF5B7 75%,#AA771C 100%);color:#080401;box-shadow:0 4px 24px rgba(212,160,23,.35);transition:all .2s ease}
.btn-t24--gold:hover{box-shadow:0 4px 40px rgba(212,160,23,.6);filter:brightness(1.08)}
.btn-t24--ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(212,160,23,.3);color:rgba(255,248,231,.5);transition:all .2s ease}
.btn-t24--ghost:hover{border-color:rgba(212,160,23,.7);color:#FCF6BA}
.t24-hero__right{position:relative;overflow:hidden;min-height:300px}
.t24-hero__right img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(1.2)}
.t24-hero__right-ph{width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,rgba(212,160,23,.12) 0%,#080401 70%);display:flex;align-items:center;justify-content:center}
.t24-hero__right::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(18,2,2,.75) 0%,rgba(139,26,26,.15) 30%,transparent 55%)}

/* Gold ticker with deep red separator */
.t24-ticker{background:#130101;border-top:2px solid rgba(139,26,26,.7);border-bottom:2px solid rgba(139,26,26,.7);overflow:hidden;padding:11px 0}
.t24-ticker__track{display:flex;white-space:nowrap;animation:mucc-ticker 28s linear infinite}
.t24-ticker__item{font-family:var(--hd);font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:0 28px;display:inline-flex;align-items:center;gap:28px;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728,#FBF5B7,#AA771C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.t24-ticker__item::after{content:'᭴';-webkit-text-fill-color:rgba(180,50,20,.5);opacity:.6}

/* Products: heritage magazine numbered */
.t24-products{padding:clamp(56px,7vw,96px) 0;background:#0c0201;border-top:3px solid #5c0a0a}
.t24-products__header{text-align:center;margin-bottom:clamp(40px,5vw,64px);padding:0 var(--pad)}
.t24-products__roman{font-family:var(--dsp);font-size:clamp(3rem,6vw,5.5rem);color:rgba(139,26,26,.25);margin-bottom:-16px}
.t24-products__title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.8rem);text-transform:uppercase;color:#FFF8E7;line-height:.9}
.t24-products__divider{width:80px;height:2px;margin:16px auto 0;linear-gradient(135deg,#BF953F 0%,#FCF6BA 25%,#B38728 45%,#FBF5B7 65%,#AA771C 85%,#FCF6BA 100%);filter:drop-shadow(0 0 4px rgba(200,150,12,.5))}
/* Three-up grid with rich borders */
.t24-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid rgba(100,10,10,.6)}
@media(max-width:768px){.t24-products__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.t24-products__grid{grid-template-columns:1fr}}
.t24-pcard{border-right:1px solid rgba(100,10,10,.5);position:relative;overflow:hidden;text-decoration:none;display:block}
.t24-pcard:last-child{border-right:none}
.t24-pcard__img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.t24-pcard:hover .t24-pcard__img{transform:scale(1.04);filter:sepia(.1) saturate(1.3)}
.t24-pcard__img-ph{width:100%;aspect-ratio:3/4;background:radial-gradient(ellipse,rgba(139,26,26,.2) 0%,#0c0101 70%);display:flex;align-items:center;justify-content:center}
.t24-pcard__body{padding:18px 20px;border-top:2px solid rgba(100,10,10,.5);background:#0c0201}
.t24-pcard__num{font-family:var(--dsp);font-size:.9rem;color:rgba(191,149,63,.6);margin-bottom:4px;letter-spacing:.1em}
.t24-pcard__name{font-family:var(--dsp);font-size:clamp(1.2rem,2.5vw,2rem);text-transform:uppercase;color:#FFF8E7;line-height:.95;margin-bottom:6px}
.t24-pcard__price{font-size:13px;font-family:var(--hd);font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.t24-pcard__badge{position:absolute;top:0;left:0;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;linear-gradient(135deg,#BF953F 0%,#FCF6BA 25%,#B38728 45%,#FBF5B7 65%,#AA771C 85%,#FCF6BA 100%);color:#080401;filter:drop-shadow(0 0 6px rgba(200,150,12,.4))}

/* Apparel editorial */
.t24-apparel{background:#100101;padding:clamp(48px,6vw,80px) 0;border-top:3px solid rgba(100,10,10,.6)}
.t24-apparel__header{padding:0 var(--pad);margin-bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}
.t24-apparel__grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:2px;background:rgba(100,10,10,.5)}
@media(max-width:768px){.t24-apparel__grid{grid-template-columns:1fr 1fr}}
.t24-acard{background:#0c0201;overflow:hidden;position:relative;text-decoration:none;display:block}
.t24-acard:first-child{grid-row:span 2}
.t24-acard__img{width:100%;height:100%;object-fit:cover;min-height:240px;transition:transform .6s ease}
.t24-acard:hover .t24-acard__img{transform:scale(1.04)}
.t24-acard__body{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(8,4,1,.85),transparent)}
.t24-acard__tag{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3px}
.t24-acard__name{font-family:var(--dsp);font-size:clamp(1rem,2.5vw,1.8rem);text-transform:uppercase;color:#FFF8E7;line-height:.95}

/* Heritage CTA */
.t24-cta{padding:clamp(56px,7vw,88px) 0;background:linear-gradient(160deg,#0e0101 0%,#1f0101 40%,#0e0101 100%);border-top:3px solid rgba(100,10,10,.7);text-align:center;position:relative;overflow:hidden}
.t24-cta::before{content:'XXIV';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(120px,22vw,260px);color:rgba(139,26,26,.12);pointer-events:none;white-space:nowrap}

/* ═══════════════════════════════════════════════════
   QUADRA — Technical Dark. Matte Black × Chrome.
   Layout: Architectural grid, technical precision
═══════════════════════════════════════════════════ */
.qua-page{background:#040404;color:#F9FAFB;font-family:var(--bd)}

/* Hero: minimal, technical, full-bleed image */
.qua-hero{position:relative;height:100vh;min-height:600px;background:#040404;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
@media(max-width:768px){.qua-hero{grid-template-columns:1fr;height:auto}}
.qua-hero__img-side{position:relative;overflow:hidden;min-height:400px}
.qua-hero__img-side img{width:100%;height:100%;object-fit:cover;filter:saturate(.2) brightness(.9)}
.qua-hero__img-ph{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#141414);display:flex;align-items:center;justify-content:center}
/* Silver edge lines */
.qua-hero__img-side::before{content:'';position:absolute;top:20px;right:0;bottom:20px;width:1px;background:linear-gradient(to bottom,transparent,#E8E8E8 30%,#F5F5F5 50%,#8C8C8C 70%,transparent);z-index:2}
.qua-hero__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,100px) clamp(32px,4vw,64px);background:#040404;position:relative}
/* Tech grid lines */
.qua-hero__content::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.qua-hero__system{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:rgba(200,200,200,.3);margin-bottom:20px;display:flex;align-items:center;gap:8px;position:relative}
.qua-hero__system::before{content:'';width:20px;height:1px;background:linear-gradient(to right,#8C8C8C,#F5F5F5)}
.qua-hero__title{font-family:var(--dsp);font-size:clamp(3.5rem,9vw,8rem);text-transform:uppercase;line-height:.85;margin-bottom:6px;position:relative}
.qua-hero__tagline{font-family:var(--hd);font-size:clamp(11px,1.3vw,13px);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:rgba(249,250,251,.3);margin-bottom:28px;max-width:360px;line-height:1.7;position:relative}
.qua-hero__btns{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.btn-qua--silver{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:linear-gradient(135deg,#6B6B6B 0%,#E8E8E8 20%,#A8A8A8 40%,#F5F5F5 60%,#8C8C8C 80%,#E0E0E0 100%);color:#040404;box-shadow:0 0 20px rgba(192,192,192,.25);transition:all .2s ease}
.btn-qua--silver:hover{box-shadow:0 0 36px rgba(220,220,220,.45);filter:brightness(1.08)}
.btn-qua--ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(200,200,200,.15);color:rgba(249,250,251,.4);transition:all .2s ease}
.btn-qua--ghost:hover{border-color:rgba(200,200,200,.4);color:rgba(249,250,251,.7)}

/* Silver ticker */
.qua-ticker{background:linear-gradient(135deg,#6B6B6B 0%,#E8E8E8 20%,#A8A8A8 40%,#F5F5F5 60%,#8C8C8C 80%,#E0E0E0 100%);overflow:hidden;padding:11px 0}
.qua-ticker__track{display:flex;white-space:nowrap;animation:mucc-ticker 22s linear infinite}
.qua-ticker__item{font-family:var(--hd);font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#040404;padding:0 28px;display:inline-flex;align-items:center;gap:28px;opacity:.85}
.qua-ticker__item::after{content:'◆';font-size:.45em;opacity:.5}

/* Products: masonry-style uneven grid */
.qua-products{padding:clamp(56px,7vw,96px) 0;background:#040404}
.qua-products__header{padding:0 var(--pad);margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px}
.qua-products__system{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(200,200,200,.3);margin-bottom:8px}
.qua-products__title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.8rem);text-transform:uppercase;color:#F9FAFB;line-height:.9}
/* Flexible equal-weight grid — looks intentional with 2, 3, or 4 products */
.qua-products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;background:rgba(200,200,200,.06);padding:2px}
@media(max-width:600px){.qua-products__grid{grid-template-columns:1fr}}
.qua-pcard{background:#0a0a0a;position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(200,200,200,.05)}
.qua-pcard:hover{border-color:rgba(200,200,200,.14)}
/* Tech cross-hair corner */
.qua-pcard::before{content:'';position:absolute;top:12px;right:12px;width:20px;height:20px;border-top:1px solid rgba(200,200,200,.15);border-right:1px solid rgba(200,200,200,.15);z-index:2}
.qua-pcard__img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.3);transition:transform .6s ease,filter .5s ease}
.qua-pcard:hover .qua-pcard__img{transform:scale(1.05);filter:saturate(.7)}
.qua-pcard__img-ph{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,#0d0d0d,#141414);display:flex;align-items:center;justify-content:center}
.qua-pcard__body{padding:14px 16px;border-top:1px solid rgba(255,255,255,.04)}
.qua-pcard__name{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#F9FAFB;margin-bottom:4px}
.qua-pcard__price{font-size:13px;font-family:var(--hd);font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#6B6B6B,#E8E8E8,#A8A8A8,#F5F5F5,#8C8C8C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.qua-pcard__badge{position:absolute;top:12px;left:12px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:linear-gradient(135deg,#6B6B6B,#E8E8E8,#A8A8A8);color:#040404}

/* Apparel: horizontal scroll feel */
.qua-apparel{background:#040404;padding:clamp(48px,6vw,80px) 0;border-top:1px solid rgba(255,255,255,.04)}
.qua-apparel__header{padding:0 var(--pad);margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}
.qua-apparel__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(200,200,200,.06)}
@media(max-width:900px){.qua-apparel__grid{grid-template-columns:repeat(2,1fr)}}
.qua-acard{background:#060606;overflow:hidden;position:relative;text-decoration:none;display:block}
.qua-acard__img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.15);transition:transform .5s ease,filter .5s ease}
.qua-acard:hover .qua-acard__img{transform:scale(1.04);filter:saturate(.5)}
.qua-acard__img-ph{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#0a0a0a,#111);display:flex;align-items:center;justify-content:center}
.qua-acard__body{padding:12px 14px;border-top:1px solid rgba(255,255,255,.04)}
.qua-acard__name{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F9FAFB}
.qua-acard__price{font-size:11px;font-family:var(--hd);font-weight:700;letter-spacing:.04em;background:linear-gradient(135deg,#6B6B6B,#E8E8E8,#A8A8A8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:2px}

/* Technical specs */
.qua-specs{background:#040404;border-top:1px solid rgba(255,255,255,.04);padding:clamp(32px,4vw,52px) 0}
.qua-specs__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(200,200,200,.1);background:#0a0a0a}
@media(max-width:700px){.qua-specs__inner{grid-template-columns:repeat(2,1fr)}}
.qua-spec{padding:28px 24px;border-right:1px solid rgba(200,200,200,.08);position:relative}
.qua-spec:last-child{border-right:none}
@media(max-width:700px){.qua-spec:nth-child(2){border-right:none}.qua-spec:nth-child(1),.qua-spec:nth-child(2){border-bottom:1px solid rgba(200,200,200,.08)}}
.qua-spec::before{content:attr(data-num);position:absolute;top:12px;right:14px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;color:rgba(200,200,200,.18)}
.qua-spec__l{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(249,250,251,.45);margin-bottom:10px}
.qua-spec__v{font-family:var(--hd);font-size:clamp(18px,2vw,22px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;background:linear-gradient(135deg,#6B6B6B,#E8E8E8,#A8A8A8,#F5F5F5,#8C8C8C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* QUADRA CTA */
.qua-cta{padding:clamp(56px,7vw,88px) 0;background:#040404;border-top:1px solid rgba(255,255,255,.04);text-align:center;position:relative;overflow:hidden}
.qua-cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}

/* ═══════════════════════════════════════════════════
   NETBALL TEAMWEAR PAGE — ZAS77F
   Positions · Court · Mockups · Animations · SEO
═══════════════════════════════════════════════════ */

:root{--nb:#E8003D;--nb2:#B8002E;--nb-court:#2D5A3D;--nb-court-lt:#3A7A52;--nb-navy:#0A1628;--nb-off:#F8F5FF}

/* ── Hero ── */
.ntw{background:#fff;color:var(--black)}
.ntw-hero{position:relative;background:var(--nb-navy);overflow:hidden;min-height:88vh;display:flex;align-items:flex-end}
.ntw-hero__bg{position:absolute;inset:0}
.ntw-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.25}
.ntw-hero__bg-ph{width:100%;height:100%;background:radial-gradient(ellipse at 70% 40%,rgba(232,0,61,.18) 0%,var(--nb-navy) 65%)}
/* Animated court lines */
.ntw-hero__court{position:absolute;inset:0;opacity:.08}
.ntw-hero__court svg{width:100%;height:100%}
.ntw-hero__inner{position:relative;z-index:2;padding:clamp(80px,10vw,140px) clamp(24px,4vw,72px) clamp(56px,6vw,88px);max-width:800px}
.ntw-eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--nb);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.ntw-eyebrow::before{content:'';width:28px;height:2px;background:var(--nb)}
.ntw-h1{font-family:var(--dsp);font-size:clamp(3.5rem,9vw,8rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.01em;margin-bottom:22px}
.ntw-h1 span{color:var(--nb);display:block}
.ntw-h1 small{font-size:.52em;color:rgba(255,255,255,.45);display:block;letter-spacing:.04em}
.ntw-sub{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.5);max-width:520px;line-height:1.75;margin-bottom:32px}
.ntw-btns{display:flex;gap:12px;flex-wrap:wrap}
.ntw-btn-p{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--nb);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s}
.ntw-btn-p:hover{background:var(--nb2)}
.ntw-btn-g{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:rgba(255,255,255,.6);font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:2px;transition:all .2s}
.ntw-btn-g:hover{border-color:var(--nb);color:#fff}

/* Bouncing netball */
.ntw-ball-wrap{position:absolute;right:8%;bottom:10%;z-index:2;animation:ntw-float 3.5s ease-in-out infinite}
@keyframes ntw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
.ntw-ball-shadow{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:70%;height:14px;background:rgba(0,0,0,.3);border-radius:50%;filter:blur(6px);animation:ntw-shadow 3.5s ease-in-out infinite}
@keyframes ntw-shadow{0%,100%{transform:translateX(-50%) scaleX(1);opacity:.3}50%{transform:translateX(-50%) scaleX(.6);opacity:.15}}
@media(max-width:768px){.ntw-ball-wrap{right:4%;width:120px}}

/* ── Section labels ── */
.ntw-section-label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--nb);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.ntw-section-label::before{content:'';width:22px;height:2px;background:var(--nb)}
.ntw-section-title{font-family:var(--dsp);font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;color:var(--black);line-height:.9;letter-spacing:.02em;margin-bottom:clamp(32px,4vw,52px)}
.ntw-section-title em{font-style:normal;color:var(--nb)}

/* ── Trust stats ── */
.ntw-stats{background:var(--nb);padding:0}
.ntw-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto}
@media(max-width:700px){.ntw-stats__grid{grid-template-columns:repeat(2,1fr)}}
.ntw-stat{padding:clamp(24px,3vw,40px) 24px;border-right:1px solid rgba(255,255,255,.18);text-align:center}
.ntw-stat:last-child{border-right:none}
.ntw-stat__n{font-family:var(--dsp);font-size:clamp(2.8rem,5vw,4.5rem);color:#fff;line-height:1}
.ntw-stat__l{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:5px}

/* ── Positions strip ── */
.ntw-positions{padding:clamp(56px,7vw,96px) 0;background:var(--nb-off)}
.ntw-positions__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ntw-pos-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:rgba(232,0,61,.08);margin-top:8px}
@media(max-width:900px){.ntw-pos-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.ntw-pos-grid{grid-template-columns:repeat(2,1fr)}}
.ntw-pos-card{background:#fff;padding:clamp(16px,2vw,28px) 12px;text-align:center;position:relative;overflow:hidden;transition:background .25s}
.ntw-pos-card:hover{background:var(--nb-navy)}
.ntw-pos-card:hover .ntw-pos-card__abbr{color:#fff}
.ntw-pos-card:hover .ntw-pos-card__name{color:rgba(255,255,255,.6)}
.ntw-pos-card:hover .ntw-pos-card__desc{color:rgba(255,255,255,.4)}
.ntw-pos-card:hover .ntw-pos-icon svg{stroke:var(--nb)}
.ntw-pos-icon{width:52px;height:52px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}
.ntw-pos-icon svg{width:48px;height:48px;stroke:var(--nb-navy);fill:none;stroke-width:1.5;transition:stroke .25s}
.ntw-pos-card__abbr{font-family:var(--dsp);font-size:1.8rem;color:var(--nb);line-height:1;margin-bottom:4px;letter-spacing:.04em;transition:color .25s}
.ntw-pos-card__name{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g5);margin-bottom:8px;transition:color .25s}
.ntw-pos-card__desc{font-size:11px;color:var(--g5);line-height:1.5;transition:color .25s}

/* ── Court diagram ── */
.ntw-court{padding:clamp(56px,7vw,96px) 0;background:var(--nb-navy);position:relative;overflow:hidden}
.ntw-court__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px);display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,5vw,80px);align-items:center}
@media(max-width:768px){.ntw-court__inner{grid-template-columns:1fr}}
.ntw-court__text .ntw-section-title{color:#fff}
.ntw-court__text .ntw-section-title em{color:var(--nb)}
.ntw-court__copy{font-size:15px;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:28px}
.ntw-court__features{display:flex;flex-direction:column;gap:10px}
.ntw-court__feature{display:flex;align-items:center;gap:12px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ntw-court__feature svg{width:16px;height:16px;stroke:var(--nb);fill:none;flex-shrink:0}
.ntw-court-svg-wrap{position:relative}
.ntw-court-svg-wrap svg{width:100%;height:auto;max-height:480px}
/* Ball animation on court */
.ntw-ball-anim{animation:ntw-court-ball 4s ease-in-out infinite}
@keyframes ntw-court-ball{0%{transform:translate(0,0)}25%{transform:translate(60px,-40px)}50%{transform:translate(120px,20px)}75%{transform:translate(40px,60px)}100%{transform:translate(0,0)}}

/* ── Uniform mockups ── */
.ntw-mockups{padding:clamp(56px,7vw,96px) 0;background:#fff}
.ntw-mockups__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ntw-mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--g2);margin-top:8px}
@media(max-width:768px){.ntw-mockup-grid{grid-template-columns:1fr 1fr}}
.ntw-mockup-card{background:var(--off);padding:clamp(28px,3vw,48px) 20px;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:background .3s}
.ntw-mockup-card:hover{background:var(--nb-navy)}
.ntw-mockup-card:hover .ntw-mockup-card__label{color:rgba(255,255,255,.5)}
.ntw-mockup-card:hover .ntw-mockup-card__name{color:#fff}
.ntw-mockup-svg{width:clamp(120px,18vw,200px);height:auto;margin:0 auto 20px;display:block;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.ntw-mockup-card:hover .ntw-mockup-svg{transform:translateY(-8px) scale(1.04)}
.ntw-mockup-card__label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--g5);margin-bottom:5px;transition:color .3s}
.ntw-mockup-card__name{font-family:var(--dsp);font-size:1.4rem;text-transform:uppercase;color:var(--black);letter-spacing:.04em;transition:color .3s}

/* ── Fabric tech ── */
.ntw-tech{padding:clamp(56px,7vw,96px) 0;background:var(--off)}
.ntw-tech__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ntw-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:900px){.ntw-tech-grid{grid-template-columns:repeat(2,1fr)}}
.ntw-tech-card{background:#fff;padding:clamp(24px,2.5vw,36px);border-radius:2px;position:relative;overflow:hidden;border-bottom:2px solid transparent;transition:border-color .25s}
.ntw-tech-card:hover{border-color:var(--nb)}
.ntw-tech-card__icon{width:48px;height:48px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;background:rgba(232,0,61,.06);border-radius:2px}
.ntw-tech-card__icon svg{width:26px;height:26px;stroke:var(--nb);fill:none;stroke-width:1.8}
.ntw-tech-card__title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--black);margin-bottom:8px}
.ntw-tech-card__desc{font-size:13px;color:var(--g5);line-height:1.6}
.ntw-tech-card__badge{position:absolute;top:16px;right:16px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;background:rgba(232,0,61,.1);color:var(--nb);border-radius:2px}

/* ── Who we kit out ── */
.ntw-community{padding:clamp(56px,7vw,96px) 0;background:#fff}
.ntw-community__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ntw-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--g2)}
@media(max-width:900px){.ntw-who-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ntw-who-grid{grid-template-columns:1fr}}
.ntw-who-card{background:#fff;padding:clamp(24px,3vw,40px);position:relative;transition:background .25s}
.ntw-who-card:hover{background:var(--nb-navy)}
.ntw-who-card:hover .ntw-who-card__title{color:#fff}
.ntw-who-card:hover .ntw-who-card__desc{color:rgba(255,255,255,.45)}
.ntw-who-card__icon{width:52px;height:52px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;background:rgba(232,0,61,.06);border-radius:2px;transition:background .25s}
.ntw-who-card:hover .ntw-who-card__icon{background:rgba(232,0,61,.2)}
.ntw-who-card__icon svg{width:28px;height:28px;stroke:var(--nb);fill:none;stroke-width:1.8}
.ntw-who-card__title{font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);margin-bottom:8px;transition:color .25s}
.ntw-who-card__desc{font-size:13px;color:var(--g5);line-height:1.6;transition:color .25s}

/* ── Netball keywords ticker ── */
.ntw-ticker{background:var(--black);overflow:hidden;padding:10px 0;border-top:1px solid rgba(232,0,61,.2);border-bottom:1px solid rgba(232,0,61,.2)}
.ntw-ticker__track{display:flex;white-space:nowrap;animation:mucc-ticker 35s linear infinite}
.ntw-ticker__item{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);padding:0 28px;display:inline-flex;align-items:center;gap:28px}
.ntw-ticker__item em{color:var(--nb);font-style:normal}

/* ── Process ── */
.ntw-process{padding:clamp(56px,7vw,96px) 0;background:var(--nb-navy)}
.ntw-process__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.ntw-process__header{text-align:center;margin-bottom:clamp(40px,5vw,64px)}
.ntw-process__header .ntw-section-title{color:#fff}
.ntw-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
@media(max-width:768px){.ntw-timeline{grid-template-columns:repeat(2,1fr)}}
.ntw-timeline::before{content:'';position:absolute;top:28px;left:14%;right:14%;height:1px;background:rgba(232,0,61,.2);pointer-events:none}
.ntw-timeline-step{padding:0 clamp(12px,2vw,28px);text-align:center;position:relative}
.ntw-timeline-step__dot{width:56px;height:56px;border-radius:50%;background:rgba(232,0,61,.12);border:1.5px solid rgba(232,0,61,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:var(--dsp);font-size:1.4rem;color:var(--nb);letter-spacing:.04em;position:relative;z-index:1;transition:all .3s}
.ntw-timeline-step:hover .ntw-timeline-step__dot{background:var(--nb);color:#fff;border-color:var(--nb)}
.ntw-timeline-step__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.ntw-timeline-step__desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.6}

/* ── SEO text ── */
.ntw-seo{padding:clamp(48px,5vw,72px) 0;background:var(--off);border-top:1px solid var(--g2)}
.ntw-seo__inner{max-width:900px;margin:0 auto;padding:0 clamp(20px,4vw,56px);text-align:center}
.ntw-seo__title{font-family:var(--dsp);font-size:clamp(1.6rem,3vw,2.4rem);text-transform:uppercase;color:var(--black);margin-bottom:20px;letter-spacing:.02em}
.ntw-seo__body{font-size:15px;color:var(--g5);line-height:1.9;column-count:2;column-gap:40px;text-align:left}
@media(max-width:680px){.ntw-seo__body{column-count:1}}
.ntw-seo__body strong{color:var(--black);font-weight:700}

/* ── CTA ── */
.ntw-cta{background:var(--nb);padding:clamp(64px,8vw,100px) 0;text-align:center;position:relative;overflow:hidden}
.ntw-cta::before{content:'NETBALL';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(100px,18vw,200px);color:rgba(255,255,255,.06);white-space:nowrap;pointer-events:none;letter-spacing:.06em}
.ntw-cta__inner{position:relative;z-index:1}
.ntw-cta__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:16px}
.ntw-cta__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.02em;margin-bottom:18px}
.ntw-cta__title em{font-style:normal;color:var(--nb-navy)}
.ntw-cta__sub{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.7);max-width:500px;margin:0 auto 36px;line-height:1.7}
.ntw-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ntw-btn-dark{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:var(--nb-navy);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .2s}
.ntw-btn-dark:hover{background:#000}
.ntw-btn-wh{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:rgba(255,255,255,.15);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:2px;transition:all .2s}
.ntw-btn-wh:hover{background:rgba(255,255,255,.25)}

/* ═══════════════════════════════════════════════════
   CLUBS & CLIENTS PAGE — ZAS77G-a
═══════════════════════════════════════════════════ */

/* ── Hero ── */
.cc-hero{background:var(--black);position:relative;overflow:hidden;padding:clamp(80px,10vw,140px) 0 clamp(56px,7vw,96px)}
.cc-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
@media(max-width:768px){.cc-hero__grid{grid-template-columns:1fr}}
.cc-hero__ghost{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-family:var(--dsp);font-size:clamp(120px,18vw,220px);color:rgba(255,255,255,.025);text-transform:uppercase;pointer-events:none;white-space:nowrap;line-height:1}
.cc-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.cc-hero__eyebrow::before{content:'';width:28px;height:2px;background:var(--red)}
.cc-hero__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.02em;margin-bottom:22px}
.cc-hero__title em{font-style:normal;color:var(--red)}
.cc-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(255,255,255,.5);line-height:1.8;max-width:480px;margin-bottom:32px}
.cc-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:40px}
.cc-hero__stat{padding:20px 16px;text-align:center}
.cc-hero__stat-n{font-family:var(--dsp);font-size:clamp(2rem,4vw,3.2rem);color:#fff;line-height:1}
.cc-hero__stat-l{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:5px}
.cc-hero__img{position:relative;aspect-ratio:4/3;overflow:hidden}
.cc-hero__img img{width:100%;height:100%;object-fit:cover;opacity:.7}
.cc-hero__img-ph{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);display:flex;align-items:center;justify-content:center}

/* ── Sports tabs ── */
.cc-sports{background:var(--off);border-bottom:1px solid var(--g2)}
.cc-sports__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cc-sports__tab{padding:16px 24px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;display:flex;align-items:center;gap:8px}
.cc-sports__tab.active,.cc-sports__tab:hover{color:var(--black);border-bottom-color:var(--red)}
.cc-sports__tab svg{width:14px;height:14px;stroke:currentColor;fill:none}

/* ── Client grid ── */
.cc-clients{padding:clamp(56px,7vw,96px) 0;background:#fff}
.cc-clients__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.cc-clients__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(32px,4vw,52px);flex-wrap:wrap}
.cc-section-eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.cc-section-eyebrow::before{content:'';width:20px;height:2px;background:var(--red)}
.cc-section-title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.6rem);text-transform:uppercase;color:var(--black);line-height:.9;letter-spacing:.02em}
.cc-section-title em{font-style:normal;color:var(--red)}
.cc-clients__grid{display:grid;grid-template-columns:repeat(var(--cc-cols,4),1fr);gap:2px;background:var(--g2)}
@media(max-width:900px){.cc-clients__grid{--cc-cols:2}}
@media(max-width:480px){.cc-clients__grid{--cc-cols:1}}
.cc-client-card{background:#fff;padding:clamp(24px,3vw,36px);position:relative;overflow:hidden;transition:background .25s}
.cc-client-card:hover{background:var(--black)}
.cc-client-card:hover .cc-client-card__name{color:#fff}
.cc-client-card:hover .cc-client-card__sport{color:rgba(255,255,255,.4)}
.cc-client-card:hover .cc-client-card__detail{color:rgba(255,255,255,.3)}
.cc-client-card:hover .cc-client-card__icon{border-color:rgba(232,0,61,.3);background:rgba(232,0,61,.1)}
.cc-client-card:hover .cc-client-card__icon svg{stroke:var(--red)}
.cc-client-card__icon{width:44px;height:44px;border:1px solid var(--g2);border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .25s}
.cc-client-card__icon svg{width:22px;height:22px;stroke:var(--g5);fill:none;stroke-width:1.6;transition:stroke .25s}
.cc-client-card__name{font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);margin-bottom:4px;transition:color .25s}
.cc-client-card__sport{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.cc-client-card__detail{font-size:12px;color:var(--g5);line-height:1.5;transition:color .25s}
.cc-client-card__year{position:absolute;top:16px;right:16px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--g3)}

/* ── Testimonials ── */
.cc-testimonials{background:var(--black);padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden}
.cc-testimonials::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(232,0,61,.07) 0%,transparent 60%);pointer-events:none}
.cc-testimonials__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);position:relative;z-index:1}
.cc-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,255,255,.05);margin-top:clamp(32px,4vw,52px)}
@media(max-width:900px){.cc-testimonials__grid{grid-template-columns:1fr}}
.cc-testimonial{background:#0a0a0a;padding:clamp(28px,3vw,44px);position:relative}
.cc-testimonial__quote{font-size:clamp(14px,1.5vw,16px);color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:24px;font-style:italic;position:relative;padding-left:20px}
.cc-testimonial__quote::before{content:'\201C';position:absolute;left:0;top:-4px;font-size:2.5rem;color:var(--red);font-style:normal;line-height:1;font-family:Georgia,serif}
.cc-testimonial__author{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.cc-testimonial__role{font-family:var(--hd);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:3px}
.cc-testimonial__sport{display:inline-flex;align-items:center;gap:5px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-top:10px;padding:3px 8px;border:1px solid rgba(232,0,61,.25);border-radius:1px}

/* ── Sports covered ── */
.cc-sports-covered{background:var(--off);padding:clamp(56px,7vw,96px) 0}
.cc-sports-covered__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.cc-sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--g2);margin-top:clamp(32px,4vw,52px)}
@media(max-width:768px){.cc-sports-grid{grid-template-columns:repeat(2,1fr)}}
.cc-sport-card{background:#fff;padding:clamp(28px,3vw,44px) 24px;text-align:center;transition:background .25s;position:relative;overflow:hidden}
.cc-sport-card:hover{background:var(--red)}
.cc-sport-card:hover .cc-sport-card__icon{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.cc-sport-card:hover .cc-sport-card__icon svg{stroke:#fff}
.cc-sport-card:hover .cc-sport-card__name{color:#fff}
.cc-sport-card:hover .cc-sport-card__desc{color:rgba(255,255,255,.7)}
.cc-sport-card__icon{width:56px;height:56px;border:1px solid var(--g2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all .25s}
.cc-sport-card__icon svg{width:26px;height:26px;stroke:var(--black);fill:none;stroke-width:1.6;transition:stroke .25s}
.cc-sport-card__name{font-family:var(--dsp);font-size:clamp(1.3rem,2.5vw,1.8rem);text-transform:uppercase;color:var(--black);letter-spacing:.04em;transition:color .25s;margin-bottom:6px}
.cc-sport-card__desc{font-size:12px;color:var(--g5);line-height:1.5;transition:color .25s}

/* ── Why clubs choose us ── */
.cc-why{padding:clamp(56px,7vw,96px) 0;background:#fff}
.cc-why__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px);align-items:center}
@media(max-width:768px){.cc-why__inner{grid-template-columns:1fr}}
.cc-why__list{display:flex;flex-direction:column;gap:0}
.cc-why__item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--g2)}
.cc-why__item:last-child{border-bottom:none}
.cc-why__num{font-family:var(--dsp);font-size:2.5rem;color:rgba(232,0,61,.12);line-height:1;flex-shrink:0;width:48px;text-align:right}
.cc-why__title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--black);margin-bottom:5px}
.cc-why__desc{font-size:13px;color:var(--g5);line-height:1.6}
.cc-why__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--off)}
.cc-why__img img{width:100%;height:100%;object-fit:cover}
.cc-why__img-ph{width:100%;height:100%;min-height:400px;background:linear-gradient(135deg,#f5f5f5,#ebebeb);display:flex;align-items:center;justify-content:center}
.cc-why__img-badge{position:absolute;bottom:20px;left:20px;background:var(--red);padding:10px 16px}
.cc-why__img-badge span{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}

/* ── CTA ── */
.cc-cta{background:var(--red);padding:clamp(64px,8vw,100px) 0;text-align:center;position:relative;overflow:hidden}
.cc-cta::before{content:'ZEALOTS';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--dsp);font-size:clamp(100px,18vw,200px);color:rgba(255,255,255,.07);white-space:nowrap;pointer-events:none;letter-spacing:.06em}
.cc-cta__inner{position:relative;z-index:1}
.cc-cta__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:14px}
.cc-cta__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.02em;margin-bottom:16px}
.cc-cta__title em{font-style:normal;color:var(--black)}
.cc-cta__sub{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.75);max-width:500px;margin:0 auto 36px;line-height:1.7}
.cc-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-cc-dark{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:var(--black);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s}
.btn-cc-dark:hover{background:#111}
.btn-cc-wh{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:rgba(255,255,255,.15);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:2px;transition:all .2s}
.btn-cc-wh:hover{background:rgba(255,255,255,.25)}

/* ── Rugby codes split panel ── */
.rugby-codes{padding:clamp(56px,7vw,96px) 0;background:var(--off)}
.rugby-codes__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.rugby-codes__header{text-align:center;margin-bottom:clamp(36px,4vw,56px)}
.rugby-codes__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--black)}
@media(max-width:768px){.rugby-codes__grid{grid-template-columns:1fr}}
.rugby-code-card{background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}
.rugby-code-card__img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--g2)}
.rugby-code-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.rugby-code-card:hover .rugby-code-card__img img{transform:scale(1.04)}
.rugby-code-card__img-ph{width:100%;height:100%;min-height:240px;background:linear-gradient(135deg,#111,#0a0a0a);display:flex;align-items:center;justify-content:center}
.rugby-code-card__badge{position:absolute;top:16px;left:16px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;background:var(--red);color:#fff;border-radius:1px}
.rugby-code-card__body{padding:clamp(24px,3vw,40px);flex:1;display:flex;flex-direction:column}
.rugby-code-card__title{font-family:var(--dsp);font-size:clamp(1.8rem,3.5vw,3rem);text-transform:uppercase;color:var(--black);line-height:.9;margin-bottom:14px;letter-spacing:.02em}
.rugby-code-card__desc{font-size:14px;color:var(--g5);line-height:1.7;margin-bottom:24px;flex:1}
.rugby-code-card__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none;transition:gap .2s}
.rugby-code-card__cta:hover{gap:14px}

/* ═══════════════════════════════════════════════════
   CONTACT US PAGE — ZAS77G-a
═══════════════════════════════════════════════════ */
.ctc-page{background:#fff}

/* ── Hero ── */
.ctc-hero{background:var(--black);position:relative;overflow:hidden;padding:clamp(72px,9vw,120px) 0 clamp(56px,7vw,88px)}
.ctc-hero::after{content:'GET IN TOUCH';position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-family:var(--dsp);font-size:clamp(80px,13vw,160px);color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;letter-spacing:.04em}
.ctc-hero__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);position:relative;z-index:1}
.ctc-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.ctc-hero__eyebrow::before{content:'';width:28px;height:2px;background:var(--red)}
.ctc-hero__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.02em;margin-bottom:20px}
.ctc-hero__title em{font-style:normal;color:var(--red)}
.ctc-hero__sub{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.5);max-width:560px;line-height:1.75}

/* ── Main grid ── */
.ctc-main{max-width:var(--max);margin:0 auto;padding:clamp(56px,7vw,96px) var(--pad);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(48px,6vw,88px);align-items:start}
@media(max-width:900px){.ctc-main{grid-template-columns:1fr}}

/* ── Contact channels ── */
.ctc-channels{display:flex;flex-direction:column;gap:2px;margin-bottom:40px;background:var(--g2)}
.ctc-channel{background:#fff;padding:24px 26px;display:flex;align-items:flex-start;gap:18px;text-decoration:none;transition:background .2s}
.ctc-channel:hover{background:var(--black)}
.ctc-channel:hover .ctc-channel__title{color:#fff}
.ctc-channel:hover .ctc-channel__val{color:rgba(255,255,255,.6)}
.ctc-channel:hover .ctc-channel__icon{border-color:rgba(232,0,61,.4);background:rgba(232,0,61,.1)}
.ctc-channel:hover .ctc-channel__icon svg{stroke:var(--red)}
.ctc-channel__icon{width:44px;height:44px;border:1px solid var(--g2);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.ctc-channel__icon svg{width:20px;height:20px;stroke:var(--g5);fill:none;stroke-width:1.8;transition:stroke .2s}
.ctc-channel__title{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g5);margin-bottom:3px;transition:color .2s}
.ctc-channel__val{font-family:var(--hd);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--black);transition:color .2s}

/* ── Hours ── */
.ctc-hours{background:var(--off);padding:28px;border-radius:2px;margin-bottom:28px}
.ctc-hours__title{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ctc-hours__title::before{content:'';width:16px;height:2px;background:var(--red)}
.ctc-hours__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--g2);font-size:13px}
.ctc-hours__row:last-child{border-bottom:none}
.ctc-hours__day{font-family:var(--hd);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);font-size:11px}
.ctc-hours__time{color:var(--g5)}
.ctc-hours__time--open{color:var(--red);font-weight:700}

/* ── Response time badge ── */
.ctc-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(232,0,61,.06);border:1px solid rgba(232,0,61,.2);border-radius:2px}
.ctc-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:zbadge-pulse 1.8s ease-in-out infinite;flex-shrink:0}
.ctc-badge span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}

/* ── Contact form ── */
.ctc-form-wrap{background:var(--off);padding:clamp(28px,3vw,44px);border-radius:2px}
.ctc-form-title{font-family:var(--dsp);font-size:clamp(1.6rem,3vw,2.4rem);text-transform:uppercase;color:var(--black);letter-spacing:.02em;margin-bottom:6px}
.ctc-form-sub{font-size:13px;color:var(--g5);margin-bottom:28px;line-height:1.6}
.ctc-form{display:flex;flex-direction:column;gap:16px}
.ctc-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.ctc-form__row{grid-template-columns:1fr}}
.ctc-field{display:flex;flex-direction:column;gap:6px}
.ctc-field label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g5)}
.ctc-field input,.ctc-field select,.ctc-field textarea{width:100%;padding:12px 14px;background:#fff;border:1.5px solid var(--g2);border-radius:2px;font-family:var(--bd);font-size:14px;color:var(--black);outline:none;transition:border-color .2s;-webkit-appearance:none}
.ctc-field input:focus,.ctc-field select:focus,.ctc-field textarea:focus{border-color:var(--red)}
.ctc-field textarea{resize:vertical;min-height:120px;line-height:1.6}
.ctc-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpolyline points='2 2 12 14 22 2' fill='none' stroke='%238A8A8A' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}
.ctc-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 32px;background:var(--black);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;width:100%;transition:background .2s}
.ctc-submit:hover{background:var(--red)}
.ctc-submit svg{width:16px;height:16px;stroke:currentColor;fill:none}

/* ── FAQ teaser ── */
.ctc-faq{background:var(--black);padding:clamp(48px,6vw,72px) 0}
.ctc-faq__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:center}
@media(max-width:768px){.ctc-faq__inner{grid-template-columns:1fr}}
.ctc-faq__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ctc-faq__eyebrow::before{content:'';width:18px;height:2px;background:var(--red)}
.ctc-faq__title{font-family:var(--dsp);font-size:clamp(2rem,4vw,3.4rem);text-transform:uppercase;color:#fff;line-height:.9;letter-spacing:.02em;margin-bottom:16px}
.ctc-faq__title em{font-style:normal;color:var(--red)}
.ctc-faq__sub{font-size:15px;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:26px}
.ctc-faq__items{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.05)}
.ctc-faq__item{background:#0a0a0a;padding:18px 20px;display:flex;align-items:flex-start;gap:14px}
.ctc-faq__q{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:4px}
.ctc-faq__a{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6}
.ctc-faq__num{font-family:var(--dsp);font-size:1.6rem;color:rgba(232,0,61,.25);flex-shrink:0;line-height:1;margin-top:-2px}

/* ── Visual Tile Mega Menu ── */
.zmenu-nav-item--visual{position:static}
.zmenu-visual{
  position:absolute;left:0;right:0;top:100%;
  background:var(--white);border-top:3px solid var(--red);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s;z-index:1001
}
.zmenu-nav-item--visual:hover .zmenu-visual{opacity:1;visibility:visible;pointer-events:auto}
.zmenu-nav-item--visual:hover .zmenu-nav-btn{color:var(--white)}
.zmenu-nav-item--visual:hover .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-visual__inner{display:grid;grid-template-columns:200px 1fr;max-width:var(--max);margin:0 auto}

/* Left label panel */
.zmenu-visual__left{background:var(--black);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:220px}
.zmenu-visual__left::after{content:attr(data-bg);position:absolute;bottom:-16px;left:-8px;font-family:var(--dsp);font-size:5.5rem;color:rgba(255,255,255,.04);text-transform:uppercase;white-space:nowrap;pointer-events:none;line-height:1;letter-spacing:.04em}
.zmenu-visual__title{font-family:var(--dsp);font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;position:relative;z-index:1}
.zmenu-visual__title em{font-style:normal;color:var(--red);display:block}
.zmenu-visual__viewall{display:inline-flex;align-items:center;gap:7px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none;margin-top:16px;transition:gap var(--ease);position:relative;z-index:1}
.zmenu-visual__viewall:hover{gap:11px}
.zmenu-visual__viewall svg{width:12px;height:12px;stroke:currentColor;fill:none}

/* Tile grid */
.zmenu-visual__tiles{display:grid;grid-template-columns:repeat(var(--vt-cols,4),1fr);gap:2px;background:var(--g2)}
.zmenu-visual-tile{background:var(--white);position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:background .25s}
.zmenu-visual-tile:hover{background:var(--black)}
.zmenu-visual-tile:hover .zmenu-visual-tile__name{color:var(--white)}
.zmenu-visual-tile:hover .zmenu-visual-tile__sub{color:rgba(255,255,255,.45)}
.zmenu-visual-tile:hover .zmenu-visual-tile__img{opacity:.6;transform:scale(1.04)}
.zmenu-visual-tile:hover .zmenu-visual-tile__arrow{opacity:1;transform:translateX(0)}
.zmenu-visual-tile__img-wrap{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--off)}
.zmenu-visual-tile__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease}
.zmenu-visual-tile__img-ph{width:100%;height:100%;min-height:120px;background:var(--off);display:flex;align-items:center;justify-content:center}
.zmenu-visual-tile__img-ph svg{width:28px;height:28px;stroke:var(--g3);fill:none}
/* Logo overlay on image */
.zmenu-visual-tile__logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}
.zmenu-visual-tile__logo img{max-height:40px;max-width:80%;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;transition:opacity .3s}
.zmenu-visual-tile:hover .zmenu-visual-tile__logo img{opacity:1}
/* Tile body */
.zmenu-visual-tile__body{padding:12px 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--g2);transition:border-color .25s}
.zmenu-visual-tile:hover .zmenu-visual-tile__body{border-top-color:rgba(255,255,255,.06)}
.zmenu-visual-tile__name{font-family:var(--dsp);font-size:1.1rem;text-transform:uppercase;color:var(--black);letter-spacing:.04em;line-height:1;transition:color .25s}
.zmenu-visual-tile__sub{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g5);margin-top:2px;transition:color .25s}
.zmenu-visual-tile__arrow{width:22px;height:22px;border:1px solid var(--g2);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-4px);transition:all .25s;flex-shrink:0}
.zmenu-visual-tile__arrow svg{width:10px;height:10px;stroke:var(--red);fill:none}
/* Badge on tile */
.zmenu-visual-tile__badge{position:absolute;top:8px;left:8px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;background:var(--red);color:var(--white);border-radius:1px;z-index:2}

/* ── Hybrid Menu: links + tiles ── */
.zmenu-hybrid{
  position:absolute;left:0;right:0;top:100%;
  background:var(--white);border-top:3px solid var(--red);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s;z-index:1001
}
.zmenu-nav-item--hybrid{position:static}
.zmenu-nav-item--hybrid:hover .zmenu-hybrid{opacity:1;visibility:visible;pointer-events:auto}
.zmenu-nav-item--hybrid:hover .zmenu-nav-btn{color:var(--white)}
.zmenu-nav-item--hybrid:hover .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-hybrid__inner{max-width:var(--max);margin:0 auto}

/* Top row: left label + 2-col links */
.zmenu-hybrid__top{display:grid;grid-template-columns:200px 1fr 1fr;border-bottom:1px solid var(--g2)}
.zmenu-hybrid__left{background:var(--black);padding:clamp(22px,2.5vw,36px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.zmenu-hybrid__left::after{content:attr(data-bg);position:absolute;bottom:-12px;left:-6px;font-family:var(--dsp);font-size:4.5rem;color:rgba(255,255,255,.04);text-transform:uppercase;white-space:nowrap;pointer-events:none;line-height:1}
.zmenu-hybrid__title{font-family:var(--dsp);font-size:clamp(1.6rem,2.2vw,2.2rem);text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;position:relative;z-index:1}
.zmenu-hybrid__title em{font-style:normal;color:var(--red);display:block}
.zmenu-hybrid__viewall{display:inline-flex;align-items:center;gap:7px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none;margin-top:14px;transition:gap .2s;position:relative;z-index:1}
.zmenu-hybrid__viewall:hover{gap:11px}
.zmenu-hybrid__viewall svg{width:12px;height:12px;stroke:currentColor;fill:none}
/* Link columns */
.zmenu-hybrid__col{padding:clamp(20px,2.5vw,32px) clamp(18px,2.5vw,32px)}
.zmenu-hybrid__col-head{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--g2)}
.zmenu-hybrid__link{display:flex;align-items:center;gap:7px;padding:7px 0;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);text-decoration:none;border-bottom:1px solid var(--g2);transition:all .2s}
.zmenu-hybrid__link:last-child{border-bottom:none}
.zmenu-hybrid__link svg{width:10px;height:10px;stroke:var(--red);fill:none;opacity:0.4;transition:opacity .2s;flex-shrink:0}
.zmenu-hybrid__link:hover{color:var(--red);padding-left:4px}
.zmenu-hybrid__link:hover svg{opacity:1}
/* Bottom row: tiles */
.zmenu-hybrid__tiles{display:grid;grid-template-columns:repeat(var(--ht-cols,4),1fr);gap:2px;background:var(--g2);border-top:1px solid var(--g2)}
/* Tile styles reuse zmenu-visual-tile */

/* ═══════════════════════════════════════════════════
   PRE-ORDER CUSTOM CLOTHING — ZAS77H
═══════════════════════════════════════════════════ */
:root{--po-red:#E8003D;--po-black:#0A0A0A;--po-off:#F7F7F7;--po-g:#EBEBEB}

/* ── Hero ── */
.po-hero{background:var(--po-black);position:relative;overflow:hidden;min-height:86vh;display:flex;align-items:flex-end}
.po-hero__bg{position:absolute;inset:0}
.po-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.2}
.po-hero__bg-ph{width:100%;height:100%;background:radial-gradient(ellipse at 65% 40%,rgba(232,0,61,.14) 0%,#0A0A0A 65%)}
.po-hero__ghost{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--dsp);font-size:clamp(100px,16vw,180px);color:rgba(255,255,255,.025);text-transform:uppercase;white-space:nowrap;pointer-events:none;letter-spacing:.02em;line-height:1}
.po-hero__inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:clamp(80px,10vw,130px) var(--pad) clamp(56px,7vw,88px);width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:flex-end}
@media(max-width:768px){.po-hero__inner{grid-template-columns:1fr}}
.po-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--po-red);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.po-hero__eyebrow::before{content:'';width:28px;height:2px;background:var(--po-red)}
.po-hero__title{font-family:var(--dsp);font-size:clamp(3rem,8vw,7.5rem);text-transform:uppercase;color:#fff;line-height:.88;letter-spacing:.02em;margin-bottom:22px}
.po-hero__title em{font-style:normal;color:var(--po-red)}
.po-hero__sub{font-size:clamp(14px,1.5vw,16px);color:rgba(255,255,255,.5);line-height:1.75;max-width:480px;margin-bottom:32px}
.po-hero__trust{display:flex;flex-direction:column;gap:10px}
.po-hero__trust-item{display:flex;align-items:center;gap:10px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.po-hero__trust-item svg{width:16px;height:16px;stroke:var(--po-red);fill:none;flex-shrink:0}
/* Urgency badge */
.po-urgency{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(232,0,61,.12);border:1px solid rgba(232,0,61,.3);border-radius:2px;margin-bottom:28px}
.po-urgency__dot{width:7px;height:7px;border-radius:50%;background:var(--po-red);animation:zbadge-pulse 1.8s ease-in-out infinite;flex-shrink:0}
.po-urgency span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--po-red)}
/* Right panel: quick stats */
.po-hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(255,255,255,.06)}
.po-hero__stat{padding:20px 18px;background:rgba(255,255,255,.03)}
.po-hero__stat-n{font-family:var(--dsp);font-size:clamp(2rem,4vw,3.4rem);color:#fff;line-height:1}
.po-hero__stat-l{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:5px}
.po-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn-po-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;background:var(--po-red);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;border:none;cursor:pointer;transition:background .2s}
.btn-po-primary:hover{background:#C0002E}
.btn-po-ghost{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;background:transparent;color:rgba(255,255,255,.6);font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:2px;transition:all .2s}
.btn-po-ghost:hover{border-color:rgba(255,255,255,.5);color:#fff}

/* ── Section shell ── */
.po-section{padding:clamp(56px,7vw,96px) 0}
.po-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.po-eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--po-red);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.po-eyebrow::before{content:'';width:20px;height:2px;background:var(--po-red)}
.po-title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.8rem);text-transform:uppercase;color:var(--po-black);line-height:.9;letter-spacing:.02em;margin-bottom:clamp(32px,4vw,52px)}
.po-title em{font-style:normal;color:var(--po-red)}
.po-title--white{color:#fff}

/* ── Garment selector ── */
.po-garments{background:var(--po-off)}
.po-garment-grid{display:grid;grid-template-columns:repeat(var(--pg-cols,4),1fr);gap:2px;background:var(--po-g)}
@media(max-width:900px){.po-garment-grid{--pg-cols:2}}
@media(max-width:480px){.po-garment-grid{--pg-cols:1}}
.po-garment-card{background:#fff;padding:clamp(20px,2.5vw,32px);text-align:center;cursor:pointer;position:relative;transition:background .2s;border-bottom:3px solid transparent}
.po-garment-card:hover,.po-garment-card.active{background:#fff;border-bottom-color:var(--po-red)}
.po-garment-card:hover .po-garment-card__name,.po-garment-card.active .po-garment-card__name{color:var(--po-red)}
.po-garment-card__svg{width:clamp(60px,8vw,88px);height:auto;margin:0 auto 16px;display:block}
.po-garment-card__name{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--po-black);transition:color .2s;margin-bottom:4px}
.po-garment-card__price{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--po-red)}
.po-garment-card__badge{position:absolute;top:10px;right:10px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;background:var(--po-red);color:#fff;border-radius:1px}

/* ── Customisation options ── */
.po-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--po-g)}
@media(max-width:768px){.po-options-grid{grid-template-columns:1fr}}
.po-option-card{background:#fff;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;border-left:3px solid transparent;transition:all .25s}
.po-option-card:hover{border-left-color:var(--po-red);background:#fafafa}
.po-option-card__icon{width:48px;height:48px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;background:rgba(232,0,61,.06);border-radius:2px}
.po-option-card__icon svg{width:24px;height:24px;stroke:var(--po-red);fill:none;stroke-width:1.8}
.po-option-card__title{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--po-black);margin-bottom:8px}
.po-option-card__desc{font-size:13px;color:#666;line-height:1.65}
.po-option-card__tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--po-red);margin-top:12px}

/* ── Pricing table ── */
.po-pricing{background:var(--po-black)}
.po-pricing-table{width:100%;border-collapse:collapse;margin-top:clamp(28px,3vw,44px)}
.po-pricing-table th{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:14px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}
.po-pricing-table td{padding:14px 18px;font-size:13px;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.04);line-height:1.4}
.po-pricing-table tr:hover td{background:rgba(255,255,255,.02)}
.po-pricing-table td:first-child{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.po-pricing-table td.po-price{color:var(--po-red);font-family:var(--hd);font-weight:700;font-size:13px;letter-spacing:.04em}
.po-pricing-table tr.featured td{background:rgba(232,0,61,.06)}
.po-pricing-table tr.featured td:first-child{color:var(--po-red)}
.po-pricing-note{font-size:12px;color:rgba(255,255,255,.3);margin-top:16px;line-height:1.6}

/* ── Process timeline ── */
.po-process{background:var(--po-off)}
.po-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:clamp(32px,4vw,52px)}
@media(max-width:768px){.po-timeline{grid-template-columns:repeat(2,1fr)}}
.po-timeline::before{content:'';position:absolute;top:36px;left:12%;right:12%;height:1px;background:linear-gradient(to right,transparent,rgba(232,0,61,.2) 20%,rgba(232,0,61,.2) 80%,transparent);pointer-events:none}
.po-step{padding:0 clamp(12px,2vw,28px);text-align:center;position:relative}
.po-step__dot{width:72px;height:72px;border-radius:50%;background:#fff;border:2px solid var(--po-g);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1;transition:all .3s;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.po-step:hover .po-step__dot{border-color:var(--po-red);background:var(--po-red)}
.po-step:hover .po-step__dot svg{stroke:#fff}
.po-step__dot svg{width:28px;height:28px;stroke:var(--po-black);fill:none;stroke-width:1.6;transition:stroke .3s}
.po-step__num{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--po-red);font-family:var(--hd);font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}
.po-step__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--po-black);margin-bottom:10px}
.po-step__desc{font-size:12px;color:#666;line-height:1.6}
.po-step__eta{display:inline-flex;align-items:center;gap:4px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--po-red);margin-top:8px}

/* ── Gallery ── */
.po-gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2px;background:var(--po-g);margin-top:clamp(28px,3vw,44px)}
@media(max-width:768px){.po-gallery-grid{grid-template-columns:1fr 1fr}}
.po-gallery-item{position:relative;overflow:hidden;background:var(--po-off)}
.po-gallery-item:first-child{grid-row:span 2}
@media(max-width:768px){.po-gallery-item:first-child{grid-row:auto}}
.po-gallery-item img{width:100%;height:100%;object-fit:cover;min-height:200px;transition:transform .6s ease}
.po-gallery-item:hover img{transform:scale(1.04)}
.po-gallery-item__ph{width:100%;min-height:220px;height:100%;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center}
.po-gallery-item__label{position:absolute;bottom:12px;left:12px;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;background:rgba(0,0,0,.6);color:#fff;border-radius:1px}

/* ── Pre-order form ── */
.po-form-section{background:#fff}
.po-form-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(48px,6vw,88px);align-items:start}
@media(max-width:900px){.po-form-wrap{grid-template-columns:1fr}}
.po-form-left__why{display:flex;flex-direction:column;gap:0;margin-top:28px}
.po-form-why-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--po-g)}
.po-form-why-item:last-child{border-bottom:none}
.po-form-why-item__num{font-family:var(--dsp);font-size:2rem;color:rgba(232,0,61,.15);line-height:1;flex-shrink:0;width:40px}
.po-form-why-item__title{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--po-black);margin-bottom:4px}
.po-form-why-item__desc{font-size:13px;color:#666;line-height:1.6}
/* Form */
.po-form{display:flex;flex-direction:column;gap:16px}
.po-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.po-form__row{grid-template-columns:1fr}}
.po-form-field{display:flex;flex-direction:column;gap:6px}
.po-form-field label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#666}
.po-form-field input,.po-form-field select,.po-form-field textarea{width:100%;padding:12px 14px;background:var(--po-off);border:1.5px solid var(--po-g);border-radius:2px;font-family:var(--bd);font-size:14px;color:var(--po-black);outline:none;transition:border-color .2s;-webkit-appearance:none}
.po-form-field input:focus,.po-form-field select:focus,.po-form-field textarea:focus{border-color:var(--po-red);background:#fff}
.po-form-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpolyline points='2 2 12 14 22 2' fill='none' stroke='%238A8A8A' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}
.po-form-field textarea{resize:vertical;min-height:100px;line-height:1.6}
/* Quantity grid */
.po-qty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.po-qty-btn{padding:10px 8px;background:var(--po-off);border:1.5px solid var(--po-g);border-radius:2px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666;cursor:pointer;text-align:center;transition:all .2s}
.po-qty-btn:hover,.po-qty-btn.active{background:var(--po-red);border-color:var(--po-red);color:#fff}
/* Sport selector chips */
.po-sport-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.po-sport-chip{padding:8px 14px;background:var(--po-off);border:1.5px solid var(--po-g);border-radius:2px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}
.po-sport-chip:hover,.po-sport-chip.active{background:var(--po-red);border-color:var(--po-red);color:#fff}
/* Submit */
.po-form-submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:var(--po-black);color:#fff;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;width:100%;transition:background .2s}
.po-form-submit:hover{background:var(--po-red)}
.po-form-submit svg{width:16px;height:16px;stroke:currentColor;fill:none}
.po-form-note{font-size:12px;color:#999;text-align:center;margin-top:12px;line-height:1.6}
/* Success */
.po-form-success{padding:20px;background:rgba(0,180,0,.06);border:1px solid rgba(0,180,0,.2);border-radius:2px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#006600}

/* ── Trust + FAQ ── */
.po-trust{background:var(--po-black);padding:clamp(48px,6vw,72px) 0}
.po-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.05)}
@media(max-width:768px){.po-trust-grid{grid-template-columns:repeat(2,1fr)}}
.po-trust-item{padding:clamp(20px,2.5vw,32px);border-right:1px solid rgba(255,255,255,.05);text-align:center}
.po-trust-item:last-child{border-right:none}
.po-trust-item__icon{width:44px;height:44px;border-radius:50%;background:rgba(232,0,61,.1);border:1px solid rgba(232,0,61,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.po-trust-item__icon svg{width:20px;height:20px;stroke:var(--po-red);fill:none;stroke-width:1.8}
.po-trust-item__title{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.po-trust-item__desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.55}
/* FAQ */
.po-faq{background:var(--po-off);padding:clamp(48px,6vw,72px) 0}
.po-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--po-g);margin-top:clamp(28px,3vw,44px)}
@media(max-width:768px){.po-faq-grid{grid-template-columns:1fr}}
.po-faq-item{background:#fff;padding:clamp(20px,2.5vw,32px)}
.po-faq-item__q{font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--po-black);margin-bottom:8px;display:flex;align-items:flex-start;gap:10px}
.po-faq-item__q::before{content:'Q';font-family:var(--dsp);font-size:1.6rem;color:var(--po-red);line-height:1;flex-shrink:0}
.po-faq-item__a{font-size:13px;color:#666;line-height:1.7;padding-left:30px}

/* ═══════════════════════════════════════════════════
   PRE-ORDER PRODUCT TEMPLATE — ZAS77H
═══════════════════════════════════════════════════ */

/* Pre-order badge on product page */
.po-prod-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(232,0,61,.1);border:1px solid rgba(232,0,61,.3);border-radius:2px;margin-bottom:14px}
.po-prod-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:zbadge-pulse 1.8s ease-in-out infinite;flex-shrink:0}
.po-prod-badge span{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}

/* ETA banner — sits above add to cart */
.po-prod-eta{background:var(--black);border-radius:2px;padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;gap:14px}
.po-prod-eta__icon{width:36px;height:36px;border-radius:50%;background:rgba(232,0,61,.15);border:1px solid rgba(232,0,61,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.po-prod-eta__icon svg{width:16px;height:16px;stroke:var(--red);fill:none;stroke-width:1.8}
.po-prod-eta__label{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:3px}
.po-prod-eta__date{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}

/* Override ATC button for pre-order state */
.po-prod-preorder-btn{width:100%;height:52px;background:var(--red);color:#fff;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}
.po-prod-preorder-btn:hover{background:#C0002E}
.po-prod-preorder-btn svg{width:16px;height:16px;stroke:#fff;fill:none}
.po-prod-buy-btn{width:100%;height:46px;background:transparent;color:var(--black);font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--black);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:8px}
.po-prod-buy-btn:hover{background:var(--black);color:#fff}

/* What is pre-order explainer */
.po-prod-explain{background:var(--off);border-radius:2px;padding:16px;margin-top:14px}
.po-prod-explain__title{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--black);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.po-prod-explain__title svg{width:14px;height:14px;stroke:var(--red);fill:none}
.po-prod-explain__items{display:flex;flex-direction:column;gap:7px}
.po-prod-explain__item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--g5);line-height:1.5}
.po-prod-explain__item svg{width:12px;height:12px;stroke:var(--red);fill:none;flex-shrink:0;margin-top:2px}

/* Pre-order trust row */
.po-prod-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--g2);margin-top:14px}
.po-prod-trust-item{background:#fff;padding:12px 10px;text-align:center}
.po-prod-trust-item svg{width:16px;height:16px;stroke:var(--red);fill:none;margin:0 auto 5px;display:block}
.po-prod-trust-item span{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);display:block;line-height:1.4}

/* Pre-order hero banner strip (above product) */
.po-prod-hero{background:var(--black);padding:clamp(14px,2vw,22px) 0;border-bottom:2px solid var(--red)}
.po-prod-hero__inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.po-prod-hero__left{display:flex;align-items:center;gap:14px}
.po-prod-hero__dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:zbadge-pulse 1.8s ease-in-out infinite;flex-shrink:0}
.po-prod-hero__text{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.po-prod-hero__text em{color:var(--red);font-style:normal}
.po-prod-hero__right{display:flex;align-items:center;gap:20px}
.po-prod-hero__stat{text-align:center}
.po-prod-hero__stat-n{font-family:var(--dsp);font-size:1.4rem;color:#fff;line-height:1}
.po-prod-hero__stat-l{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.po-prod-hero__divider{width:1px;height:32px;background:rgba(255,255,255,.1)}

/* Progress bar — orders vs capacity */
.po-prod-progress{margin-top:12px}
.po-prod-progress__label{display:flex;justify-content:space-between;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5);margin-bottom:6px}
.po-prod-progress__label span:last-child{color:var(--red)}
.po-prod-progress__bar{height:4px;background:var(--g2);border-radius:2px;overflow:hidden}
.po-prod-progress__fill{height:100%;background:linear-gradient(to right,var(--red),#ff4d70);border-radius:2px;transition:width .6s ease}
/* Email template lives as a standalone HTML file — see snippets/email-order-confirmation.html */

/* ── Client Logo Marquee ── */
.cc-logo-marquee{padding:40px 0;background:var(--black);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.cc-logo-marquee__inner{max-width:1200px;margin:0 auto;padding:0 40px 24px;text-align:center}
.cc-logo-track-wrap{overflow:hidden;-webkit-mask:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.cc-logo-track{display:flex;align-items:center;gap:48px;width:max-content;animation:cc-marquee 32s linear infinite}
.cc-logo-track:hover{animation-play-state:paused}
.cc-logo-item{flex-shrink:0;width:120px;height:60px;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .3s;filter:grayscale(1) brightness(1.4)}
.cc-logo-item:hover{opacity:1;filter:none}
.cc-logo-item img{max-width:120px;max-height:56px;width:auto;height:auto;object-fit:contain}
@keyframes cc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Client card with logo ── */
.cc-client-card--logo .cc-client-card__icon{width:100%;height:60px;background:transparent;border:none;margin-bottom:12px;justify-content:flex-start}
.cc-client-card--logo .cc-client-card__icon img{max-width:120px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);transition:filter .25s}
.cc-client-card--logo:hover .cc-client-card__icon img{filter:none}

/* ══════════════════════════════════════════════
   TICKER — Clean horizontal text scroll
   Matches Up.com.au marquee style:
   text words, dividers, smooth linear scroll
   ══════════════════════════════════════════════ */





to{transform:translateX(-33.333%)}}



/* ══════════════════════════════════════════════
   CLUB CUSTOM — Form success state
   Shown after successful quote form submission
   ══════════════════════════════════════════════ */
.ccv-success{background:linear-gradient(135deg,#0d1a0d 0%,#0A0A0A 100%);border:1px solid rgba(34,197,94,.2);border-radius:6px;padding:32px 28px;text-align:center}
.ccv-success__icon{width:60px;height:60px;background:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;margin:0 auto 20px;line-height:60px;box-shadow:0 0 0 8px rgba(34,197,94,.1),0 0 0 16px rgba(34,197,94,.05)}
.ccv-success__title{font-family:var(--hd);font-size:1.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0 0 14px;line-height:1.1}
.ccv-success__body{font-size:14px;color:rgba(255,255,255,.65);line-height:1.75;margin:0 0 16px}
.ccv-success__body strong{color:#fff}
.ccv-success__detail{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;margin:0 0 24px;padding:14px;background:rgba(255,255,255,.03);border-radius:4px;border-left:3px solid rgba(34,197,94,.3)}
.ccv-success__next{text-align:left;margin:0 0 24px}
.ccv-success__next-label{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(34,197,94,.8);display:block;margin-bottom:10px}
.ccv-success__steps{margin:0;padding:0 0 0 18px;font-size:13px;color:rgba(255,255,255,.5);line-height:2}
.ccv-success__steps li::marker{color:rgba(34,197,94,.6)}
.ccv-success__link{display:inline-block;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#E8003D;text-decoration:none}
.ccv-success__link:hover{text-decoration:underline}

/* ── Contact page success state ── */
.ctc-form-success{padding:32px 28px;background:linear-gradient(135deg,#0d1a0d,#0a0a0a);border:1px solid rgba(34,197,94,.2);border-radius:4px;margin-bottom:24px}
.ctc-success__check{width:56px;height:56px;background:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin:0 0 20px;line-height:56px;box-shadow:0 0 0 8px rgba(34,197,94,.08)}
.ctc-success__title{font-family:var(--hd);font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);margin:0 0 12px}
.ctc-success__body{font-size:15px;font-weight:600;color:rgba(255,255,255,.8);line-height:1.65;margin:0 0 10px}
.ctc-success__detail{font-size:13px;color:rgba(255,255,255,.45);line-height:1.75;margin:0 0 24px;padding:12px 14px;background:rgba(255,255,255,.03);border-left:3px solid rgba(34,197,94,.3);border-radius:0 3px 3px 0}
.ctc-success__actions{margin-top:4px}
.ctc-success__home{display:inline-block;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none}
.ctc-success__home:hover{text-decoration:underline}

/* ══════════════════════════════════════════════
   CCv — Full-width quote submission success banner
   Shown at top of page after form submission
   ══════════════════════════════════════════════ */
.ccv-submitted-banner{background:linear-gradient(135deg,#0a1f0a 0%,#0d2b0d 50%,#0a1f0a 100%);border-bottom:3px solid #16a34a;padding:clamp(32px,5vw,64px) 0}
.ccv-submitted-banner__inner{max-width:var(--max,1280px);margin:0 auto;padding:0 var(--pad,40px);display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:start}
@media(max-width:768px){.ccv-submitted-banner__inner{grid-template-columns:1fr;gap:20px}}
.ccv-submitted-banner__check{width:64px;height:64px;background:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;line-height:64px;flex-shrink:0;box-shadow:0 0 0 12px rgba(22,163,74,.1),0 0 0 24px rgba(22,163,74,.05)}
.ccv-submitted-banner__content{}
.ccv-submitted-banner__title{font-family:var(--hd);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0 0 12px;line-height:1.1}
.ccv-submitted-banner__body{font-size:15px;color:rgba(255,255,255,.75);line-height:1.75;margin:0 0 10px}
.ccv-submitted-banner__hint{font-size:13px;color:rgba(255,255,255,.4);line-height:1.65;margin:0}
.ccv-submitted-banner__email{color:#E8003D;text-decoration:none;font-weight:600}
.ccv-submitted-banner__email:hover{text-decoration:underline}
.ccv-submitted-banner__new{display:inline-flex;align-items:center;white-space:nowrap;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:10px 16px;border-radius:2px;transition:all .2s;flex-shrink:0;margin-top:4px}
.ccv-submitted-banner__new:hover{color:#fff;border-color:rgba(255,255,255,.4)}

/* ══════════════════════════════════════════════════════════
   CLIENT CARD 2 — Proper logo showcase design
   Replaces the old cc-client-card--logo approach
   ══════════════════════════════════════════════════════════ */

.cc-clients__grid{
  display:grid;
  grid-template-columns:repeat(var(--cc-cols,4),1fr);
  gap:1px;
  background:var(--g2);
}
@media(max-width:900px){.cc-clients__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.cc-clients__grid{grid-template-columns:1fr}}

.cc-client-card2{
  background:#fff;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:box-shadow .25s;
}
.cc-client-card2:hover{
  box-shadow:0 0 0 2px var(--black);
  z-index:1;
  position:relative;
}

/* Logo area — white bg, fixed height, centered */
.cc-client-card2__logo-wrap{
  background:#f8f8f8;
  border-bottom:1px solid var(--g2);
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 28px;
  position:relative;
  overflow:hidden;
  transition:background .25s;
}
.cc-client-card2:hover .cc-client-card2__logo-wrap{
  background:#f2f2f2;
}

.cc-client-card2__logo-img{
  max-width:140px;
  max-height:76px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  /* Subtle: desaturate until hover */
  filter:saturate(.7);
  transition:filter .3s, transform .3s;
}
.cc-client-card2:hover .cc-client-card2__logo-img{
  filter:saturate(1);
  transform:scale(1.04);
}

/* Monogram fallback when no logo uploaded */
.cc-client-card2__monogram{
  width:72px;
  height:72px;
  background:var(--black);
  border-radius:2px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cc-client-card2__monogram-letter{
  font-family:var(--dsp);
  font-size:2.5rem;
  color:#fff;
  text-transform:uppercase;
  line-height:1;
}

/* "Since YEAR" badge */
.cc-client-card2__year{
  position:absolute;
  top:10px;
  right:12px;
  font-family:var(--hd);
  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--g5);
  background:#fff;
  border:1px solid var(--g2);
  padding:3px 7px;
  border-radius:1px;
}

/* Card body */
.cc-client-card2__body{
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
}
.cc-client-card2__sport{
  font-family:var(--hd);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--red);
}
.cc-client-card2__name{
  font-family:var(--hd);
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--black);
  line-height:1.2;
}
.cc-client-card2__detail{
  font-size:11px;
  color:var(--g5);
  line-height:1.55;
  margin-top:2px;
}
.cc-client-card2__link{
  display:inline-block;
  margin-top:auto;
  padding-top:10px;
  font-family:var(--hd);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--red);
  text-decoration:none;
  transition:letter-spacing .2s;
}
.cc-client-card2__link:hover{letter-spacing:.18em}

/* ── bg-img for apparel cat cards (image uploaded via Theme Editor) ── */
.ctw-cat-card__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.92;transition:opacity .4s,transform .5s;z-index:0}
.ctw-cat-card:hover .ctw-cat-card__bg-img{opacity:1;transform:scale(1.03)}
/* content z-index already set in main block above */

/* ══════════════════════════════════════════════════════════
   CRICKET HERO — Stadium SVG illustration
   ══════════════════════════════════════════════════════════ */
.ctw-stadium-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

/* Animated stars twinkle */
.ctw-stars circle{
  animation:ctwTwinkle 3s ease-in-out infinite alternate;
}
.ctw-stars circle:nth-child(even){animation-duration:4.2s;animation-delay:.8s}
.ctw-stars circle:nth-child(3n){animation-duration:2.8s;animation-delay:1.5s}
@keyframes ctwTwinkle{
  0%{opacity:.15}
  100%{opacity:.55}
}

/* Batsman subtle sway */
.ctw-batsman{
  animation:ctwSway 4s ease-in-out infinite;
  transform-origin:0px 120px;
}
@keyframes ctwSway{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-3px,-4px)}
}

/* Ball pulse */
@keyframes ctwBallPulse{
  0%,100%{opacity:.9;r:14}
  50%{opacity:1;r:15.5}
}

/* Logo item placeholder fix */
.cc-logo-item__ph{
  font-family:var(--hd);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  text-align:center;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:2px;
  white-space:nowrap;
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ══════════════════════════════════════════════════════════
   CRICKET KIT CATALOGUE — ckc-*
   Clean editorial product range page
   References: blksport.com, teamspiritsports.com.au, kiwisport.de
   ══════════════════════════════════════════════════════════ */

/* ── Root wrapper ── */
.ckc { background: var(--white); overflow-x: hidden; }

/* ── Shared eyebrow ── */
.ckc-eyebrow {
  font-family: var(--hd);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--red);
  display: block;
  margin-bottom: 10px;
}

/* ── Buttons ── */
.ckc-btn-primary {
  display: inline-flex;
  align-items: center;
  background: var(--red);
  color: #fff;
  font-family: var(--hd);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 14px 28px;
  border: 2px solid var(--red);
  border-radius: 2px;
  text-decoration: none;
  transition: background .2s, color .2s;
  white-space: nowrap;
}
.ckc-btn-primary:hover { background: var(--red-dk); border-color: var(--red-dk); }
.ckc-btn-primary--lg { font-size: 15px; padding: 18px 40px; }
.ckc-btn-ghost {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: var(--white);
  font-family: var(--hd);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 14px 28px;
  border: 2px solid rgba(255,255,255,.25);
  border-radius: 2px;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  white-space: nowrap;
}
.ckc-btn-ghost:hover { border-color: var(--white); color: var(--white); }

/* ══ HERO ══ */
.ckc-hero {
  position: relative;
  background: var(--black);
  padding: clamp(80px, 10vw, 130px) 0 clamp(60px, 8vw, 100px);
  overflow: hidden;
}
.ckc-hero__bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 100% 50%, rgba(232,0,61,.08) 0%, transparent 65%),
              radial-gradient(ellipse at 0% 80%, rgba(232,0,61,.05) 0%, transparent 50%);
}
.ckc-hero__grid-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 60px 60px;
}
.ckc-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: center;
}
@media(max-width: 768px){ .ckc-hero__inner { grid-template-columns: 1fr; } }
.ckc-hero__title {
  font-family: var(--dsp);
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 400;
  color: var(--white);
  letter-spacing: .03em;
  text-transform: uppercase;
  line-height: .95;
  margin: 0 0 20px;
}
.ckc-hero__title-em {
  color: var(--red);
  font-style: normal;
}
.ckc-hero__sub {
  font-family: var(--bd);
  font-size: 15px;
  color: rgba(255,255,255,.5);
  line-height: 1.75;
  max-width: 520px;
  margin: 0 0 28px;
}
.ckc-hero__btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.ckc-hero__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
@media(max-width: 768px){ .ckc-hero__stats { grid-template-columns: repeat(4,1fr); } }
.ckc-hero__stat {
  padding: 20px 24px;
  background: rgba(0,0,0,.3);
  text-align: center;
}
.ckc-hero__stat-n {
  font-family: var(--dsp);
  font-size: 2rem;
  color: var(--white);
  display: block;
  line-height: 1;
  margin-bottom: 4px;
}
.ckc-hero__stat-l {
  font-family: var(--hd);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
}

/* ══ FILTERS ══ */
.ckc-filters {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--white);
  border-bottom: 1px solid var(--g2);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.ckc-filters__inner {
  display: flex;
  gap: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ckc-filters__inner::-webkit-scrollbar { display: none; }
.ckc-filter-pill {
  flex-shrink: 0;
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 8px 18px;
  border: 1px solid var(--g2);
  border-radius: 100px;
  background: transparent;
  color: var(--g5);
  cursor: pointer;
  transition: all .18s;
  white-space: nowrap;
}
.ckc-filter-pill:hover { border-color: var(--black); color: var(--black); }
.ckc-filter-pill--active {
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
}

/* ══ GRID ══ */
.ckc-grid { padding: clamp(40px, 6vw, 80px) 0; }
.ckc-grid__inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2px;
  background: var(--g2);
}
@media(max-width: 720px){ .ckc-grid__inner { grid-template-columns: 1fr; } }

/* ══ STYLE CARD ══ */
.ckc-card {
  background: var(--white);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow .25s;
  position: relative;
}
.ckc-card:hover {
  box-shadow: 0 0 0 3px var(--black);
  z-index: 2;
}
/* Featured card spans 2 columns */
.ckc-card--featured {
  grid-column: span 2;
  flex-direction: row;
}
@media(max-width: 900px){ .ckc-card--featured { grid-column: span 1; flex-direction: column; } }

/* Image wrap */
.ckc-card__img-wrap {
  position: relative;
  background: #f2f2f2;
  overflow: hidden;
  aspect-ratio: 4/5;
  flex-shrink: 0;
}
.ckc-card--featured .ckc-card__img-wrap {
  flex: 0 0 50%;
  aspect-ratio: auto;
  min-height: 480px;
}
@media(max-width: 900px){ .ckc-card--featured .ckc-card__img-wrap { flex: none; min-height: 0; aspect-ratio: 4/5; } }

.ckc-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform .5s ease, opacity .3s;
  padding: 32px;
}
.ckc-card__img--alt {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ckc-card:hover .ckc-card__img--main { opacity: 0; }
.ckc-card:hover .ckc-card__img--alt  { opacity: 1; }
.ckc-card:hover .ckc-card__img { transform: scale(1.03); }

.ckc-card__img-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}
.ckc-card__img-ph svg { width: 80px; height: 80px; }

/* Badge */
.ckc-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: var(--black);
  color: var(--white);
  font-family: var(--hd);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 10px;
  z-index: 2;
}
.ckc-card__badge:is([data-badge="New"]) { background: var(--red); }

/* Category pill */
.ckc-card__cat {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--g2);
  color: var(--g7);
  font-family: var(--hd);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 100px;
}

/* Card body */
.ckc-card__body {
  padding: clamp(24px, 3vw, 36px);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ckc-card--featured .ckc-card__body {
  padding: clamp(32px, 4vw, 56px);
  justify-content: center;
}
.ckc-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.ckc-card__name {
  font-family: var(--hd);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--black);
  line-height: 1.1;
  margin: 0;
}
.ckc-card__price {
  font-family: var(--hd);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--red);
  white-space: nowrap;
  flex-shrink: 0;
}
.ckc-card__desc {
  font-family: var(--bd);
  font-size: 13px;
  color: var(--g5);
  line-height: 1.7;
  margin: 0 0 20px;
}
/* Feature checklist */
.ckc-card__feats {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ckc-card__feats li {
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--g7);
  display: flex;
  align-items: center;
  gap: 9px;
}
.ckc-card__feats li::before {
  content: '';
  width: 14px;
  height: 14px;
  background: var(--red);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  flex-shrink: 0;
}
/* Spec row */
.ckc-card__specs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid var(--g2);
  padding-top: 16px;
  margin-bottom: 24px;
}
.ckc-card__spec {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}
.ckc-card__spec-label {
  font-family: var(--hd);
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--g5);
  font-size: 10px;
}
.ckc-card__spec-val {
  font-family: var(--bd);
  color: var(--g7);
  text-align: right;
  font-size: 12px;
}
/* CTA */
.ckc-card__cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  font-family: var(--hd);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  border-bottom: 2px solid var(--red);
  padding-bottom: 3px;
  transition: color .2s, border-color .2s, gap .2s;
  gap: 6px;
  width: fit-content;
}
.ckc-card__cta:hover { color: var(--red); }

/* ══ EDITORIAL BREAK ══ */
.ckc-editorial-break {
  grid-column: 1 / -1;
  background: var(--black);
  padding: clamp(48px, 7vw, 96px) 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ckc-editorial-break::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(232,0,61,.08) 0%, transparent 70%);
}
.ckc-editorial-break__inner {
  position: relative;
  z-index: 1;
  max-width: 680px;
  margin: 0 auto;
  padding: 0 40px;
}
.ckc-editorial-break__title {
  font-family: var(--dsp);
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 400;
  color: var(--white);
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: .95;
  margin: 0 0 16px;
}
.ckc-editorial-break__sub {
  font-family: var(--bd);
  font-size: 14px;
  color: rgba(255,255,255,.4);
  line-height: 1.75;
  margin: 0;
}

/* ══ PROCESS ══ */
.ckc-process {
  background: var(--black);
  padding: clamp(60px, 8vw, 100px) 0;
}
.ckc-process__title {
  font-family: var(--dsp);
  font-size: clamp(2rem, 5vw, 3.8rem);
  font-weight: 400;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: center;
  margin: 0 0 56px;
  line-height: 1;
}
.ckc-process__title em { color: var(--red); font-style: normal; }
.ckc-process__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  background: rgba(255,255,255,.06);
}
@media(max-width: 768px){ .ckc-process__steps { grid-template-columns: 1fr 1fr; } }
@media(max-width: 480px){ .ckc-process__steps { grid-template-columns: 1fr; } }
.ckc-step {
  padding: 32px 28px;
  background: var(--black);
  position: relative;
}
.ckc-step__n {
  font-family: var(--dsp);
  font-size: 4rem;
  color: rgba(232,0,61,.1);
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 20px;
}
.ckc-step__icon { font-size: 1.8rem; margin-bottom: 16px; display: block; }
.ckc-step__title {
  font-family: var(--hd);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0 0 10px;
}
.ckc-step__desc {
  font-family: var(--bd);
  font-size: 12px;
  color: rgba(255,255,255,.4);
  line-height: 1.75;
  margin: 0;
}

/* ══ BOTTOM CTA ══ */
.ckc-cta {
  background: var(--red);
  padding: clamp(60px, 8vw, 100px) 0;
  text-align: center;
}
.ckc-cta__inner { position: relative; z-index: 1; }
.ckc-cta__title {
  font-family: var(--dsp);
  font-size: clamp(2.4rem, 6vw, 5rem);
  font-weight: 400;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: .95;
  margin: 0 0 20px;
}
.ckc-cta__sub {
  font-family: var(--bd);
  font-size: 15px;
  color: rgba(255,255,255,.7);
  line-height: 1.7;
  max-width: 480px;
  margin: 0 auto 32px;
}
.ckc-cta .ckc-btn-primary {
  background: var(--white);
  color: var(--red);
  border-color: var(--white);
}
.ckc-cta .ckc-btn-primary:hover {
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
}

/* ══ EMPTY STATE ══ */
.ckc-empty {
  grid-column: 1 / -1;
  padding: 80px 40px;
  text-align: center;
  background: var(--white);
  font-family: var(--hd);
  font-size: 13px;
  color: var(--g5);
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Portfolio — when club names are hidden, image fills full card */
.ctw-pf-item--no-label .ctw-pf-item__img-zone{aspect-ratio:3/4}
.ctw-pf-item--no-label .ctw-pf-overlay{display:none}

/* ══════════════════════════════════════════════════════════════
   ZAS88A — Conversion Improvements
   ══════════════════════════════════════════════════════════════ */

/* ── Product card: price block (moved above qty) ─────────── */
.pzas-card-price-block {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 16px 12px;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}

/* ── Savings pill ─────────────────────────────────────────── */
.pzas-savings-pill {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--red);
  color: #fff;
  padding: 3px 8px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}

/* ── Stock urgency signal ─────────────────────────────────── */
.pzas-stock-signal {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px 10px;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--red);
}
.pzas-stock-dot {
  width: 7px;
  height: 7px;
  background: var(--red);
  border-radius: 50%;
  flex-shrink: 0;
  animation: pzas-pulse 1.4s ease-in-out infinite;
}
@keyframes pzas-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .5; transform: scale(1.35); }
}

/* ── Trust badges row ─────────────────────────────────────── */
.pzas-trust-row {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 11px 16px;
  border-top: 1px solid #F0F0F0;
  gap: 6px;
  flex-wrap: wrap;
}
.pzas-trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #555;
  letter-spacing: .02em;
  white-space: nowrap;
}
.pzas-trust-item svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* ── Payment icons row ────────────────────────────────────── */
.pzas-pay-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 16px 14px;
  flex-wrap: wrap;
}
.pzas-pay-badge {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 3px 7px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid transparent;
}
.pzas-pay-afterpay { background: #B2FCE4; color: #000; border-color: #9AECD4; }
.pzas-pay-zip      { background: #AA8FFF; color: #fff; border-color: #9070FF; }
.pzas-pay-klarna   { background: #FFB3C7; color: #17120E; border-color: #FF95AF; }
.pzas-pay-paypal   { background: #003087; color: #FFD140; border-color: #002070; }
.pzas-pay-card     { background: #1A1F71; color: #fff; border-color: #111560; font-style: italic; }
.pzas-pay-mc       { background: #EB001B; color: #fff; border-color: #C40016; }

/* ── Cart drawer: was-price in JS-rendered items ──────────── */
.cart-item__price-was {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  color: var(--g3);
  text-decoration: line-through;
  margin-right: 4px;
}

/* ── Cart empty state: shop now button (JS render) ────────── */
.cart-drawer__empty-btn {
  display: inline-block;
  margin-top: 16px;
  padding: 11px 28px;
  background: var(--black);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  transition: background var(--ease);
}
.cart-drawer__empty-btn:hover { background: var(--red); }

/* ══════════════════════════════════════════════════════════════
   ZAS88A — Round 2: Remaining fixes
   ══════════════════════════════════════════════════════════════ */

/* ── B: Mobile — new product card elements ───────────────────
   trust row + pay badges + price block on small screens        */
@media(max-width:480px){
  .pzas-trust-row{
    gap:4px;
    padding:10px 12px;
  }
  .pzas-trust-item{
    font-size:9.5px;
    gap:4px;
  }
  .pzas-trust-item svg{
    width:11px;
    height:11px;
  }
  .pzas-pay-row{
    gap:3px;
    padding:8px 12px 12px;
  }
  .pzas-pay-badge{
    font-size:8px;
    padding:3px 5px;
  }
  .pzas-card-price-block{
    padding:12px 12px 10px;
  }
  .pzas-stock-signal{
    padding:0 12px 10px;
  }
  .pzas-card-opts{
    padding:0 12px 10px;
  }
  .pzas-qty-row{
    padding:0 12px 10px;
  }
  .pzas-card-btns{
    padding:0 12px 12px;
  }
}

/* ── C: ATC button loading spinner ──────────────────────────── */
@keyframes pzas-spin{
  to{ transform:rotate(360deg); }
}
.pzas-btn-primary.loading{
  pointer-events:none;
  opacity:.8;
}
.pzas-btn-primary.loading #pzasAtcText,
.pzas-btn-primary.loading .pzas-btn-inner{
  display:none;
}
.pzas-btn-primary .pzas-spinner{
  display:none;
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:pzas-spin .65s linear infinite;
  flex-shrink:0;
}
.pzas-btn-primary.loading .pzas-spinner{
  display:inline-block;
}

/* ── E: Testimonial empty stars ──────────────────────────────── */
.test-stars{
  font-size:16px;
  letter-spacing:2px;
  margin-bottom:14px;
}
.test-star-on{
  color:#C4A747;
}
.test-star-off{
  color:#E0DDD6;
}

/* ── F: Password show/hide toggle ────────────────────────────── */
.pw-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.pw-wrap .form-input{
  padding-right:44px;
  width:100%;
}
.pw-toggle{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  cursor:pointer;
  font-size:16px;
  color:var(--g5);
  padding:4px;
  line-height:1;
  transition:color var(--ease);
  display:flex;
  align-items:center;
  justify-content:center;
}
.pw-toggle:hover{
  color:var(--black);
}
.pw-toggle[aria-pressed=true]{
  color:var(--black);
}

/* ══════════════════════════════════════════════════════════════
   COLLECTION ZAS — MOBILE (ZAS88A Round 3)
   ══════════════════════════════════════════════════════════════ */

/* ── Touch devices: hover-only elements always visible ──────── */
@media(hover:none){
  .zas-hover-btn{
    opacity:1 !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }
  .zas-arr{ opacity:1 !important; }
  .zas-dots{ opacity:1 !important; }
}

/* ── Filter bar: two-row layout on mobile ───────────────────── */
@media(max-width:768px){
  .zas-bar{
    flex-wrap:wrap;
    padding:0 var(--pad,16px);
    gap:0;
  }
  .zas-bar-scroll{
    order:1;
    flex:none;
    width:100%;
    padding:8px 0;
    gap:6px;
    border-bottom:1px solid #EBEBEB;
  }
  .zas-right{
    order:2;
    margin-left:0;
    width:100%;
    padding:8px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .zas-sort{
    font-size:12px;
    padding:5px 10px;
    max-width:none;
    flex:1;
    margin-left:12px;
  }
  .zas-count{
    font-size:11px;
    white-space:nowrap;
  }
  .zas-fp>summary{
    font-size:12px;
    padding:6px 12px;
  }
  .zas-clr{
    font-size:12px;
    padding:6px 12px;
  }
}

/* ── Filter panels: bottom sheet on mobile ──────────────────── */
@media(max-width:768px){
  /*
    Panel is a FLEX COLUMN — no overflow on the panel itself.
    Only .zas-panel-body scrolls. This avoids all iOS fixed/overflow bugs.
  */
  .zas-panel{
    display:flex !important;
    flex-direction:column;
    position:fixed !important;
    top:auto !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:82vh;
    border-radius:20px 20px 0 0;
    box-shadow:0 -8px 40px rgba(0,0,0,.2);
    z-index:10000;
    background:#fff;
    /* Off-screen by default */
    transform:translateY(105%);
    pointer-events:none;
    transition:transform .32s cubic-bezier(.25,.46,.45,.94);
    overflow:hidden; /* clip border-radius */
  }
  .zas-panel.zas-panel--open{
    transform:translateY(0);
    pointer-events:auto;
  }

  /* Scrollable inner body — only this scrolls */
  .zas-panel-body{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  /* Filter title inside body */
  .zas-panel-title{
    font-family:'Barlow Condensed',sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#8A8A8A;
    padding:12px 20px 8px;
  }

  /* Filter options */
  .zas-panel-body label,
  .zas-panel label{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 20px;
    font-size:16px;
    font-family:'Barlow',sans-serif;
    color:#0A0A0A;
    border-bottom:1px solid #f0f0f0;
    cursor:pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,.04);
  }
  .zas-panel-body label:active,
  .zas-panel label:active{
    background:#F8F8F8;
  }
  .zas-panel input[type=checkbox]{
    width:22px;
    height:22px;
    flex-shrink:0;
    accent-color:#0A0A0A;
    cursor:pointer;
  }
  .zas-sw-drop{
    gap:12px;
    padding:12px 20px;
  }
  .zas-swatch-circle{
    width:32px;
    height:32px;
  }
  .zas-price-row{
    padding:12px 20px;
  }
  .zas-price-row input{
    padding:10px 12px;
    font-size:15px;
    width:90px;
  }
  .zas-apply-btn{
    display:none;
  }
  .zas-cb-count{
    color:#8A8A8A;
    font-size:13px;
    margin-left:auto;
  }
}

/* ── Mobile filter overlay ── */
.zas-mob-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:9999;
  opacity:0;
  pointer-events:none; /* ALWAYS none — overlay is visual only.
    Closing is handled by document.touchstart in JS, which checks
    whether the touch target is inside the open panel.
    pointer-events:auto would intercept ALL touches (overlay z-index:9999
    beats .zas-bar z-index:990 in root context), instantly closing the panel. */
  transition:opacity .28s ease;
}
.zas-mob-overlay--open{
  opacity:1;
  pointer-events:none; /* never changes — see comment above */
}

/* ── Product grid: card info on mobile ──────────────────────── */
@media(max-width:768px){
  .zas-info{
    padding:8px 10px 12px;
  }
  .zas-name{
    white-space:normal;
    overflow:hidden;
    text-overflow:unset;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:12px;
    line-height:1.4;
  }
  .zas-price{
    font-size:13px;
  }
  .zas-sw-dot{
    width:11px;
    height:11px;
  }
  .zas-atc-btn{
    font-size:11px;
    padding:9px 8px;
    letter-spacing:.08em;
  }
}

/* ── Product grid: single-column on very small screens ──────── */
@media(max-width:380px){
  .zas-grid{ grid-template-columns:1fr !important; }
}

/* ── Image nav arrows: bigger tap targets on mobile ─────────── */
@media(max-width:768px){
  .zas-arr{
    width:34px;
    height:34px;
    font-size:20px;
  }
}

/* ── Category row: compact on mobile ───────────────────────── */
@media(max-width:480px){
  .zas-cat{
    width:72px;
  }
  .zas-cat__box{
    width:64px;
    height:64px;
  }
  .zas-cat__box img{
    width:44px;
    height:44px;
  }
  .zas-cat__lbl{
    font-size:10px;
  }
}

/* ══════════════════════════════════════════════════════════════
   CART PAGE (ZAS88A Round 3)
   ══════════════════════════════════════════════════════════════ */

.cp{ padding:48px 0 96px; }
.cp-title{
  font-family:var(--dsp);
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:28px;
}

/* ── Empty state ─────────────────────────────────────────────── */
.cp-empty{
  text-align:center;
  padding:100px 0;
}
.cp-empty svg{
  width:56px;height:56px;
  stroke:var(--g3);fill:none;stroke-width:1.5;
  margin:0 auto 20px;display:block;
}
.cp-empty p{
  font-family:var(--hd);font-size:14px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--g5);margin-bottom:28px;
}

/* ── Free shipping bar ───────────────────────────────────────── */
.cp-ship-bar{
  padding:14px 20px;
  background:var(--off);
  border-radius:6px;
  margin-bottom:32px;
}
.cp-ship-bar__msg{
  font-family:var(--bd);font-size:13px;color:var(--g7);margin-bottom:8px;
}
.cp-ship-bar__msg--done{ color:#1a7a1a; }
.cp-ship-bar__track{
  height:5px;background:#E0E0E0;border-radius:3px;overflow:hidden;
}
.cp-ship-bar__fill{
  height:100%;background:var(--black);border-radius:3px;
  transition:width .5s ease;
}

/* ── Layout: items + summary ─────────────────────────────────── */
.cp-layout{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:48px;
  align-items:start;
}
@media(max-width:900px){
  .cp-layout{
    grid-template-columns:1fr;
    gap:32px;
  }
  .cp-summary{
    order:-1;
  }
}

/* ── Line items ──────────────────────────────────────────────── */
.cp-item{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid var(--g2);
  align-items:start;
}
.cp-item__img-wrap{ display:block;flex-shrink:0; }
.cp-item__img{
  width:100px;height:120px;object-fit:cover;
  border-radius:4px;background:var(--off);display:block;
}
.cp-item__body{
  display:flex;flex-direction:column;gap:12px;
}
.cp-item__top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:8px;
}
.cp-item__sale-badge{
  display:inline-block;
  font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;background:var(--red);color:#fff;
  padding:2px 6px;border-radius:2px;margin-bottom:4px;
}
.cp-item__name{
  font-family:var(--hd);font-size:14px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;
  color:var(--black);display:block;text-decoration:none;line-height:1.3;
}
.cp-item__name:hover{ color:var(--red); }
.cp-item__variant{
  font-family:var(--bd);font-size:12px;color:var(--g5);margin-top:3px;
}
.cp-item__sku{
  font-family:monospace;font-size:10px;color:var(--g5);margin-top:2px;
}
.cp-item__remove{
  background:none;border:none;cursor:pointer;padding:4px;
  color:var(--g5);transition:color var(--ease);flex-shrink:0;
  display:flex;align-items:center;
}
.cp-item__remove svg{
  width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;
}
.cp-item__remove:hover{ color:var(--red); }
.cp-item__foot{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
/* Qty stepper */
.cp-item__qty{
  display:inline-flex;align-items:center;
  border:1px solid var(--g2);border-radius:2px;
}
.cp-item__qbtn{
  width:34px;height:34px;background:none;border:none;cursor:pointer;
  font-size:18px;line-height:1;color:var(--black);
  display:flex;align-items:center;justify-content:center;
  transition:background var(--ease);
}
.cp-item__qbtn:hover{ background:var(--off); }
.cp-item__qval{
  width:44px;min-width:44px;text-align:center;
  font-family:var(--hd);font-size:13px;font-weight:700;color:var(--black);
  border:0;background:transparent;padding:0;-moz-appearance:textfield;
}
.cp-item__qval::-webkit-outer-spin-button,
.cp-item__qval::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0; }
.cp-item__qval:focus{ outline:1px solid var(--black);outline-offset:1px; }
.cp-item__qbtn[disabled]{ opacity:.28;cursor:not-allowed; }
.cp-item__qbtn[disabled]:hover{ background:none; }
.cp-item__stock{
  display:block;margin-top:6px;font-size:11px;color:var(--grey);
}
.cp-item__stock--warn{ color:#c0392b;font-weight:600; }
/* Prices */
.cp-item__prices{
  display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;
}
.cp-item__price{
  font-family:var(--hd);font-size:15px;font-weight:700;color:var(--black);
}
.cp-item__price--sale{ color:var(--red); }
.cp-item__was{
  font-family:var(--hd);font-size:12px;color:var(--g5);
  text-decoration:line-through;
}
.cp-item__saved{
  font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;background:var(--red);color:#fff;
  padding:2px 7px;border-radius:2px;white-space:nowrap;
}

/* ── Order summary panel ─────────────────────────────────────── */
.cp-summary__inner{
  background:var(--off);
  padding:28px;
  border-radius:6px;
  position:sticky;
  top:96px;
}
.cp-summary__title{
  font-family:var(--hd);font-size:13px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:20px;padding-bottom:16px;
  border-bottom:1px solid var(--g2);
}
.cp-summary__row{
  display:flex;justify-content:space-between;align-items:center;
  padding:9px 0;font-family:var(--bd);font-size:14px;color:var(--g7);
}
.cp-summary__count{
  font-size:12px;color:var(--g5);
}
.cp-summary__savings{
  color:#1a7a1a;font-weight:600;
}
.cp-summary__savings-val{
  font-family:var(--hd);font-size:14px;font-weight:700;color:#1a7a1a;
}
.cp-summary__ship-free{
  font-family:var(--hd);font-size:12px;font-weight:700;
  letter-spacing:.08em;color:#1a7a1a;text-transform:uppercase;
}
.cp-summary__ship-note{
  font-size:12px;color:var(--g5);
}
.cp-summary__divider{
  height:1px;background:var(--g2);margin:12px 0 20px;
}

/* Trust badges */
.cp-trust{
  display:flex;flex-direction:column;gap:8px;
  margin-bottom:20px;
}
.cp-trust__item{
  display:flex;align-items:center;gap:8px;
  font-family:var(--bd);font-size:11px;font-weight:500;color:var(--g7);
}
.cp-trust__item svg{
  width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--black);
}

/* Checkout button */
.cp-checkout-btn{
  margin-bottom:12px;
  display:flex;align-items:center;justify-content:center;gap:8px;
}

/* BNPL row */
.cp-bnpl{
  margin:16px 0 8px;text-align:center;
}
.cp-bnpl__label{
  font-family:var(--bd);font-size:10.5px;color:var(--g5);margin-bottom:8px;
}
.cp-bnpl__row{
  display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;
}
.cp-bnpl__badge{
  font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.05em;
  padding:3px 8px;border-radius:3px;display:inline-flex;
  align-items:center;justify-content:center;line-height:1;
  border:1px solid transparent;
}
.cp-bnpl--afterpay{ background:#B2FCE4;color:#000;border-color:#9AECD4; }
.cp-bnpl--zip     { background:#AA8FFF;color:#fff;border-color:#9070FF; }
.cp-bnpl--klarna  { background:#FFB3C7;color:#17120E;border-color:#FF95AF; }
.cp-bnpl--paypal  { background:#003087;color:#FFD140;border-color:#002070; }

/* Dynamic checkout */
.cp-dynamic-btns{
  margin-top:12px;text-align:center;
}
.cp-dynamic-btns .shopify-payment-button{ margin:0; }

/* Mobile cart item */
@media(max-width:600px){
  .cp-item{
    grid-template-columns:80px 1fr;
    gap:14px;
    padding:18px 0;
  }
  .cp-item__img{
    width:80px;height:96px;
  }
  .cp-item__name{ font-size:12px; }
  .cp-summary__inner{ padding:20px; }
}

/* ══════════════════════════════════════════════════════════════
   FOOTER TRUST STRIP (ZAS88A Round 3)
   ══════════════════════════════════════════════════════════════ */

.footer-trust-strip{
  padding:16px 0;
  margin-top:8px;
}
.footer-trust-strip__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px 20px;
}
.footer-trust-strip__item{
  display:flex;
  align-items:center;
  gap:9px;
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--g5);
  transition:color var(--ease);
  flex:1;
  min-width:120px;
  white-space:nowrap;
}
.footer-trust-strip__item:hover{
  color:var(--black);
}
.footer-trust-strip__item svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
  color:var(--black);
  opacity:.5;
  transition:opacity var(--ease);
}
.footer-trust-strip__item:hover svg{
  opacity:1;
}

@media(max-width:768px){
  .footer-trust-strip__row{
    justify-content:flex-start;
    gap:10px 16px;
  }
  .footer-trust-strip__item{
    min-width:calc(50% - 8px);
    flex:none;
    font-size:10px;
  }
}
@media(max-width:400px){
  .footer-trust-strip__item{
    min-width:100%;
  }
}

/* ══════════════════════════════════════════════════════════════
   ZAS88A — Bug fixes round 4
   ══════════════════════════════════════════════════════════════ */

/* ── Footer trust badge logo images ────────────────────────── */
.footer-trust-strip__logo {
  height: 18px;
  width: auto;
  max-width: 52px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.5;
  transition: opacity var(--ease);
}
.footer-trust-strip__item:hover .footer-trust-strip__logo {
  opacity: 1;
}

/* ── Cart page: savings badge more prominent ────────────────── */
.cp-item__saved {
  font-family: var(--hd);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #1a7a1a;
  color: #fff;
  padding: 3px 8px;
  border-radius: 2px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

/* ── Mobile filter panel: header + footer ────────────────────── */
.zas-panel-hd,
.zas-panel-ft,
.zas-panel-body{
  display:none;
}
@media(max-width:768px){
  .zas-panel-body{ display:block; }

  /* Header — flex-shrink:0, NOT position:fixed/sticky */
  .zas-panel-hd{
    display:flex;
    align-items:center;
    flex-shrink:0;
    padding:0 20px;
    height:52px;
    background:#fff;
    border-bottom:1px solid var(--g2);
    position:relative;
  }
  /* Drag handle centred */
  .zas-panel-handle{
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    width:36px;
    height:4px;
    background:#D0D0D0;
    border-radius:2px;
  }
  /* Panel title inside header */
  .zas-panel-hd-title{
    font-family:'Barlow Condensed',sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--black);
    flex:1;
    text-align:center;
  }
  .zas-panel-close{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    font-size:18px;
    color:var(--g5);
    cursor:pointer;
    padding:8px;
    line-height:1;
    -webkit-tap-highlight-color:transparent;
  }
  .zas-panel-close:active{ color:var(--black); }

  /* Footer — flex-shrink:0, NOT position:fixed */
  .zas-panel-ft{
    display:block;
    flex-shrink:0;
    padding:12px 16px 28px;
    background:#fff;
    border-top:1px solid var(--g2);
  }
  .zas-apply-mob{
    width:100%;
    padding:16px;
    background:var(--black);
    color:#fff;
    border:none;
    border-radius:6px;
    font-family:var(--hd);
    font-size:15px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .zas-apply-mob:active{ background:var(--red); }
}

/* ══════════════════════════════════════════════════════════════
   CART PAGE — Checkout improvements (ZAS88A-1 R5)
   ══════════════════════════════════════════════════════════════ */

/* ── Discount code field ─────────────────────────────────────── */
.cp-discount,
.cp-note {
  border:1px solid var(--g2);
  border-radius:4px;
  overflow:hidden;
  margin-bottom:10px;
}
.cp-discount__toggle,
.cp-note__toggle {
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  background:none;
  border:none;
  cursor:pointer;
  font-family:var(--hd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--g7);
  text-align:left;
  transition:background var(--ease);
}
.cp-discount__toggle:hover,
.cp-note__toggle:hover { background:var(--off); }
.cp-discount__toggle svg,
.cp-note__toggle svg {
  width:14px;height:14px;
  stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  flex-shrink:0;
}
.cp-discount__chevron,
.cp-note__chevron {
  margin-left:auto;
  transition:transform .2s ease;
}
.cp-discount__toggle.open .cp-discount__chevron,
.cp-note__toggle.open .cp-note__chevron {
  transform:rotate(180deg);
}
.cp-discount__body,
.cp-note__body {
  display:none;
  padding:0 16px 14px;
  border-top:1px solid var(--g2);
}
.cp-discount__body.open,
.cp-note__body.open { display:block; }
.cp-discount__hint {
  font-family:var(--bd);
  font-size:13px;
  color:var(--g5);
  line-height:1.6;
  padding:10px 0 2px;
}
.cp-note__textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid var(--g2);
  border-radius:4px;
  font-family:var(--bd);
  font-size:13px;
  color:var(--black);
  resize:vertical;
  min-height:80px;
  margin-top:10px;
  outline:none;
}
.cp-note__textarea:focus { border-color:var(--black); }
.cp-note__save {
  margin-top:8px;
  padding:9px 20px;
  background:var(--black);
  color:#fff;
  border:none;
  border-radius:3px;
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background var(--ease);
}
.cp-note__save:hover { background:var(--red); }

/* ── Sticky mobile checkout bar ──────────────────────────────── */
.cp-sticky-bar {
  display:none;
}
@media(max-width:900px){
  .cp-sticky-bar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:500;
    background:#fff;
    padding:12px 20px 20px;
    border-top:1px solid var(--g2);
    box-shadow:0 -4px 20px rgba(0,0,0,.1);
    gap:16px;
  }
  .cp-sticky-bar__label {
    font-family:var(--hd);
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--g5);
    display:block;
  }
  .cp-sticky-bar__val {
    font-family:var(--hd);
    font-size:20px;
    font-weight:700;
    color:var(--black);
    display:block;
  }
  .cp-sticky-bar__btn {
    display:flex;
    align-items:center;
    gap:8px;
    padding:14px 24px;
    background:var(--black);
    color:#fff;
    border-radius:4px;
    font-family:var(--hd);
    font-size:13px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
    flex-shrink:0;
    transition:background var(--ease);
  }
  .cp-sticky-bar__btn svg {
    width:14px;height:14px;stroke:currentColor;
    fill:none;stroke-width:2;
  }
  .cp-sticky-bar__btn:hover { background:var(--red); }
  /* Pad bottom of page so sticky bar doesn't cover content */
  .cp { padding-bottom:120px; }
}

/* ══════════════════════════════════════════════════════════════
   CART PAGE — Discount code + Order note (ZAS88A-1)
   ══════════════════════════════════════════════════════════════ */

/* ── Shared toggle row ───────────────────────────────────────── */
.cp-discount,
.cp-note{
  margin-bottom:2px;
}
.cp-discount__toggle,
.cp-note__toggle{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  background:none;
  border:none;
  padding:11px 0;
  font-family:var(--bd);
  font-size:13px;
  font-weight:500;
  color:var(--g7);
  cursor:pointer;
  text-align:left;
  border-bottom:1px solid var(--g2);
  transition:color var(--ease);
}
.cp-discount__toggle:hover,
.cp-note__toggle:hover{ color:var(--black); }
.cp-discount__toggle svg:first-child,
.cp-note__toggle svg:first-child{
  width:14px;height:14px;
  stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  flex-shrink:0;color:var(--g5);
}
.cp-discount__chevron,
.cp-note__chevron{
  width:14px;height:14px;
  stroke:currentColor;fill:none;stroke-width:2.2;
  margin-left:auto;flex-shrink:0;
  transition:transform var(--ease);
}
.cp-discount__toggle.open .cp-discount__chevron,
.cp-note__toggle.open .cp-note__chevron{
  transform:rotate(180deg);
}

/* ── Discount code input ─────────────────────────────────────── */
.cp-discount__body{
  padding:12px 0 4px;
}
.cp-discount__row{
  display:flex;
  gap:8px;
  margin-bottom:8px;
}
.cp-discount__input{
  flex:1;
  border:1px solid var(--g2);
  border-radius:3px;
  padding:10px 12px;
  font-family:var(--bd);
  font-size:13px;
  color:var(--black);
  outline:none;
  transition:border-color var(--ease);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.cp-discount__input:focus{ border-color:var(--black); }
.cp-discount__apply{
  padding:10px 16px;
  background:var(--black);
  color:#fff;
  border:none;
  border-radius:3px;
  font-family:var(--hd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  transition:background var(--ease);
  flex-shrink:0;
}
.cp-discount__apply:hover{ background:var(--red); }
.cp-discount__tags{
  display:flex;gap:6px;flex-wrap:wrap;
}
.cp-discount__tag{
  display:inline-flex;align-items:center;gap:4px;
  background:#e8f5e9;color:#2e7d32;
  font-family:var(--hd);font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  padding:4px 10px;border-radius:20px;
}

/* ── Order note textarea ─────────────────────────────────────── */
.cp-note__body{
  padding:12px 0 4px;
}
.cp-note__input{
  width:100%;
  border:1px solid var(--g2);
  border-radius:3px;
  padding:10px 12px;
  font-family:var(--bd);
  font-size:13px;
  color:var(--black);
  outline:none;
  resize:vertical;
  min-height:80px;
  transition:border-color var(--ease);
  line-height:1.6;
  margin-bottom:8px;
  display:block;
}
.cp-note__input:focus{ border-color:var(--black); }
.cp-note__input::placeholder{ color:var(--g5); }
.cp-note__save{
  padding:9px 16px;
  background:var(--off);
  color:var(--black);
  border:1.5px solid var(--g2);
  border-radius:3px;
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:all var(--ease);
}
.cp-note__save:hover{
  background:var(--black);
  color:#fff;
  border-color:var(--black);
}

/* ── Sport Selector Mega Menu (nav_sport) ── */
.zmenu-nav-item--sport{position:static}
.zmenu-sport{position:absolute;top:100%;left:0;right:0;width:100%;background:var(--white);box-shadow:0 20px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;border-top:2px solid var(--red)}
.zmenu-nav-item--sport:hover .zmenu-sport{opacity:1;visibility:visible;pointer-events:auto}
.zmenu-nav-item--sport:hover .zmenu-nav-btn{color:var(--white)}
.zmenu-nav-item--sport:hover .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-nav-item--sport:hover .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1}
.zmenu-sport__inner{display:grid;grid-template-columns:200px 210px 1fr;min-height:320px;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.zmenu-sport__left{background:var(--black);padding:clamp(24px,2.5vw,40px) clamp(20px,2vw,32px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.zmenu-sport__left::after{content:attr(data-bg);position:absolute;bottom:-16px;left:-8px;font-family:var(--dsp);font-size:6rem;color:rgba(255,255,255,.04);text-transform:uppercase;white-space:nowrap;pointer-events:none;line-height:1;letter-spacing:.04em}
.zmenu-sport__title{font-family:var(--dsp);font-size:clamp(2rem,3vw,3rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;position:relative;z-index:1}
.zmenu-sport__title em{font-style:normal;color:var(--red);display:block}
.zmenu-sport__viewall{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-decoration:none;margin-top:18px;transition:gap var(--ease);position:relative;z-index:1}
.zmenu-sport__viewall:hover{gap:12px}
.zmenu-sport__viewall svg{width:13px;height:13px;stroke:currentColor;fill:none}
.zmenu-sport__promo-note{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.2);position:relative;z-index:1;margin-top:10px}
.zmenu-sport__sports{background:#F5F5F5;display:flex;flex-direction:column;padding:12px 0;border-right:1px solid var(--g2)}
.zmenu-sport__sport{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 20px;background:transparent;border:none;cursor:pointer;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--black);text-align:left;transition:background .15s ease,color .15s ease;gap:8px;border-left:2px solid transparent}
.zmenu-sport__sport:hover{background:var(--white);color:var(--red);border-left-color:var(--red)}
.zmenu-sport__sport.z-active{background:var(--white);color:var(--red);border-left-color:var(--red)}
.zmenu-sport__sport svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;opacity:0;flex-shrink:0;transition:opacity .15s}
.zmenu-sport__sport.z-active svg{opacity:1}
.zmenu-sport__panels{padding:24px 28px;flex:1}
.zmenu-sport__panel{display:none}
.zmenu-sport__panel.z-active{display:block;animation:sportFadeIn .18s ease}
@keyframes sportFadeIn{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
.zmenu-sport__panel-head{font-family:var(--dsp);font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;letter-spacing:.03em;margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--g2)}
.zmenu-sport__panel-all{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);background:var(--red);text-decoration:none;padding:8px 16px;border-radius:2px;margin-bottom:18px;transition:background var(--ease)}
.zmenu-sport__panel-all:hover{background:var(--red-dk)}
.zmenu-sport__panel-all svg{width:11px;height:11px;stroke:currentColor;fill:none}
.zmenu-sport__panel-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.zmenu-sport__panel-link{display:flex;align-items:center;gap:7px;padding:7px 0;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);text-decoration:none;transition:all var(--ease);border-bottom:1px solid var(--g2)}
.zmenu-sport__panel-link:last-child{border-bottom:none}
.zmenu-sport__panel-link svg{width:10px;height:10px;stroke:var(--red);fill:none;opacity:0.4;transition:opacity var(--ease);flex-shrink:0}
.zmenu-sport__panel-link:hover{color:var(--red);padding-left:4px}
.zmenu-sport__panel-link:hover svg{opacity:1}

/* ══════════════════════════════════════════════════
   Product ZAS Menu (nav_pzas) — Full ASOS-style panel
   ══════════════════════════════════════════════════ */

/* ── Trigger item ── */
.zmenu-nav-item--pzas{position:static}
.zmenu-nav-item--pzas:hover .zmenu-nav-btn{color:var(--white)}
.zmenu-nav-item--pzas:hover .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-nav-item--pzas:hover .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1}

/* ── Outer panel shell ── */
.zmenu-pzas{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  width:100%;
  background:var(--white);
  box-shadow:0 24px 80px rgba(0,0,0,.60);
  border-top:3px solid var(--red);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
  z-index:20;
}
.zmenu-nav-item--pzas:hover .zmenu-pzas{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* ── Hover-intent fix: keep ASOS + PZAS panels open via JS .z-active buffer,
   matching the Stage/Mega behaviour, and bridge the gap below the trigger so
   the cursor can travel into the panel without dropping :hover. ── */
.zmenu-nav-item--asos.z-active .zmenu-asos,
.zmenu-nav-item--pzas.z-active .zmenu-pzas{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.zmenu-nav-item--asos.z-active .zmenu-nav-btn,
.zmenu-nav-item--pzas.z-active .zmenu-nav-btn{color:var(--white)}
.zmenu-nav-item--asos.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--pzas.z-active .zmenu-nav-btn::after{transform:scaleX(1)}
.zmenu-nav-item--asos.z-active .zmenu-nav-btn svg,
.zmenu-nav-item--pzas.z-active .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1}
.zmenu-nav-item--asos > .zmenu-nav-btn::before,
.zmenu-nav-item--pzas > .zmenu-nav-btn::before{
  content:'';position:absolute;left:0;right:0;top:100%;height:16px;background:transparent;
}

/* ── Inner tab strip ── */
.zmenu-pzas__tabbar{
  background:#1a1a1a;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.zmenu-pzas__tabbar-inner{
  display:flex;
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
  overflow-x:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
  gap:0;
}
.zmenu-pzas__tabbar-inner::-webkit-scrollbar{display:none}
.zmenu-pzas__tab{
  display:inline-flex;
  align-items:center;
  padding:11px 20px;
  font-family:var(--hd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  text-decoration:none;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color .18s,border-color .18s;
  position:relative;
}
.zmenu-pzas__tab:hover{color:rgba(255,255,255,.85)}
.zmenu-pzas__tab.z-active{
  color:var(--white);
  border-bottom-color:var(--red);
}

/* ── Three-column body ── */
.zmenu-pzas__body{
  display:grid;
  grid-template-columns:1fr 300px 300px;
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
  min-height:340px;
}

/* Section heading — shared by all three cols */
.zmenu-pzas__sec-head{
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--black);
  padding:22px 0 13px;
  border-bottom:2px solid var(--black);
  margin-bottom:14px;
}

/* ── Col 1: Shop By Product ── */
.zmenu-pzas__col1{
  padding-right:40px;
  border-right:1px solid var(--g2);
  padding-bottom:32px;
}
.zmenu-pzas__product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}
.zmenu-pzas__product-col{
  display:flex;
  flex-direction:column;
}
/* Bold featured links */
.zmenu-pzas__feat-link{
  font-family:var(--hd);
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--black);
  text-decoration:none;
  padding:7px 0;
  border-bottom:1px solid var(--g2);
  transition:color var(--ease);
  line-height:1.3;
}
.zmenu-pzas__feat-link:hover{color:var(--red)}
/* Regular links */
.zmenu-pzas__link{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--hd);
  font-size:12px;
  font-weight:500;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--g7);
  text-decoration:none;
  padding:6px 0;
  border-bottom:1px solid var(--g2);
  transition:color var(--ease),padding-left var(--ease);
  line-height:1.3;
}
.zmenu-pzas__link::before{content:'';display:block;width:7px;height:7px;border-right:1.5px solid var(--red);border-top:1.5px solid var(--red);transform:rotate(45deg);opacity:.35;flex-shrink:0;transition:opacity var(--ease)}
.zmenu-pzas__link:last-child{border-bottom:none}
.zmenu-pzas__link:hover{color:var(--red);padding-left:3px}
.zmenu-pzas__link:hover::before{opacity:1}

/* ── Col 2: Circular image tiles ── */
.zmenu-pzas__col2{
  padding:0 32px 32px;
  border-right:1px solid var(--g2);
}
.zmenu-pzas__tiles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 12px;
}
.zmenu-pzas__tile{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-decoration:none;
  transition:opacity .2s;
}
.zmenu-pzas__tile:hover{opacity:.78}
.zmenu-pzas__tile-img{
  width:90px;
  height:90px;
  border-radius:50%;
  overflow:hidden;
  background:var(--off);
  flex-shrink:0;
}
.zmenu-pzas__tile-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.zmenu-pzas__tile:hover .zmenu-pzas__tile-img img{transform:scale(1.06)}
.zmenu-pzas__tile-ph{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--g2);
}
.zmenu-pzas__tile-ph svg{width:28px;height:28px;stroke:var(--g4);fill:none;stroke-width:1.5}
.zmenu-pzas__tile-lbl{
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--black);
  text-align:center;
  line-height:1.3;
}

/* ── Col 3: Shop By Edit thumbnails ── */
.zmenu-pzas__col3{
  padding:0 0 32px 32px;
}
.zmenu-pzas__edits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 16px;
}
.zmenu-pzas__edit{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  transition:opacity .2s;
}
.zmenu-pzas__edit:hover{opacity:.72}
.zmenu-pzas__edit-thumb{
  width:50px;
  height:50px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  background:var(--off);
}
.zmenu-pzas__edit-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.zmenu-pzas__edit-ph{
  width:100%;
  height:100%;
  background:var(--g2);
  border-radius:50%;
}
.zmenu-pzas__edit-lbl{
  font-family:var(--hd);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--black);
  line-height:1.3;
}
/* End Product ZAS Menu */

/* ── Logo Footer Strip — shared by all expandable menu types ── */
.zmenu-logo-footer{
  border-top:1px solid var(--g2);
  background:var(--off);
  padding:16px var(--pad);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(20px,4vw,56px);
  flex-wrap:wrap;
}
.zmenu-logo-footer__item{
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.55;
  transition:opacity var(--ease);
  text-decoration:none;
}
.zmenu-logo-footer__item:hover{opacity:1}
.zmenu-logo-footer__item img{
  height:28px;
  width:auto;
  max-width:100px;
  object-fit:contain;
  filter:grayscale(1);
  transition:filter var(--ease);
  display:block;
}
.zmenu-logo-footer__item:hover img{filter:grayscale(0)}

/* ── Nav bar overflow: compact at mid-range viewports ── */
@media(max-width:1280px){
  .zmenu-nav-btn{padding:13px 10px;font-size:12px;letter-spacing:.06em}
}
@media(max-width:1100px){
  .zmenu-nav-btn{padding:13px 8px;font-size:11px;letter-spacing:.05em}
}
/* Ensure nav never clips its dropdown panels — overflow visible kept */
.zmenu-nav{overflow:visible}

/* ═══════════════════════════════════════════════════
   Product ZAS Menu — v2 upgrades
   ═══════════════════════════════════════════════════ */

/* ── Tab strip: icons + badges + highlight ── */
.zmenu-pzas__tab{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 18px;
  font-family:var(--hd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  text-decoration:none;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color .18s,border-color .18s,background .18s;
  position:relative;
  border-radius:0;
}
.zmenu-pzas__tab:hover{color:rgba(255,255,255,.85)}
.zmenu-pzas__tab.z-active{color:var(--white);border-bottom-color:var(--red)}
/* Highlighted tab */
.zmenu-pzas__tab.z-highlight{
  color:var(--white);
  background:var(--red);
  margin:6px 4px;
  border-radius:2px;
  border-bottom:2px solid transparent;
  padding:6px 14px;
}
.zmenu-pzas__tab.z-highlight:hover{background:var(--red-dk);color:var(--white)}
/* Tab icons */
.zmenu-pzas__tab-icon--img{
  width:16px;
  height:16px;
  object-fit:contain;
  border-radius:2px;
  flex-shrink:0;
  opacity:.7;
  transition:opacity .18s;
}
.zmenu-pzas__tab:hover .zmenu-pzas__tab-icon--img,
.zmenu-pzas__tab.z-active .zmenu-pzas__tab-icon--img{opacity:1}
.zmenu-pzas__tab-icon--svg{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:16px;
  height:16px;
  opacity:.65;
  transition:opacity .18s;
}
.zmenu-pzas__tab:hover .zmenu-pzas__tab-icon--svg,
.zmenu-pzas__tab.z-active .zmenu-pzas__tab-icon--svg{opacity:1}
.zmenu-pzas__tab-icon--svg svg{
  width:15px;
  height:15px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.zmenu-pzas__tab-lbl{flex:1}
/* Tab badges */
.zmenu-pzas__tab-badge{
  display:inline-flex;
  align-items:center;
  font-family:var(--hd);
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:2px 6px;
  border-radius:2px;
  line-height:1.6;
  flex-shrink:0;
  white-space:nowrap;
}
.zmenu-pzas__tab-badge--red{background:var(--red);color:var(--white)}
.zmenu-pzas__tab-badge--amber{background:#E8940A;color:#fff}
.zmenu-pzas__tab-badge--green{background:#1A7A3C;color:#fff}
.zmenu-pzas__tab-badge--blue{background:#1A5FCC;color:#fff}
.zmenu-pzas__tab-badge--white{background:var(--white);color:var(--black)}
.zmenu-pzas__tab-badge--black{background:var(--black);color:var(--white)}

/* ── Shop By Product: 3-column grouped layout ── */
.zmenu-pzas__product-3col{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0 20px;
}
.zmenu-pzas__pcol{
  display:flex;
  flex-direction:column;
  gap:0;
}
.zmenu-pzas__pgroup{
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--g2);
}
.zmenu-pzas__pgroup:last-child{
  border-bottom:none;
  margin-bottom:0;
}
.zmenu-pzas__pgroup-head{
  font-family:var(--hd);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--black);
  padding:0 0 8px 10px;
  margin-bottom:6px;
  border-left:2px solid var(--red);
}

/* ── Promo footer mini banners ── */
.zmenu-pzas__promo-bar{
  background:#F5F5F5;
  border-top:1px solid var(--g2);
}
.zmenu-pzas__promo-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
}
.zmenu-pzas__promo-eyebrow{
  font-family:var(--hd);
  font-size:9px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--g5);
  padding:12px 0 0;
}
.zmenu-pzas__promo-tiles{
  display:flex;
  gap:12px;
  padding:12px 0;
  overflow-x:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.zmenu-pzas__promo-tiles::-webkit-scrollbar{display:none}
.zmenu-pzas__promo-tile{
  display:flex;
  align-items:center;
  gap:0;
  text-decoration:none;
  background:var(--white);
  border:1px solid var(--g2);
  border-radius:3px;
  overflow:hidden;
  flex:1;
  min-width:160px;
  max-width:220px;
  transition:border-color var(--ease),box-shadow var(--ease);
}
.zmenu-pzas__promo-tile:hover{border-color:var(--black);box-shadow:0 4px 16px rgba(0,0,0,.10)}
.zmenu-pzas__promo-img{
  width:72px;
  height:72px;
  flex-shrink:0;
  overflow:hidden;
  background:var(--g2);
}
.zmenu-pzas__promo-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.zmenu-pzas__promo-tile:hover .zmenu-pzas__promo-img img{transform:scale(1.06)}
.zmenu-pzas__promo-img--ph{background:var(--g2)}
.zmenu-pzas__promo-body{
  padding:10px 12px;
  flex:1;
  min-width:0;
}
.zmenu-pzas__promo-lbl{
  font-family:var(--hd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--black);
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zmenu-pzas__promo-sub{
  font-family:var(--hd);
  font-size:10px;
  font-weight:500;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--g5);
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zmenu-pzas__promo-cta{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-family:var(--hd);
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--red);
  margin-top:5px;
  transition:gap var(--ease);
}
.zmenu-pzas__promo-cta svg{width:10px;height:10px;stroke:currentColor;fill:none;transition:transform var(--ease)}
.zmenu-pzas__promo-tile:hover .zmenu-pzas__promo-cta{gap:7px}
.zmenu-pzas__promo-tile:hover .zmenu-pzas__promo-cta svg{transform:translateX(2px)}
/* End Product ZAS Menu v2 */

/* ── Filter: show content on desktop, mobile chrome only on mobile ──
   After JS restructure, panel = [hd, body, ft].
   Desktop: show body with filter content; hide mobile-only hd and ft.
   Mobile: all three visible (handled by mobile media query).          */
.zas-panel .zas-panel-hd { display: none; }
.zas-panel .zas-panel-ft { display: none; }
.zas-panel .zas-panel-body { display: block; }
@media(max-width:768px){
  .zas-panel .zas-panel-hd { display: flex; }
  .zas-panel .zas-panel-ft { display: block; }
}

/* ── nav_pzas panels ──
   overflow:hidden clips the ::before pseudo that extends 50vw left.
   The left panel's own black background covers the full panel width,
   so the ::before (viewport bleed) is not needed and can be clipped.   */
.zmenu-pzas--panels { display:flex; flex-direction:row; overflow:hidden; }
.zmenu-pzas__mid { display:block; flex:1; min-width:0; }
.zmenu-pzas__rp{width:220px;flex-shrink:0;position:relative;overflow:hidden;background:var(--off)}
.zmenu-pzas__rp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.zmenu-pzas__rp:hover img{transform:scale(1.04)}
.zmenu-pzas__rp-link{display:block;width:100%;height:100%;text-decoration:none}
.zmenu-pzas__rp-body{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}
.zmenu-pzas__rp-label{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.zmenu-pzas__rp-sub{font-family:var(--hd);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:2px}
.zmenu-pzas__rp-cta{font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-top:5px}
/* ── ZAS Multi-Column Menu ── */
.zmenu-nav-item--asos{position:static}.zmenu-nav-item--asos:hover .zmenu-nav-btn{color:var(--white)}.zmenu-nav-item--asos:hover .zmenu-nav-btn::after{transform:scaleX(1)}.zmenu-nav-item--asos:hover .zmenu-nav-btn svg{transform:rotate(180deg);opacity:1}
.zmenu-asos{position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:3px solid var(--red);box-shadow:0 24px 80px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:1001;overflow:hidden}
.zmenu-nav-item--asos:hover .zmenu-asos{opacity:1;visibility:visible;pointer-events:auto}
.zmenu-asos__inner{display:flex;max-width:var(--max);margin:0 auto;padding:0 var(--pad);align-items:flex-start}
.zmenu-asos__col{padding:22px 24px 24px;flex-shrink:0}.zmenu-asos__col--product{flex:0 0 420px;border-right:1px solid var(--g2);padding-left:0}.zmenu-asos__col--activity,.zmenu-asos__col--edit{flex:0 0 240px;border-right:1px solid var(--g2)}.zmenu-asos__col--brand{flex:1;min-width:200px;padding-right:0}
.zmenu-asos__sec-head{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--black);padding-bottom:10px;margin-bottom:12px;border-bottom:1.5px solid var(--black);display:flex;align-items:center;justify-content:space-between}
.zmenu-asos__viewall{font-family:var(--hd);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);text-decoration:none;transition:color var(--ease)}.zmenu-asos__viewall:hover{color:var(--red)}
.zmenu-asos__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px}
.zmenu-asos__group-title{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--black);padding:0 0 8px 10px;margin-bottom:6px;border-left:2px solid var(--red)}
.zmenu-asos__circle-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.zmenu-asos__circle-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s}.zmenu-asos__circle-tile:hover{opacity:.75}
.zmenu-asos__circle-img{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--g2);flex-shrink:0}.zmenu-asos__circle-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.zmenu-asos__circle-tile:hover .zmenu-asos__circle-img img{transform:scale(1.07)}.zmenu-asos__circle-ph{width:100%;height:100%;background:var(--g2);border-radius:50%}
.zmenu-asos__circle-lbl{font-family:var(--hd);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--black);text-align:center}
.zmenu-asos__overlay-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.zmenu-asos__overlay-card{position:relative;display:block;overflow:hidden;border-radius:2px;text-decoration:none;aspect-ratio:4/5;background:var(--g2)}.zmenu-asos__overlay-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.zmenu-asos__overlay-card:hover img{transform:scale(1.05)}.zmenu-asos__overlay-ph{width:100%;height:100%;background:var(--g3)}
.zmenu-asos__overlay-label{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 8px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);line-height:1.3}


/* ══════════════════════════════════════════════════════════════
   ZAS88E — UNIFIED MENU DESIGN SYSTEM v3
   ══════════════════════════════════════════════════════════════

   TWO HEADING LEVELS:
   ① Section labels  (SHOP BY PRODUCT, SHOP NOW, SHOP BY EDIT,
                       CATEGORY): plain grey, no border, 0 top pad
   ② Group headings  (FASHION, GYM, ACCESSORIES, BATTING, etc.):
                      red left border, black text
   ══════════════════════════════════════════════════════════════ */


/* ── 1. SECTION LABELS (top-level, "CATEGORY" style) ──────────
   zmenu-pzas__sec-head = SHOP BY PRODUCT / SHOP NOW / SHOP BY EDIT
   zmenu-asos__sec-head = top labels in ZAS Multi-Column Menu
   Style: small, grey, no border, 0 top padding — sits tight to top */

.zmenu-pzas__sec-head,
.zmenu-asos__sec-head {
  font-family: var(--hd) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--g5) !important;          /* grey — matches CATEGORY */
  padding: 20px 0 10px 0 !important;    /* top gap from menu edge   */
  margin-bottom: 12px !important;
  border-left: none !important;
  border-bottom: 1px solid var(--g2) !important;  /* thin grey separator */
  border-top: none !important;
  border-right: none !important;
}


/* ── 2. GROUP HEADINGS (sub-level, FASHION/GYM/ACCESSORIES) ───
   zmenu-stage__col-head   = stage/hybrid column heads
   zmenu-stage__group-head = mega grid group heads
   zmenu-hybrid__col-head  = hybrid column heads
   zmenu-pzas__pgroup-head = pzas product group heads
   Style: red left border, black text — keeps brand energy */

.zmenu-stage__col-head,
.zmenu-stage__group-head,
.zmenu-hybrid__col-head,
.zmenu-pzas__pgroup-head {
  font-family: var(--hd) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: var(--black) !important;
  border-left: 2.5px solid var(--red) !important;
  border-bottom: none !important;
  border-top: none !important;
  border-right: none !important;
  padding: 2px 0 2px 10px !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}


/* ── 3. ALL MENU LINKS — unified style ────────────────────────
   11px / 500 / .04em — elegant, readable, not heavy */

.zmenu-stage__link,
.zmenu-stage__group-link,
.zmenu-hybrid__link,
.zmenu-sport__panel-link,
.zmenu-pzas__link,
.zmenu-pzas__feat-link {
  font-family: var(--hd) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #222 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--g2) !important;
  transition: color var(--ease), padding-left var(--ease) !important;
}

.zmenu-stage__link:last-child,
.zmenu-stage__group-link:last-child,
.zmenu-hybrid__link:last-child,
.zmenu-sport__panel-link:last-child,
.zmenu-pzas__link:last-child,
.zmenu-pzas__feat-link:last-child {
  border-bottom: none !important;
}

.zmenu-stage__link:hover,
.zmenu-stage__group-link:hover,
.zmenu-hybrid__link:hover,
.zmenu-sport__panel-link:hover,
.zmenu-pzas__link:hover,
.zmenu-pzas__feat-link:hover {
  color: var(--red) !important;
  padding-left: 4px !important;
}


/* ── 4. UNIFIED ARROW — CSS ::before chevron on ALL links ─────
   Single 6×6px red chevron, identical across every menu type   */

.zmenu-stage__link::before,
.zmenu-stage__group-link::before,
.zmenu-hybrid__link::before,
.zmenu-sport__panel-link::before,
.zmenu-pzas__link::before,
.zmenu-pzas__feat-link::before {
  content: '' !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 1.5px solid var(--red) !important;
  border-top: 1.5px solid var(--red) !important;
  transform: rotate(45deg) !important;
  opacity: .35 !important;
  flex-shrink: 0 !important;
  transition: opacity var(--ease), transform var(--ease) !important;
}

.zmenu-stage__link:hover::before,
.zmenu-stage__group-link:hover::before,
.zmenu-hybrid__link:hover::before,
.zmenu-sport__panel-link:hover::before,
.zmenu-pzas__link:hover::before,
.zmenu-pzas__feat-link:hover::before {
  opacity: 1 !important;
  transform: rotate(45deg) translate(2px, -2px) !important;
}

/* Hide inline SVG arrows — ::before replaces them */
.zmenu-stage__link > svg,
.zmenu-hybrid__link > svg,
.zmenu-sport__panel-link > svg {
  display: none !important;
}


/* ── 5. LEFT PANEL TITLES (all panels) ────────────────────────*/
.zmenu-stage__title,
.zmenu-sport__title,
.zmenu-visual__title,
.zmenu-hybrid__title {
  font-size: clamp(2rem, 3vw, 3.2rem) !important;
  line-height: .88 !important;
  letter-spacing: .02em !important;
}

/* ── 6. VIEW ALL LINKS ─────────────────────────────────────────*/
.zmenu-stage__viewall,
.zmenu-sport__viewall,
.zmenu-visual__viewall,
.zmenu-hybrid__viewall {
  font-size: 10px !important;
  letter-spacing: .14em !important;
  gap: 7px !important;
  margin-top: 14px !important;
}
.zmenu-stage__viewall svg,
.zmenu-sport__viewall svg,
.zmenu-visual__viewall svg,
.zmenu-hybrid__viewall svg {
  width: 11px !important;
  height: 11px !important;
}

/* ══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   ZEALOTS — CONVERSION OPTIMISATION PATCH
   Trust strip · Reviews upgrade · Teamwear proof · Footer pay
   ══════════════════════════════════════════════════════════════ */

/* ── HERO TRUST STRIP ───────────────────────────────────────── */
.zhp-hero__trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin-top: 22px;
}
.zhp-hero__trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  white-space: nowrap;
}
.zhp-hero__trust-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-right: 14px;
  border-right: 1px solid rgba(255,255,255,.15);
}
.zhp-hero__trust-stars {
  color: var(--red);
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 1;
}
.zhp-hero__trust-rtext {
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
}
.zhp-hero__trust-dot {
  width: 5px;
  height: 5px;
  color: var(--red);
  flex-shrink: 0;
}
@media(max-width:768px) {
  .zhp-hero__trust { gap: 8px 10px; }
  .zhp-hero__trust-rating { border-right: none; padding-right: 0; }
}

/* ── HERO PROMO NOTE (WELCOME10) ────────────────────────────── */
.zhp-hero__promo-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.2);
  padding-bottom: 1px;
  transition: color .2s, border-color .2s;
}
.zhp-hero__promo-note:hover {
  color: rgba(255,255,255,.75);
  border-color: rgba(255,255,255,.4);
}
.zhp-hero__promo-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: #4CAF50;
}

/* ── REVIEWS UPGRADE ────────────────────────────────────────── */
.zhp-review__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.zhp-review__top .zhp-review__stars {
  margin-bottom: 0;
}
.zhp-review__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zhp-review__verified {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--hd);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #2d8c4e;
  background: rgba(45,140,78,.1);
  border: 1px solid rgba(45,140,78,.2);
  padding: 2px 6px;
  border-radius: 20px;
}
.zhp-review__date {
  font-family: var(--hd);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--g5);
}
.zhp-review__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 18px;
}
.zhp-review__author-wrap { flex: 1; }
.zhp-review__product {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--hd);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--g5);
  background: var(--off);
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}
.zhp-reviews__platform-note {
  text-align: center;
  margin-top: 32px;
  font-family: var(--hd);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--g5);
  opacity: .7;
}

/* ── TEAMWEAR TRUST BADGES ──────────────────────────────────── */
.zhp-twear__trust-badges {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: clamp(24px,3vw,36px);
}
.zhp-twear__trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--hd);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}
.zhp-twear__trust-item svg {
  color: var(--red);
  flex-shrink: 0;
  opacity: .85;
}

/* ── FOOTER PAYMENT ROW ─────────────────────────────────────── */
.footer-pay-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.payment-icon {
  height: 20px;
  width: auto;
  border-radius: 3px;
  opacity: .7;
  transition: opacity .2s;
}
.payment-icon:hover { opacity: 1; }
.footer-afterpay-note {
  font-family: var(--hd);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
  margin-left: 4px;
}


/* ══════════════════════════════════════════════════════════════
   OOS SIZE BUTTONS
   ══════════════════════════════════════════════════════════════ */
.pzas-size.oos {
  opacity:.38;
  text-decoration:line-through;
  cursor:pointer;
  position:relative;
}
.pzas-size.oos:hover {
  opacity:.55;
  border-color:#999;
  background:transparent;
  color:inherit;
}
.pzas-swatch.oos {
  opacity:.3;
  cursor:pointer;
}
.pzas-swatch.oos::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent calc(50% - .5px),rgba(0,0,0,.45) calc(50% - .5px),rgba(0,0,0,.45) calc(50% + .5px),transparent calc(50% + .5px));
  border-radius:inherit;
}

/* ══════════════════════════════════════════════════════════════
   BACK-IN-STOCK NOTIFY FORM
   ══════════════════════════════════════════════════════════════ */
.pzas-notify {
  background:#0A0A0A;
  border-radius:6px;
  padding:12px 14px 14px;
  margin-bottom:10px;
}
.pzas-notify__top {
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
}
.pzas-notify__bell {
  width:14px;
  height:14px;
  color:#E8003D;
  flex-shrink:0;
}
.pzas-notify__label {
  font-family:var(--hd);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  line-height:1.3;
}
.pzas-notify__row {
  display:flex;
  gap:6px;
}
.pzas-notify__email {
  flex:1;
  height:36px;
  padding:0 10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15);
  border-radius:4px;
  font-size:13px;
  color:#fff;
  outline:none;
  min-width:0;
  transition:border-color .2s;
  font-family:var(--bd);
}
.pzas-notify__email::placeholder{color:rgba(255,255,255,.28);}
.pzas-notify__email:focus{border-color:rgba(255,255,255,.38);}
.pzas-notify__btn {
  height:36px;
  padding:0 14px;
  background:#E8003D;
  color:#fff;
  font-family:var(--hd);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  border:none;
  border-radius:4px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s,opacity .18s;
  flex-shrink:0;
}
.pzas-notify__btn:hover{background:#c5002f;}
.pzas-notify__btn:disabled{opacity:.55;cursor:default;}
.pzas-notify__success {
  display:flex;
  align-items:center;
  gap:7px;
  font-family:var(--hd);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#4CAF50;
  padding:2px 0;
}
.pzas-notify__success svg{color:#4CAF50;flex-shrink:0;}
@media(max-width:420px){
  .pzas-notify__row{flex-direction:column;}
  .pzas-notify__btn{width:100%;}
}

/* ============================================================
   PAYMENT PAGE  ·  zpay-*
   ============================================================ */

/* HERO */
.zpay-hero{position:relative;background:var(--black);padding:clamp(60px,9vw,110px) 0 0;overflow:hidden}
.zpay-hero::after{content:'PAY';position:absolute;right:-20px;bottom:-20px;font-family:var(--dsp);font-size:clamp(140px,26vw,300px);font-weight:400;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;white-space:nowrap}
.zpay-hero__inner{position:relative;z-index:1;padding-bottom:clamp(40px,6vw,72px)}
.zpay-hero__eyebrow{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.zpay-hero__h1{font-family:var(--dsp);font-size:clamp(3rem,10vw,8rem);font-weight:400;text-transform:uppercase;line-height:.92;color:var(--white);margin-bottom:20px}
.zpay-hero__h1 em{font-style:normal;color:var(--red)}
.zpay-hero__sub{font-size:clamp(14px,1.6vw,16px);color:rgba(255,255,255,.5);max-width:520px;line-height:1.7;margin-bottom:28px}
.zpay-hero__pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.zpay-hero__pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:2px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.zpay-hero__pill--red{border-color:var(--red);color:var(--white);background:rgba(232,0,61,.2)}
.zpay-hero__pill svg{width:12px;height:12px;stroke:currentColor;fill:none;flex-shrink:0}
.zpay-hero__icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:20px}
.zpay-hero__icon{height:26px;width:auto;background:#fff;border-radius:3px;padding:3px 6px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}

/* ACCEPTED METHODS GRID */
.zpay-methods{padding:clamp(48px,6vw,88px) 0;background:var(--white)}
.zpay-methods__header{margin-bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.zpay-methods__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.zpay-methods__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,3.8rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1}
.zpay-methods__title em{font-style:normal;color:var(--red)}
.zpay-methods__sub{font-size:14px;color:var(--g5);max-width:380px;line-height:1.6}
.zpay-methods__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--black)}
@media(max-width:1000px){.zpay-methods__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.zpay-methods__grid{grid-template-columns:1fr}}
.zpay-method{background:var(--white);padding:clamp(22px,2.4vw,30px);position:relative;overflow:hidden;transition:background var(--ease);display:flex;flex-direction:column;gap:10px;min-height:220px}
.zpay-method::before{content:attr(data-label);position:absolute;right:-10px;bottom:-18px;font-family:var(--dsp);font-size:4.5rem;font-weight:400;color:rgba(0,0,0,.04);pointer-events:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em}
.zpay-method:hover{background:var(--off)}
.zpay-method--featured{background:var(--black)}
.zpay-method--featured::before{color:rgba(255,255,255,.05)}
.zpay-method--featured:hover{background:#111}
.zpay-method__icon{width:42px;height:42px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--black);background:var(--off)}
.zpay-method--featured .zpay-method__icon{color:var(--white);background:rgba(255,255,255,.08)}
.zpay-method__icon svg{width:26px;height:26px}
.zpay-method__icon--img{background:var(--off);padding:6px}
.zpay-method__icon--img img{max-width:100%;max-height:100%;object-fit:contain}
.zpay-method__badge{position:absolute;top:14px;right:14px;font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);background:rgba(232,0,61,.08);border:1px solid rgba(232,0,61,.25);border-radius:2px;padding:4px 8px;z-index:1}
.zpay-method--featured .zpay-method__badge{background:var(--red);color:var(--white);border-color:var(--red)}
.zpay-method__name{font-family:var(--dsp);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;letter-spacing:.01em;position:relative;z-index:1}
.zpay-method--featured .zpay-method__name{color:var(--white)}
.zpay-method__detail{font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);position:relative;z-index:1}
.zpay-method--featured .zpay-method__detail{color:rgba(255,255,255,.5)}
.zpay-method__body{font-size:13px;line-height:1.6;color:var(--g7);margin:4px 0 0;position:relative;z-index:1}
.zpay-method--featured .zpay-method__body{color:rgba(255,255,255,.65)}

/* BNPL BREAKDOWN */
.zpay-bnpl{padding:clamp(48px,6vw,88px) 0;background:var(--off);border-top:1px solid var(--g2)}
.zpay-bnpl__head{text-align:center;max-width:620px;margin:0 auto 40px}
.zpay-bnpl__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zpay-bnpl__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,3.6rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;margin-bottom:16px}
.zpay-bnpl__title em{font-style:normal;color:var(--red)}
.zpay-bnpl__sub{font-size:14px;line-height:1.7;color:var(--g7)}
.zpay-bnpl__card{max-width:820px;margin:0 auto;background:var(--white);border:1px solid var(--g2);border-radius:3px;padding:clamp(24px,3vw,40px) clamp(20px,3vw,36px)}
.zpay-bnpl__card-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:36px;flex-wrap:wrap;font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zpay-bnpl__sample{color:var(--g5)}
.zpay-bnpl__arrow{color:var(--red);font-size:18px}
.zpay-bnpl__split{color:var(--black);font-family:var(--dsp);font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:.02em}
.zpay-bnpl__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0 4px}
.zpay-bnpl__line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 25%,var(--g2) 25%,var(--g2) 100%);transform:translateY(-1px);z-index:0}
.zpay-bnpl__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.zpay-bnpl__amt{font-family:var(--dsp);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:400;color:var(--black);letter-spacing:.02em;line-height:1}
.zpay-bnpl__dot{width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--g2);box-shadow:0 0 0 4px var(--white)}
.zpay-bnpl__step.is-now .zpay-bnpl__dot{background:var(--red);border-color:var(--red)}
.zpay-bnpl__when{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g5)}
.zpay-bnpl__step.is-now .zpay-bnpl__when{color:var(--red)}
.zpay-bnpl__note{text-align:center;font-size:12px;color:var(--g5);margin:28px 0 0;line-height:1.6;font-style:italic}
@media(max-width:600px){
  .zpay-bnpl__track{grid-template-columns:repeat(2,1fr);gap:24px 8px}
  .zpay-bnpl__line{display:none}
}

/* SECURITY FEATURES GRID */
.zpay-secure{padding:clamp(48px,6vw,80px) 0;background:var(--black);color:var(--white)}
.zpay-secure__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08)}
@media(max-width:800px){.zpay-secure__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.zpay-secure__grid{grid-template-columns:1fr}}
.zpay-secure__item{background:var(--black);padding:clamp(22px,2.8vw,34px)}
.zpay-secure__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--red);color:var(--red);border-radius:2px;margin-bottom:16px}
.zpay-secure__icon svg{width:24px;height:24px}
.zpay-secure__title{font-family:var(--dsp);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:1;margin:0 0 10px;letter-spacing:.02em}
.zpay-secure__body{font-size:13px;line-height:1.7;color:rgba(255,255,255,.6);margin:0}

/* PAYMENT FAQ */
.zpay-faq{padding:clamp(48px,6vw,88px) 0;background:var(--white);border-top:1px solid var(--g2)}
.zpay-faq__head{text-align:center;max-width:520px;margin:0 auto 40px}
.zpay-faq__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zpay-faq__title{font-family:var(--dsp);font-size:clamp(2rem,5vw,3.4rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1}
.zpay-faq__title em{font-style:normal;color:var(--red)}
.zpay-faq__list{max-width:820px;margin:0 auto}
.zpay-faq__item{border-bottom:1px solid var(--g2)}
.zpay-faq__item:first-child{border-top:1px solid var(--g2)}
.zpay-faq__q{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-family:var(--hd);font-size:clamp(14px,1.6vw,16px);font-weight:700;letter-spacing:.02em;color:var(--black);list-style:none;transition:color var(--ease)}
.zpay-faq__q::-webkit-details-marker{display:none}
.zpay-faq__q:hover{color:var(--red)}
.zpay-faq__chev{width:16px;height:16px;flex-shrink:0;transition:transform var(--ease)}
.zpay-faq__item[open] .zpay-faq__q{color:var(--red)}
.zpay-faq__item[open] .zpay-faq__chev{transform:rotate(180deg)}
.zpay-faq__a{padding:0 4px 22px;font-size:14px;line-height:1.75;color:var(--g7);max-width:720px}
.zpay-faq__a p{margin:0 0 10px}
.zpay-faq__a p:last-child{margin-bottom:0}
.zpay-faq__a a{color:var(--red);text-decoration:underline}
.zpay-faq__a strong{color:var(--black);font-weight:600}

/* ============================================================
   HOMEPAGE V2 · carousel hero, light sections, shop-led
   ============================================================ */

/* ── HERO CAROUSEL ── */
.zhero2{position:relative;background:var(--black);overflow:hidden;height:clamp(520px,65vh,720px)}
@media(max-width:900px){.zhero2{height:80svh;min-height:560px}}
.zhero2__track{position:relative;width:100%;height:100%}
.zhero2__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease, visibility 0s linear .7s;display:flex;align-items:flex-end}
.zhero2__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease, visibility 0s linear 0s;z-index:1}
.zhero2__slide--light{background:var(--off)}
.zhero2__slide--dark{background:var(--black)}

.zhero2__media{position:absolute;inset:0;overflow:hidden}
.zhero2__media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.zhero2__ph{width:100%;height:100%;background:linear-gradient(160deg,#1a1a1a 0%,#0a0a0a 100%)}
.zhero2__slide--light .zhero2__ph{background:linear-gradient(160deg,#eeeeee 0%,#f7f7f7 100%)}
.zhero2__scrim{position:absolute;inset:0;pointer-events:none}
.zhero2__slide--dark .zhero2__scrim{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.15) 100%)}
.zhero2__slide--light .zhero2__scrim{background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 45%,transparent 100%)}

.zhero2__inner{position:relative;z-index:2;width:100%;padding-bottom:clamp(80px,8vw,120px);padding-top:clamp(60px,9vw,100px)}
.zhero2__content{max-width:560px}
.zhero2__slide--dark .zhero2__content{color:var(--white)}
.zhero2__slide--light .zhero2__content{color:var(--black)}

.zhero2__lane{display:inline-flex;align-items:center;gap:10px;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;padding:7px 14px;border-radius:2px;margin-bottom:18px}
.zhero2__slide--dark .zhero2__lane{background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.15)}
.zhero2__slide--light .zhero2__lane{background:rgba(10,10,10,.06);color:var(--black);border:1px solid rgba(10,10,10,.12)}
.zhero2__lane-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(232,0,61,.2)}

.zhero2__h1{font-family:var(--dsp);line-height:.9;text-transform:uppercase;letter-spacing:.01em;margin:0 0 18px;font-weight:400}
.zhero2__l1,.zhero2__l2{display:block;font-size:clamp(3rem,8vw,6.5rem)}
.zhero2__slide--dark .zhero2__l1{color:var(--white)}
.zhero2__slide--dark .zhero2__l2{color:var(--red)}
.zhero2__slide--light .zhero2__l1{color:var(--black)}
.zhero2__slide--light .zhero2__l2{color:var(--red)}

.zhero2__sub{font-size:clamp(14px,1.5vw,16px);line-height:1.7;max-width:460px;margin:0 0 28px}
.zhero2__slide--dark .zhero2__sub{color:rgba(255,255,255,.7)}
.zhero2__slide--light .zhero2__sub{color:var(--g7)}

.zhero2__btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.zhero2__btn-primary svg{width:14px;height:14px;transition:transform var(--ease)}
.zhero2__btn-primary:hover svg{transform:translateX(4px)}

.zhero2__note{margin-top:22px;font-family:var(--hd);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.zhero2__slide--dark .zhero2__note{color:rgba(255,255,255,.5)}
.zhero2__slide--light .zhero2__note{color:var(--g5)}

/* Hero controls */
.zhero2__ctrl{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;padding:6px 8px;background:rgba(10,10,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:99px}
.zhero2__arrow{background:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:background var(--ease)}
.zhero2__arrow:hover{background:rgba(255,255,255,.14)}
.zhero2__arrow svg{width:16px;height:16px}
.zhero2__dots{display:flex;align-items:center;gap:8px;padding:0 6px}
.zhero2__dot{background:transparent;border:none;cursor:pointer;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:4px}
.zhero2__dot-fill{display:block;width:28px;height:3px;background:rgba(255,255,255,.25);border-radius:2px;transition:background var(--ease),width var(--ease)}
.zhero2__dot.is-active .zhero2__dot-fill{background:var(--red);width:42px}
.zhero2__dot-label{display:none;font-family:var(--hd);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media(min-width:720px){.zhero2__dot-label{display:block}}
.zhero2__dot.is-active .zhero2__dot-label{color:var(--white)}

.zhero2__count{position:absolute;bottom:28px;right:clamp(18px,3vw,40px);z-index:5;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.65)}
.zhero2__count-div{margin:0 4px;color:rgba(255,255,255,.25)}
@media(max-width:720px){.zhero2__count{display:none}}

@media (prefers-reduced-motion: reduce){
  .zhero2__slide{transition:none}
  .zhero2__btn-primary:hover svg{transform:none}
}


/* ── FEATURED COLLECTION GRID ── */
.zhome-feat{padding:clamp(56px,7vw,96px) 0}
.zhome-feat--light{background:var(--white)}
.zhome-feat--off{background:var(--off)}
.zhome-feat--dark{background:var(--black);color:var(--white)}

.zhome-feat__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:clamp(28px,4vw,48px);flex-wrap:wrap}
.zhome-feat__head-l{max-width:640px}
.zhome-feat__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zhome-feat__title{font-family:var(--dsp);font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:.98;text-transform:uppercase;letter-spacing:.01em;color:var(--black);margin:0}
.zhome-feat--dark .zhome-feat__title{color:var(--white)}
.zhome-feat__title em{font-style:normal;color:var(--red)}
.zhome-feat__sub{margin-top:14px;font-size:14px;line-height:1.7;color:var(--g7);max-width:480px}
.zhome-feat--dark .zhome-feat__sub{color:rgba(255,255,255,.6)}

.zhome-feat__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);text-decoration:none;padding-bottom:4px;border-bottom:2px solid var(--black);transition:all var(--ease);white-space:nowrap}
.zhome-feat__cta:hover{color:var(--red);border-color:var(--red);gap:12px}
.zhome-feat__cta svg{width:14px;height:14px}
.zhome-feat--dark .zhome-feat__cta{color:var(--white);border-color:var(--white)}
.zhome-feat--dark .zhome-feat__cta:hover{color:var(--red);border-color:var(--red)}

.zhome-feat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.zhome-feat--cols-3 .zhome-feat__grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.zhome-feat__grid,.zhome-feat--cols-3 .zhome-feat__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.zhome-feat__grid,.zhome-feat--cols-3 .zhome-feat__grid{grid-template-columns:repeat(2,1fr);gap:10px}}

.zhome-feat__foot{display:none;justify-content:center;margin-top:28px}
@media(max-width:720px){.zhome-feat__foot{display:flex}}

.zhome-feat__empty{padding:60px 20px;text-align:center;color:var(--g5);border:2px dashed var(--g2);border-radius:3px}
.zhome-feat__empty svg{width:40px;height:40px;opacity:.4;margin-bottom:12px;stroke:var(--g5)}
.zhome-feat__empty p{font-family:var(--hd);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--g5)}


/* ── SHOP BY LANE ── */
.zlanes{padding:clamp(48px,6vw,88px) 0;background:var(--white)}
.zlanes__head{text-align:center;max-width:640px;margin:0 auto clamp(28px,4vw,44px)}
.zlanes__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.zlanes__title{font-family:var(--dsp);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:400;text-transform:uppercase;color:var(--black);line-height:1;margin:0;letter-spacing:.01em}
.zlanes__title em{font-style:normal;color:var(--red)}

.zlanes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,18px)}
.zlanes__grid--2{grid-template-columns:repeat(2,1fr)}
.zlanes__grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.zlanes__grid,.zlanes__grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.zlanes__grid,.zlanes__grid--2,.zlanes__grid--4{grid-template-columns:1fr}}

.zlane{position:relative;display:block;text-decoration:none;overflow:hidden;border-radius:3px;aspect-ratio:4/5;background:var(--off)}
@media(max-width:560px){.zlane{aspect-ratio:16/10}}
.zlane__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.zlane:hover .zlane__img{transform:scale(1.06)}
.zlane__ph{position:absolute;inset:0;background:linear-gradient(160deg,#e5e5e5 0%,#f5f5f5 100%)}

.zlane__gloss{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 50%,transparent 100%);transition:background var(--ease)}
.zlane--dark .zlane__gloss{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.1) 100%)}
.zlane:hover .zlane__gloss{background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 60%,transparent 100%)}

.zlane__content{position:absolute;inset:0;padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;justify-content:flex-end;color:var(--white);z-index:1}
.zlane__subtag{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:8px}
.zlane__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.zlane__name{font-family:var(--dsp);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.02em;margin:0;transition:transform var(--ease)}
.zlane:hover .zlane__name{transform:translateY(-3px)}
.zlane__arrow{width:38px;height:38px;border:1.5px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white);transition:all var(--ease)}
.zlane:hover .zlane__arrow{background:var(--red);border-color:var(--red);transform:rotate(-45deg)}
.zlane__arrow svg{width:16px;height:16px}
.zlane__caption{font-size:13px;color:rgba(255,255,255,.75);line-height:1.5;margin:0;max-width:280px}


/* ── EDITORIAL BAND ── */
.zedit{padding:clamp(48px,6vw,96px) 0}
.zedit--light{background:var(--white)}
.zedit--off{background:var(--off)}
.zedit--dark{background:var(--black);color:var(--white)}

.zedit__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
@media(max-width:900px){.zedit__grid{grid-template-columns:1fr;gap:24px}}
.zedit--img-left .zedit__media{order:1}
.zedit--img-left .zedit__body{order:2}
.zedit--img-right .zedit__media{order:2}
.zedit--img-right .zedit__body{order:1}
@media(max-width:900px){.zedit--img-left .zedit__media,.zedit--img-right .zedit__media{order:1}.zedit--img-left .zedit__body,.zedit--img-right .zedit__body{order:2}}

.zedit__media{position:relative;aspect-ratio:5/6;overflow:hidden;border-radius:3px;background:#e5e5e5}
@media(max-width:900px){.zedit__media{aspect-ratio:4/3}}
.zedit__img{width:100%;height:100%;object-fit:cover;display:block}
.zedit__ph{width:100%;height:100%;background:linear-gradient(160deg,#e5e5e5 0%,#f3f3f3 100%)}
.zedit__tag{position:absolute;top:16px;left:16px;background:var(--black);color:var(--white);font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:2px;z-index:1}

.zedit__body{max-width:520px}
.zedit__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.zedit__title{font-family:var(--dsp);font-size:clamp(2rem,4.6vw,3.8rem);font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:.01em;color:var(--black);margin:0 0 18px}
.zedit--dark .zedit__title{color:var(--white)}
.zedit__title em{font-style:normal;color:var(--red)}
.zedit__text{font-size:15px;line-height:1.8;color:var(--g7);margin-bottom:24px}
.zedit__text p:last-child{margin-bottom:0}
.zedit--dark .zedit__text{color:rgba(255,255,255,.65)}

.zedit__cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.zedit__cta2{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);text-decoration:none;padding-bottom:3px;border-bottom:2px solid var(--black);transition:all var(--ease)}
.zedit__cta2:hover{color:var(--red);border-color:var(--red);gap:12px}
.zedit__cta2 svg{width:13px;height:13px}
.zedit--dark .zedit__cta2{color:var(--white);border-color:var(--white)}
.zedit--dark .zedit__cta2:hover{color:var(--red);border-color:var(--red)}


/* ── BRAND MOMENT (compact) ── */
.zbrand{padding:clamp(40px,5vw,64px) 0;background:var(--black);color:var(--white);position:relative;overflow:hidden}
.zbrand::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,0,61,.18) 0%,transparent 55%);pointer-events:none}
.zbrand .wrap{position:relative;z-index:1}
.zbrand__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.zbrand__grid{grid-template-columns:1fr;gap:32px}}

.zbrand__pitch{max-width:480px}
.zbrand__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.zbrand__line{font-family:var(--dsp);font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--white);margin:0 0 18px;letter-spacing:.01em}
.zbrand__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-decoration:none;padding-bottom:3px;border-bottom:2px solid rgba(255,255,255,.4);transition:all var(--ease)}
.zbrand__cta:hover{color:var(--red);border-color:var(--red);gap:12px}
.zbrand__cta svg{width:13px;height:13px}

.zbrand__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}
@media(max-width:600px){.zbrand__stats{grid-template-columns:repeat(2,1fr)}}
.zbrand__stat{background:var(--black);padding:20px 12px;text-align:center}
.zbrand__stat-n{font-family:var(--dsp);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:400;color:var(--white);line-height:1;letter-spacing:.02em}
.zbrand__stat-l{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:6px}


/* ── TEAMWEAR SLIM BAND ── */
.ztwslim{background:var(--off)}
.ztwslim__link{position:relative;display:block;text-decoration:none;overflow:hidden;min-height:180px}
@media(max-width:720px){.ztwslim__link{min-height:220px}}
.ztwslim__media{position:absolute;inset:0}
.ztwslim__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.ztwslim__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.55) 60%,rgba(10,10,10,.4) 100%)}

.ztwslim__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;flex-wrap:wrap;min-height:180px}
.ztwslim__left{display:flex;flex-direction:column;gap:6px;max-width:680px}
.ztwslim__eyebrow{font-family:var(--hd);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}
.ztwslim__line{font-family:var(--dsp);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--white);letter-spacing:.02em}

.ztwslim__right{flex-shrink:0}
.ztwslim__cta{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--red);color:var(--white);font-family:var(--hd);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:all var(--ease)}
.ztwslim__link:hover .ztwslim__cta{background:var(--white);color:var(--black);gap:14px}
.ztwslim__cta svg{width:14px;height:14px}
/* ============================================================
   HOMEPAGE V2 SPACING PATCH — tightens vertical rhythm
   ============================================================ */

/* Hero: drop from 100vh to 70vh so a product tile peeks above the fold */
.zhp-hero{min-height:40svh !important;min-height:40vh !important}
@media(max-width:768px){.zhp-hero{min-height:auto !important}}

/* All new homepage sections: much tighter top/bottom padding */
.zhome-feat{padding:clamp(32px,4vw,56px) 0 !important}
.zlanes{padding:clamp(28px,3.5vw,48px) 0 !important}
.zedit{padding:clamp(32px,4vw,56px) 0 !important}
.zbrand{padding:clamp(28px,3.5vw,48px) 0 !important}
.ztwslim__inner{padding-top:20px !important;padding-bottom:20px !important;min-height:150px !important}

/* Section headers sit closer to their product grids / content */
.zhome-feat__head{margin-bottom:clamp(18px,2.5vw,28px) !important}
.zlanes__head{margin-bottom:clamp(18px,2.5vw,28px) !important}

/* Editorial body text slightly tighter to title */
.zedit__body{gap:12px}
/* ============================================================
   HERO SLIDER · .zhslider (CSS-only slideshow + JS enhancement)
   ============================================================ */
.zhslider{position:relative;background:var(--black);overflow:hidden;height:clamp(520px,65vh,720px)}
@media(max-width:900px){.zhslider{height:80svh;min-height:560px}}
.zhslider__track{position:relative;width:100%;height:100%}
.zhslider__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease, visibility 0s linear .7s;display:flex;align-items:flex-end}
.zhslider__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease, visibility 0s linear 0s;z-index:1}
.zhslider__slide--light{background:var(--off)}
.zhslider__slide--dark{background:var(--black)}
.zhslider__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.zhslider__ph{position:absolute;inset:0;background:linear-gradient(160deg,#1a1a1a 0%,#0a0a0a 100%)}
.zhslider__slide--light .zhslider__ph{background:linear-gradient(160deg,#eeeeee 0%,#f7f7f7 100%)}
.zhslider__scrim{position:absolute;inset:0;pointer-events:none}
.zhslider__slide--dark .zhslider__scrim{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.15) 100%)}
.zhslider__slide--light .zhslider__scrim{background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 45%,transparent 100%)}
.zhslider__inner{position:relative;z-index:2;width:100%;padding-bottom:clamp(80px,8vw,120px);padding-top:clamp(60px,9vw,100px)}
.zhslider__content{max-width:560px}
.zhslider__slide--dark .zhslider__content{color:var(--white)}
.zhslider__slide--light .zhslider__content{color:var(--black)}
.zhslider__lane{display:inline-block;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;padding:7px 14px;border-radius:2px;margin-bottom:18px}
.zhslider__slide--dark .zhslider__lane{background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.15)}
.zhslider__slide--light .zhslider__lane{background:rgba(10,10,10,.06);color:var(--black);border:1px solid rgba(10,10,10,.12)}
.zhslider__h1{font-family:var(--dsp);line-height:.9;text-transform:uppercase;letter-spacing:.01em;margin:0 0 18px;font-weight:400}
.zhslider__l1,.zhslider__l2{display:block;font-size:clamp(3rem,8vw,6.5rem)}
.zhslider__slide--dark .zhslider__l1{color:var(--white)}
.zhslider__slide--dark .zhslider__l2{color:var(--red)}
.zhslider__slide--light .zhslider__l1{color:var(--black)}
.zhslider__slide--light .zhslider__l2{color:var(--red)}
.zhslider__sub{font-size:clamp(14px,1.5vw,16px);line-height:1.7;max-width:460px;margin:0 0 28px}
.zhslider__slide--dark .zhslider__sub{color:rgba(255,255,255,.7)}
.zhslider__slide--light .zhslider__sub{color:var(--g7)}
.zhslider__btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ============================================================
   FOOTBALL PAGE · PRICING / TESTIMONIALS / FAQ
   Extends ftw3-* design system (acid-on-dark-green)
   ============================================================ */

/* ── PRICING ── */
.ftw3-pricing{background:#fff;padding:clamp(60px,7vw,100px) 24px;position:relative}
.ftw3-pricing__inner{max-width:1160px;margin:0 auto}
.ftw3-pricing__head{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-bottom:40px}
@media(max-width:820px){.ftw3-pricing__head{grid-template-columns:1fr;gap:24px}}
.ftw3-pricing__sub{font-family:'Barlow',sans-serif;font-size:15px;line-height:1.7;color:#455;max-width:580px;margin-top:16px}
.ftw3-pricing__bulk{background:#071a07;color:#c8ff00;padding:22px 24px;border-radius:4px;text-align:center;min-width:200px;align-self:flex-end;border:2px solid #c8ff00}
.ftw3-pricing__bulk-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3rem;font-weight:400;line-height:1;letter-spacing:.02em}
.ftw3-pricing__bulk-l{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(200,255,0,.85);margin-top:4px;line-height:1.3}

.ftw3-pricing__table{background:#f5f7f0;border-radius:4px;overflow:hidden;border:1px solid #e2e7d6;margin-bottom:28px}
.ftw3-pricing__row{display:grid;grid-template-columns:2fr 1fr 2.5fr;gap:16px;padding:18px 24px;align-items:center;border-bottom:1px solid #e2e7d6;transition:background .18s}
.ftw3-pricing__row:last-child{border-bottom:none}
.ftw3-pricing__row:hover:not(.ftw3-pricing__row--head){background:#eef3e2}
.ftw3-pricing__row--head{background:#071a07;color:#c8ff00;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:14px 24px}
.ftw3-pricing__item{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#071a07}
.ftw3-pricing__price{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:400;color:#071a07;letter-spacing:.02em;line-height:1}
.ftw3-pricing__note{font-family:'Barlow',sans-serif;font-size:13px;color:#556;line-height:1.5}
@media(max-width:700px){
  .ftw3-pricing__row{grid-template-columns:1fr;gap:4px;padding:16px 18px}
  .ftw3-pricing__row--head{display:none}
  .ftw3-pricing__price{font-size:1.6rem}
  .ftw3-pricing__note{font-size:12px}
}

.ftw3-pricing__foot{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;margin-bottom:32px}
@media(max-width:700px){.ftw3-pricing__foot{grid-template-columns:1fr}}
.ftw3-pricing__foot-row{display:flex;align-items:flex-start;gap:10px;font-family:'Barlow',sans-serif;font-size:14px;color:#334;line-height:1.5}
.ftw3-pricing__tick{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#c8ff00;color:#071a07;border-radius:50%;font-size:12px;font-weight:700;margin-top:2px}

.ftw3-pricing__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-top:12px;border-top:1px solid #e2e7d6}


/* ── TESTIMONIALS ── */
.ftw3-testimonials{background:#fff;padding:clamp(60px,7vw,100px) 24px;position:relative}
.ftw3-testimonials__inner{max-width:1200px;margin:0 auto}
.ftw3-title--center{text-align:center}
.ftw3-testimonials .ftw3-label{text-align:center;margin-bottom:10px}
.ftw3-testimonials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}
@media(max-width:820px){.ftw3-testimonials__grid{grid-template-columns:1fr}}

.ftw3-testi-card{background:#f5f7f0;border:1px solid #e2e7d6;border-radius:6px;padding:26px 28px;display:flex;flex-direction:column;gap:16px;transition:all .2s;position:relative;overflow:hidden}
.ftw3-testi-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#c8ff00}
.ftw3-testi-card:hover{border-color:#c8ff00;background:#eef3e2}
.ftw3-testi-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ftw3-testi-card__stars{display:flex;gap:2px}
.ftw3-testi-card__star{color:#c8ff00;font-size:16px;text-shadow:0 0 1px #071a07}
.ftw3-testi-card__logo{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;border:1px solid #e2e7d6}
.ftw3-testi-card__logo-ph{width:48px;height:48px;border-radius:50%;background:#071a07;color:#c8ff00;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:1.1rem;letter-spacing:.04em;font-weight:400}
.ftw3-testi-card__quote{font-family:'Barlow',sans-serif;font-size:15px;line-height:1.65;color:#233;margin:0;font-style:italic;position:relative}
.ftw3-testi-card__meta{border-top:1px solid #e2e7d6;padding-top:12px;margin-top:auto}
.ftw3-testi-card__author{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#071a07}
.ftw3-testi-card__role{font-family:'Barlow',sans-serif;font-size:12px;color:#556;margin-top:2px}

.ftw3-testimonials__proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e7d6;border:1px solid #e2e7d6;border-radius:4px;margin-top:32px;overflow:hidden}
@media(max-width:600px){.ftw3-testimonials__proof-row{grid-template-columns:1fr}}
.ftw3-testimonials__proof{background:#071a07;color:#c8ff00;padding:26px 18px;text-align:center}
.ftw3-testimonials__proof-n{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:2.6rem;font-weight:400;line-height:1;letter-spacing:.02em}
.ftw3-testimonials__proof-l{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(200,255,0,.7);margin-top:6px;line-height:1.4}


/* ── FAQ ── */
.ftw3-faq{background:#071a07;padding:clamp(60px,7vw,100px) 24px;position:relative}
.ftw3-faq__inner{max-width:880px;margin:0 auto}
.ftw3-faq__head{text-align:center;margin-bottom:36px}
.ftw3-faq__head .ftw3-label{color:#c8ff00}
.ftw3-faq__head .ftw3-title{color:#fff}
.ftw3-faq__head .ftw3-title em{color:#c8ff00}
.ftw3-faq__sub{font-family:'Barlow',sans-serif;font-size:15px;line-height:1.7;color:rgba(255,255,255,.6);max-width:620px;margin:16px auto 0}
.ftw3-faq__sub a{color:#c8ff00;text-decoration:underline}

.ftw3-faq__list{background:rgba(255,255,255,.02);border:1px solid rgba(200,255,0,.18);border-radius:6px;overflow:hidden}
.ftw3-faq__item{border-bottom:1px solid rgba(200,255,0,.12)}
.ftw3-faq__item:last-child{border-bottom:none}
.ftw3-faq__q{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;color:#fff;transition:all .18s}
.ftw3-faq__q::-webkit-details-marker{display:none}
.ftw3-faq__q:hover{background:rgba(200,255,0,.04);color:#c8ff00}
.ftw3-faq__q-chev{display:flex;flex-shrink:0;color:rgba(200,255,0,.7);transition:transform .22s}
.ftw3-faq__q-chev svg{width:18px;height:18px}
.ftw3-faq__item[open] .ftw3-faq__q{color:#c8ff00;background:rgba(200,255,0,.06)}
.ftw3-faq__item[open] .ftw3-faq__q-chev{transform:rotate(180deg)}
.ftw3-faq__a{padding:4px 24px 24px;font-family:'Barlow',sans-serif;font-size:14px;line-height:1.75;color:rgba(255,255,255,.72)}
.ftw3-faq__a p{margin:0 0 10px}
.ftw3-faq__a p:last-child{margin-bottom:0}
.ftw3-faq__a a{color:#c8ff00;text-decoration:underline}
.ftw3-faq__a strong{color:#fff;font-weight:600}

.ftw3-faq__foot{text-align:center;margin-top:32px;padding-top:28px;border-top:1px dashed rgba(200,255,0,.18)}
.ftw3-faq__foot-line{font-family:'Barlow',sans-serif;font-size:14px;color:rgba(255,255,255,.55);margin:0 0 16px}

/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · LIGHT PALETTE OVERRIDE
   Takes the dark-green/acid design and rebalances it for club-
   buyer audiences. Acid yellow kept as accent only. Forest green
   becomes anchor color used sparingly (hero + final CTA bookends).
   Bulk of page moves to warm-paper neutrals.
   ════════════════════════════════════════════════════════════ */

:root{
  --ftw-paper:#FAF8F3;          /* warm paper — main background */
  --ftw-sage:#EFEDE3;           /* soft sage — card backgrounds  */
  --ftw-line:#DEDBCD;           /* faint dividers                */
  --ftw-ink:#1F2B20;            /* body text                     */
  --ftw-muted:#5E6A5E;          /* secondary text                */
  --ftw-forest:#0B2818;         /* deep pitch — hero/CTA anchor  */
  --ftw-forest-deep:#071a07;    /* legacy pitch (original)       */
  --ftw-accent:#c8ff00;         /* acid — accent only            */
  --ftw-accent-dark:#A8D900;    /* acid darkened for light-bg CTAs */
}

/* ── HERO keeps dark anchor look, but deepens to forest green ── */
.ftw3{background:var(--ftw-paper)}
.ftw3-hero{background:var(--ftw-forest);min-height:85vh}
.ftw3-hero__inner{padding:60px 24px 70px}
@media(max-width:1100px){.ftw3-hero{min-height:auto}.ftw3-hero__inner{padding:90px 24px 60px}}

/* ── LOGOS BAND — lighter with forest accents ── */
.ftw3-logos{background:var(--ftw-paper);border-bottom:1px solid var(--ftw-line);padding:28px 0}
.ftw3-logos__title,.ftw3-logos__label{color:var(--ftw-muted)}
.ftw3-logos__img,.ftw3-logos img{filter:grayscale(1) opacity(.55);transition:filter .2s}
.ftw3-logos__img:hover,.ftw3-logos img:hover{filter:grayscale(0) opacity(1)}

/* ── KITS section — light with warm sage cards ── */
.ftw3-kits{background:var(--ftw-paper);color:var(--ftw-ink);padding:80px 24px}
.ftw3-kits .ftw3-label,.ftw3-kits__label{color:var(--ftw-accent-dark)}
.ftw3-kits .ftw3-title,.ftw3-kits__title,.ftw3-kits h2{color:var(--ftw-ink)}
.ftw3-kits .ftw3-title em,.ftw3-kits__title em,.ftw3-kits em{color:var(--ftw-accent-dark);-webkit-text-stroke:0;font-style:normal}
.ftw3-kits__sub,.ftw3-kits__text{color:var(--ftw-muted)}
.ftw3-kit-card,.ftw3-kit,.ftw3-kits__card{background:var(--ftw-sage);border:1px solid var(--ftw-line);color:var(--ftw-ink)}
.ftw3-kit-card:hover,.ftw3-kit:hover,.ftw3-kits__card:hover{border-color:var(--ftw-forest)}
.ftw3-kit-card__tag,.ftw3-kit__tag{background:var(--ftw-forest);color:var(--ftw-accent)}

/* ── PRICING (already light, just harmonise) ── */
.ftw3-pricing{background:var(--ftw-paper)}
.ftw3-pricing__bulk{background:var(--ftw-forest);color:var(--ftw-accent);border-color:var(--ftw-accent)}
.ftw3-pricing__table{background:var(--ftw-sage);border-color:var(--ftw-line)}
.ftw3-pricing__row{border-bottom-color:var(--ftw-line)}
.ftw3-pricing__row:hover:not(.ftw3-pricing__row--head){background:#E4E5D6}
.ftw3-pricing__row--head{background:var(--ftw-forest);color:var(--ftw-accent)}
.ftw3-pricing__item,.ftw3-pricing__price{color:var(--ftw-ink)}
.ftw3-pricing__note,.ftw3-pricing__sub{color:var(--ftw-muted)}
.ftw3-pricing__foot-row{color:var(--ftw-ink)}
.ftw3-pricing__tick{background:var(--ftw-accent-dark);color:var(--ftw-forest)}
.ftw3-pricing__cta{border-top-color:var(--ftw-line)}

/* ── TESTIMONIALS (keep white, refine accents) ── */
.ftw3-testimonials{background:var(--ftw-paper)}
.ftw3-testi-card{background:var(--ftw-sage);border-color:var(--ftw-line)}
.ftw3-testi-card::before{background:var(--ftw-accent-dark)}
.ftw3-testi-card:hover{border-color:var(--ftw-forest);background:#E4E5D6}
.ftw3-testi-card__star{color:var(--ftw-accent-dark);text-shadow:none}
.ftw3-testi-card__quote{color:var(--ftw-ink)}
.ftw3-testi-card__author{color:var(--ftw-forest)}
.ftw3-testi-card__role{color:var(--ftw-muted)}
.ftw3-testi-card__logo{border-color:var(--ftw-line)}
.ftw3-testi-card__logo-ph{background:var(--ftw-forest);color:var(--ftw-accent)}
.ftw3-testi-card__meta{border-top-color:var(--ftw-line)}
.ftw3-testimonials__proof-row{background:var(--ftw-line);border-color:var(--ftw-line)}
.ftw3-testimonials__proof{background:var(--ftw-forest);color:var(--ftw-accent)}
.ftw3-testimonials__proof-l{color:rgba(200,255,0,.75)}

/* ── LIVE DASHBOARD (was dark, now flipped to light-with-pitch-accents) ── */
.ftw3-live,
section[style*="background:#020d02"]{background:var(--ftw-paper) !important;padding:52px 24px 60px !important}
.ftw3-live__stars,#ftw3Stars{opacity:.08 !important}
/* Title block inside live dashboard */
section[style*="background:#020d02"] > div[style*="text-align:center"] > div:first-child{color:var(--ftw-ink) !important}
section[style*="background:#020d02"] > div[style*="text-align:center"] > div:first-child em{color:var(--ftw-accent-dark) !important}
section[style*="background:#020d02"] > div[style*="text-align:center"] > div:last-child{color:var(--ftw-muted) !important}
/* Panels become white cards with forest accents */
.ftw3-panel{background:var(--ftw-sage) !important;border:1px solid var(--ftw-line) !important;color:var(--ftw-ink) !important;border-radius:6px}
.ftw3-panel__live{color:var(--ftw-forest) !important;border-color:var(--ftw-line) !important}
.ftw3-panel__live-dot{background:var(--ftw-accent-dark) !important}
.ftw3-panel__title{color:var(--ftw-muted) !important}
.ftw3-panel__big{color:var(--ftw-forest) !important}
.ftw3-panel__big em{color:var(--ftw-accent-dark) !important}
.ftw3-panel__sub{color:var(--ftw-muted) !important}
.ftw3-panel__feed-item{color:var(--ftw-ink) !important;border-bottom-color:var(--ftw-line) !important}
.ftw3-panel__feed-item span{color:var(--ftw-accent-dark) !important}
.ftw3-minibar{background:var(--ftw-line) !important}
.ftw3-minibar.active{background:var(--ftw-accent-dark) !important}

/* ── CLUB WALL (chips ticker) ── */
.ftw3-clubs-row{background:var(--ftw-paper) !important}
.ftw3-club-chip{border-color:var(--ftw-line);color:var(--ftw-ink)}
.ftw3-club-chip--ghost{border-color:var(--ftw-line);color:var(--ftw-muted);background:transparent}
.ftw3-club-chip--outline{border-color:var(--ftw-forest);color:var(--ftw-forest);background:transparent}
.ftw3-club-chip--solid{background:var(--ftw-forest);color:var(--ftw-accent);border-color:var(--ftw-forest)}
.ftw3-club-chip--big{background:transparent;color:var(--ftw-forest);font-size:1.6rem}
.ftw3-club-chip--box{background:var(--ftw-sage);color:var(--ftw-ink);border:1px solid var(--ftw-line)}
.ftw3-club-chip--red{background:var(--ftw-accent-dark);color:var(--ftw-forest);border-color:var(--ftw-accent-dark)}
.ftw3-club-sep{background:var(--ftw-line)}

/* ── ZIDANE / TEAM QUOTE ── */
.ftw3-zidane{background:var(--ftw-sage) !important}
.ftw3-zidane__text{color:var(--ftw-ink) !important}
.ftw3-zidane__author{color:var(--ftw-forest) !important}
.ftw3-zidane__nation{color:var(--ftw-muted) !important}
.ftw3-zidane__stat{color:var(--ftw-forest) !important}
.ftw3-zidane__stat-l{color:var(--ftw-muted) !important}
.ftw3-zidane__btn{background:var(--ftw-forest) !important;color:var(--ftw-accent) !important;border-color:var(--ftw-forest) !important}
.ftw3-zidane__btn:hover{background:var(--ftw-accent-dark) !important;color:var(--ftw-forest) !important}

/* ── PROCESS section (was dark pitch, now clean light) ── */
.ftw3-process{background:var(--ftw-paper) !important}
.ftw3-process .ftw3-label{color:var(--ftw-accent-dark)}
.ftw3-process .ftw3-title{color:var(--ftw-ink)}
.ftw3-process .ftw3-title em{color:var(--ftw-accent-dark);-webkit-text-stroke:0;font-style:normal}
.ftw3-step{background:var(--ftw-sage);border:1px solid var(--ftw-line);color:var(--ftw-ink)}
.ftw3-step:hover{border-color:var(--ftw-forest)}
.ftw3-step__bg-n{color:var(--ftw-line)}
.ftw3-step__n{background:var(--ftw-forest);color:var(--ftw-accent)}
.ftw3-step__title{color:var(--ftw-forest)}
.ftw3-step__desc{color:var(--ftw-muted)}
.ftw3-step__icon{filter:grayscale(.3)}

/* ── FEATURES grid (was dark, now light-card-grid) ── */
.ftw3-features{background:var(--ftw-paper) !important;color:var(--ftw-ink)}
.ftw3-features .ftw3-label{color:var(--ftw-accent-dark)}
.ftw3-features .ftw3-title{color:var(--ftw-ink)}
.ftw3-features .ftw3-title em{color:var(--ftw-accent-dark);-webkit-text-stroke:0;font-style:normal}
.ftw3-feat{background:var(--ftw-sage);border:1px solid var(--ftw-line);border-radius:6px;padding:28px;transition:all .2s}
.ftw3-feat:hover{border-color:var(--ftw-forest);background:#E4E5D6;transform:translateY(-2px)}
.ftw3-feat__icon svg [stroke="#c8ff00"]{stroke:var(--ftw-forest) !important;opacity:.5 !important}
.ftw3-feat__icon svg [fill="#c8ff00"]{fill:var(--ftw-forest) !important;opacity:.7 !important}
.ftw3-feat__title{color:var(--ftw-forest)}
.ftw3-feat__desc{color:var(--ftw-muted)}

/* ── FAQ (already dark, keep as dark anchor for visual rhythm) ── */
.ftw3-faq{background:var(--ftw-forest)}
.ftw3-faq__list{background:rgba(255,255,255,.03);border-color:rgba(200,255,0,.2)}

/* ── FINAL CTA band — stays LIGHT now, forest-on-paper for rhythm ── */
.ftw3-cta{background:var(--ftw-paper) !important}
.ftw3-cta__title{color:var(--ftw-ink) !important}
.ftw3-cta__title em{color:var(--ftw-accent-dark) !important}
.ftw3-cta__sub{color:var(--ftw-muted) !important}
.ftw3-cta-btns a:first-child{background:var(--ftw-forest) !important;color:var(--ftw-accent) !important;border-color:var(--ftw-forest) !important}
.ftw3-cta-btns a:first-child:hover{background:var(--ftw-accent-dark) !important;color:var(--ftw-forest) !important;border-color:var(--ftw-accent-dark) !important}
.ftw3-cta-btns a:last-child{color:var(--ftw-forest) !important;border-color:var(--ftw-forest) !important}
.ftw3-cta-btns a:last-child:hover{background:var(--ftw-forest) !important;color:var(--ftw-accent) !important}

/* ── GENERIC LABEL/TITLE harmonisation on light background ── */
.ftw3-paper-bg .ftw3-label,.ftw3-kits .ftw3-label,.ftw3-features .ftw3-label,
.ftw3-process .ftw3-label,.ftw3-testimonials .ftw3-label,.ftw3-pricing .ftw3-label{
  color:var(--ftw-accent-dark)
}

/* ── BUTTONS: the main brand accent button, darkened for light-bg pages ── */
.ftw3-btn-acid{
  background:var(--ftw-forest);color:var(--ftw-accent);border-color:var(--ftw-forest)
}
.ftw3-btn-acid:hover{background:var(--ftw-accent-dark);color:var(--ftw-forest);border-color:var(--ftw-accent-dark)}
.ftw3-btn-ghost{color:var(--ftw-forest);border-color:var(--ftw-forest)}
.ftw3-btn-ghost:hover{background:var(--ftw-forest);color:var(--ftw-accent);border-color:var(--ftw-forest)}
/* But the hero still has acid-on-pitch, so override back inside hero */
.ftw3-hero .ftw3-btn-acid{background:var(--ftw-accent);color:var(--ftw-forest);border-color:var(--ftw-accent)}
.ftw3-hero .ftw3-btn-acid:hover{background:transparent;color:var(--ftw-accent);border-color:var(--ftw-accent)}
.ftw3-hero .ftw3-btn-ghost{color:var(--ftw-accent);border-color:rgba(200,255,0,.4)}
.ftw3-hero .ftw3-btn-ghost:hover{border-color:var(--ftw-accent);color:var(--ftw-accent);background:rgba(200,255,0,.08)}

/* ── Feature icon opacity bumps so they show on light bg ── */
.ftw3-feat__icon svg{opacity:.85}

/* ── Work / Previous clubs scroll section ── */
.ftw3-work{background:var(--ftw-paper) !important}
.ftw3-work .ftw3-title{color:var(--ftw-ink)}
.ftw3-work .ftw3-title em{color:var(--ftw-accent-dark);-webkit-text-stroke:0;font-style:normal}
.ftw3-work .ftw3-label{color:var(--ftw-accent-dark)}
.ftw3-work-card{background:var(--ftw-sage);border:1px solid var(--ftw-line);border-radius:6px}
.ftw3-work-card:hover{border-color:var(--ftw-forest)}
.ftw3-work-card__info{background:var(--ftw-sage);color:var(--ftw-ink)}
.ftw3-work-card__club{color:var(--ftw-forest)}
.ftw3-work-card__meta{color:var(--ftw-muted)}
.ftw3-work-card__ph{background:var(--ftw-sage);color:var(--ftw-muted)}
.ftw3-work-card__ph-txt{color:var(--ftw-muted)}

/* ── Page-wide transition smoothness ── */
.ftw3-work + .ftw3-features,
.ftw3-features + .ftw3-process,
.ftw3-process + .ftw3-pricing,
.ftw3-pricing + .ftw3-testimonials,
.ftw3-testimonials + section[style*="background:#020d02"],
.ftw3-testimonials + .ftw3-live{border-top:1px solid var(--ftw-line)}

/* ── Titles on light bg: relax the -webkit-text-stroke so em headings render properly ── */
.ftw3-paper-bg h2 em,
.ftw3-kits h2 em,
.ftw3-pricing h2 em,
.ftw3-testimonials h2 em,
.ftw3-process h2 em,
.ftw3-features h2 em,
.ftw3-work h2 em,
.ftw3-cta h2 em{
  -webkit-text-stroke:0 !important;
  color:var(--ftw-accent-dark) !important;
  font-style:normal
}

/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · HERO + KIT SHOWCASE TONE-DOWN
   Reduces visual shouting on the two loudest sections
   ════════════════════════════════════════════════════════════ */

/* ── HERO: shorter, quieter, club-buyer-friendly ─────────────── */
.ftw3-hero{
  min-height:68vh;                                /* was 85vh */
  background:var(--ftw-forest)
}
@media(max-width:900px){.ftw3-hero{min-height:auto}}
.ftw3-hero__inner{padding:72px 56px 64px}
@media(max-width:1100px){.ftw3-hero__inner{padding:80px 24px 52px}}

/* Remove the big acid diagonal wedge — replace with a subtle right-side glow */
.ftw3-hero__slash{
  width:38vw;
  background:linear-gradient(105deg,transparent 0%,rgba(200,255,0,.06) 40%,rgba(200,255,0,.12) 100%);
  clip-path:polygon(30% 0%,100% 0%,100% 100%,0% 100%);
  opacity:.8
}
/* Soften the stadium ray */
.ftw3-hero__ray{
  background:radial-gradient(ellipse at 80% -10%,rgba(200,255,0,.04) 0%,transparent 60%)
}
/* Fade the pitch-line grid */
.ftw3-hero__pitch-lines{opacity:.4}

/* Calmer pill: no pulse, softer colours */
.ftw3-pill{
  background:rgba(200,255,0,.08);
  border-color:rgba(200,255,0,.18);
  color:rgba(200,255,0,.85);
  padding:5px 12px;
  font-size:10.5px;
  letter-spacing:.14em
}
.ftw3-pill__dot{
  animation:none;
  opacity:.7
}

/* Hero headline: significantly smaller, drop the outline effect on <em> */
.ftw3-h1{
  font-size:clamp(2.6rem,6vw,5rem);        /* was 4.5–11vw up to 10rem */
  line-height:.95;
  margin-bottom:22px;
  color:#fff
}
.ftw3-h1 strong{color:var(--ftw-accent)}
.ftw3-h1 em{
  -webkit-text-stroke:0;
  color:rgba(255,255,255,.72);              /* was acid-outlined transparent text */
  font-style:normal;
  font-size:.68em;
  display:block;
  margin-top:4px;
  letter-spacing:.02em
}

/* Subtext: slightly calmer */
.ftw3-sub{
  font-size:1rem;
  color:rgba(255,255,255,.62);
  line-height:1.7;
  margin-bottom:28px;
  max-width:440px
}

/* Hero buttons: slightly smaller */
.ftw3-hero .ftw3-btn-acid,
.ftw3-hero .ftw3-btn-ghost{
  padding:12px 26px;
  font-size:12px;
  letter-spacing:.12em
}

/* Jersey card: slightly less dramatic rotation */
.ftw3-jersey-card{transform:rotate(-3deg) perspective(800px) rotateY(2deg)}
.ftw3-jersey-card:hover{transform:rotate(-5deg) perspective(800px) rotateY(1deg) translateY(-4px)}

/* Softer callout pills around jersey */
.ftw3-callout{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(200,255,0,.2);
  backdrop-filter:blur(8px)
}
.ftw3-callout__dot{
  background:rgba(200,255,0,.12);
  color:var(--ftw-accent)
}
.ftw3-callout__label{color:rgba(255,255,255,.78)}


/* ── KIT SHOWCASE: flip from full-acid-yellow to warm paper ──── */
.ftw3-showcase{
  background:var(--ftw-paper);                    /* was full acid yellow */
  padding:72px 56px;
  color:var(--ftw-ink)
}
@media(max-width:768px){.ftw3-showcase{padding:56px 24px}}

/* Giant "KIT" watermark: fade out hard */
.ftw3-showcase__bg-text{
  color:rgba(11,40,24,.035);                      /* faint forest */
  font-size:clamp(6rem,15vw,14rem)                /* was clamp(8rem,20vw,18rem) */
}

/* Header text colours on the new light bg */
.ftw3-showcase__label{color:var(--ftw-muted)}
.ftw3-showcase__title{
  color:var(--ftw-ink);
  font-size:clamp(2rem,4vw,3.4rem);                /* was up to 4.5rem */
  line-height:1
}
.ftw3-showcase__title em{
  color:var(--ftw-accent-dark);
  font-style:normal
}
.ftw3-showcase__header{margin-bottom:36px}

/* View-all button on light: forest pill, not acid */
.ftw3-showcase .ftw3-btn-acid{
  background:var(--ftw-forest);
  color:var(--ftw-accent);
  border-color:var(--ftw-forest);
  padding:12px 24px;
  font-size:12px
}
.ftw3-showcase .ftw3-btn-acid:hover{
  background:var(--ftw-accent-dark);
  color:var(--ftw-forest);
  border-color:var(--ftw-accent-dark)
}

/* Kit cards: keep the dark photo look but smaller + calmer */
.ftw3-kit{
  min-height:320px;                                /* was 380px */
  background:var(--ftw-forest);
  border-radius:6px;
  overflow:hidden
}
.ftw3-kit:first-child{
  min-height:420px;                                /* was 520px */
  grid-row:span 2
}
/* Soften the over-contrast black overlay on kit images */
.ftw3-kit__overlay{
  background:linear-gradient(to top,rgba(11,40,24,.85) 0%,rgba(11,40,24,.15) 55%,transparent 100%)
}
/* Image grayscale eased */
.ftw3-kit__img{filter:grayscale(0%)}
.ftw3-kit:hover .ftw3-kit__img{filter:none;transform:scale(1.03)}

/* Empty-state placeholders softer */
.ftw3-kit__ph{background:linear-gradient(135deg,#0f3820 0%,#1a4a2a 100%)}
.ftw3-kit__ph-txt{color:rgba(200,255,0,.12)}

/* Kit info overlay text */
.ftw3-kit__tag{
  color:var(--ftw-accent);
  font-size:10px;
  background:transparent                           /* override earlier rule that set forest bg */
}
.ftw3-kit__name{
  font-size:1.25rem;                                /* was 1.4rem */
  color:#fff
}

/* Grid gap: slightly more air */
.ftw3-showcase__grid{gap:8px}                       /* was 3px */

/* ════════════════════════════════════════════════════════════
   HEADER REFINE · fixes invisible nav text, polishes hovers,
   makes announcement bar brand-black, reduces red to cart badge only
   ════════════════════════════════════════════════════════════ */

/* ── ANNOUNCEMENT BAR: brand black (was off-white) ── */
.ann-bar{background:var(--black);color:var(--white);border-bottom:none}
.ann-bar__text{color:var(--white)}
.ann-bar__text a{color:var(--white);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.ann-bar__text a:hover{color:var(--off)}
.ann-bar__close{color:rgba(255,255,255,.55)}
.ann-bar__close:hover{color:var(--white)}

/* ── NAV LINKS: fix the invisible-on-white bug ── */
/* Was color:var(--white), making labels unreadable on white header */
.zmenu-nav-btn{color:var(--black)}
.zmenu-nav-btn:hover{color:#1a1a1a}                              /* near-black hover, no more red flash */
.zmenu-nav-item.z-active .zmenu-nav-btn{color:var(--black)}      /* active = full black, not white */
.zmenu-nav-item--stage:hover .zmenu-nav-btn{color:#1a1a1a}       /* stage hover matches */

/* Underline: becomes near-black (was brand red) */
.zmenu-nav-btn::after{background:#1a1a1a}
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after{background:#1a1a1a}

/* Chevron indicator: match the nav text */
.zmenu-nav-btn svg{stroke:currentColor}

/* ── ICON BUTTONS (search, account, cart, wishlist): monochrome hover ── */
/* Was color:var(--red) on hover — jarring */
.zmenu-btn{color:var(--black);stroke-width:2}
.zmenu-btn:hover{color:#1a1a1a}
.zmenu-btn svg{stroke-width:2}                                    /* confidence bump from 1.8 → 2.0 */

/* ── CART COUNT: keep red — the only red in the header ── */
/* Already red in original rule — no change needed */
/* .zmenu-cart-count stays background:var(--red) */

/* ── HAMBURGER (mobile) same treatment ── */
.zmenu-ham{color:var(--black)}
.zmenu-ham:hover{color:#1a1a1a}

/* ── SCROLLED STATE: softer shadow than the current 0 2px 40px rgba(0,0,0,.6) ── */
.zmenu-header.scrolled{box-shadow:0 1px 12px rgba(0,0,0,.08)}

/* ── Subtle underline hover for the logo wordmark to signal clickable ── */
.zmenu-logo:hover .zmenu-logo__wordmark{color:#1a1a1a}

/* ════════════════════════════════════════════════════════════
   ALL SPORT TEAMWEAR PAGES · LIGHT PALETTE OVERRIDE
   Applies the football-page treatment to basketball, cricket,
   netball, rugby (league/union/sevens). Each sport keeps its
   unique accent color but gains the warm-paper dominant bg +
   dark hero/CTA anchors + light cards pattern.
   ════════════════════════════════════════════════════════════ */

:root{
  /* Sport-specific dark anchors — each sport gets its own warm-dark */
  --btw-anchor:#14100A;        /* basketball: warm-black with hint of orange */
  --btw-accent:#fb923c;        /* basketball orange */
  --btw-accent-dark:#E07410;   /* basketball orange on light bg */
  
  --ctw-anchor:#1A0808;        /* cricket: warm-black with hint of red */
  --ctw-accent:#E8003D;        /* cricket red (brand red) */
  --ctw-accent-dark:#C0002E;   /* cricket red on light bg (already used) */
  
  --ntw-anchor:#1A0E2E;        /* netball/rugby: deep plum */
  --ntw-accent:#c084fc;        /* netball lavender */
  --ntw-accent-dark:#8B4FC7;   /* netball purple on light bg */
}

/* ═══════════════════════════════════════════════
   BASKETBALL (btw-*)
   ═══════════════════════════════════════════════ */

/* Hero: shorter, still dark anchor but warmed */
.btw-hero{min-height:68vh;background:var(--btw-anchor)}
@media(max-width:900px){.btw-hero{min-height:auto}}

/* All non-hero btw- sections flip to light paper */
.btw-logos,.btw-kits,.btw-process,.btw-features,.btw-work,.btw-cta,
.btw-showcase,.btw-pricing,.btw-testimonials,.btw-live,.btw-clubs,
.btw-brand,.btw-quote,.btw-proof{
  background:var(--ftw-paper) !important;
  color:var(--ftw-ink) !important
}
/* Everything dark in btw becomes light cards */
.btw-kit,.btw-kit-card,.btw-panel,.btw-card,.btw-feat,.btw-step,.btw-work-card,
.btw-testi-card,.btw-pricing-row{
  background:var(--ftw-sage) !important;
  border:1px solid var(--ftw-line) !important;
  color:var(--ftw-ink) !important
}
/* Titles on light bg */
.btw-title,.btw-label,.btw-heading,
.btw-kits h2,.btw-features h2,.btw-process h2,.btw-work h2,.btw-cta h2{
  color:var(--ftw-ink) !important
}
.btw-title em,.btw-heading em,.btw-kits h2 em,.btw-features h2 em,.btw-process h2 em,.btw-work h2 em,.btw-cta h2 em{
  color:var(--btw-accent-dark) !important;
  -webkit-text-stroke:0 !important;
  font-style:normal
}
/* Labels */
.btw-label,.btw-kits .btw-label,.btw-features .btw-label{color:var(--btw-accent-dark) !important}
/* Accent buttons on light bg get the forest-equivalent */
.btw-btn-primary,.btw-btn-acid{
  background:var(--btw-anchor) !important;
  color:var(--btw-accent) !important;
  border-color:var(--btw-anchor) !important
}
.btw-btn-primary:hover,.btw-btn-acid:hover{
  background:var(--btw-accent-dark) !important;
  color:var(--btw-anchor) !important
}
/* Hero keeps the neon orange-on-black feel */
.btw-hero .btw-btn-primary,.btw-hero .btw-btn-acid{
  background:var(--btw-accent) !important;
  color:var(--btw-anchor) !important;
  border-color:var(--btw-accent) !important
}
/* Kit tiles keep dark frames so photos pop */
.btw-kit{background:var(--btw-anchor) !important;color:#fff !important}
.btw-kit .btw-kit__tag{color:var(--btw-accent) !important}
.btw-kit .btw-kit__name{color:#fff !important}


/* ═══════════════════════════════════════════════
   CRICKET (ctw-*)
   ═══════════════════════════════════════════════ */

.ctw-hero{min-height:68vh;background:var(--ctw-anchor)}
@media(max-width:900px){.ctw-hero{min-height:auto}}

.ctw-logos,.ctw-kits,.ctw-process,.ctw-features,.ctw-work,.ctw-cta,
.ctw-showcase,.ctw-pricing,.ctw-testimonials,.ctw-live,.ctw-clubs,
.ctw-brand,.ctw-quote,.ctw-proof,.ctw-grid-section,.ctw-legacy{
  background:var(--ftw-paper) !important;
  color:var(--ftw-ink) !important
}
.ctw-kit,.ctw-kit-card,.ctw-panel,.ctw-card,.ctw-feat,.ctw-step,.ctw-work-card,
.ctw-testi-card,.ctw-pricing-row,.ctw-stat-card,.ctw-legacy-card{
  background:var(--ftw-sage) !important;
  border:1px solid var(--ftw-line) !important;
  color:var(--ftw-ink) !important
}
.ctw-title,.ctw-label,.ctw-heading,
.ctw-kits h2,.ctw-features h2,.ctw-process h2,.ctw-work h2,.ctw-cta h2{
  color:var(--ftw-ink) !important
}
.ctw-title em,.ctw-heading em,.ctw-kits h2 em,.ctw-features h2 em,.ctw-process h2 em,.ctw-work h2 em,.ctw-cta h2 em{
  color:var(--ctw-accent-dark) !important;
  -webkit-text-stroke:0 !important;
  font-style:normal
}
.ctw-label,.ctw-kits .ctw-label,.ctw-features .ctw-label{color:var(--ctw-accent-dark) !important}
.ctw-btn-primary,.ctw-btn-red{
  background:var(--ctw-anchor) !important;
  color:var(--ctw-accent) !important;
  border-color:var(--ctw-anchor) !important
}
.ctw-btn-primary:hover,.ctw-btn-red:hover{
  background:var(--ctw-accent-dark) !important;
  color:#fff !important
}
.ctw-hero .ctw-btn-primary,.ctw-hero .ctw-btn-red{
  background:var(--ctw-accent) !important;
  color:#fff !important;
  border-color:var(--ctw-accent) !important
}
.ctw-kit{background:var(--ctw-anchor) !important;color:#fff !important}
.ctw-kit .ctw-kit__tag{color:var(--ctw-accent) !important}
.ctw-kit .ctw-kit__name{color:#fff !important}


/* ═══════════════════════════════════════════════
   NETBALL + RUGBY (ntw-* — shared prefix)
   ═══════════════════════════════════════════════ */

.ntw-hero{min-height:68vh;background:var(--ntw-anchor)}
@media(max-width:900px){.ntw-hero{min-height:auto}}

.ntw-logos,.ntw-kits,.ntw-process,.ntw-features,.ntw-work,.ntw-cta,
.ntw-showcase,.ntw-pricing,.ntw-testimonials,.ntw-live,.ntw-clubs,
.ntw-brand,.ntw-quote,.ntw-proof,.ntw-grid-section,.ntw-legacy{
  background:var(--ftw-paper) !important;
  color:var(--ftw-ink) !important
}
.ntw-kit,.ntw-kit-card,.ntw-panel,.ntw-card,.ntw-feat,.ntw-step,.ntw-work-card,
.ntw-testi-card,.ntw-pricing-row,.ntw-stat-card,.ntw-legacy-card{
  background:var(--ftw-sage) !important;
  border:1px solid var(--ftw-line) !important;
  color:var(--ftw-ink) !important
}
.ntw-title,.ntw-label,.ntw-heading,
.ntw-kits h2,.ntw-features h2,.ntw-process h2,.ntw-work h2,.ntw-cta h2{
  color:var(--ftw-ink) !important
}
.ntw-title em,.ntw-heading em,.ntw-kits h2 em,.ntw-features h2 em,.ntw-process h2 em,.ntw-work h2 em,.ntw-cta h2 em{
  color:var(--ntw-accent-dark) !important;
  -webkit-text-stroke:0 !important;
  font-style:normal
}
.ntw-label,.ntw-kits .ntw-label,.ntw-features .ntw-label{color:var(--ntw-accent-dark) !important}
.ntw-btn-primary,.ntw-btn-purple,.ntw-btn-accent{
  background:var(--ntw-anchor) !important;
  color:var(--ntw-accent) !important;
  border-color:var(--ntw-anchor) !important
}
.ntw-btn-primary:hover,.ntw-btn-purple:hover,.ntw-btn-accent:hover{
  background:var(--ntw-accent-dark) !important;
  color:#fff !important
}
.ntw-hero .ntw-btn-primary,.ntw-hero .ntw-btn-purple,.ntw-hero .ntw-btn-accent{
  background:var(--ntw-accent) !important;
  color:var(--ntw-anchor) !important;
  border-color:var(--ntw-accent) !important
}
.ntw-kit{background:var(--ntw-anchor) !important;color:#fff !important}
.ntw-kit .ntw-kit__tag{color:var(--ntw-accent) !important}
.ntw-kit .ntw-kit__name{color:#fff !important}


/* ═══════════════════════════════════════════════
   SHARED: teamwear-cta-band at the end of every sport page
   (used by all sports as the final CTA)
   ═══════════════════════════════════════════════ */
.teamwear-cta,
section[class*="teamwear-cta"]{
  background:var(--ftw-paper) !important;
  color:var(--ftw-ink) !important
}
.teamwear-cta h2,.teamwear-cta .cta-title{color:var(--ftw-ink) !important}
.teamwear-cta h2 em,.teamwear-cta em{
  -webkit-text-stroke:0 !important;
  color:var(--ftw-forest) !important;
  font-style:normal
}
.teamwear-cta p,.teamwear-cta .cta-sub{color:var(--ftw-muted) !important}
.teamwear-cta .btn-primary,.teamwear-cta a.btn{
  background:var(--ftw-forest) !important;
  color:var(--ftw-accent) !important;
  border-color:var(--ftw-forest) !important
}


/* ═══════════════════════════════════════════════
   HERO WIDGETS (pills, subtitles) — each sport
   Kept dark-on-dark since hero is the dark anchor
   ═══════════════════════════════════════════════ */
/* Basketball hero pill */
.btw-pill{background:rgba(251,146,60,.08);border-color:rgba(251,146,60,.18);color:rgba(251,146,60,.9)}
/* Cricket hero pill */
.ctw-pill{background:rgba(232,0,61,.08);border-color:rgba(232,0,61,.22);color:rgba(232,0,61,.95)}
/* Netball/rugby hero pill */
.ntw-pill{background:rgba(192,132,252,.08);border-color:rgba(192,132,252,.2);color:rgba(192,132,252,.92)}

/* Soften h1 sizes across all sports (was 11vw everywhere) */
.btw-h1,.ctw-h1,.ntw-h1{font-size:clamp(2.6rem,6vw,5rem) !important;line-height:.95 !important}
.btw-h1 em,.ctw-h1 em,.ntw-h1 em{-webkit-text-stroke:0 !important;color:rgba(255,255,255,.7) !important;font-size:.68em !important;display:block !important;margin-top:4px !important;font-style:normal}


/* ═══════════════════════════════════════════════
   FIXUP: scrub stray dark backgrounds on orphan sections
   Some snippets use inline style="background:#0a0a0a" etc.
   ═══════════════════════════════════════════════ */
.page-template [style*="background:#0a0a0a"],
.page-template [style*="background: #0a0a0a"],
.page-template [style*="background:#0A0A0A"],
.page-template [style*="background:#020d02"]{
  background:var(--ftw-paper) !important;
  color:var(--ftw-ink) !important
}

/* ════════════════════════════════════════════════════════════
   MENU REFINE V2 · Full mega-menu overhaul
   Sweeps every dropdown/stage/mega-panel to remove red from
   structural accents. Red is reserved for cart badge + sale
   chips only. Black stays as logo/nav text color.
   ════════════════════════════════════════════════════════════ */

:root{
  --zm-ink:#1a1a1a;              /* near-black text */
  --zm-ink-soft:#555;             /* secondary text */
  --zm-line:#E5E5E5;              /* soft dividers */
  --zm-anchor:#0A0A0A;            /* the brand black used for stage-left */
}

/* ── STAGE PANEL (teamwear mega-menu — the thing in your screenshot) ── */
/* Top band (visible in the screenshot as solid black strip around "CLOTHING") */
.zmenu-stage__left{background:var(--zm-anchor)}
.zmenu-stage__left::before{background:var(--zm-anchor)}
.zmenu-stage__title em{color:#c8ff00 !important}           /* was brand red — swap to acid */
.zmenu-stage__viewall{color:#c8ff00 !important}             /* acid accent on black */
.zmenu-stage__viewall:hover{color:#fff !important}

/* Right-side chevrons next to link items — were red */
.zmenu-stage__link svg{stroke:var(--zm-ink-soft) !important;opacity:.4}
.zmenu-stage__link:hover{color:var(--zm-ink) !important;padding-left:4px}
.zmenu-stage__link:hover svg{opacity:1;stroke:var(--zm-ink) !important}

/* Group link arrow indicators (the small red triangles I see in screenshot) */
.zmenu-stage__group-link::before{border-right-color:var(--zm-ink-soft) !important;border-top-color:var(--zm-ink-soft) !important}
.zmenu-stage__group-link:hover{color:var(--zm-ink) !important;padding-left:4px}
.zmenu-stage__group-link:hover::before{border-right-color:var(--zm-ink) !important;border-top-color:var(--zm-ink) !important;opacity:1}

.zmenu-stage__banner-label{color:var(--zm-ink) !important}

/* The red vertical bar next to "FASHION/GYM/ACCESSORIES" col headers */
.zmenu-stage__col-head{
  border-left:none !important;
  padding-left:0 !important;
  color:var(--zm-ink-soft) !important;
  border-bottom:1px solid var(--zm-line) !important
}
/* Kill any ::before red bar */
.zmenu-stage__col-head::before{display:none !important}

/* Hover state keep nav label black, not white (fixes main header issue too) */
.zmenu-nav-item--stage:hover .zmenu-nav-btn{color:var(--zm-ink) !important}
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after{background:var(--zm-ink) !important}


/* ── MEGA / VISUAL PANEL (cricket, etc.) ── */
.zmenu-visual__title em{color:var(--zm-ink) !important}
.zmenu-visual__viewall{color:var(--zm-ink) !important}
.zmenu-visual__viewall:hover{color:#000 !important}


/* ── GENERIC NAV DROP (legacy) ── */
.nav-drop{border-top-color:var(--zm-anchor) !important}
.nav-drop a:hover{color:var(--zm-ink) !important;border-left-color:var(--zm-ink) !important}
.nav-mega{border-top-color:var(--zm-anchor) !important}
.mega-link:hover{color:var(--zm-ink) !important}


/* ── MOBILE DRAWER ── */
.zmenu-drawer__item.z-open .zmenu-drawer__name{color:var(--zm-ink) !important}
.zmenu-drawer__item.z-open .zmenu-drawer__chevron{
  border-color:var(--zm-ink) !important;
  background:var(--zm-ink) !important
}
.zmenu-drawer__sub-viewall{color:var(--zm-ink-soft) !important}
.zmenu-drawer__sub-viewall:hover{color:var(--zm-ink) !important}
.mob-nav-link:hover{color:var(--zm-ink) !important}


/* ── "FREE DESIGN" badge next to Teamwear nav item ── */
.znav-badge--red{
  background:transparent !important;
  color:#c8ff00 !important;
  border:1px solid rgba(200,255,0,.35) !important
}


/* ── SCROLL PROGRESS BAR ── */
.zmenu-progress{background:var(--zm-ink) !important}


/* ── SEARCH ── */
.zmenu-search__form:focus-within{border-bottom-color:var(--zm-ink) !important}
.zmenu-search__submit:hover{color:var(--zm-ink) !important}


/* ── CRITICAL FIX — nav text on hover must stay visible ── */
/* This was the source of the "invisible on white header" bug.
   Original rule set color:var(--white); on hover AND .z-active. */
.zmenu-nav-btn,
.zmenu-nav-btn:hover,
.zmenu-nav-item.z-active .zmenu-nav-btn,
.zmenu-nav-item--stage:hover .zmenu-nav-btn{
  color:var(--zm-ink) !important
}
.zmenu-nav-btn::after,
.zmenu-nav-item.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after{
  background:var(--zm-ink) !important
}

/* Chevron next to nav label */
.zmenu-nav-btn svg{stroke:currentColor !important}


/* ── ICON BUTTONS ── */
.zmenu-btn,
.zmenu-btn:hover,
.zmenu-ham,
.zmenu-ham:hover{color:var(--zm-ink) !important}

/* Cart count: the ONE red thing in the header — keep it red */
/* .zmenu-cart-count stays as original brand red */


/* ── "SHOP BY PRODUCT / SHOP NOW / SHOP BY EDIT" column headers ── */
/* These are the ones visible with red vertical bars in screenshot */
[class*="zmenu-pzas__col-head"],
[class*="zmenu-pzas__group-head"],
[class*="zmenu-asos__col-head"],
[class*="zmenu-asos__group-head"]{
  border-left-color:var(--zm-line) !important
}
/* Group titles: red bar becomes subtle grey bar */
[class*="__group-head"]::before,
[class*="__col-head"]::before{background:var(--zm-line) !important}

/* Links in product-list mega panels */
[class*="zmenu-pzas__link"],
[class*="zmenu-asos__link"]{color:var(--zm-ink-soft) !important}
[class*="zmenu-pzas__link"]:hover,
[class*="zmenu-asos__link"]:hover{color:var(--zm-ink) !important}

/* "› " chevron arrows before list items */
[class*="zmenu-pzas__link"]::before,
[class*="zmenu-asos__link"]::before,
[class*="zmenu-pzas__link"] svg,
[class*="zmenu-asos__link"] svg{
  color:var(--zm-ink-soft) !important;
  stroke:var(--zm-ink-soft) !important;
  opacity:.4
}


/* ── ANNOUNCEMENT bar — ensure it stays brand black (re-assert) ── */
.ann-bar{background:var(--zm-anchor) !important;color:#fff !important;border-bottom:none !important}
.ann-bar__text,.ann-bar__text a{color:#fff !important}


/* ── HEADER: extra fallbacks so nothing shows a red underline ── */
.zmenu-header{border-bottom:1px solid var(--zm-line) !important;background:#fff !important}
.zmenu-header.scrolled{box-shadow:0 1px 12px rgba(0,0,0,.08) !important}

/* Any red horizontal band below the nav (legacy separator) */
.zmenu-nav,
.zmenu-nav::after,
.zmenu-nav__list::after{border-bottom:none !important;border-top:none !important}

/* ════════════════════════════════════════════════════════════
   MENU REFINE V3 · FINAL — correct nav text, correct accent colors
   Previous passes broke nav visibility by making text near-black
   on a nav row that is itself black. Also missed the asos/pzas
   mega-menu red accents. This pass fixes both.
   ════════════════════════════════════════════════════════════ */

/* ── NAV BAND: stays dark (intentional), text is WHITE again ── */
.zmenu-nav{background:var(--zm-anchor) !important}
.zmenu-nav-btn,
.zmenu-nav-btn:hover,
.zmenu-nav-item.z-active .zmenu-nav-btn,
.zmenu-nav-item--stage:hover .zmenu-nav-btn,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn,
.zmenu-nav-item--asos:hover .zmenu-nav-btn,
.zmenu-nav-item--mega:hover .zmenu-nav-btn{
  color:#fff !important
}
/* Underline on hover — acid yellow (the one brand accent), not red */
.zmenu-nav-btn::after,
.zmenu-nav-item.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn::after,
.zmenu-nav-item--asos:hover .zmenu-nav-btn::after{
  background:#c8ff00 !important
}

/* ── ICON BUTTONS (cart/account/search/wishlist) sit on WHITE header ── */
/* These stay near-black since the header row above the nav is white */
.zmenu-btn,
.zmenu-btn:hover,
.zmenu-ham,
.zmenu-ham:hover{color:#1a1a1a !important}


/* ── ASOS MEGA-MENU (the cricket menu in your screenshot) ── */
/* Red vertical bar next to group titles — was border-left:2px solid var(--red) */
.zmenu-asos__group-title{
  border-left-color:#1a1a1a !important
}
/* View all links in section heads */
.zmenu-asos__viewall:hover{color:#1a1a1a !important}

/* ── PZAS MEGA-MENU ── */
/* Chevron arrows before each link */
.zmenu-pzas__link::before{
  border-right-color:#9a9a9a !important;
  border-top-color:#9a9a9a !important
}
.zmenu-pzas__link:hover{color:#1a1a1a !important}
.zmenu-pzas__link:hover::before{
  border-right-color:#1a1a1a !important;
  border-top-color:#1a1a1a !important
}
.zmenu-pzas__feat-link:hover{color:#1a1a1a !important}

/* Active pzas tab — was red, now pitch black */
.zmenu-pzas__tab.z-active{color:#c8ff00 !important}

/* ── STAGE MEGA-MENU (teamwear in your screenshot — was the football one) ── */
/* This is the "SHOP CRICKET" panel on the left. Since it applies to teamwear
   section and is visually consistent across sports, keep dark anchor +
   accent. But the accent changes: use WHITE for versatility, not acid-green
   which is football-specific. */
.zmenu-stage__title em{color:#fff !important}
.zmenu-stage__viewall{color:#c8ff00 !important}           /* acid yellow = brand accent */
.zmenu-stage__viewall:hover{color:#fff !important}

/* Stage link chevrons */
.zmenu-stage__link svg{stroke:#9a9a9a !important;opacity:.5}
.zmenu-stage__link:hover{color:#1a1a1a !important;padding-left:4px}
.zmenu-stage__link:hover svg{opacity:1;stroke:#1a1a1a !important}

/* Group link arrow indicators */
.zmenu-stage__group-link::before{
  border-right-color:#9a9a9a !important;
  border-top-color:#9a9a9a !important
}
.zmenu-stage__group-link:hover{color:#1a1a1a !important;padding-left:4px}
.zmenu-stage__group-link:hover::before{
  border-right-color:#1a1a1a !important;
  border-top-color:#1a1a1a !important;
  opacity:1
}

/* Column head red vertical bars — the "BATTING/WICKET KEEPING/BAGS" labels */
.zmenu-asos__group-title,
.zmenu-pzas__group-head{
  border-left-color:#1a1a1a !important
}


/* ── HYBRID MENU (one more variant) ── */
.zmenu-hybrid__col-head{border-bottom-color:var(--zm-line) !important}


/* ── "FREE DESIGN" badge — keep the acid green pill treatment (looks good in your screenshot) ── */
/* Already handled — keeping for reference:
.znav-badge--red{background:transparent; color:#c8ff00; border:1px solid rgba(200,255,0,.35)} */

/* Red top-border strip on mega panels */
.zmenu-asos,
.zmenu-visual,
.nav-drop,
.nav-mega{border-top-color:#1a1a1a !important}


/* ── Red accents in :hover states across mega menus — all become near-black ── */
.zmenu-visual__title em{color:#1a1a1a !important}
.zmenu-visual__viewall{color:#1a1a1a !important}

/* Progress bar: keep near-black (was red) */
.zmenu-progress{background:#1a1a1a !important}


/* ── Announcement bar: re-assert ── */
.ann-bar{background:#0A0A0A !important;color:#fff !important;border-bottom:none !important}
.ann-bar__text,.ann-bar__text a{color:#fff !important}
.ann-bar__close{color:rgba(255,255,255,.55) !important}
.ann-bar__close:hover{color:#fff !important}


/* ── Kill any red separator bars that might render between nav and page ── */
.zmenu-header{border-bottom:1px solid #E5E5E5 !important;background:#fff !important}
.zmenu-header.scrolled{box-shadow:0 1px 12px rgba(0,0,0,.08) !important}

/* ════════════════════════════════════════════════════════════
   MENU REFINE V4 · KILL RED — final, complete
   Targets every variant of the unified chevron ::before
   Overrides the earlier !important block at line 7814-7840
   ════════════════════════════════════════════════════════════ */

/* Every chevron ::before across every menu type — full shorthand override */
.zmenu-stage__link::before,
.zmenu-stage__group-link::before,
.zmenu-hybrid__link::before,
.zmenu-sport__panel-link::before,
.zmenu-pzas__link::before,
.zmenu-pzas__feat-link::before,
.zmenu-asos__link::before,
[class*="__link"]::before,
[class*="__group-link"]::before{
  border-right:1.5px solid #BFBFBF !important;
  border-top:1.5px solid #BFBFBF !important;
  opacity:.5 !important
}

/* Hover states: chevron darkens to near-black, not red */
.zmenu-stage__link:hover::before,
.zmenu-stage__group-link:hover::before,
.zmenu-hybrid__link:hover::before,
.zmenu-sport__panel-link:hover::before,
.zmenu-pzas__link:hover::before,
.zmenu-pzas__feat-link:hover::before,
.zmenu-asos__link:hover::before,
[class*="__link"]:hover::before,
[class*="__group-link"]:hover::before{
  border-right:1.5px solid #1a1a1a !important;
  border-top:1.5px solid #1a1a1a !important;
  opacity:1 !important
}

/* Hover label color: near-black instead of red */
.zmenu-stage__link:hover,
.zmenu-stage__group-link:hover,
.zmenu-hybrid__link:hover,
.zmenu-sport__panel-link:hover,
.zmenu-pzas__link:hover,
.zmenu-pzas__feat-link:hover,
[class*="__group-link"]:hover,
.zmenu-asos__group-title:hover{
  color:#1a1a1a !important
}

/* Also the SVG chevrons in case a few links still use the old SVG markup */
.zmenu-stage__link > svg,
.zmenu-stage__link svg,
.zmenu-hybrid__link svg,
.zmenu-sport__panel-link svg,
.zmenu-pzas__link svg,
.zmenu-asos__link svg{
  stroke:#BFBFBF !important;
  fill:none !important
}
.zmenu-stage__link:hover svg,
.zmenu-pzas__link:hover svg{
  stroke:#1a1a1a !important
}


/* ── GROUP TITLE RED VERTICAL BARS (BATTING / WICKET KEEPING / etc.) ── */
/* The | bars are produced by border-left on the group-title element */
.zmenu-asos__group-title,
.zmenu-pzas__group-head,
.zmenu-stage__group-head,
.zmenu-hybrid__group-title,
.zmenu-hybrid__col-head{
  border-left:2px solid #1a1a1a !important
}


/* ── NAV UNDERLINE: make the acid yellow much more visible ── */
/* Previous attempt was 2px which may render thin against black.
   Bump to 3px + add a slight background glow to make it pop. */
.zmenu-nav-btn::after,
.zmenu-nav-item.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn::after,
.zmenu-nav-item--asos:hover .zmenu-nav-btn::after,
.zmenu-nav-item--mega:hover .zmenu-nav-btn::after{
  height:3px !important;
  background:#c8ff00 !important;
  box-shadow:0 0 8px rgba(200,255,0,.35) !important;
  bottom:0 !important
}


/* ── FINAL CATCH-ALL: ANY element using var(--red) as border inside a menu ── */
/* This targets stragglers we may have missed */
.zmenu-stage *[style*="var(--red)"],
.zmenu-asos *[style*="var(--red)"],
.zmenu-pzas *[style*="var(--red)"]{border-color:#1a1a1a !important;color:#1a1a1a !important}

/* ════════════════════════════════════════════════════════════
   MENU V5 · Final cleanup
   1. Kills the red stripe below the nav (border-top on mega panels)
   2. Drops acid-yellow nav underline — reverts to clean white
      (acid yellow is football-specific, doesn't belong in global chrome)
   ════════════════════════════════════════════════════════════ */

/* ── Kill the red top border on ALL mega panels (this creates the red stripe) ── */
.zmenu-stage,
.zmenu-asos,
.zmenu-pzas,
.zmenu-visual,
.zmenu-hybrid,
.zmenu-sport,
.zmenu-mega,
.nav-drop,
.nav-mega{
  border-top:none !important
}

/* ── Nav underline: back to clean white (not acid yellow) ── */
.zmenu-nav-btn::after,
.zmenu-nav-item.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn::after,
.zmenu-nav-item--asos:hover .zmenu-nav-btn::after,
.zmenu-nav-item--mega:hover .zmenu-nav-btn::after{
  height:2px !important;
  background:#fff !important;
  box-shadow:none !important;
  bottom:0 !important
}

/* Also any tab-based underlines in the pzas mega */
.zmenu-pzas__tab.z-active{
  color:#fff !important;
  border-bottom-color:#fff !important
}

/* ════════════════════════════════════════════════════════════
   ANNOUNCEMENT BAR → OFF-WHITE
   Reduces the visual stack weight at the top of every page.
   Announcement becomes quiet ambient info strip, not a shout.
   ════════════════════════════════════════════════════════════ */

.ann-bar{
  background:#F5F5F5 !important;
  color:#1a1a1a !important;
  border-bottom:1px solid #E5E5E5 !important;
  padding:6px var(--pad) !important              /* was 9px — slimmer strip */
}
.ann-bar__text,
.ann-bar__text a{color:#1a1a1a !important}
.ann-bar__text a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.ann-bar__text a:hover{color:#000 !important}
.ann-bar__close{color:rgba(10,10,10,.45) !important}
.ann-bar__close:hover{color:#1a1a1a !important}

/* ── Nav bar height compression (subtle) ── */
/* Was implicitly ~52px from padding:13px 16px on nav-btn. Slightly tighter. */
.zmenu-nav-btn{padding:11px 16px !important}

/* ════════════════════════════════════════════════════════════
   FINAL POLISH · menu red bars, announcement font, homepage, footer
   ════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   1. MENU — KILL THE LAST RED BARS
   The pzas panel uses __pgroup-head for FASHION/GYM/ACCESSORIES
   labels with border-left:2.5px solid var(--red)
   ───────────────────────────────────────────── */
.zmenu-stage__col-head,
.zmenu-stage__group-head,
.zmenu-hybrid__col-head,
.zmenu-pzas__pgroup-head,
.zmenu-pzas__sec-head,
.zmenu-asos__sec-head,
.zmenu-asos__group-title{
  border-left:2.5px solid #1a1a1a !important;
  border-bottom-color:#E5E5E5 !important
}

/* Also any remaining col-head with leading red accent */
[class$="__col-head"],
[class$="__pgroup-head"],
[class$="__group-title"],
[class$="__sec-head"]{
  border-left-color:#1a1a1a !important
}


/* ─────────────────────────────────────────────
   2. ANNOUNCEMENT BAR — smaller font
   Was font-size:11px. Reduce to 10.5px, tighten tracking.
   ───────────────────────────────────────────── */
.ann-bar__text{
  font-size:10px !important;
  letter-spacing:.12em !important;
  line-height:1.4 !important
}
@media(max-width:700px){
  .ann-bar__text{font-size:9.5px !important;letter-spacing:.1em !important}
}
.ann-bar{padding:5px var(--pad) !important}


/* ─────────────────────────────────────────────
   3. HOMEPAGE — typography and spacing tightening
   ───────────────────────────────────────────── */

/* Hero slider — tighten heading line-height and size on small screens */
.zhslider__l1,.zhslider__l2{
  font-size:clamp(2.8rem,7vw,5.5rem) !important;
  letter-spacing:.005em !important
}
.zhslider__lane{
  font-size:10px !important;
  letter-spacing:.24em !important;
  padding:6px 13px !important;
  margin-bottom:16px !important
}
.zhslider__sub{
  font-size:clamp(13.5px,1.4vw,15px) !important;
  line-height:1.65 !important;
  margin:0 0 24px !important
}

/* Featured collection section headers — tighten breathing */
.zhome-feat__eyebrow{
  font-size:10.5px !important;
  letter-spacing:.22em !important;
  margin-bottom:10px !important
}
.zhome-feat__title{
  font-size:clamp(2rem,4vw,3.2rem) !important;
  line-height:.95 !important;
  letter-spacing:.005em !important
}
.zhome-feat__sub{
  font-size:14px !important;
  line-height:1.6 !important;
  max-width:520px !important
}

/* Lanes section — tighten padding, title */
.zlanes__eyebrow{font-size:10.5px !important;letter-spacing:.22em !important}
.zlanes__title{
  font-size:clamp(2rem,4vw,3.2rem) !important;
  line-height:.95 !important
}
.zlane__name{font-size:clamp(1.6rem,2.5vw,2.2rem) !important}
.zlane__subtag{font-size:10px !important;letter-spacing:.2em !important}
.zlane__caption{font-size:13px !important;line-height:1.5 !important;margin-top:6px !important}

/* Editorial band — tighter headings */
.zedit__eyebrow{font-size:10.5px !important;letter-spacing:.22em !important}
.zedit__title{
  font-size:clamp(2rem,4vw,3.2rem) !important;
  line-height:.95 !important
}
.zedit__body{font-size:14.5px !important;line-height:1.7 !important}

/* Brand moment — stats row */
.zbrand__eyebrow{font-size:10.5px !important;letter-spacing:.22em !important}
.zbrand-moment__line{
  font-size:clamp(1.3rem,2.2vw,1.8rem) !important;
  line-height:1.35 !important;
  max-width:600px !important
}
.zbrand-stat__n{font-size:clamp(1.8rem,3vw,2.4rem) !important}
.zbrand-stat__l{font-size:10.5px !important;letter-spacing:.18em !important}

/* Teamwear slim band */
.ztwslim__eyebrow{font-size:10px !important;letter-spacing:.22em !important}
.ztwslim__line{font-size:clamp(1.1rem,1.6vw,1.3rem) !important;line-height:1.35 !important}

/* Section spacing between homepage sections — tighten overall rhythm */
.zhome-feat{padding:clamp(40px,5vw,72px) 0 !important}
.zlanes{padding:clamp(36px,4.5vw,64px) 0 !important}
.zedit{padding:clamp(40px,5vw,72px) 0 !important}
.zbrand{padding:clamp(36px,4.5vw,60px) 0 !important}


/* ─────────────────────────────────────────────
   4. FOOTER POLISH
   Footer is already white (via earlier override). Polish details:
   typography, spacing, softer reds, consistent link styling.
   ───────────────────────────────────────────── */

/* Footer section padding: restrained */
.site-footer{padding-top:72px !important;padding-bottom:24px !important}
.footer-main{padding-bottom:48px !important;gap:56px !important}
@media(max-width:900px){.site-footer{padding-top:56px !important}.footer-main{gap:36px !important}}

/* Brand statement typography */
.footer-statement{
  font-family:var(--dsp) !important;
  font-size:clamp(1.1rem,1.6vw,1.35rem) !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  letter-spacing:.005em !important;
  color:#1a1a1a !important;
  margin-bottom:20px !important;
  max-width:340px !important
}
.footer-brand__desc{
  font-size:13px !important;
  line-height:1.7 !important;
  color:#5E6A5E !important;
  max-width:320px !important
}
.footer-brand__addr{
  font-size:12.5px !important;
  color:#6a6a6a !important
}

/* Column titles */
.footer-col__title{
  font-size:10.5px !important;
  letter-spacing:.18em !important;
  margin-bottom:18px !important;
  color:#1a1a1a !important
}

/* Column links */
.footer-col__links{gap:11px !important}
.footer-col__links a{
  font-size:12.5px !important;
  letter-spacing:.06em !important;
  color:#6a6a6a !important;
  transition:color .15s ease !important
}
.footer-col__links a:hover{color:#0A0A0A !important}

/* Social icons — muted, uniform */
.footer-social-ts a{color:#6a6a6a !important}
.footer-social-ts a:hover{color:#0A0A0A !important;opacity:1 !important}

/* Giant ZEALOTS wordmark at footer bottom — give it more air */
.footer-wordmark{
  font-size:clamp(4rem,14vw,14rem) !important;
  letter-spacing:-.015em !important;
  line-height:.85 !important;
  color:#F5F5F5 !important;                /* very faint ghost, not solid black */
  padding:32px 0 !important
}

/* Footer newsletter: calm the red CTA button */
.footer-nl-submit{
  background:#0A0A0A !important;
  color:#fff !important
}
.footer-nl-submit:hover{background:#1a1a1a !important}
.footer-nl-input{
  background:#F5F5F5 !important;
  border:1px solid #E5E5E5 !important;
  color:#1a1a1a !important
}
.footer-nl-input::placeholder{color:#9a9a9a !important}
.footer-nl__label{color:#1a1a1a !important;font-size:11px !important;letter-spacing:.16em !important}
.footer-nl__desc{color:#6a6a6a !important;font-size:12.5px !important;line-height:1.6 !important}

/* Footer bottom strip */
.footer-bottom{padding:18px 0 !important}
.footer-copy,.footer-legal a{
  font-size:10.5px !important;
  letter-spacing:.12em !important;
  color:#9a9a9a !important
}
.footer-legal a:hover{color:#1a1a1a !important}

/* Social hover — lose the red, keep monochrome */
.footer-social__link:hover{
  background:#1a1a1a !important;
  border-color:#1a1a1a !important
}

/* Trust strip if present */
.footer-trust-strip{border-color:#E5E5E5 !important;background:#FAFAFA !important}
.footer-trust-strip__item{color:#1a1a1a !important}

/* ════════════════════════════════════════════════════════════
   MENU V6 · Correct the v5 mistake
   My earlier rule added a 2.5px near-black border-left to
   zmenu-asos__sec-head and zmenu-stage__col-head, creating
   bars where NONE existed in the original design.
   
   Rule now: sec-head = NO border at all. group-head/pgroup-head
   (FASHION/GYM/ACCESSORIES) keep the near-black accent bar.
   ════════════════════════════════════════════════════════════ */

/* Section-head classes: NO left border at all */
.zmenu-asos__sec-head,
.zmenu-pzas__sec-head,
.zmenu-stage__col-head,
.zmenu-hybrid__col-head,
[class$="__sec-head"],
[class$="__col-head"]{
  border-left:none !important;
  padding-left:0 !important
}

/* Group-head classes: KEEP near-black bar (the FASHION/GYM/ACCESSORIES labels) */
.zmenu-pzas__pgroup-head,
.zmenu-stage__group-head,
.zmenu-asos__group-title,
[class$="__pgroup-head"],
[class$="__group-head"],
[class$="__group-title"]{
  border-left:2px solid #1a1a1a !important;
  padding-left:10px !important
}

/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · WORLD-CLASS REBUILD
   Targets: hero, ball animation, process section, FAQ, CTA
   Goal: premium institutional feel — like Nike/Adidas club page,
   not energy-drink ad. Keeps brand DNA, removes flashy artifacts.
   ════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────
   1. HERO — much shorter, much calmer
   ────────────────────────────────────────────── */

/* Drop hero from 68vh to 56vh. At 1080p that's 605px, leaving
   room for the next section to peek above the fold. */
.ftw3-hero{
  min-height:56vh !important;
  background:linear-gradient(170deg,#0E2A1E 0%,#0B2818 50%,#0A2014 100%) !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important
}
@media(max-width:900px){.ftw3-hero{min-height:62vh !important}}

.ftw3-hero__inner{
  padding:48px 56px !important;                  /* was 60-72px */
  max-width:1320px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.15fr 1fr !important;
  gap:48px !important;
  align-items:center !important;
  position:relative !important;
  z-index:2 !important
}
@media(max-width:1100px){.ftw3-hero__inner{grid-template-columns:1fr !important;padding:64px 24px 56px !important;gap:32px !important}}

/* Kill the giant acid wedge entirely — the 38vw glow was still too much */
.ftw3-hero__slash{display:none !important}

/* Soften ray to a barely-there warm light */
.ftw3-hero__ray{
  background:radial-gradient(ellipse at 75% -20%,rgba(200,255,0,.025) 0%,transparent 60%) !important;
  opacity:1 !important
}

/* Pitch-line grid: WAY softer (was visible bothering the eye) */
.ftw3-hero__pitch-lines{
  opacity:.18 !important;
  background-size:90px 90px !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important
}

/* Pill: smaller, calmer, no pulse */
.ftw3-pill{
  padding:5px 12px !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  background:rgba(200,255,0,.06) !important;
  border:1px solid rgba(200,255,0,.18) !important;
  color:rgba(200,255,0,.78) !important;
  margin-bottom:18px !important
}
.ftw3-pill__dot{animation:none !important;opacity:.7 !important;width:5px !important;height:5px !important}

/* Headline: significantly smaller, restrained */
.ftw3-h1{
  font-size:clamp(2.4rem,5.5vw,4.4rem) !important;       /* was 6vw,5rem */
  line-height:.95 !important;
  margin-bottom:18px !important;
  color:#fff !important;
  font-weight:400 !important
}
/* "GAME" used to be acid — keep it acid but a touch dimmer for harmony */
.ftw3-h1 strong{color:#c8ff00 !important;font-weight:400 !important}
/* "DESERVES BEAUTIFUL KIT." line: warm white instead of outlined-transparent */
.ftw3-h1 em{
  -webkit-text-stroke:0 !important;
  color:rgba(255,255,255,.65) !important;
  font-style:normal !important;
  font-size:.62em !important;
  display:block !important;
  margin-top:6px !important;
  letter-spacing:.005em !important;
  font-weight:400 !important
}

.ftw3-sub{
  font-size:14.5px !important;
  color:rgba(255,255,255,.55) !important;
  line-height:1.65 !important;
  margin:0 0 24px !important;
  max-width:420px !important
}

/* Hero buttons: smaller */
.ftw3-hero .ftw3-btn-acid{
  padding:11px 22px !important;
  font-size:11.5px !important;
  letter-spacing:.12em !important;
  background:#c8ff00 !important;
  color:#0B2818 !important;
  border:1px solid #c8ff00 !important
}
.ftw3-hero .ftw3-btn-acid:hover{
  background:transparent !important;
  color:#c8ff00 !important
}
.ftw3-hero .ftw3-btn-ghost{
  padding:11px 22px !important;
  font-size:11.5px !important;
  letter-spacing:.12em !important;
  color:rgba(255,255,255,.85) !important;
  border:1px solid rgba(255,255,255,.25) !important
}
.ftw3-hero .ftw3-btn-ghost:hover{
  border-color:rgba(255,255,255,.6) !important;
  color:#fff !important;
  background:rgba(255,255,255,.04) !important
}

/* Jersey card: smaller, less rotation, calmer */
.ftw3-jersey-wrap{position:relative !important;max-width:380px !important;margin:0 auto !important}
.ftw3-jersey-card{
  transform:rotate(-2deg) !important;
  box-shadow:0 24px 60px -12px rgba(0,0,0,.55) !important
}
.ftw3-jersey-card:hover{transform:rotate(-1deg) translateY(-4px) !important}

/* Callouts — quieter glassy pills */
.ftw3-callout{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(200,255,0,.16) !important;
  backdrop-filter:blur(10px) !important;
  padding:8px 12px !important;
  font-size:10px !important
}
.ftw3-callout__dot{
  background:rgba(200,255,0,.1) !important;
  color:#c8ff00 !important;
  width:18px !important;
  height:18px !important;
  font-size:10px !important
}
.ftw3-callout__label{color:rgba(255,255,255,.78) !important;font-size:10px !important;letter-spacing:.12em !important}


/* ──────────────────────────────────────────────
   2. CRUYFF QUOTE STRIP — soften the harsh acid wall
   ────────────────────────────────────────────── */
.ftw3-cruyff{
  background:#FAF8F3 !important;
  padding:48px 56px !important;
  border-top:1px solid #DEDBCD !important;
  border-bottom:1px solid #DEDBCD !important
}
.ftw3-cruyff__quote{
  font-size:clamp(1.5rem,3.2vw,2.6rem) !important;
  color:#1F2B20 !important;
  line-height:1.1 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-style:italic !important
}
.ftw3-cruyff__attr{color:#5E6A5E !important;font-size:11px !important;letter-spacing:.16em !important}
.ftw3-cruyff__attr::before{color:#A8D900 !important}
.ftw3-cruyff__ball{display:none !important}


/* ──────────────────────────────────────────────
   3. FOOTBALL SVG — kill the spin, add quiet pulse
   ────────────────────────────────────────────── */
.ftw3-ball-svg,
[style*="ftw3-ball-slow"],
svg[style*="ftw3-ball-slow"]{
  animation:ftw3-ball-pulse 4s ease-in-out infinite !important;
  filter:drop-shadow(0 8px 24px rgba(11,40,24,.18)) !important
}
@keyframes ftw3-ball-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.03)}
}


/* ──────────────────────────────────────────────
   4. PROCESS SECTION — Concept to Match Day
   Currently: oversized ghost numbers, weak emoji icons,
   excessive padding, low-contrast cards.
   ────────────────────────────────────────────── */
.ftw3-process{
  background:#FAF8F3 !important;
  padding:64px 24px !important                        /* was 96px */
}
@media(max-width:900px){.ftw3-process{padding:48px 20px !important}}
.ftw3-process__inner{max-width:1160px !important}

/* Headers above the steps */
.ftw3-process .ftw3-label{
  color:#A8D900 !important;
  font-size:10.5px !important;
  letter-spacing:.22em !important;
  margin-bottom:8px !important
}
.ftw3-process .ftw3-title{
  color:#1F2B20 !important;
  font-size:clamp(1.8rem,3.4vw,2.6rem) !important;
  line-height:1.05 !important;
  margin-bottom:36px !important
}
.ftw3-process .ftw3-title em{
  color:#0B2818 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}

/* Steps grid: tighter, more refined */
.ftw3-steps{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:16px !important;                                /* was 3px (touching) */
  margin-top:32px !important
}
@media(max-width:900px){.ftw3-steps{grid-template-columns:repeat(2,1fr) !important;gap:12px !important}}

/* Each step card */
.ftw3-step{
  background:#fff !important;
  border:1px solid #DEDBCD !important;
  border-radius:8px !important;
  padding:28px 22px !important;
  position:relative !important;
  overflow:hidden !important;
  transition:all .25s ease !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important
}
.ftw3-step:hover{
  border-color:#0B2818 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 12px 28px -8px rgba(11,40,24,.18) !important
}

/* Hide the giant ghost numbers that dominated the cards */
.ftw3-step__bg-n{display:none !important}

/* Replace the emoji icons with proper minimal SVGs via CSS pseudo-elements */
.ftw3-step__icon{
  font-size:0 !important;                             /* hide emoji */
  margin-bottom:0 !important;
  width:44px !important;
  height:44px !important;
  border-radius:50%  !important;
  background:#EFEDE3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important
}
/* Step 1 (chat / brief) */
.ftw3-step:nth-child(1) .ftw3-step__icon::before{
  content:'' !important;
  width:18px;height:14px;border:2px solid #0B2818;border-radius:3px;
  position:relative
}
.ftw3-step:nth-child(1) .ftw3-step__icon::after{
  content:'' !important;
  position:absolute;width:6px;height:6px;border:2px solid #0B2818;
  border-top:0;border-right:0;transform:rotate(-45deg) translate(-1px,2px);
  bottom:11px;right:14px
}
/* Step 2 (design / palette) */
.ftw3-step:nth-child(2) .ftw3-step__icon::before{
  content:'';width:18px;height:18px;border-radius:50%;
  background:conic-gradient(#0B2818 0deg 90deg,#A8D900 90deg 180deg,#1F2B20 180deg 270deg,#5E6A5E 270deg 360deg);
  display:block
}
/* Step 3 (confirm / tick) */
.ftw3-step:nth-child(3) .ftw3-step__icon::before{
  content:'';width:14px;height:7px;border-left:2.5px solid #0B2818;border-bottom:2.5px solid #0B2818;
  transform:rotate(-45deg) translateY(-2px);display:block
}
/* Step 4 (delivered / box) */
.ftw3-step:nth-child(4) .ftw3-step__icon::before{
  content:'';width:18px;height:14px;border:2px solid #0B2818;border-radius:1px;
  position:relative
}
.ftw3-step:nth-child(4) .ftw3-step__icon::after{
  content:'';position:absolute;width:14px;height:2px;background:#0B2818;
  top:13px
}

/* Step number badge — tiny pill above title, not a giant green bar */
.ftw3-step__n{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  color:#A8D900 !important;
  letter-spacing:.2em !important;
  margin:0 !important;
  background:transparent !important;
  padding:0 !important;
  display:inline-block !important
}

.ftw3-step__title{
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  color:#0B2818 !important;
  margin:0 !important;
  text-transform:uppercase !important
}

.ftw3-step__desc{
  font-size:13px !important;
  color:#5E6A5E !important;
  line-height:1.55 !important;
  margin:0 !important
}


/* ──────────────────────────────────────────────
   5. FINAL CTA "THE PITCH IS YOURS"
   The huge "FOOTBALL" ghost text reads weak on light bg.
   ────────────────────────────────────────────── */
.ftw3-cta{
  background:#FAF8F3 !important;
  padding:72px 24px !important;
  position:relative !important
}
.ftw3-cta::before{
  background:none !important;
  content:none !important
}
.ftw3-cta__inner{position:relative !important;z-index:2 !important;text-align:center !important}

.ftw3-cta__title{
  font-size:clamp(2.4rem,5vw,4rem) !important;
  color:#0B2818 !important;
  line-height:1 !important;
  margin-bottom:20px !important
}
.ftw3-cta__title em{
  color:#A8D900 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}
.ftw3-cta__sub{
  font-size:14.5px !important;
  color:#5E6A5E !important;
  margin-bottom:28px !important;
  line-height:1.65 !important;
  max-width:520px !important;
  margin-left:auto !important;
  margin-right:auto !important
}


/* ──────────────────────────────────────────────
   6. FAQ SECTION — fix invisible text on dark green
   ────────────────────────────────────────────── */
.ftw3-faq{
  background:#0B2818 !important;
  padding:64px 24px !important
}

.ftw3-faq__head{margin-bottom:40px !important}
.ftw3-faq__head .ftw3-label{
  color:#c8ff00 !important;
  font-size:10.5px !important;
  letter-spacing:.22em !important
}
.ftw3-faq__head .ftw3-title{
  color:#fff !important;
  font-size:clamp(2rem,3.6vw,3rem) !important;
  line-height:1 !important
}
.ftw3-faq__head .ftw3-title em{
  color:#c8ff00 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}
.ftw3-faq__sub{
  color:rgba(255,255,255,.7) !important;             /* was .6 — bumped contrast */
  font-size:14px !important;
  line-height:1.65 !important;
  max-width:560px !important
}

/* List container */
.ftw3-faq__list{
  background:rgba(255,255,255,.04) !important;       /* was .02 — visible separator */
  border:1px solid rgba(255,255,255,.08) !important
}

/* Each item */
.ftw3-faq__item{border-bottom:1px solid rgba(255,255,255,.08) !important}

/* Question button */
.ftw3-faq__q{
  padding:18px 22px !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:rgba(255,255,255,.92) !important;            /* was #fff but still vibrant feel */
  text-transform:none !important                    /* was uppercase, hard to read */
}
.ftw3-faq__q:hover{
  background:rgba(200,255,0,.05) !important;
  color:#c8ff00 !important
}
.ftw3-faq__item[open] .ftw3-faq__q{
  color:#c8ff00 !important;
  background:rgba(200,255,0,.06) !important
}

/* Answer body — THIS WAS THE INVISIBLE TEXT */
.ftw3-faq__a{
  padding:0 22px 22px !important;
  font-size:14px !important;
  line-height:1.75 !important;
  color:rgba(255,255,255,.85) !important             /* was .72 — much more visible */
}
.ftw3-faq__a strong{color:#fff !important;font-weight:600 !important}
.ftw3-faq__a a{color:#c8ff00 !important;text-decoration:underline !important}

.ftw3-faq__foot{
  margin-top:28px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(255,255,255,.08) !important
}
.ftw3-faq__foot-line{
  color:rgba(255,255,255,.7) !important;
  font-size:13.5px !important
}


/* ──────────────────────────────────────────────
   7. SHOWCASE — kill the giant "KIT" watermark
   that competes with the title
   ────────────────────────────────────────────── */
.ftw3-showcase__bg-text{
  font-size:clamp(5rem,12vw,11rem) !important;       /* was 8-18rem */
  color:rgba(11,40,24,.025) !important               /* was .06 */
}

/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · POLISH PASS 2
   Fixes user-reported issues + proactive bug fixes:
   1. Kit Range section: tighten padding, fix empty tile design
   2. Pricing CTA: breathing room from rows above
   3. Testimonials: title visibility + spacing
   4. FAQ: text contrast pass 2 (still too dim)
   5. Misc proactive fixes
   ════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────
   1. KIT RANGE / SHOWCASE — full rebuild
   ────────────────────────────────────────────── */

.ftw3-showcase{
  padding:48px 56px 56px !important                 /* was 96px → tighter */
}
@media(max-width:768px){.ftw3-showcase{padding:40px 20px 48px !important}}

.ftw3-showcase__header{
  margin-bottom:28px !important;                    /* was 52px */
  align-items:center !important
}

/* Symmetric grid (no more 520px first tile awkwardly tall) */
.ftw3-showcase__grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;                              /* was 3-8px touching */
  grid-auto-rows:1fr !important
}
@media(max-width:768px){.ftw3-showcase__grid{grid-template-columns:1fr !important;gap:10px !important}}

/* Kit tile — symmetric heights, no spans */
.ftw3-kit{
  min-height:280px !important;                      /* was 320-380 */
  border-radius:8px !important;
  overflow:hidden !important;
  background:linear-gradient(160deg,#0F3220 0%,#0B2818 100%) !important;
  display:flex !important;
  align-items:flex-end !important;
  padding:24px !important;
  position:relative !important;
  isolation:isolate !important;
  border:1px solid rgba(200,255,0,.08) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important
}
.ftw3-kit:first-child{
  min-height:280px !important;                      /* override the 520px span:2 */
  grid-row:auto !important;
  grid-column:auto !important
}
.ftw3-kit:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(200,255,0,.25) !important;
  box-shadow:0 16px 40px -12px rgba(11,40,24,.35) !important
}

/* When there's no image, show a clean placeholder with subtle pattern */
.ftw3-kit__ph{
  background:linear-gradient(160deg,#0F3220 0%,#0B2818 100%) !important;
  position:absolute;inset:0
}
.ftw3-kit__ph::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(200,255,0,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,255,0,.04) 1px,transparent 1px);
  background-size:24px 24px;
  opacity:.5
}
.ftw3-kit__ph-txt{
  font-size:1.4rem !important;
  color:rgba(200,255,0,.18) !important;
  letter-spacing:.16em !important;
  z-index:1;position:relative
}

.ftw3-kit__overlay{
  background:linear-gradient(to top,rgba(11,40,24,.85) 0%,rgba(11,40,24,.2) 60%,transparent 100%) !important
}

.ftw3-kit__tag{
  font-size:9.5px !important;
  letter-spacing:.22em !important;
  color:#c8ff00 !important
}
.ftw3-kit__name{
  font-size:1.15rem !important;
  letter-spacing:.04em !important;
  margin-bottom:6px !important
}
.ftw3-kit__arrow{
  font-size:10px !important;
  letter-spacing:.16em !important;
  color:rgba(255,255,255,.6) !important;
  margin-top:4px !important
}


/* ──────────────────────────────────────────────
   2. PRICING SECTION — fix CTA crowding
   ────────────────────────────────────────────── */
.ftw3-pricing{
  padding:48px 24px 64px !important                 /* was 60-100px */
}
@media(max-width:700px){.ftw3-pricing{padding:40px 20px 56px !important}}

.ftw3-pricing__head{margin-bottom:28px !important}

.ftw3-pricing__foot{
  margin-bottom:36px !important;                    /* was 32px → bit more */
  margin-top:24px !important
}

/* This is the key fix — give the CTA real breathing space from "what's included" */
.ftw3-pricing__cta{
  padding-top:48px !important;                      /* breathing room from "what's included" */
  margin-top:32px !important;
  border-top:1px solid #DEDBCD !important;
  gap:14px !important;
  justify-content:center !important
}


/* ──────────────────────────────────────────────
   3. TESTIMONIALS — title visibility + spacing
   ────────────────────────────────────────────── */
.ftw3-testimonials{
  padding:48px 24px 56px !important;                /* was 60-100px */
  background:#FAF8F3 !important
}

.ftw3-testimonials__inner{max-width:1200px !important}

/* CRITICAL FIX: ftw3-title default is color:#fff (white).
   On the white-ish testimonials bg, "What Clubs" disappears.
   Only "Actually Say." in <em> shows because em was overridden. */
.ftw3-testimonials .ftw3-title{
  color:#1F2B20 !important;                         /* dark forest text */
  font-size:clamp(1.8rem,3.4vw,2.8rem) !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
  line-height:1.05 !important
}
.ftw3-testimonials .ftw3-title em{
  color:#A8D900 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}

/* Eyebrow above title */
.ftw3-testimonials .ftw3-label{
  color:#A8D900 !important;
  font-size:10.5px !important;
  letter-spacing:.22em !important;
  margin-bottom:10px !important
}

.ftw3-testimonials__grid{
  margin-top:32px !important;                       /* was 40px */
  gap:16px !important                               /* was 18 */
}

.ftw3-testimonials__proof-row{
  margin-top:24px !important                        /* was 32px */
}
.ftw3-testimonials__proof{padding:22px 18px !important}
.ftw3-testimonials__proof-n{font-size:2.2rem !important}


/* ──────────────────────────────────────────────
   4. FAQ — text contrast pass 2 (was still dim)
   ────────────────────────────────────────────── */

/* Bump answers to nearly opaque white — was .85, now .95 */
.ftw3-faq__a{
  color:rgba(255,255,255,.95) !important;
  font-size:14.5px !important;
  font-weight:400 !important;
  line-height:1.75 !important
}
.ftw3-faq__a p{color:rgba(255,255,255,.95) !important;margin:0 0 10px}
.ftw3-faq__a p:last-child{margin-bottom:0}

/* Question text: more visible */
.ftw3-faq__q{
  color:#fff !important;                            /* was rgba .92 */
  font-weight:600 !important
}

/* Open-state answer panel: make the bg slightly lighter for contrast */
.ftw3-faq__item[open] .ftw3-faq__a{
  background:rgba(255,255,255,.04) !important;
  padding:8px 22px 22px !important
}


/* ──────────────────────────────────────────────
   5. PROACTIVE BUG FIXES
   ────────────────────────────────────────────── */

/* ─ Section 5a: Generic ftw3-title white text leaking on light backgrounds ─ */
/* Anywhere the page uses ftw3-title on the warm-paper sections, force dark */
.ftw3-process .ftw3-title,
.ftw3-cta .ftw3-title,
.ftw3-pricing .ftw3-title,
.ftw3-testimonials .ftw3-title,
.ftw3-work .ftw3-title,
.ftw3-features .ftw3-title{
  color:#1F2B20 !important
}

/* ─ Section 5b: Process section title was already styled but title needs margin-top ─ */
.ftw3-process .ftw3-title{margin-top:6px !important}

/* ─ Section 5c: Hero pill — fix any leftover pulse on mobile ─ */
@media(max-width:768px){
  .ftw3-h1{font-size:clamp(2rem,7vw,3.4rem) !important}
  .ftw3-h1 em{font-size:.6em !important}
}

/* ─ Section 5d: Live dashboard ftw3-panel default text was too low contrast ─ */
.ftw3-panel__title{font-size:11px !important;font-weight:600 !important}
.ftw3-panel__sub{font-size:12px !important;line-height:1.5 !important}
.ftw3-panel__big em{font-size:.6em !important;margin-left:2px !important}

/* ─ Section 5e: Cruyff quote final polish ─ */
.ftw3-cruyff{padding:40px 56px !important}
@media(max-width:700px){.ftw3-cruyff{padding:32px 24px !important}}

/* ─ Section 5f: Step icons need explicit dimension on the ::before ─ */
.ftw3-step:nth-child(1) .ftw3-step__icon::before{width:18px !important;height:14px !important}
.ftw3-step:nth-child(2) .ftw3-step__icon::before{width:18px !important;height:18px !important}
.ftw3-step:nth-child(3) .ftw3-step__icon::before{width:14px !important;height:7px !important}
.ftw3-step:nth-child(4) .ftw3-step__icon::before{width:18px !important;height:14px !important}

/* ─ Section 5g: View All button on showcase header readability ─ */
.ftw3-showcase__header > a{
  background:#0B2818 !important;
  color:#c8ff00 !important;
  border:1px solid #0B2818 !important;
  padding:11px 22px !important;
  font-size:11px !important;
  align-self:flex-start !important;                 /* was flex-end (mismatched centring) */
  letter-spacing:.14em !important
}
.ftw3-showcase__header > a:hover{
  background:#A8D900 !important;
  color:#0B2818 !important;
  border-color:#A8D900 !important
}

/* ─ Section 5h: Showcase header alignment now sits properly ─ */
.ftw3-showcase__header{align-items:center !important}

/* ─ Section 5i: ftw3-process .ftw3-title__sub if any was unstyled ─ */
.ftw3-process .ftw3-process__inner > .ftw3-title{margin-bottom:32px !important}

/* ─ Section 5j: Showcase title on light bg was still white ─ */
.ftw3-showcase__title{color:#1F2B20 !important}
.ftw3-showcase__title em{color:#A8D900 !important;-webkit-text-stroke:0 !important;font-style:normal !important}

/* ─ Section 5k: Footer is fine but trust strip can overlap on mobile ─ */
@media(max-width:600px){
  .ftw3-pricing__cta{flex-direction:column;width:100%}
  .ftw3-pricing__cta a{width:100%;justify-content:center}
}

/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · POLISH PASS 3
   Targeted fixes for re-reported issues:
   1. Kit Range: bottom padding still too generous, tiles still bland
   2. Testimonials: title visibility + top spacing
   3. FAQ: contrast push (in case pass 2 wasn't strong enough)
   4. Section-to-section breathing rhythm
   ════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────
   1. KIT RANGE — make tiles intentional, not lame
   ────────────────────────────────────────────── */

/* Tighten section bottom; let the next section come up sooner */
.ftw3-showcase{
  padding-top:36px !important;
  padding-bottom:36px !important
}
@media(max-width:768px){
  .ftw3-showcase{padding-top:32px !important;padding-bottom:32px !important}
}

/* Header → tile gap shrunk */
.ftw3-showcase__header{margin-bottom:20px !important}

/* Title sits closer to label */
.ftw3-showcase__title{
  font-size:clamp(1.6rem,3.2vw,2.4rem) !important;
  margin-top:4px !important;
  margin-bottom:0 !important
}
.ftw3-showcase__label{
  font-size:10.5px !important;
  letter-spacing:.22em !important;
  margin-bottom:0 !important
}

/* Tiles — switch to a proper visual identity even when empty */
.ftw3-kit{
  min-height:240px !important;                      /* was 280, less wasted height */
  background:#0B2818 !important;
  border:1px solid rgba(200,255,0,.12) !important;
  position:relative !important;
  isolation:isolate !important;
  align-items:flex-end !important;
  padding:22px !important
}

/* Stronger placeholder when no image — pitch lines + corner accent */
.ftw3-kit__ph{
  background:
    radial-gradient(ellipse at 50% 20%,rgba(200,255,0,.08) 0%,transparent 60%),
    linear-gradient(160deg,#0F3220 0%,#0B2818 100%) !important
}
.ftw3-kit__ph::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(200,255,0,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,255,0,.06) 1px,transparent 1px) !important;
  background-size:32px 32px !important;
  opacity:.6 !important
}
/* Corner number badge for a "kit number" feel */
.ftw3-kit__ph::after{
  content:'';position:absolute;
  top:18px;right:18px;
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(200,255,0,.22);
  background:rgba(200,255,0,.04)
}
.ftw3-kit__ph-txt{
  font-size:1.25rem !important;
  color:rgba(200,255,0,.18) !important;
  letter-spacing:.18em !important;
  z-index:1;position:relative;
  font-weight:400 !important
}

/* Bottom content typography refined */
.ftw3-kit__content{position:relative;z-index:2}
.ftw3-kit__tag{
  font-size:9px !important;
  letter-spacing:.24em !important;
  color:#c8ff00 !important;
  margin-bottom:5px !important;
  font-weight:700 !important
}
.ftw3-kit__name{
  font-size:1.25rem !important;
  letter-spacing:.04em !important;
  margin-bottom:8px !important;
  font-weight:700 !important;
  color:#fff !important
}
.ftw3-kit__arrow{
  font-size:10px !important;
  letter-spacing:.16em !important;
  color:rgba(255,255,255,.5) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important
}
.ftw3-kit:hover .ftw3-kit__arrow{
  color:#c8ff00 !important;
  gap:10px !important
}

/* Strong hover state — feels intentional */
.ftw3-kit:hover{
  border-color:rgba(200,255,0,.4) !important;
  background:#0E3220 !important
}
.ftw3-kit:hover .ftw3-kit__ph::after{
  border-color:#c8ff00 !important;
  background:rgba(200,255,0,.12) !important
}


/* ──────────────────────────────────────────────
   2. TESTIMONIALS — title + spacing
   ────────────────────────────────────────────── */

/* Section padding: tighter on top, normal below */
.ftw3-testimonials{
  padding-top:40px !important;                      /* was 48 — closer to pricing CTA */
  padding-bottom:48px !important
}

/* Label/title rhythm: tight, no orphan whitespace between them */
.ftw3-testimonials .ftw3-label{
  margin-bottom:6px !important
}
.ftw3-testimonials .ftw3-title{
  margin-top:0 !important;
  margin-bottom:8px !important;
  font-size:clamp(1.6rem,3.2vw,2.4rem) !important;
  line-height:1.05 !important;
  color:#1F2B20 !important                          /* TRIPLE-CONFIRM the dark color */
}
.ftw3-testimonials .ftw3-title em{
  color:#A8D900 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important;
  display:inline !important                         /* keep on same line if room, prevents giant stack */
}
.ftw3-testimonials__inner{text-align:center !important}

/* Force any internal title element to the dark forest */
section.ftw3-testimonials h1,
section.ftw3-testimonials h2,
section.ftw3-testimonials h3{color:#1F2B20 !important}


/* ──────────────────────────────────────────────
   3. FAQ — bulletproof text contrast
   ────────────────────────────────────────────── */

/* Ultra-specific selectors to win against any earlier rule */
section.ftw3-faq .ftw3-faq__a,
section.ftw3-faq .ftw3-faq__a *,
.ftw3-faq__list .ftw3-faq__a,
.ftw3-faq__item .ftw3-faq__a{
  color:#FFFFFF !important;                         /* pure white — no opacity fades */
  font-size:14.5px !important;
  line-height:1.75 !important
}

/* Strong/bold text in answers: acid yellow for emphasis */
section.ftw3-faq .ftw3-faq__a strong{
  color:#c8ff00 !important;
  font-weight:600 !important
}

/* Question text bulletproof */
section.ftw3-faq .ftw3-faq__q{
  color:#FFFFFF !important;
  font-weight:600 !important
}

/* Sub-text under main FAQ title */
.ftw3-faq__sub{
  color:rgba(255,255,255,.85) !important;
  font-size:14px !important
}


/* ──────────────────────────────────────────────
   4. PRICING — extra breathing for the CTA buttons
   ────────────────────────────────────────────── */
.ftw3-pricing__foot{margin-bottom:0 !important}     /* let the CTA's padding-top do the work */


/* ──────────────────────────────────────────────
   5. SECTION-TO-SECTION RHYTHM — final pass
   Avoid the "wall of warm paper" feeling between
   adjacent light-bg sections by giving each one
   consistent vertical breathing.
   ────────────────────────────────────────────── */

/* Process section title bottom margin */
.ftw3-process .ftw3-title{margin-bottom:24px !important}

/* CTA section under testimonials */
.ftw3-cta{padding-top:56px !important;padding-bottom:56px !important}


/* ════════════════════════════════════════════════════════════
   FOOTBALL PAGE · POLISH PASS 4
   1. Hero — compact, less wasted height
   2. Kit Range — image fit + auto-column count
   ════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────
   1. HERO — compact, shorter, tighter
   Was 56vh. Compressing to 48vh desktop / 54vh mobile
   so the next section peeks above the fold clearly.
   ────────────────────────────────────────────── */
.ftw3-hero{
  min-height:48vh !important;
  padding:0 !important
}
@media(max-width:900px){.ftw3-hero{min-height:54vh !important}}

.ftw3-hero__inner{
  padding:36px 56px !important;                     /* was 48px */
  gap:40px !important                               /* was 48px */
}
@media(max-width:1100px){
  .ftw3-hero__inner{padding:48px 24px 40px !important;gap:28px !important}
}

/* Compress headline to pull rest up */
.ftw3-h1{
  font-size:clamp(2.2rem,5vw,3.8rem) !important;    /* was 4.4rem */
  margin-bottom:14px !important
}
.ftw3-h1 em{font-size:.58em !important;margin-top:4px !important}

.ftw3-sub{
  font-size:14px !important;
  margin-bottom:20px !important;
  max-width:400px !important
}

/* Pill tighter */
.ftw3-pill{margin-bottom:14px !important;padding:4px 11px !important;font-size:9.5px !important}

/* Jersey card smaller */
.ftw3-jersey-wrap{max-width:340px !important}


/* ──────────────────────────────────────────────
   2. KIT RANGE — proper image fitting + adaptive columns
   Issue: object-fit:cover was cropping jersey photos
   (cutting off sleeves, collars, or key design elements).
   Switch to object-fit:contain with a dark backdrop so the
   whole jersey is always visible intact.
   ────────────────────────────────────────────── */

/* New adaptive grid based on tile count */
.ftw3-showcase__grid--1{grid-template-columns:minmax(0,600px) !important;justify-content:center !important}
.ftw3-showcase__grid--2{grid-template-columns:repeat(2,1fr) !important}
.ftw3-showcase__grid--3{grid-template-columns:repeat(3,1fr) !important}
@media(max-width:900px){
  .ftw3-showcase__grid--2,
  .ftw3-showcase__grid--3{grid-template-columns:1fr !important}
}

/* Image tiles (when user has uploaded a photo) */
.ftw3-kit--has-img{
  padding:0 !important;                             /* image fills tile, label overlays */
  align-items:stretch !important;
  position:relative !important
}

/* CRITICAL FIX: contain not cover — show the full jersey */
.ftw3-kit--has-img .ftw3-kit__img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;                    /* was cover — was cropping jerseys */
  object-position:center top !important;            /* anchor to top so collar never clips */
  padding:24px !important;                          /* breathing room around the product */
  filter:none !important                            /* was grayscale(10%) — product should look true */
}
.ftw3-kit--has-img:hover .ftw3-kit__img{
  transform:scale(1.04) !important;                 /* gentle zoom, not 1.05 cover-stretch */
  filter:none !important
}

/* Stronger dark backdrop when using contain, so product pops */
.ftw3-kit--has-img{
  background:radial-gradient(ellipse at 50% 30%,#143B24 0%,#0B2818 65%,#081C11 100%) !important
}

/* Overlay only at bottom for label legibility */
.ftw3-kit--has-img .ftw3-kit__overlay{
  position:absolute;inset:auto 0 0 0 !important;
  height:50% !important;
  background:linear-gradient(to top,rgba(8,28,17,.92) 0%,rgba(8,28,17,.4) 60%,transparent 100%) !important
}

/* Content floats at bottom inside a padded area */
.ftw3-kit--has-img .ftw3-kit__content{
  position:absolute !important;
  left:22px;right:22px;bottom:22px;
  z-index:2
}

/* When no image (placeholder state), keep existing styling */
.ftw3-kit--no-img{padding:22px !important}

/* Single-tile layout — taller + more presence */
.ftw3-showcase__grid--1 .ftw3-kit{
  min-height:420px !important
}

/* ════════════════════════════════════════════════════════════
   KIT RANGE · EDITORIAL DARK REBUILD
   Nike campaign-page aesthetic:
   - Tall cinematic tiles (420px not 240px)
   - Acid-yellow radial spotlight blends product's white bg
   - Oversized uppercase category type BEHIND the product (watermark)
   - Bottom-aligned content block with strong hierarchy
   - Tile-index numbering (01 / 02 / 03) for editorial feel
   - Corner kit number badge (football-kit metaphor)
   ════════════════════════════════════════════════════════════ */

/* Section framing */
.ftw3-showcase{
  background:#FAF8F3 !important;
  padding:72px 56px 80px !important
}
@media(max-width:900px){.ftw3-showcase{padding:56px 24px 64px !important}}

.ftw3-showcase__inner{max-width:1400px !important}

/* Header: title left, view-all right, generous bottom gap */
.ftw3-showcase__header{
  margin-bottom:40px !important;
  align-items:flex-end !important
}
.ftw3-showcase__label{
  font-size:10.5px !important;
  letter-spacing:.28em !important;
  color:#A8D900 !important;
  margin-bottom:8px !important
}
.ftw3-showcase__title{
  font-size:clamp(2rem,4vw,3.2rem) !important;
  line-height:.95 !important;
  color:#0B2818 !important;
  letter-spacing:0 !important
}
.ftw3-showcase__title em{
  color:#0B2818 !important;
  font-style:normal !important;
  -webkit-text-stroke:0 !important
}

/* Kill the ghost "KIT" text — it was fighting the new tiles */
.ftw3-showcase__bg-text{display:none !important}


/* ═══ THE TILES ═══ */

.ftw3-showcase__grid{
  display:grid !important;
  gap:12px !important;
  grid-auto-rows:1fr !important
}
.ftw3-showcase__grid--1{grid-template-columns:minmax(0,720px) !important;justify-content:center !important}
.ftw3-showcase__grid--2{grid-template-columns:repeat(2,1fr) !important}
.ftw3-showcase__grid--3{grid-template-columns:repeat(3,1fr) !important}
@media(max-width:900px){
  .ftw3-showcase__grid--2,
  .ftw3-showcase__grid--3{grid-template-columns:1fr !important}
}

/* Base tile */
.ftw3-kit{
  /* Cinematic aspect + dramatic gradient base */
  min-height:520px !important;
  aspect-ratio:3/4 !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:4px !important;
  border:0 !important;
  isolation:isolate !important;
  display:flex !important;
  align-items:flex-end !important;
  background:
    radial-gradient(ellipse 70% 50% at 50% 42%,rgba(200,255,0,.14) 0%,rgba(200,255,0,0) 60%),
    linear-gradient(180deg,#0F3622 0%,#0B2818 50%,#07180E 100%) !important;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease !important
}
@media(max-width:900px){.ftw3-kit{min-height:440px !important}}

.ftw3-kit:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 50px -10px rgba(11,40,24,.5) !important
}
.ftw3-kit:first-child{
  min-height:520px !important;
  grid-row:auto !important;
  grid-column:auto !important
}

/* Giant category watermark behind the product */
.ftw3-kit::before{
  content:attr(data-category-bg);
  position:absolute;
  top:-10px;left:50%;
  transform:translateX(-50%);
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(5rem,14vw,9rem);
  font-weight:400;
  line-height:1;
  letter-spacing:-.01em;
  color:rgba(200,255,0,.08);
  white-space:nowrap;
  pointer-events:none;
  z-index:0
}

/* Editorial tile number in top-left (01 / 02 / 03) */
.ftw3-kit::after{
  position:absolute;
  top:22px;left:22px;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.24em;
  color:rgba(200,255,0,.55);
  z-index:3
}
.ftw3-kit:nth-child(1)::after{content:'KIT / 01'}
.ftw3-kit:nth-child(2)::after{content:'KIT / 02'}
.ftw3-kit:nth-child(3)::after{content:'KIT / 03'}

/* Corner circle accent (top-right) — football kit number feel */
.ftw3-kit__content::before{
  content:'';
  position:absolute;
  top:-380px;right:0;
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid rgba(200,255,0,.25);
  background:rgba(200,255,0,.04);
  transition:all .3s ease
}
@media(max-width:900px){.ftw3-kit__content::before{top:-300px}}
.ftw3-kit:hover .ftw3-kit__content::before{
  border-color:#c8ff00 !important;
  background:rgba(200,255,0,.12) !important
}


/* ═══ PRODUCT IMAGE TREATMENT ═══ */

/* The real magic: blend-mode + brightness + mask to kill white photo bgs */
.ftw3-kit--has-img .ftw3-kit__img{
  position:absolute !important;
  left:50% !important;top:50% !important;
  transform:translate(-50%,-54%) !important;          /* slightly higher than center */
  width:72% !important;
  height:auto !important;
  max-height:68% !important;
  object-fit:contain !important;
  
  /* THE KEY TRICKS */
  mix-blend-mode:multiply !important;                  /* eats the white bg into dark tile */
  filter:brightness(1.15) contrast(1.05) !important;   /* compensates for multiply darkening */
  
  /* Subtle radial vignette to soften edges if multiply leaves any halo */
  -webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 55%,transparent 100%) !important;
          mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 55%,transparent 100%) !important;
  
  z-index:1 !important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1) !important
}
.ftw3-kit--has-img:hover .ftw3-kit__img{
  transform:translate(-50%,-57%) scale(1.04) !important
}

/* Placeholder text when no image — oversized kit-number feel */
.ftw3-kit--no-img .ftw3-kit__ph{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:1
}
.ftw3-kit--no-img .ftw3-kit__ph-txt{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:clamp(3rem,7vw,5rem) !important;
  color:rgba(200,255,0,.22) !important;
  letter-spacing:.08em !important;
  line-height:.9 !important;
  text-align:center
}


/* ═══ BOTTOM CONTENT BLOCK ═══ */

.ftw3-kit__overlay{
  position:absolute !important;
  left:0;right:0;bottom:0;
  height:55% !important;
  background:linear-gradient(to top,rgba(7,24,14,.98) 0%,rgba(7,24,14,.7) 45%,transparent 100%) !important;
  z-index:2 !important;
  pointer-events:none
}

.ftw3-kit__content{
  position:relative !important;
  z-index:3 !important;
  padding:0 28px 28px !important;
  width:100%
}
@media(max-width:900px){.ftw3-kit__content{padding:0 22px 24px !important}}

/* Tag: acid, small, tracked out */
.ftw3-kit__tag{
  font-family:'Barlow',sans-serif !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:.28em !important;
  color:#c8ff00 !important;
  margin-bottom:10px !important;
  text-transform:uppercase !important;
  display:block !important
}

/* Name: the headline — oversized, display font */
.ftw3-kit__name{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:clamp(1.7rem,2.4vw,2.2rem) !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  color:#fff !important;
  margin-bottom:14px !important;
  line-height:.95 !important;
  text-transform:uppercase !important
}

/* Arrow: sits below like a signature CTA */
.ftw3-kit__arrow{
  font-family:'Barlow',sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  color:rgba(255,255,255,.6) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(200,255,0,.2) !important;
  min-width:120px !important;
  transition:all .25s ease !important
}
.ftw3-kit:hover .ftw3-kit__arrow{
  color:#c8ff00 !important;
  gap:12px !important;
  border-top-color:#c8ff00 !important
}


/* View All button — match the editorial dark aesthetic */
.ftw3-showcase__header > a,
.ftw3-showcase__header .ftw3-btn-acid{
  background:#0B2818 !important;
  color:#c8ff00 !important;
  border:1px solid #0B2818 !important;
  padding:13px 26px !important;
  font-family:'Barlow',sans-serif !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  align-self:flex-end !important;
  transition:all .25s ease !important
}
.ftw3-showcase__header > a:hover,
.ftw3-showcase__header .ftw3-btn-acid:hover{
  background:#c8ff00 !important;
  color:#0B2818 !important;
  border-color:#c8ff00 !important
}

/* ════════════════════════════════════════════════════════════
   KIT RANGE · FIX PASS
   Previous editorial pass had 3 bugs:
   1. Tile too dark — dark-colored jerseys invisible
   2. Multiply blend eating too much product detail
   3. Watermark text overflowing tile edges
   ════════════════════════════════════════════════════════════ */

/* Lighter tile backdrop — medium forest, not near-black
   This alone solves 80% of the visibility problem */
.ftw3-kit{
  background:
    radial-gradient(ellipse 80% 70% at 50% 45%,rgba(200,255,0,.22) 0%,rgba(200,255,0,0) 55%),
    linear-gradient(180deg,#1C4A32 0%,#16402A 50%,#0E2A1C 100%) !important
}

/* Hover: even brighter spotlight on product */
.ftw3-kit:hover{
  background:
    radial-gradient(ellipse 85% 75% at 50% 45%,rgba(200,255,0,.32) 0%,rgba(200,255,0,0) 60%),
    linear-gradient(180deg,#1F5236 0%,#184830 50%,#103020 100%) !important
}

/* CRITICAL: clip the watermark text to tile bounds
   + reduce size + shift behind product properly */
.ftw3-kit{overflow:hidden !important}
.ftw3-kit::before{
  font-size:clamp(3.5rem,7vw,5rem) !important;       /* was 5-9rem overflowing */
  top:18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  white-space:nowrap !important;
  color:rgba(200,255,0,.06) !important;              /* was .08 — quieter */
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  letter-spacing:-.01em !important
}

/* Image: REPLACE the aggressive multiply with screen blend + brightness
   Screen blend keeps dark product details visible against dark bg.
   Combined with drop-shadow to lift the product off the tile. */
.ftw3-kit--has-img .ftw3-kit__img{
  mix-blend-mode:normal !important;                  /* KILL multiply — was eating product */
  filter:
    drop-shadow(0 20px 30px rgba(0,0,0,.4))
    drop-shadow(0 0 1px rgba(0,0,0,.2)) !important;  /* tiny halo separates product from tile */
  
  /* Keep the mask but softer — hides white photo-bg edges gracefully */
  -webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 48%,#000 65%,transparent 100%) !important;
          mask-image:radial-gradient(ellipse 82% 82% at 50% 48%,#000 65%,transparent 100%) !important;
  
  width:78% !important;                              /* was 72% — slightly bigger */
  max-height:72% !important                          /* was 68% */
}

/* The mask approach leaves a soft oval of "hole" around the jersey.
   Against the new lighter forest bg, this reads as the product floating
   on a pitch. The white photo bg is still visible as a very faint halo,
   but the eye reads it as a spotlight/vignette, not an error. */

/* For pure white jerseys (if any), user can add class .ftw3-kit--light
   to the tile later to switch to a pale forest tile instead */

/* ════════════════════════════════════════════════════════════
   STEP ICONS · Real SVG support
   The earlier CSS-drawn ::before approach didn't work because
   the emoji was still in the markup. Now we have proper SVG icons.
   Reset and style the icon container for SVGs.
   ════════════════════════════════════════════════════════════ */
.ftw3-step__icon{
  font-size:0 !important;
  margin-bottom:14px !important;
  width:48px !important;
  height:48px !important;
  border-radius:50%  !important;
  background:rgba(200,255,0,.08) !important;
  border:1px solid rgba(200,255,0,.18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important
}
/* Kill all the ::before/::after drawing rules from previous attempts */
.ftw3-step__icon::before,
.ftw3-step__icon::after{
  content:none !important;
  display:none !important
}
.ftw3-step__icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  flex-shrink:0
}

/* ════════════════════════════════════════════════════════════
   PREVIOUS WORK · Empty-state polish
   When clubs have name but no photo, make the placeholder
   feel intentional — like a kit-card framing the name in
   stadium-display style, not a missing-image error.
   ════════════════════════════════════════════════════════════ */
.ftw3-work-card{
  background:linear-gradient(165deg,#0F2A1B 0%,#0B2818 60%,#071A0F 100%) !important;
  border:1px solid rgba(200,255,0,.1) !important;
  border-radius:6px !important;
  overflow:hidden !important;
  transition:border-color .3s ease, transform .3s ease !important
}
.ftw3-work-card:hover{
  border-color:rgba(200,255,0,.35) !important;
  transform:translateY(-3px) !important
}

/* Placeholder when no image — render club name as framed display text */
.ftw3-work-card__ph{
  width:100% !important;
  aspect-ratio:2/3 !important;
  background:
    radial-gradient(ellipse 80% 50% at 50% 45%,rgba(200,255,0,.08) 0%,rgba(200,255,0,0) 65%),
    linear-gradient(165deg,#143B24 0%,#0F2A1B 65%,#071A0F 100%) !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:32px 22px !important;
  isolation:isolate !important
}
.ftw3-work-card__ph::before{
  content:'';
  position:absolute;
  inset:14px;
  border:1px solid rgba(200,255,0,.18);
  border-radius:4px;
  pointer-events:none;
  z-index:0
}
.ftw3-work-card__ph::after{
  content:'CLUB / KIT';
  position:absolute;
  top:22px;left:22px;
  font-family:'Barlow',sans-serif;
  font-size:9px;
  letter-spacing:.28em;
  color:rgba(200,255,0,.4);
  font-weight:700;
  z-index:1
}
.ftw3-work-card__ph-txt{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:clamp(1.6rem,2.2vw,2.2rem) !important;
  color:#fff !important;
  letter-spacing:.02em !important;
  text-align:center !important;
  line-height:.95 !important;
  position:relative !important;
  z-index:1 !important;
  text-transform:uppercase !important;
  max-width:100% !important;
  word-wrap:break-word
}

/* Footer info row stays tight + acid border */
.ftw3-work-card__info{
  padding:14px 18px !important;
  border-top:1px solid rgba(200,255,0,.18) !important;
  background:rgba(7,26,7,.6) !important
}
.ftw3-work-card__club{
  font-size:.85rem !important;
  letter-spacing:.06em !important;
  color:#fff !important
}
.ftw3-work-card__meta{
  font-size:10px !important;
  color:#c8ff00 !important;
  margin-top:2px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase
}

/* ════════════════════════════════════════════════════════════
   STICKY MOBILE CTA · Always-visible "Get Free Design" pill
   Critical for ad-traffic conversion on mobile — ensures the
   primary CTA is one tap away no matter where in the page.
   Hidden on desktop (≥900px) since CTAs are visible inline.
   ════════════════════════════════════════════════════════════ */
.ftw3-mobile-cta{
  display:none;
  position:fixed;
  bottom:14px;left:14px;right:14px;
  z-index:900;
  background:#0B2818;
  color:#c8ff00;
  padding:14px 22px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  box-shadow:0 8px 24px -4px rgba(0,0,0,.55), 0 0 0 1px rgba(200,255,0,.2);
  align-items:center;
  justify-content:center;
  gap:10px
}
.ftw3-mobile-cta__arrow{transition:transform .22s ease}
.ftw3-mobile-cta:active .ftw3-mobile-cta__arrow{transform:translateX(3px)}
@media(max-width:900px){
  .ftw3-mobile-cta{display:flex}
  /* push the page content up so the floating CTA doesn't cover the footer */
  body.ftw3-on-page{padding-bottom:80px}
}

/* ════════════════════════════════════════════════════════════
   KIT SHOWCASE · INSPIRATION REFRAME
   Reframing the 3 kit tiles as "past custom builds — design inspiration"
   instead of "products to browse" since there's no catalog.
   ════════════════════════════════════════════════════════════ */

.ftw3-showcase__inspo-note{
  font-family:'Barlow',sans-serif !important;
  font-size:13px !important;
  color:#5E6A5E !important;
  line-height:1.5 !important;
  margin-top:10px !important;
  max-width:480px !important;
  font-style:italic
}

.ftw3-showcase__cta-design{
  align-self:flex-end !important;
  background:#0B2818 !important;
  color:#c8ff00 !important;
  border:1px solid #0B2818 !important;
  padding:13px 26px !important;
  font-family:'Barlow',sans-serif !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  transition:all .25s ease !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important
}
.ftw3-showcase__cta-design:hover{
  background:#c8ff00 !important;
  color:#0B2818 !important
}

@media(max-width:768px){
  .ftw3-showcase__header{flex-direction:column !important;align-items:flex-start !important;gap:18px !important}
  .ftw3-showcase__cta-design{align-self:flex-start !important;width:100% !important;justify-content:center !important}
  .ftw3-showcase__inspo-note{font-size:12.5px !important;max-width:100% !important}
}

/* ════════════════════════════════════════════════════════════
   FREE DESIGN CONFIGURATOR (ftw-picker)
   Sits between hero and pricing. Live SVG jersey preview on left,
   colour swatches + sleeve/collar chips on right.
   ════════════════════════════════════════════════════════════ */

.ftw-picker{
  background:#FAF8F3;
  padding:64px 24px 72px;
  border-top:1px solid #DEDBCD;
  border-bottom:1px solid #DEDBCD
}
@media(max-width:900px){.ftw-picker{padding:48px 18px 56px}}

.ftw-picker__inner{max-width:1200px;margin:0 auto}

.ftw-picker__head{text-align:center;max-width:640px;margin:0 auto 36px}
.ftw-picker__head .ftw3-label{color:#A8D900 !important;margin-bottom:8px}
.ftw-picker__head .ftw3-title{
  color:#0B2818 !important;
  font-size:clamp(1.8rem,3.4vw,2.6rem) !important;
  line-height:1.05 !important;
  margin-bottom:14px !important
}
.ftw-picker__head .ftw3-title em{color:#A8D900 !important;font-style:normal !important;-webkit-text-stroke:0 !important}
.ftw-picker__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:#5E6A5E;
  margin:0
}

.ftw-picker__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;
  align-items:center
}
@media(max-width:900px){
  .ftw-picker__grid{grid-template-columns:1fr;gap:28px}
}

/* ─── Preview pane ─── */
.ftw-picker__preview{
  position:relative;
  background:linear-gradient(165deg,#16402A 0%,#0B2818 100%);
  border-radius:8px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  min-height:420px;
  box-shadow:0 16px 40px -16px rgba(11,40,24,.35);
  isolation:isolate
}
.ftw-picker__preview::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(200,255,0,.12) 0%,transparent 70%);
  pointer-events:none;
  border-radius:8px
}
.ftw-picker__preview-bg{
  width:100%;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1
}
.ftw-picker__jersey{
  width:100%;
  max-width:300px;
  height:auto;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.4));
  transition:filter .3s ease
}
.ftw-picker__preview-cap{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(200,255,0,.65);
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  z-index:1
}
.ftw-picker__preview-cap-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#c8ff00;
  box-shadow:0 0 0 3px rgba(200,255,0,.18);
  animation:ftw-picker-pulse 1.6s ease-in-out infinite
}
@keyframes ftw-picker-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.18);opacity:.65}
}

/* ─── Controls pane ─── */
.ftw-picker__controls{
  display:flex;
  flex-direction:column;
  gap:22px
}

.ftw-picker__group-label{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#0B2818;
  margin-bottom:12px
}

.ftw-picker__swatches{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:8px
}
@media(max-width:520px){
  .ftw-picker__swatches{grid-template-columns:repeat(4,1fr);gap:10px}
}
.ftw-picker__swatch{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid transparent;
  background:var(--sw,#0B2818);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  padding:0;
  outline:none
}
.ftw-picker__swatch::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:1px solid transparent;
  pointer-events:none;
  transition:border-color .18s ease
}
.ftw-picker__swatch:hover{transform:scale(1.08)}
.ftw-picker__swatch.is-active{border-color:#fff}
.ftw-picker__swatch.is-active::after{border-color:#0B2818}
.ftw-picker__swatch:focus-visible{box-shadow:0 0 0 3px rgba(200,255,0,.45)}

.ftw-picker__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.ftw-picker__chip{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0B2818;
  background:#fff;
  border:1px solid #DEDBCD;
  border-radius:30px;
  padding:9px 18px;
  cursor:pointer;
  transition:all .18s ease;
  outline:none
}
.ftw-picker__chip:hover{border-color:#0B2818}
.ftw-picker__chip.is-active{
  background:#0B2818;
  color:#c8ff00;
  border-color:#0B2818
}
.ftw-picker__chip:focus-visible{box-shadow:0 0 0 3px rgba(200,255,0,.45)}

.ftw-picker__spec{
  background:#fff;
  border:1px solid #DEDBCD;
  border-radius:6px;
  padding:14px 18px;
  margin-top:6px
}
.ftw-picker__spec-row{
  display:flex;
  justify-content:space-between;
  font-family:'Barlow',sans-serif;
  font-size:13px;
  color:#0B2818;
  padding:6px 0;
  border-bottom:1px solid #EFECE0
}
.ftw-picker__spec-row:last-child{border-bottom:none}
.ftw-picker__spec-row span:first-child{
  color:#5E6A5E;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:10.5px
}
.ftw-picker__spec-row span:last-child{
  font-weight:700;
  letter-spacing:.02em
}

.ftw-picker__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#0B2818;
  color:#c8ff00;
  font-family:'Barlow',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  padding:16px 28px;
  border-radius:4px;
  margin-top:8px;
  transition:all .22s ease
}
.ftw-picker__submit:hover{
  background:#c8ff00;
  color:#0B2818
}
.ftw-picker__submit-note{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#5E6A5E;
  text-align:center;
  margin-top:4px;
  font-style:italic
}

/* ════════════════════════════════════════════════════════════
   HERO CALLOUT VISIBILITY FIX
   The 4 floating chips (FREE DESIGN, YOUR BADGE, 48HR PROOF,
   NO MINIMUMS) were getting clipped behind the jersey card
   because the card sits at z-index:2 and the chips' negative
   left/right positions overlapped the white area of the photo.
   
   Fix: bump chips above card + push them further from edges
   so they clearly float OUTSIDE the card silhouette.
   ════════════════════════════════════════════════════════════ */

.ftw3-callout{
  z-index:5 !important;                          /* above the card (z:2) */
  pointer-events:auto !important
}

/* Push chips further out so they don't overlap the card */
.ftw3-callout--tl{top:30px !important;left:-70px !important}
.ftw3-callout--tr{top:50px !important;right:-50px !important}
.ftw3-callout--bl{bottom:80px !important;left:-90px !important}
.ftw3-callout--br{bottom:100px !important;right:-60px !important}

/* On medium screens, pull chips closer in to avoid horizontal scroll */
@media(max-width:1200px){
  .ftw3-callout--tl{left:-30px !important}
  .ftw3-callout--tr{right:-15px !important}
  .ftw3-callout--bl{left:-40px !important}
  .ftw3-callout--br{right:-25px !important}
}

/* On mobile, stack chips below the card instead of floating */
@media(max-width:1100px){
  .ftw3-jersey-wrap{
    margin-top:32px !important;
    height:auto !important
  }
  .ftw3-callout{
    position:static !important;
    margin:6px 4px !important;
    display:inline-flex !important
  }
  .ftw3-jersey-wrap > .ftw3-callout{
    /* Group all chips below card on mobile */
  }
}

/* Make chips visually pop more — slight backdrop boost */
.ftw3-callout{
  background:rgba(11,40,24,.85) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border:1px solid rgba(200,255,0,.25) !important;
  padding:8px 14px !important;
  border-radius:30px !important;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.4) !important
}
.ftw3-callout__label{
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase
}
.ftw3-callout__dot{
  width:20px !important;height:20px !important;
  background:rgba(200,255,0,.2) !important;
  color:#c8ff00 !important;
  font-size:11px !important;
  font-weight:700 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0
}

/* ════════════════════════════════════════════════════════════
   HERO CALLOUT VISIBILITY FIX
   Push chips further from card edges, bump z-index above card,
   add backdrop blur so they visually stand off the jersey photo.
   ════════════════════════════════════════════════════════════ */

.ftw3-callout{
  z-index:5 !important;
  background:rgba(11,40,24,.82) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid rgba(200,255,0,.28) !important;
  padding:9px 16px !important;
  border-radius:30px !important;
  box-shadow:0 10px 22px -6px rgba(0,0,0,.45) !important;
  align-items:center !important
}

/* Push each chip further outside the card so it no longer overlaps */
.ftw3-callout--tl{top:40px !important;left:-70px !important}
.ftw3-callout--tr{top:60px !important;right:-50px !important}
.ftw3-callout--bl{bottom:90px !important;left:-90px !important}
.ftw3-callout--br{bottom:110px !important;right:-60px !important}

/* Medium screens — pull in slightly so they don't cause h-scroll */
@media(max-width:1200px){
  .ftw3-callout--tl{left:-40px !important}
  .ftw3-callout--tr{right:-25px !important}
  .ftw3-callout--bl{left:-50px !important}
  .ftw3-callout--br{right:-35px !important}
}

/* Chip internals — acid-accent dot + clean white label */
.ftw3-callout__dot{
  width:22px !important;height:22px !important;
  background:rgba(200,255,0,.18) !important;
  color:#c8ff00 !important;
  font-size:12px !important;
  font-weight:700 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0
}
.ftw3-callout__label{
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase
}

/* ════════════════════════════════════════════════════════════
   NETBALL · FREE DESIGN CONFIGURATOR
   Purple/lavender-themed picker matching netball page palette.
   Same architecture as football picker.
   ════════════════════════════════════════════════════════════ */

.ntw-picker{
  background:#FAF8F3;
  padding:64px 24px 72px;
  border-top:1px solid #E5DBF2;
  border-bottom:1px solid #E5DBF2
}
@media(max-width:900px){.ntw-picker{padding:48px 18px 56px}}

.ntw-picker__inner{max-width:1200px;margin:0 auto}

.ntw-picker__head{text-align:center;max-width:640px;margin:0 auto 36px}
.ntw-picker__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#a855f7;
  margin-bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.ntw-picker__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#a855f7
}
.ntw-picker__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(1.8rem,3.4vw,2.6rem);
  line-height:1.05;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#1a0a2e;
  margin:0 0 14px
}
.ntw-picker__title em{color:#a855f7;font-style:normal}
.ntw-picker__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:#5E5670;
  margin:0
}

.ntw-picker__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;
  align-items:center
}
@media(max-width:900px){
  .ntw-picker__grid{grid-template-columns:1fr;gap:28px}
}

/* ─── Preview pane ─── */
.ntw-picker__preview{
  position:relative;
  background:linear-gradient(165deg,#3D1166 0%,#1a0a2e 100%);
  border-radius:8px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  min-height:440px;
  box-shadow:0 16px 40px -16px rgba(91,26,140,.4);
  isolation:isolate
}
.ntw-picker__preview::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(192,132,252,.18) 0%,transparent 70%);
  pointer-events:none;
  border-radius:8px
}
.ntw-picker__preview-bg{
  width:100%;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1
}
.ntw-picker__dress{
  width:100%;
  max-width:300px;
  height:auto;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.4));
  transition:filter .3s ease
}
.ntw-picker__preview-cap{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(192,132,252,.75);
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  z-index:1
}
.ntw-picker__preview-cap-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#c084fc;
  box-shadow:0 0 0 3px rgba(192,132,252,.22);
  animation:ntw-picker-pulse 1.6s ease-in-out infinite
}
@keyframes ntw-picker-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.18);opacity:.65}
}

/* ─── Controls pane ─── */
.ntw-picker__controls{
  display:flex;
  flex-direction:column;
  gap:22px
}

.ntw-picker__group-label{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#1a0a2e;
  margin-bottom:12px
}

.ntw-picker__swatches{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:8px
}
@media(max-width:520px){
  .ntw-picker__swatches{grid-template-columns:repeat(4,1fr);gap:10px}
}
.ntw-picker__swatch{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid transparent;
  background:var(--sw,#5B1A8C);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  padding:0;
  outline:none
}
.ntw-picker__swatch::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:1px solid transparent;
  pointer-events:none;
  transition:border-color .18s ease
}
.ntw-picker__swatch:hover{transform:scale(1.08)}
.ntw-picker__swatch.is-active{border-color:#fff}
.ntw-picker__swatch.is-active::after{border-color:#5B1A8C}
.ntw-picker__swatch:focus-visible{box-shadow:0 0 0 3px rgba(192,132,252,.5)}

.ntw-picker__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.ntw-picker__chip{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#1a0a2e;
  background:#fff;
  border:1px solid #E5DBF2;
  border-radius:30px;
  padding:9px 18px;
  cursor:pointer;
  transition:all .18s ease;
  outline:none
}
.ntw-picker__chip:hover{border-color:#5B1A8C}
.ntw-picker__chip.is-active{
  background:#5B1A8C;
  color:#fff;
  border-color:#5B1A8C
}
.ntw-picker__chip:focus-visible{box-shadow:0 0 0 3px rgba(192,132,252,.5)}

.ntw-picker__spec{
  background:#fff;
  border:1px solid #E5DBF2;
  border-radius:6px;
  padding:14px 18px;
  margin-top:6px
}
.ntw-picker__spec-row{
  display:flex;
  justify-content:space-between;
  font-family:'Barlow',sans-serif;
  font-size:13px;
  color:#1a0a2e;
  padding:6px 0;
  border-bottom:1px solid #F2EBFA
}
.ntw-picker__spec-row:last-child{border-bottom:none}
.ntw-picker__spec-row span:first-child{
  color:#5E5670;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:10.5px
}
.ntw-picker__spec-row span:last-child{
  font-weight:700;
  letter-spacing:.02em
}

.ntw-picker__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#5B1A8C;
  color:#fff;
  font-family:'Barlow',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  padding:16px 28px;
  border-radius:4px;
  margin-top:8px;
  transition:all .22s ease
}
.ntw-picker__submit:hover{
  background:#a855f7;
  color:#fff
}
.ntw-picker__submit-note{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#5E5670;
  text-align:center;
  margin-top:4px;
  font-style:italic
}

/* ════════════════════════════════════════════════════════════
   NETBALL · TIMELINE STEP ICONS
   Replace emoji with proper SVG icons
   ════════════════════════════════════════════════════════════ */
.ntw-timeline-step__icon{
  width:42px;height:42px;
  border-radius:50%;
  background:rgba(192,132,252,.1);
  border:1px solid rgba(192,132,252,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px
}
.ntw-timeline-step__icon svg{
  width:20px;height:20px;
  stroke:#c084fc;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round
}

/* ════════════════════════════════════════════════════════════
   NETBALL · STICKY MOBILE CTA
   ════════════════════════════════════════════════════════════ */
.ntw-mobile-cta{
  display:none;
  position:fixed;
  bottom:14px;left:14px;right:14px;
  z-index:900;
  background:#5B1A8C;
  color:#fff;
  padding:14px 22px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  box-shadow:0 8px 24px -4px rgba(91,26,140,.45), 0 0 0 1px rgba(192,132,252,.25);
  align-items:center;
  justify-content:center;
  gap:10px
}
@media(max-width:900px){
  .ntw-mobile-cta{display:flex}
}

/* ════════════════════════════════════════════════════════════
   NETBALL PAGE · THREE BUG FIXES
   1. Hero far too tall — crop to reasonable height
   2. Timeline step text invisible (white on cream)
   3. Section label visibility on cream background
   ════════════════════════════════════════════════════════════ */

/* Fix 1: Hero height — was min-height:100vh, then 68vh, still too tall on desktop.
   Crop to 52vh on desktop, auto on mobile so content drives height. */
.ntw-hero{
  min-height:52vh !important;
  padding:0 !important
}
.ntw-hero__inner{
  padding:clamp(56px,8vw,96px) clamp(24px,4vw,56px) clamp(40px,5vw,64px) !important;
  max-width:1200px !important;
  margin:0 auto !important
}
@media(max-width:900px){
  .ntw-hero{min-height:auto !important}
  .ntw-hero__inner{padding:72px 20px 56px !important}
}

/* Remove the huge empty court-circle decoration that was padding out vertical space */
.ntw-hero__court::before{
  width:40vmin !important;
  height:40vmin !important;
  bottom:-35% !important;
  opacity:.4
}
.ntw-hero__court::after{
  width:55vmin !important;
  height:55vmin !important;
  bottom:-40% !important;
  opacity:.3
}

/* Fix 2: Timeline step text was white, but process section now has cream bg.
   Force dark text color so steps are readable. */
.ntw-process{
  background:var(--ftw-paper, #FAF8F3) !important
}
.ntw-process .ntw-section-label,
.ntw-process .ntw-section-label::before{
  color:#a855f7 !important;
  background:#a855f7
}
.ntw-process .ntw-section-label{background:transparent !important;color:#a855f7 !important}
.ntw-process .ntw-section-title{
  color:#1a0a2e !important
}
.ntw-process .ntw-section-title em{
  color:#a855f7 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}
.ntw-timeline-step__title{
  color:#1a0a2e !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important
}
.ntw-timeline-step__desc{
  color:#5E5670 !important;
  font-size:13px !important;
  line-height:1.65 !important
}
.ntw-timeline-step__dot{
  background:#a855f7 !important;
  color:#fff !important;
  border:none !important;
  font-weight:700 !important;
  box-shadow:0 0 0 4px rgba(168,85,247,.12) !important
}
/* Timeline connector line between steps */
.ntw-timeline::before{
  background:rgba(168,85,247,.25) !important
}


/* ════════════════════════════════════════════════════════════
   NETBALL · SAMPLE GALLERY
   Editorial grid showing actual sample pieces. Auto-hides
   if no photos uploaded. 1-5 samples supported.
   ════════════════════════════════════════════════════════════ */

.ntw-samples{
  background:#FAF8F3;
  padding:72px 24px 80px;
  border-top:1px solid #E5DBF2
}
@media(max-width:900px){.ntw-samples{padding:56px 18px 64px}}

.ntw-samples__inner{max-width:1240px;margin:0 auto}

.ntw-samples__head{text-align:center;max-width:680px;margin:0 auto 44px}
.ntw-samples__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#a855f7;
  margin-bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.ntw-samples__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#a855f7
}
.ntw-samples__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2rem,3.8vw,2.8rem);
  line-height:1.02;
  font-weight:400;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:#1a0a2e;
  margin:0 0 16px
}
.ntw-samples__title em{color:#a855f7;font-style:normal}
.ntw-samples__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:#5E5670;
  margin:0
}

.ntw-samples__grid{
  display:grid;
  gap:20px
}
.ntw-samples__grid--1{grid-template-columns:minmax(0,560px);justify-content:center}
.ntw-samples__grid--2{grid-template-columns:repeat(2,1fr)}
.ntw-samples__grid--3{grid-template-columns:repeat(3,1fr)}
.ntw-samples__grid--4{grid-template-columns:repeat(2,1fr)}
.ntw-samples__grid--5{grid-template-columns:repeat(3,1fr)}
.ntw-samples__grid--5 .ntw-samples__card:nth-child(4),
.ntw-samples__grid--5 .ntw-samples__card:nth-child(5){grid-column:span 1}
@media(max-width:900px){
  .ntw-samples__grid,
  .ntw-samples__grid--2,
  .ntw-samples__grid--3,
  .ntw-samples__grid--4,
  .ntw-samples__grid--5{grid-template-columns:1fr;gap:14px}
}

.ntw-samples__card{
  margin:0;
  background:#fff;
  border:1px solid #E5DBF2;
  border-radius:6px;
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease
}
.ntw-samples__card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px -14px rgba(91,26,140,.2);
  border-color:#c084fc
}
.ntw-samples__card-img{
  aspect-ratio:3/4;
  background:#f5f0fa;
  overflow:hidden;
  position:relative
}
.ntw-samples__card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease
}
.ntw-samples__card:hover .ntw-samples__card-img img{transform:scale(1.04)}

.ntw-samples__card-cap{
  padding:16px 18px 18px;
  border-top:1px solid #F2EBFA
}
.ntw-samples__card-name{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:18px;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#1a0a2e;
  margin-bottom:4px
}
.ntw-samples__card-meta{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  color:#5E5670;
  letter-spacing:.04em
}

.ntw-samples__footer{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid #E5DBF2;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:20px
}
.ntw-samples__footer-note{
  font-family:'Barlow',sans-serif;
  font-size:12.5px;
  color:#5E5670;
  font-style:italic;
  max-width:560px;
  margin:0
}
.ntw-samples__cta{
  background:#5B1A8C;
  color:#fff;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:13px 26px;
  border-radius:4px;
  transition:background .22s ease
}
.ntw-samples__cta:hover{background:#a855f7}

@media(max-width:680px){
  .ntw-samples__footer{flex-direction:column;align-items:flex-start}
  .ntw-samples__cta{width:100%;text-align:center}
}

/* ════════════════════════════════════════════════════════════
   NETBALL · HONEST CLARIFIER LINE
   Sits between hero sub and CTAs. Frames expansion into netball
   as a positive "founding cohort" opportunity rather than an
   apology for not having a netball track record.
   ════════════════════════════════════════════════════════════ */

.ntw-clarifier{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:640px;
  margin:20px 0 28px;
  padding:12px 18px;
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.22);
  border-radius:6px;
  font-family:'Barlow',sans-serif;
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,.85);
  letter-spacing:.01em
}
.ntw-clarifier__icon{
  color:#c084fc;
  font-size:14px;
  font-weight:700;
  flex-shrink:0;
  line-height:1
}
@media(max-width:640px){
  .ntw-clarifier{
    font-size:12px;
    padding:10px 14px;
    margin:16px 0 22px
  }
}

/* ════════════════════════════════════════════════════════════
   CRICKET · FREE DESIGN CONFIGURATOR (ctw-picker)
   Red/navy-themed picker matching cricket page palette.
   ════════════════════════════════════════════════════════════ */

.ctw-picker{
  background:#FAF8F3;
  padding:64px 24px 72px;
  border-top:1px solid #E5DCDC;
  border-bottom:1px solid #E5DCDC
}
@media(max-width:900px){.ctw-picker{padding:48px 18px 56px}}

.ctw-picker__inner{max-width:1200px;margin:0 auto}

.ctw-picker__head{text-align:center;max-width:640px;margin:0 auto 36px}
.ctw-picker__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#E8003D;
  margin-bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.ctw-picker__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#E8003D
}
.ctw-picker__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(1.8rem,3.4vw,2.6rem);
  line-height:1.05;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#0A1F4D;
  margin:0 0 14px
}
.ctw-picker__title em{color:#E8003D;font-style:normal}
.ctw-picker__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:#5E6572;
  margin:0
}

.ctw-picker__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;
  align-items:center
}
@media(max-width:900px){
  .ctw-picker__grid{grid-template-columns:1fr;gap:28px}
}

/* ─── Preview pane ─── */
.ctw-picker__preview{
  position:relative;
  background:linear-gradient(165deg,#1A3258 0%,#0A1F4D 60%,#050E26 100%);
  border-radius:8px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  min-height:440px;
  box-shadow:0 16px 40px -16px rgba(10,31,77,.4);
  isolation:isolate
}
.ctw-picker__preview::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(232,0,61,.14) 0%,transparent 70%);
  pointer-events:none;
  border-radius:8px
}
.ctw-picker__preview-bg{
  width:100%;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1
}
.ctw-picker__shirt{
  width:100%;
  max-width:300px;
  height:auto;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));
  transition:filter .3s ease
}
.ctw-picker__preview-cap{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(232,0,61,.75);
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  z-index:1
}
.ctw-picker__preview-cap-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#E8003D;
  box-shadow:0 0 0 3px rgba(232,0,61,.25);
  animation:ctw-picker-pulse 1.6s ease-in-out infinite
}
@keyframes ctw-picker-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.18);opacity:.65}
}

/* ─── Controls pane ─── */
.ctw-picker__controls{
  display:flex;
  flex-direction:column;
  gap:22px
}

.ctw-picker__group-label{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#0A1F4D;
  margin-bottom:12px
}

.ctw-picker__swatches{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:8px
}
@media(max-width:520px){
  .ctw-picker__swatches{grid-template-columns:repeat(4,1fr);gap:10px}
}
.ctw-picker__swatch{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid transparent;
  background:var(--sw,#FFFFFF);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  padding:0;
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)
}
.ctw-picker__swatch::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:1px solid transparent;
  pointer-events:none;
  transition:border-color .18s ease
}
.ctw-picker__swatch:hover{transform:scale(1.08)}
.ctw-picker__swatch.is-active{border-color:#0A1F4D}
.ctw-picker__swatch.is-active::after{border-color:#E8003D}
.ctw-picker__swatch:focus-visible{box-shadow:0 0 0 3px rgba(232,0,61,.45)}

.ctw-picker__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.ctw-picker__chip{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0A1F4D;
  background:#fff;
  border:1px solid #E5DCDC;
  border-radius:30px;
  padding:9px 18px;
  cursor:pointer;
  transition:all .18s ease;
  outline:none
}
.ctw-picker__chip:hover{border-color:#0A1F4D}
.ctw-picker__chip.is-active{
  background:#0A1F4D;
  color:#fff;
  border-color:#0A1F4D
}
.ctw-picker__chip:focus-visible{box-shadow:0 0 0 3px rgba(232,0,61,.45)}

.ctw-picker__spec{
  background:#fff;
  border:1px solid #E5DCDC;
  border-radius:6px;
  padding:14px 18px;
  margin-top:6px
}
.ctw-picker__spec-row{
  display:flex;
  justify-content:space-between;
  font-family:'Barlow',sans-serif;
  font-size:13px;
  color:#0A1F4D;
  padding:6px 0;
  border-bottom:1px solid #F2EBEB
}
.ctw-picker__spec-row:last-child{border-bottom:none}
.ctw-picker__spec-row span:first-child{
  color:#5E6572;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:10.5px
}
.ctw-picker__spec-row span:last-child{
  font-weight:700;
  letter-spacing:.02em
}

.ctw-picker__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#E8003D;
  color:#fff;
  font-family:'Barlow',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  padding:16px 28px;
  border-radius:4px;
  margin-top:8px;
  transition:all .22s ease
}
.ctw-picker__submit:hover{
  background:#0A1F4D;
  color:#fff
}
.ctw-picker__submit-note{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#5E6572;
  text-align:center;
  margin-top:4px;
  font-style:italic
}

/* ════════════════════════════════════════════════════════════
   CRICKET · SAMPLE GALLERY (ctw-samples)
   ════════════════════════════════════════════════════════════ */

.ctw-samples{
  background:#FAF8F3;
  padding:72px 24px 80px;
  border-top:1px solid #E5DCDC
}
@media(max-width:900px){.ctw-samples{padding:56px 18px 64px}}

.ctw-samples__inner{max-width:1240px;margin:0 auto}

.ctw-samples__head{text-align:center;max-width:680px;margin:0 auto 44px}
.ctw-samples__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#E8003D;
  margin-bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.ctw-samples__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#E8003D
}
.ctw-samples__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2rem,3.8vw,2.8rem);
  line-height:1.02;
  font-weight:400;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:#0A1F4D;
  margin:0 0 16px
}
.ctw-samples__title em{color:#E8003D;font-style:normal}
.ctw-samples__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:#5E6572;
  margin:0
}

.ctw-samples__grid{
  display:grid;
  gap:20px
}
.ctw-samples__grid--1{grid-template-columns:minmax(0,560px);justify-content:center}
.ctw-samples__grid--2{grid-template-columns:repeat(2,1fr)}
.ctw-samples__grid--3{grid-template-columns:repeat(3,1fr)}
.ctw-samples__grid--4{grid-template-columns:repeat(2,1fr)}
.ctw-samples__grid--5{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){
  .ctw-samples__grid,
  .ctw-samples__grid--2,
  .ctw-samples__grid--3,
  .ctw-samples__grid--4,
  .ctw-samples__grid--5{grid-template-columns:1fr;gap:14px}
}

.ctw-samples__card{
  margin:0;
  background:#fff;
  border:1px solid #E5DCDC;
  border-radius:6px;
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease
}
.ctw-samples__card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px -14px rgba(232,0,61,.18);
  border-color:#E8003D
}
.ctw-samples__card-img{
  aspect-ratio:3/4;
  background:#f5f0f0;
  overflow:hidden;
  position:relative
}
.ctw-samples__card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease
}
.ctw-samples__card:hover .ctw-samples__card-img img{transform:scale(1.04)}

.ctw-samples__card-cap{
  padding:16px 18px 18px;
  border-top:1px solid #F2EBEB
}
.ctw-samples__card-name{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:18px;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#0A1F4D;
  margin-bottom:4px
}
.ctw-samples__card-meta{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  color:#5E6572;
  letter-spacing:.04em
}

.ctw-samples__footer{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid #E5DCDC;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:20px
}
.ctw-samples__footer-note{
  font-family:'Barlow',sans-serif;
  font-size:12.5px;
  color:#5E6572;
  font-style:italic;
  max-width:560px;
  margin:0
}
.ctw-samples__cta{
  background:#E8003D;
  color:#fff;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:13px 26px;
  border-radius:4px;
  transition:background .22s ease
}
.ctw-samples__cta:hover{background:#0A1F4D}

@media(max-width:680px){
  .ctw-samples__footer{flex-direction:column;align-items:flex-start}
  .ctw-samples__cta{width:100%;text-align:center}
}

/* ════════════════════════════════════════════════════════════
   CRICKET · STICKY MOBILE CTA
   ════════════════════════════════════════════════════════════ */
.ctw-mobile-cta{
  display:none;
  position:fixed;
  bottom:14px;left:14px;right:14px;
  z-index:900;
  background:#E8003D;
  color:#fff;
  padding:14px 22px;
  border-radius:50px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  box-shadow:0 8px 24px -4px rgba(232,0,61,.45), 0 0 0 1px rgba(232,0,61,.25);
  align-items:center;
  justify-content:center;
  gap:10px
}
@media(max-width:900px){
  .ctw-mobile-cta{display:flex}
}

/* ════════════════════════════════════════════════════════════
   CRICKET · COUNTER STAT FIX
   Hero stats now use spans with .ftw3-ctr — make sure they
   inherit the parent's color and don't break layout
   ════════════════════════════════════════════════════════════ */
.ctw-stat__num .ftw3-ctr{
  display:inline-block;
  font:inherit;
  color:inherit;
  letter-spacing:inherit
}

/* ════════════════════════════════════════════════════════════
   TEXT VISIBILITY FIXES · CROSS-SPORT
   Earlier CSS passes changed section backgrounds to cream
   but didn't update inner text colors from white. These
   overrides force proper contrast.
   ════════════════════════════════════════════════════════════ */

/* NETBALL — "Dress Your Squad / Own the Court" CTA section */
.ntw-cta{
  background:var(--ftw-paper, #FAF8F3) !important
}
.ntw-cta__eyebrow{
  color:#a855f7 !important;
  font-weight:700 !important;
  letter-spacing:.28em !important
}
.ntw-cta__title{
  color:#1a0a2e !important
}
.ntw-cta__title em{
  color:#a855f7 !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}
.ntw-cta__sub{
  color:#5E5670 !important;
  font-size:15px !important;
  line-height:1.65 !important
}
.ntw-cta__btns .ntw-btn-dark,
.ntw-cta .ntw-btn-dark{
  background:#1a0a2e !important;
  color:#fff !important;
  border:1px solid #1a0a2e !important
}
.ntw-cta__btns .ntw-btn-dark:hover,
.ntw-cta .ntw-btn-dark:hover{
  background:#a855f7 !important;
  border-color:#a855f7 !important
}
.ntw-cta__btns .ntw-btn-wh,
.ntw-cta .ntw-btn-wh{
  background:transparent !important;
  color:#1a0a2e !important;
  border:1.5px solid rgba(26,10,46,.3) !important
}
.ntw-cta__btns .ntw-btn-wh:hover,
.ntw-cta .ntw-btn-wh:hover{
  border-color:#1a0a2e !important;
  background:rgba(168,85,247,.06) !important
}
/* Kill the giant "NETBALL" watermark if it's hurting readability on cream */
.ntw-cta::before{
  color:rgba(168,85,247,.08) !important
}

/* CRICKET — "From Concept to Cricket Pitch" process steps
   Section background is dark #0f1117. Step descriptions were
   low-contrast (rgba 0.5). Bump to 0.8. */
.ctw-how__step-desc{
  color:rgba(220,228,240,.85) !important;
  font-size:13.5px !important;
  line-height:1.7 !important
}
.ctw-how__step-title{
  color:#fff !important;
  font-size:1.1rem !important
}
.ctw-how__step-num{
  -webkit-text-stroke:1.5px rgba(232,0,61,.65) !important;
  color:transparent !important
}

/* CRICKET — "Trusted by Clubs Across Australia" proof section
   Earlier CSS flipped bg to cream, but heading + text are still white. */
.ctw-proof{
  background:var(--ftw-paper, #FAF8F3) !important
}
.ctw-proof__title,
.ctw-proof h2{
  color:#0A1F4D !important;
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:clamp(2rem,4vw,3rem) !important;
  text-transform:uppercase !important
}
.ctw-proof__text,
.ctw-proof p{
  color:#4A5268 !important;
  font-size:15px !important;
  line-height:1.7 !important
}
.ctw-proof__cta,
.ctw-proof a.ctw-btn,
.ctw-proof .ctw-btn-primary{
  background:#E8003D !important;
  color:#fff !important;
  border:1px solid #E8003D !important
}
.ctw-proof__cta:hover,
.ctw-proof a.ctw-btn:hover,
.ctw-proof .ctw-btn-primary:hover{
  background:#0A1F4D !important;
  border-color:#0A1F4D !important
}
/* Kill/soften any watermarks */
.ctw-proof::before{
  color:rgba(232,0,61,.06) !important
}

/* CRICKET — "Ready to Kit Out Your Team?" bottom CTA section
   Same cream-background issue */
.ctw-cta{
  background:var(--ftw-paper, #FAF8F3) !important
}
.ctw-cta__title,
.ctw-cta h2{
  color:#0A1F4D !important
}
.ctw-cta__title em,
.ctw-cta h2 em{
  color:#E8003D !important;
  -webkit-text-stroke:0 !important;
  font-style:normal !important
}
.ctw-cta__sub,
.ctw-cta p{
  color:#4A5268 !important
}
.ctw-cta__eyebrow{
  color:#E8003D !important
}
.ctw-cta::before{
  color:rgba(232,0,61,.06) !important
}

/* CRICKET — "Everything Your Team Needs" kits section labels
   "ON-FIELD / TRAINING / OUTERWEAR" eyebrows on the cards */
.ctw-kits .ctw-card__cat,
.ctw-cats .ctw-card__cat{
  color:#E8003D !important;
  background:rgba(255,255,255,.95) !important;
  padding:4px 10px !important;
  border-radius:2px !important;
  display:inline-block !important
}

/* ════════════════════════════════════════════════════════════
   CRICKET · PORTFOLIO (editorial magazine grid)
   Replaces the uniform 4×2 grid with an asymmetric 12-col
   layout: hero tile on left, supporting tiles staggered right.
   ════════════════════════════════════════════════════════════ */

/* Section wrapper — wider canvas, off-white not pure white to reduce contrast fatigue */
.ctw-portfolio{
  background:#F7F5EE !important;
  padding:96px 0 64px !important
}
.ctw-portfolio__header{
  padding:0 clamp(24px,4vw,64px) 48px !important;
  max-width:1440px !important;
  margin:0 auto !important
}
.ctw-portfolio__title{
  color:#0A1F4D !important
}
.ctw-portfolio__title em{color:#E8003D !important}
.ctw-portfolio__sub{color:#5E6572 !important}

/* Editorial grid wrapper */
.ctw-pf-editorial{
  max-width:1440px;
  margin:0 auto;
  padding:0 clamp(8px,2vw,24px);
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(180px,auto);
  gap:8px;
}

/* Tile base */
.ctw-pf-tile{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:4px;
  background:#111;
  text-decoration:none;
  isolation:isolate;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),
             box-shadow .35s ease
}
.ctw-pf-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 40px -18px rgba(10,31,77,.35);
  z-index:2
}

/* ─── Hero tile — large, left side ─── */
.ctw-pf-tile--hero{
  grid-column:span 7;
  grid-row:span 2;
  min-height:520px
}

/* ─── Supporting tiles — staggered right side ─── */
.ctw-pf-tile--sup{
  grid-column:span 5
}
.ctw-pf-tile--pos2{grid-row:span 1}  /* top right, shorter */
.ctw-pf-tile--pos3{grid-row:span 1}  /* middle-right */
.ctw-pf-tile--pos4{grid-row:span 1}  /* bottom-right upper */
.ctw-pf-tile--pos5{grid-row:span 1}  /* bottom-right lower */

/* Actually create the magazine-style asymmetry:
   pos2 = top-right HALF-width
   pos3 = top-right HALF-width
   pos4 = middle-right FULL of column (wider)
   pos5 = bottom-right HALF-width */
.ctw-pf-tile--pos2{grid-column:span 3;grid-row:span 1}
.ctw-pf-tile--pos3{grid-column:span 2;grid-row:span 1}
.ctw-pf-tile--pos4{grid-column:span 5;grid-row:span 1}
.ctw-pf-tile--pos5{grid-column:span 5;grid-row:span 1}

/* Image behavior */
.ctw-pf-tile__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s cubic-bezier(.22,.61,.36,1),
             filter .35s ease
}
.ctw-pf-tile:hover .ctw-pf-tile__img{
  transform:scale(1.05);
  filter:brightness(.96)
}

/* Subtle gradient overlay for caption legibility */
.ctw-pf-tile::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,
    rgba(10,15,30,.72) 0%,
    rgba(10,15,30,.30) 35%,
    rgba(10,15,30,0) 55%);
  opacity:.85;
  transition:opacity .35s ease;
  pointer-events:none;
  z-index:1
}
.ctw-pf-tile:hover::after{opacity:1}

/* Caption / metadata */
.ctw-pf-tile__cap{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:4px;
  transform:translateY(4px);
  transition:transform .35s ease
}
.ctw-pf-tile:hover .ctw-pf-tile__cap{transform:translateY(0)}
.ctw-pf-tile__cap--lg{
  left:28px;
  right:28px;
  bottom:26px
}
.ctw-pf-tile__tag{
  font-family:'Barlow',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#E8003D;
  background:rgba(255,255,255,.95);
  padding:3px 9px;
  border-radius:2px;
  align-self:flex-start;
  width:fit-content
}
.ctw-pf-tile__name{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
  line-height:1.1
}
.ctw-pf-tile__cap--lg .ctw-pf-tile__name{
  font-size:clamp(28px,3.2vw,40px);
  line-height:1
}

/* Placeholder state (no image uploaded) */
.ctw-pf-tile[data-empty="true"]{
  background:
    repeating-linear-gradient(45deg,
      #EEEBE1 0px,#EEEBE1 10px,
      #F5F2E8 10px,#F5F2E8 20px);
  border:1.5px dashed rgba(10,31,77,.2)
}
.ctw-pf-tile[data-empty="true"]::after{display:none}
.ctw-pf-tile__ph{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:20px;
  text-align:center
}
.ctw-pf-tile__ph-label{
  font-family:'Barlow',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(10,31,77,.55)
}
.ctw-pf-tile__ph-hint{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  color:rgba(10,31,77,.45);
  font-style:italic;
  max-width:200px;
  line-height:1.5
}
.ctw-pf-tile__ph--hero{gap:12px}
.ctw-pf-tile__ph--hero .ctw-pf-tile__ph-label{font-size:12px}
.ctw-pf-tile__ph--hero .ctw-pf-tile__ph-hint{
  font-size:13px;
  max-width:280px
}

/* ─── Tablet (900-1200px) ─── */
@media(max-width:1200px){
  .ctw-pf-editorial{grid-auto-rows:minmax(160px,auto)}
  .ctw-pf-tile--hero{min-height:460px}
}

/* ─── Mobile-tablet (600-900px): hero full-width, supporting 2-col ─── */
@media(max-width:900px){
  .ctw-pf-editorial{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:minmax(170px,auto);
    gap:6px
  }
  .ctw-pf-tile--hero{
    grid-column:span 2;
    grid-row:auto;
    min-height:320px;
    aspect-ratio:16/9
  }
  .ctw-pf-tile--sup,
  .ctw-pf-tile--pos2,
  .ctw-pf-tile--pos3,
  .ctw-pf-tile--pos4,
  .ctw-pf-tile--pos5{
    grid-column:span 1;
    grid-row:auto;
    aspect-ratio:1/1
  }
}

/* ─── Small mobile (<600px): single stack, hero bigger ─── */
@media(max-width:600px){
  .ctw-pf-editorial{
    grid-template-columns:1fr;
    gap:6px
  }
  .ctw-pf-tile--hero{
    grid-column:span 1;
    aspect-ratio:4/5;
    min-height:auto
  }
  .ctw-pf-tile--sup,
  .ctw-pf-tile--pos2,
  .ctw-pf-tile--pos3,
  .ctw-pf-tile--pos4,
  .ctw-pf-tile--pos5{
    aspect-ratio:16/10
  }
  .ctw-pf-tile__cap--lg .ctw-pf-tile__name{font-size:24px}
}

/* Hide the old 4×2 grid styles that are now unused */
.ctw-portfolio__grid{display:none}

/* Portfolio footer: tighten layout to match the editorial feel */
.ctw-portfolio__footer{
  max-width:1440px !important;
  margin:48px auto 0 !important;
  padding:0 clamp(24px,4vw,64px) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important
}
.ctw-portfolio__footer-text{
  font-family:'Barlow',sans-serif !important;
  font-size:13px !important;
  color:#5E6572 !important;
  font-style:italic !important;
  margin:0 !important
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE POLISH · typography & spacing consistency
   Unifies eyebrow size, tracking, section padding rhythm,
   and tightens a few specific sections.
   ════════════════════════════════════════════════════════════ */

/* ─── UNIFIED EYEBROW SYSTEM ───
   All section labels across the homepage use same sizing.
   Fixes mixed 10/10.5/11px sizes and .22/.26em tracking. */
.zlanes__eyebrow,
.zhp-reviews__eyebrow,
.zhp-twear__eyebrow,
.zhp-arrivals__eyebrow,
.zhp-editorial__eyebrow,
.brand-moment__eyebrow,
.zhp-hero__eyebrow,
.zhslider__lane{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  line-height:1.4 !important
}

/* ─── UNIFIED SECTION PADDING ───
   Homepage was mixing clamp(28..48) with clamp(48..88) and clamp(36..64).
   Standardize to 3 tiers for rhythm. */
.zlanes,
.zhp-arrivals,
.zhp-twear-sec,
.zhp-reviews,
.zhp-editorial{
  padding:clamp(56px,7vw,96px) 0 !important
}
.brand-moment{
  padding:clamp(72px,9vw,120px) 0 !important
}
.marquee{
  padding:clamp(16px,2vw,24px) 0 !important
}

/* ─── TITLES ───
   Small tightening of H2 leading so section titles don't look
   crammed on narrow viewports. */
.zlanes__title,
.zhp-reviews__title,
.zhp-twear__title,
.zhp-arrivals__title,
.zhp-editorial__title{
  line-height:1.02 !important;
  letter-spacing:.01em !important;
  margin-top:8px !important
}

/* ─── REVIEWS · FIX DOUBLED "Reviews Reviews" ANTICIPATORILY ───
   If saved customizer value ends in " Reviews" and default adds " Reviews",
   visual dedupe via a CSS hack (impossible in CSS alone, so this is a no-op —
   user must fix in customizer). But we tighten count display for readability. */
.zhp-reviews__count{
  font-family:'Barlow',sans-serif !important;
  font-size:14px !important;
  color:#5E6572 !important;
  letter-spacing:.04em !important
}
.zhp-reviews__stars{
  color:#E8003D !important;
  letter-spacing:.1em !important
}
.zhp-reviews__agg{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:14px !important;
  padding:10px 18px !important;
  background:rgba(232,0,61,.05) !important;
  border-radius:30px !important;
  border:1px solid rgba(232,0,61,.15) !important
}

/* ─── REVIEW CARDS · tighten + add breathing room ─── */
.zhp-review{
  padding:24px !important;
  border:1px solid rgba(10,10,10,.08) !important;
  border-radius:6px !important;
  background:#fff !important;
  transition:border-color .22s ease, box-shadow .22s ease !important
}
.zhp-review:hover{
  border-color:rgba(232,0,61,.3) !important;
  box-shadow:0 8px 20px -8px rgba(10,10,10,.08) !important
}
.zhp-review__quote{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#333 !important;
  margin:14px 0 18px !important
}
.zhp-review__author{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#0A0A0A !important
}
.zhp-review__role{
  font-size:11.5px !important;
  color:#888 !important;
  margin-top:2px !important
}

/* ─── NEWSLETTER · remove emoji-heavy look, tighten ─── */
.newsletter__benefits,
.zhp-newsletter__benefits{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:24px !important;
  justify-content:center !important;
  margin-top:24px !important
}
.newsletter__benefit,
.zhp-newsletter__benefit{
  font-size:12.5px !important;
  color:rgba(255,255,255,.8) !important;
  letter-spacing:.02em !important
}

/* ─── HERO → MARQUEE transition ─── 
   Tighter seam between hero slider and marquee (was gappy). */
.zhslider + .marquee,
.zhslider + section.marquee{
  margin-top:-1px !important
}

/* ─── LANES ("WEAR YOUR CONVICTION") MARQUEE ─── 
   Current is all-caps text wall. Add proper word spacing. */
.lanes-marquee__item,
.zlanes-marquee__item{
  padding:0 clamp(24px,3vw,48px) !important;
  font-size:clamp(18px,2vw,24px) !important;
  letter-spacing:.08em !important
}

/* ─── STATS STRIP ON HOMEPAGE ─── 
   "15+ / 110+ / 3 / 10K+" — add counter animation class via same .ftw3-ctr.
   (Must be added in markup. CSS here just tightens if they exist.) */
.zhp-stats{
  padding:clamp(40px,5vw,64px) 0 !important;
  background:#0A0A0A !important;
  color:#fff !important
}
.zhp-stats__num{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:clamp(2.5rem,5vw,4rem) !important;
  line-height:.95 !important;
  letter-spacing:.02em !important;
  color:#fff !important
}
.zhp-stats__num em,
.zhp-stats__num .zhp-stats__suffix{
  color:#E8003D !important;
  font-style:normal !important
}
.zhp-stats__label{
  font-family:'Barlow',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.55) !important;
  margin-top:8px !important
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE · ZLANES vertical rhythm fix
   "Three Lanes. One Zealot." had too much air above.
   Reduce top padding + tighten head→grid margin.
   ════════════════════════════════════════════════════════════ */
.zlanes{
  padding-top:clamp(32px,4vw,56px) !important;
  padding-bottom:clamp(56px,7vw,96px) !important
}
.zlanes__head{
  margin-bottom:clamp(20px,2.5vw,32px) !important;
  max-width:640px !important
}
.zlanes__eyebrow{margin-bottom:8px !important}
.zlanes__title{margin-top:0 !important}

/* If the preceding section (featured-collection / street products) has heavy
   bottom padding, trim it slightly so the seam doesn't double up */
.featured-collection + .zlanes,
section.zhp-featured + .zlanes,
section[data-section-type="featured-collection"] + .zlanes{
  padding-top:clamp(24px,3vw,40px) !important
}

/* ════════════════════════════════════════════════════════════
   PRODUCT PAGE · TIER 1 POLISH
   Typography, trust signals, delivery estimate, sticky mobile
   CTA, tighter buy-box layout. Foundational conversion work.
   ════════════════════════════════════════════════════════════ */

/* ─── Breadcrumb ─── */
.breadcrumb{
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  letter-spacing:.04em;
  color:#888;
  padding:18px 0 24px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.breadcrumb a{
  color:#5E6572;
  text-decoration:none;
  transition:color .15s ease
}
.breadcrumb a:hover{color:#0A0A0A}
.breadcrumb .sep{color:#c8c8c8}
.breadcrumb .current{color:#0A0A0A;font-weight:500}

/* ─── Layout ─── */
.prod-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:clamp(32px,4vw,72px);
  align-items:flex-start
}
@media(max-width:900px){
  .prod-layout{
    grid-template-columns:1fr;
    gap:28px
  }
}

/* ─── Gallery ─── */
.prod-gallery{position:sticky;top:88px}
@media(max-width:900px){.prod-gallery{position:static}}

.prod-gallery__main{
  background:#F7F5EE;
  border-radius:6px;
  overflow:hidden;
  aspect-ratio:4/5;
  display:flex;
  align-items:center;
  justify-content:center
}
.prod-gallery__main img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.prod-gallery__thumbs{
  display:flex;
  gap:8px;
  margin-top:12px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin
}
.prod-gallery__thumb{
  flex-shrink:0;
  width:80px;
  height:100px;
  padding:0;
  border:2px solid transparent;
  border-radius:4px;
  overflow:hidden;
  background:#F7F5EE;
  cursor:pointer;
  transition:border-color .2s ease;
  outline:none
}
.prod-gallery__thumb:hover,
.prod-gallery__thumb:focus-visible{border-color:rgba(10,10,10,.25)}
.prod-gallery__thumb.active{border-color:#E8003D}
.prod-gallery__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

/* ─── Info column ─── */
.prod-info{padding:0}

.prod-info__brand{
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#E8003D;
  margin-bottom:10px
}
.prod-info__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(1.8rem,3.5vw,2.6rem);
  font-weight:400;
  line-height:1.05;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:#0A0A0A;
  margin:0 0 12px
}

/* Rating row */
.prod-info__rating{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  font-family:'Barlow',sans-serif;
  font-size:13px
}
.prod-info__rating-stars{
  color:#E8003D;
  letter-spacing:.08em;
  font-size:14px
}
.prod-info__rating-text{color:#5E6572}
.prod-info__rating-text strong{color:#0A0A0A;font-weight:700}

/* Price */
.prod-info__price{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:20px
}
.prod-info__price-now{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:2.2rem;
  font-weight:400;
  color:#0A0A0A;
  letter-spacing:.02em;
  line-height:1
}
.prod-info__price-now.sale{color:#E8003D}
.prod-info__price-was{
  font-family:'Barlow',sans-serif;
  font-size:16px;
  color:#999;
  text-decoration:line-through
}
.prod-info__price-save{
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#fff;
  background:#E8003D;
  padding:4px 10px;
  border-radius:3px
}

/* Delivery estimate — trust signal right above variants */
.prod-info__delivery{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.02) 100%);
  border:1px solid rgba(16,185,129,.25);
  border-radius:6px;
  margin-bottom:24px
}
.prod-info__delivery-icon{
  width:22px;
  height:22px;
  color:#10B981;
  flex-shrink:0
}
.prod-info__delivery-text{
  display:flex;
  flex-direction:column;
  gap:2px
}
.prod-info__delivery-text strong{
  font-family:'Barlow',sans-serif;
  font-size:13px;
  font-weight:700;
  color:#0A5D43;
  letter-spacing:.01em
}
.prod-info__delivery-text span{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#4A7063;
  line-height:1.4
}

/* ─── Variants ─── */
.prod-option{margin-bottom:20px}
.prod-opt-label{
  display:flex;
  align-items:baseline;
  gap:8px;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#0A0A0A;
  margin-bottom:10px
}
.prod-opt-name{color:#0A0A0A}
.prod-opt-sel{
  color:#5E6572;
  font-weight:500;
  letter-spacing:.02em;
  text-transform:none;
  font-size:12.5px
}
.prod-opt-sizeguide{
  margin-left:auto;
  font-family:'Barlow',sans-serif;
  font-size:11px;
  font-weight:700;
  color:#E8003D;
  background:transparent;
  border:none;
  cursor:pointer;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:3px;
  padding:0;
  transition:color .15s ease
}
.prod-opt-sizeguide:hover{color:#0A0A0A}

.color-grid,.size-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.color-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  border:2px solid transparent;
  cursor:pointer;
  position:relative;
  transition:transform .15s ease, border-color .15s ease;
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)
}
.color-btn:hover{transform:scale(1.08)}
.color-btn.active{border-color:#0A0A0A}
.size-btn{
  min-width:56px;
  height:44px;
  padding:0 14px;
  font-family:'Barlow',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  color:#0A0A0A;
  background:#fff;
  border:1.5px solid #e5e5e5;
  border-radius:3px;
  cursor:pointer;
  transition:all .15s ease;
  outline:none
}
.size-btn:hover{border-color:#0A0A0A}
.size-btn.active{
  background:#0A0A0A;
  color:#fff;
  border-color:#0A0A0A
}
.size-btn.unavail{
  color:#ccc;
  text-decoration:line-through;
  cursor:not-allowed;
  background:#f8f8f8
}
.size-btn.unavail:hover{border-color:#e5e5e5}

/* ─── Buy block (qty + ATC side-by-side) ─── */
.prod-buy{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:10px;
  margin-top:28px
}
.qty-wrap{
  display:flex;
  align-items:center;
  height:52px;
  border:1.5px solid #e5e5e5;
  border-radius:3px;
  overflow:hidden
}
.qty-btn{
  width:36px;
  height:100%;
  background:#fff;
  border:none;
  font-size:18px;
  font-weight:700;
  color:#0A0A0A;
  cursor:pointer;
  transition:background .15s ease
}
.qty-btn:hover{background:#f5f5f5}
.qty-input{
  flex:1;
  height:100%;
  width:100%;
  text-align:center;
  border:none;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  font-weight:700;
  background:#fff;
  outline:none;
  -moz-appearance:textfield
}
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.prod-atc{
  height:52px;
  background:#0A0A0A;
  color:#fff;
  border:none;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease;
  padding:0 24px
}
.prod-atc:hover{background:#E8003D}
.prod-atc:disabled{
  background:#ccc;
  color:#888;
  cursor:not-allowed
}
.prod-atc__price{
  font-weight:400;
  opacity:.85
}

.prod-dynamic-wrap{margin-top:10px}
.prod-dynamic-wrap .shopify-payment-button__button{
  height:52px !important;
  border-radius:3px !important;
  font-family:'Barlow Condensed',sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important
}

/* ─── Trust row v2 ─── */
.prod-trust-v2{
  list-style:none;
  padding:20px 0;
  margin:28px 0 0;
  border-top:1px solid #f0ede2;
  border-bottom:1px solid #f0ede2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 20px
}
.prod-trust-v2__item{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#5E6572;
  line-height:1.4
}
.prod-trust-v2__item svg{
  width:20px;
  height:20px;
  flex-shrink:0;
  color:#0A0A0A
}
.prod-trust-v2__item strong{
  color:#0A0A0A;
  font-weight:700;
  font-size:12px;
  letter-spacing:.02em
}
@media(max-width:600px){
  .prod-trust-v2{grid-template-columns:1fr;gap:10px}
}

/* ─── Accordion ─── */
.accordion{margin-top:28px}
.accordion-item{
  border-bottom:1px solid #f0ede2
}
.accordion-item:first-child{border-top:1px solid #f0ede2}
.accordion-trigger{
  width:100%;
  padding:18px 0;
  background:transparent;
  border:none;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#0A0A0A;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:left;
  transition:color .2s ease
}
.accordion-trigger:hover{color:#E8003D}
.accordion-trigger svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  transition:transform .3s ease
}
.accordion-item.open .accordion-trigger svg{transform:rotate(180deg)}
.accordion-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s cubic-bezier(.22,.61,.36,1)
}
.accordion-item.open .accordion-body{max-height:2000px}
.accordion-content{
  padding:0 0 20px;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.7;
  color:#4A5268
}
.accordion-content p{margin:0 0 1em}
.accordion-content p:last-child{margin-bottom:0}
.accordion-content ul,.accordion-content ol{
  padding-left:20px;
  margin:0.5em 0
}

/* ─── Extras row ─── */
.prod-info__extras{
  display:flex;
  gap:16px;
  margin-top:24px;
  padding-top:20px
}
.prod-extra-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#5E6572;
  text-decoration:none;
  transition:color .15s ease
}
.prod-extra-link:hover{color:#0A0A0A}
.prod-extra-link svg{width:14px;height:14px}

/* ─── Sticky mobile ATC ─── */
.prod-sticky-cta{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:900;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-top:1px solid rgba(10,10,10,.08);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));
  transform:translateY(100%);
  transition:transform .25s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  display:none
}
.prod-sticky-cta.is-visible{
  transform:translateY(0);
  pointer-events:auto
}
.prod-sticky-cta__inner{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:600px;
  margin:0 auto
}
.prod-sticky-cta__info{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.prod-sticky-cta__title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#0A0A0A;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.prod-sticky-cta__price{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:17px;
  color:#E8003D;
  line-height:1
}
.prod-sticky-cta__btn{
  flex-shrink:0;
  background:#0A0A0A;
  color:#fff;
  border:none;
  height:48px;
  padding:0 22px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  border-radius:3px;
  cursor:pointer;
  transition:background .2s ease
}
.prod-sticky-cta__btn:hover{background:#E8003D}
@media(max-width:900px){
  .prod-sticky-cta{display:block}
  body:has(.prod-sticky-cta.is-visible){padding-bottom:80px}
}

/* ─── Related products section upgrade ─── */
.related-products{
  margin:80px 0 40px;
  padding-top:56px;
  border-top:1px solid #f0ede2
}
.related-products .sec-head{
  text-align:center;
  margin-bottom:36px
}
.related-products .sec-title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#0A0A0A;
  margin:0
}
.related-products .sec-title::before{
  content:'More from Zealots';
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.24em;
  color:#E8003D;
  margin-bottom:10px;
  text-transform:uppercase
}

/* ════════════════════════════════════════════════════════════
   PZAS V2 · TIER 1 ADDITIONS
   All styling scoped under .pzas--v2 so it never affects
   the live ZAS template. Safe to iterate.
   ════════════════════════════════════════════════════════════ */

/* ─── Rating row (above price) ─── */
.pzas--v2 .pzas-rating-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  font-family:'Barlow',sans-serif;
  font-size:13px
}
.pzas--v2 .pzas-rating-stars{
  color:#E8003D;
  letter-spacing:.08em;
  font-size:14px;
  line-height:1
}
.pzas--v2 .pzas-rating-text{color:#5E6572}
.pzas--v2 .pzas-rating-text strong{
  color:#0A0A0A;
  font-weight:700;
  margin-right:2px
}

/* ─── Delivery estimate box ─── */
.pzas--v2 .pzas-delivery-box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.02) 100%);
  border:1px solid rgba(16,185,129,.25);
  border-radius:6px;
  margin:14px 0 18px
}
.pzas--v2 .pzas-delivery-icon{
  width:22px;
  height:22px;
  color:#10B981;
  flex-shrink:0
}
.pzas--v2 .pzas-delivery-text{
  display:flex;
  flex-direction:column;
  gap:2px
}
.pzas--v2 .pzas-delivery-text strong{
  font-family:'Barlow',sans-serif;
  font-size:13px;
  font-weight:700;
  color:#0A5D43;
  letter-spacing:.01em;
  line-height:1.3
}
.pzas--v2 .pzas-delivery-text span{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#4A7063;
  line-height:1.4
}

/* ─── Buy row (qty + ATC side-by-side) ─── */
.pzas--v2 .pzas-buy-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:10px;
  margin:12px 0 10px;
  align-items:stretch
}
.pzas--v2 .pzas-buy-row .pzas-qty{
  height:50px;
  display:flex;
  align-items:center;
  border:1.5px solid #e5e5e5;
  border-radius:3px;
  overflow:hidden;
  background:#fff
}
.pzas--v2 .pzas-buy-row .pzas-qty-btn{
  width:36px;
  height:100%;
  background:#fff;
  border:none;
  font-size:18px;
  font-weight:700;
  color:#0A0A0A;
  cursor:pointer;
  transition:background .15s ease
}
.pzas--v2 .pzas-buy-row .pzas-qty-btn:hover{background:#f5f5f5}
.pzas--v2 .pzas-buy-row .pzas-qty-val{
  flex:1;
  height:100%;
  width:100%;
  text-align:center;
  border:none;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  font-weight:700;
  background:transparent;
  outline:none
}

/* ATC in v2 buy row */
.pzas--v2 .pzas-atc-v2{
  height:50px;
  width:auto;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:3px
}
.pzas--v2 .pzas-atc-price{
  font-weight:400;
  opacity:.85;
  letter-spacing:.04em;
  margin-left:4px
}

/* Buy Now (secondary) sits below buy-row */
.pzas--v2 .pzas-card-btns{
  margin-top:6px
}

/* ─── Trust row upgraded (4 items) ─── */
.pzas--v2 .pzas-trust-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  padding:16px 0;
  margin:16px 0 0;
  border-top:1px solid #f0ede2;
  border-bottom:1px solid #f0ede2
}
.pzas--v2 .pzas-trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:500;
  color:#5E6572;
  line-height:1.3
}
.pzas--v2 .pzas-trust-item svg{
  width:16px;
  height:16px;
  stroke:#0A0A0A;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0
}
@media(max-width:600px){
  .pzas--v2 .pzas-trust-row{grid-template-columns:1fr;gap:8px}
}

/* ─── Sticky mobile ATC ─── */
.pzas-sticky-cta{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:900;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-top:1px solid rgba(10,10,10,.08);
  box-shadow:0 -8px 24px -12px rgba(0,0,0,.15);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0));
  transform:translateY(100%);
  transition:transform .25s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  display:none
}
.pzas-sticky-cta.is-visible{
  transform:translateY(0);
  pointer-events:auto
}
.pzas-sticky-cta__inner{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:600px;
  margin:0 auto
}
.pzas-sticky-cta__info{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.pzas-sticky-cta__title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#0A0A0A;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.pzas-sticky-cta__price{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:17px;
  color:#E8003D;
  line-height:1;
  letter-spacing:.02em
}
.pzas-sticky-cta__btn{
  flex-shrink:0;
  background:#0A0A0A;
  color:#fff;
  border:none;
  height:46px;
  padding:0 22px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:3px;
  cursor:pointer;
  transition:background .2s ease
}
.pzas-sticky-cta__btn:hover{background:#E8003D}
.pzas-sticky-cta__btn:disabled{
  background:#ccc;
  cursor:not-allowed
}
@media(max-width:900px){
  .pzas--v2 ~ .pzas-sticky-cta,
  .pzas-sticky-cta{display:block}
}

/* ─── Remove the old standalone qty-row margin since it's gone in v2 ─── */
.pzas--v2 .pzas-qty-row{display:none}

/* ════════════════════════════════════════════════════════════
   PZAS V2 · SPACING FIX
   Add proper vertical rhythm. Target: 20-24px between major
   blocks, 12-14px between related micro-elements.
   ════════════════════════════════════════════════════════════ */

/* ─── Thumbnail header → Color row ─── */
.pzas--v2 .pzas-card-thumb{
  padding-bottom:20px !important;
  margin-bottom:20px !important;
  border-bottom:1px solid #f0ede2 !important
}

/* ─── Variant options area ─── */
.pzas--v2 .pzas-card-opts{
  padding-bottom:24px !important;
  margin-bottom:0 !important;
  border-bottom:1px solid #f0ede2 !important
}
.pzas--v2 .pzas-opt-label{
  margin-bottom:10px !important;
  margin-top:16px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#0A0A0A !important
}
.pzas--v2 .pzas-opt-label:first-child,
.pzas--v2 .pzas-card-opts > .pzas-opt-label:first-of-type{
  margin-top:0 !important
}
.pzas--v2 .pzas-size-guide{
  margin-top:14px !important;
  display:inline-block !important
}

/* ─── Rating row ─── */
.pzas--v2 .pzas-rating-row{
  margin:20px 0 16px !important;
  padding:0 !important
}

/* ─── Price block ─── */
.pzas--v2 .pzas-card-price-block{
  margin:0 0 20px !important;
  padding-bottom:20px !important;
  border-bottom:1px solid #f0ede2 !important;
  display:flex !important;
  align-items:baseline !important;
  gap:12px !important;
  flex-wrap:wrap !important
}
.pzas--v2 .pzas-card-price{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif !important;
  font-size:2.2rem !important;
  line-height:1 !important;
  letter-spacing:.02em !important
}

/* ─── Delivery box ─── */
.pzas--v2 .pzas-delivery-box{
  margin:0 0 24px !important;
  padding:16px 18px !important
}
.pzas--v2 .pzas-delivery-text strong{
  margin-bottom:2px !important;
  display:block !important
}

/* ─── Buy row (qty + ATC) ─── */
.pzas--v2 .pzas-buy-row{
  margin:0 0 12px !important;
  gap:12px !important
}
.pzas--v2 .pzas-buy-row .pzas-qty,
.pzas--v2 .pzas-atc-v2{
  height:54px !important
}

/* Buy Now secondary */
.pzas--v2 .pzas-card-btns{
  margin:12px 0 0 !important
}
.pzas--v2 .pzas-card-btns .pzas-btn-outline{
  height:48px !important
}

/* Stock signal */
.pzas--v2 .pzas-stock-signal{
  margin:12px 0 !important
}

/* ─── Trust row ─── */
.pzas--v2 .pzas-trust-row{
  margin:28px 0 0 !important;
  padding:20px 0 !important;
  gap:14px 20px !important
}
.pzas--v2 .pzas-trust-item{
  gap:10px !important
}

/* ─── Payment row ─── */
.pzas--v2 .pzas-pay-row{
  margin:20px 0 0 !important;
  padding-top:20px !important;
  border-top:1px solid #f0ede2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:center !important
}

/* ─── Card wrapper padding (breathing room on inside edges) ─── */
.pzas--v2 .pzas-card{
  padding:28px !important
}
@media(max-width:600px){
  .pzas--v2 .pzas-card{padding:20px !important}
}

/* ─── Size Guide link sitting above rating — push it down a bit ─── */
.pzas--v2 .pzas-size-guide{
  margin-bottom:4px !important
}

/* Notify form breathing room */
.pzas--v2 .pzas-notify{
  margin-top:16px !important;
  padding:16px !important
}

/* ════════════════════════════════════════════════════════════
   PZAS V2 · FOUR FIXES
   1. ATC overflow  2. Details typography  3. Sold-out visual
   ════════════════════════════════════════════════════════════ */

/* ─── FIX 1: ATC button stretched / price cut off ─── */
.pzas--v2 .pzas-buy-row{
  grid-template-columns:104px minmax(0,1fr) !important;
  gap:10px !important
}
.pzas--v2 .pzas-atc-v2{
  min-width:0 !important;
  padding:0 12px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important
}
.pzas--v2 #pzasAtcText{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important
}
.pzas--v2 .pzas-atc-price{
  font-weight:400 !important;
  opacity:.85 !important;
  letter-spacing:.03em !important;
  white-space:nowrap !important
}
/* When viewport is very tight, stack qty above ATC instead of cutting off */
@media(max-width:420px){
  .pzas--v2 .pzas-buy-row{
    grid-template-columns:1fr !important;
    gap:10px !important
  }
  .pzas--v2 .pzas-buy-row .pzas-qty{width:120px !important}
  .pzas--v2 .pzas-atc-v2{width:100% !important}
}

/* ─── FIX 2: Product Details typography normalization ─── */
/* The accordion body renders user-authored HTML that mixes h2/h3/strong.
   Normalize to a consistent visual hierarchy. */
.pzas--v2 .pzas-acc-body,
.pzas--v2 .accordion-content{
  font-family:'Barlow',sans-serif !important;
  font-size:14px !important;
  line-height:1.75 !important;
  color:#3a3a3a !important
}

/* Section titles (h1/h2) inside accordion — normalize all to same size */
.pzas--v2 .pzas-acc-body h1,
.pzas--v2 .pzas-acc-body h2,
.pzas--v2 .pzas-acc-body h3,
.pzas--v2 .pzas-acc-body h4{
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#0A0A0A !important;
  margin:28px 0 12px !important;
  padding-top:20px !important;
  border-top:1px solid #f0ede2 !important;
  line-height:1.3 !important
}
.pzas--v2 .pzas-acc-body h1:first-child,
.pzas--v2 .pzas-acc-body h2:first-child,
.pzas--v2 .pzas-acc-body h3:first-child,
.pzas--v2 .pzas-acc-body h4:first-child,
.pzas--v2 .pzas-acc-body > *:first-child + h1,
.pzas--v2 .pzas-acc-body > *:first-child + h2,
.pzas--v2 .pzas-acc-body > *:first-child + h3{
  margin-top:18px !important;
  padding-top:18px !important
}

/* Opening tagline paragraph (the one with bold text standalone) */
.pzas--v2 .pzas-acc-body > p:first-child,
.pzas--v2 .pzas-acc-body > p:first-of-type{
  font-size:15px !important;
  line-height:1.6 !important;
  color:#0A0A0A !important;
  font-weight:400 !important
}
.pzas--v2 .pzas-acc-body > p:first-child strong,
.pzas--v2 .pzas-acc-body > p:first-of-type strong{
  font-weight:600 !important
}

/* Body paragraphs */
.pzas--v2 .pzas-acc-body p{
  margin:0 0 14px !important;
  font-size:14px !important;
  line-height:1.75 !important
}
.pzas--v2 .pzas-acc-body p:last-child{margin-bottom:0 !important}

/* Bold labels inside paragraphs (e.g. "Durable Construction:") */
.pzas--v2 .pzas-acc-body p strong,
.pzas--v2 .pzas-acc-body li strong,
.pzas--v2 .pzas-acc-body strong{
  font-family:'Barlow',sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#0A0A0A !important;
  letter-spacing:0 !important;
  text-transform:none !important
}

/* Feature lists that use paragraph + bold prefix pattern — tighten spacing */
.pzas--v2 .pzas-acc-body p:has(strong:first-child){
  margin-bottom:10px !important;
  padding-left:16px !important;
  position:relative !important
}
.pzas--v2 .pzas-acc-body p:has(strong:first-child)::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  top:11px !important;
  width:5px !important;
  height:5px !important;
  background:#E8003D !important;
  border-radius:50% !important
}

/* Actual ul/ol lists */
.pzas--v2 .pzas-acc-body ul,
.pzas--v2 .pzas-acc-body ol{
  margin:8px 0 16px !important;
  padding-left:20px !important
}
.pzas--v2 .pzas-acc-body li{
  margin:0 0 8px !important;
  font-size:14px !important;
  line-height:1.65 !important;
  color:#3a3a3a !important
}
.pzas--v2 .pzas-acc-body ul li::marker{color:#E8003D !important}

/* Plain list-style paragraphs (the "Cricket players of all skill levels" blocks) */
.pzas--v2 .pzas-acc-body p:not(:has(strong)){
  font-size:14px !important;
  color:#3a3a3a !important
}

/* Last closing line (bold encouragement) */
.pzas--v2 .pzas-acc-body > p:last-child strong,
.pzas--v2 .pzas-acc-body > p:last-of-type strong{
  font-size:14px !important;
  color:#0A0A0A !important
}

/* ─── FIX 3: Sold-out variant visual ─── */
.pzas--v2 .pzas-size.oos,
.pzas--v2 .pzas-size[disabled],
.pzas--v2 .pzas-size.unavail{
  color:#c8c8c8 !important;
  background:#f5f5f5 !important;
  border-color:#ececec !important;
  cursor:not-allowed !important;
  position:relative !important;
  text-decoration:none !important
}
.pzas--v2 .pzas-size.oos::after,
.pzas--v2 .pzas-size[disabled]::after,
.pzas--v2 .pzas-size.unavail::after{
  content:'' !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  top:50% !important;
  height:1.5px !important;
  background:#c8c8c8 !important;
  transform:rotate(-12deg) !important;
  pointer-events:none !important
}
.pzas--v2 .pzas-size.oos:hover,
.pzas--v2 .pzas-size[disabled]:hover,
.pzas--v2 .pzas-size.unavail:hover{
  border-color:#ececec !important;
  background:#f5f5f5 !important
}

/* Same for color swatches */
.pzas--v2 .pzas-swatch.oos,
.pzas--v2 .pzas-swatch[disabled],
.pzas--v2 .pzas-swatch.unavail{
  opacity:.35 !important;
  cursor:not-allowed !important;
  position:relative !important
}
.pzas--v2 .pzas-swatch.oos::after,
.pzas--v2 .pzas-swatch[disabled]::after,
.pzas--v2 .pzas-swatch.unavail::after{
  content:'' !important;
  position:absolute !important;
  left:10% !important;
  right:10% !important;
  top:50% !important;
  height:1.5px !important;
  background:#999 !important;
  transform:rotate(-24deg) !important;
  pointer-events:none !important
}

/* ════════════════════════════════════════════════════════════
   PZAS V2 · ATC TEXT CLIPPING FIX (final)
   Earlier fix still had overflow:hidden which clipped the text
   on narrower widths. Remove clipping, reduce letter-spacing
   further, and give qty less width so ATC has breathing room.
   ════════════════════════════════════════════════════════════ */

.pzas--v2 .pzas-buy-row{
  grid-template-columns:96px minmax(0,1fr) !important;
  gap:8px !important
}

.pzas--v2 .pzas-atc-v2{
  padding:0 14px !important;
  font-size:11.5px !important;
  letter-spacing:.08em !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important
}

.pzas--v2 #pzasAtcText{
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important
}

.pzas--v2 .pzas-atc-price{
  font-weight:400 !important;
  opacity:.9 !important;
  letter-spacing:.02em !important
}

/* If the card is narrow enough that ATC is still tight, stack */
@media(max-width:480px){
  .pzas--v2 .pzas-buy-row{
    grid-template-columns:1fr !important;
    gap:10px !important
  }
  .pzas--v2 .pzas-buy-row .pzas-qty{width:120px !important}
  .pzas--v2 .pzas-atc-v2{
    width:100% !important;
    font-size:13px !important;
    letter-spacing:.14em !important
  }
}

/* ════════════════════════════════════════════════════════════
   PZAS V2 · ATC OVERFLOW — PROPER FIX
   The button was still clipping price. Root cause: flex child
   (the <span> holding "Add to Cart · $110.00") wasn't getting
   proper min-width:0, so overflow:hidden had nothing to clip
   against. Ellipsis on flex items needs the chain explicit.
   ════════════════════════════════════════════════════════════ */

/* Shrink qty further so ATC has breathing room for long prices */
.pzas--v2 .pzas-buy-row{
  grid-template-columns:96px minmax(0,1fr) !important;
  gap:8px !important
}

/* The button itself — force it to respect its grid cell */
.pzas--v2 .pzas-atc-v2{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 10px !important;
  font-size:11.5px !important;
  letter-spacing:.08em !important;
  overflow:hidden !important;
  box-sizing:border-box !important
}

/* Inner text span — this is the flex child that needs min-width:0
   for ellipsis to work inside a flex parent */
.pzas--v2 #pzasAtcText{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  display:block !important
}

/* Price span inside — don't use flex here, just inline so ellipsis
   naturally applies to the full string */
.pzas--v2 .pzas-atc-price{
  display:inline !important;
  font-weight:400 !important;
  opacity:.85 !important;
  letter-spacing:.02em !important;
  margin-left:3px !important
}

/* At narrow card widths, the "Add to Cart" label + price just won't
   fit even with minimal padding. Stack qty above ATC below 480px */
@media(max-width:480px){
  .pzas--v2 .pzas-buy-row{
    grid-template-columns:1fr !important;
    gap:10px !important
  }
  .pzas--v2 .pzas-buy-row .pzas-qty{
    width:130px !important
  }
  .pzas--v2 .pzas-atc-v2{
    width:100% !important;
    font-size:12.5px !important;
    letter-spacing:.14em !important;
    padding:0 16px !important
  }
}

/* ════════════════════════════════════════════════════════════
   COLLECTION ZAS V2 · TIER 1 ELEMENTS ONLY
   Hero + trust strip + cross-nav. No grid. Test build.
   All scoped under .czv2 — fully isolated from .zas styles.
   ════════════════════════════════════════════════════════════ */

.czv2{
  font-family:'Barlow',sans-serif;
  color:#0A0A0A
}

/* Placeholder during testing */
.czv2-grid-placeholder{
  max-width:900px;
  margin:48px auto;
  padding:48px 24px;
  text-align:center;
  background:#FAF8F3;
  border:1px dashed #d8d2c2;
  border-radius:6px;
  color:#5E6572;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.6
}
.czv2-grid-placeholder p{margin:0 0 8px}
.czv2-grid-placeholder p:last-child{margin-bottom:0}

/* ─── HERO BLOCK ─── */
.czv2-hero{
  position:relative;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:64px 24px;
  margin:0 0 32px;
  background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);
  isolation:isolate;
  overflow:hidden
}
.czv2-hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:1
}
.czv2-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,.42) 0%,rgba(10,10,10,.65) 100%);
  z-index:2
}
.czv2-hero__inner{
  position:relative;
  z-index:3;
  text-align:center;
  max-width:720px;
  width:100%
}
.czv2-hero__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#E8003D;
  margin-bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.czv2-hero__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#E8003D
}
.czv2-hero__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(2.2rem,5vw,3.6rem);
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 16px;
  font-weight:400
}
.czv2-hero__sub{
  font-family:'Barlow',sans-serif;
  font-size:14px;
  line-height:1.65;
  color:rgba(255,255,255,.78);
  margin:0 auto 20px;
  max-width:560px
}
.czv2-hero__meta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 18px;
  background:rgba(232,0,61,.12);
  border:1px solid rgba(232,0,61,.4);
  border-radius:30px;
  font-family:'Barlow',sans-serif;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff
}
.czv2-hero__count{color:#fff}
.czv2-hero__sep{color:rgba(255,255,255,.4);font-weight:400}
.czv2-hero__extra{color:rgba(255,255,255,.85);letter-spacing:.1em}
@media(max-width:600px){
  .czv2-hero{min-height:220px;padding:48px 20px;margin-bottom:24px}
}

/* ─── TRUST STRIP ─── */
.czv2-trust{
  margin:48px 0 0;
  padding:32px 24px;
  background:#FAF8F3;
  border-top:1px solid #f0ede2;
  border-bottom:1px solid #f0ede2
}
.czv2-trust__inner{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}
.czv2-trust__item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 6px
}
.czv2-trust__item svg{
  width:22px;
  height:22px;
  color:#0A0A0A;
  flex-shrink:0
}
.czv2-trust__txt{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.czv2-trust__txt strong{
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0A0A0A;
  line-height:1.2
}
.czv2-trust__txt span{
  font-family:'Barlow',sans-serif;
  font-size:12px;
  color:#5E6572;
  line-height:1.3
}
@media(max-width:900px){
  .czv2-trust__inner{grid-template-columns:repeat(2,1fr);gap:18px}
}
@media(max-width:520px){
  .czv2-trust{padding:24px 16px}
  .czv2-trust__inner{grid-template-columns:1fr;gap:14px}
}

/* ─── CROSS-COLLECTION NAV ─── */
.czv2-xnav{
  padding:64px 24px 80px;
  background:#fff
}
.czv2-xnav__inner{
  max-width:1240px;
  margin:0 auto
}
.czv2-xnav__head{
  text-align:center;
  margin-bottom:32px
}
.czv2-xnav__eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#E8003D;
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:8px
}
.czv2-xnav__eyebrow::before{
  content:'';
  display:block;
  width:24px;
  height:1.5px;
  background:#E8003D
}
.czv2-xnav__title{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(1.6rem,3vw,2.2rem);
  line-height:1.05;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#0A0A0A;
  margin:0;
  font-weight:400
}
.czv2-xnav__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
@media(max-width:900px){.czv2-xnav__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.czv2-xnav__grid{grid-template-columns:1fr;gap:10px}}
.czv2-xnav__card{
  position:relative;
  display:block;
  aspect-ratio:4/5;
  border-radius:6px;
  overflow:hidden;
  text-decoration:none;
  isolation:isolate;
  background:#1a1a1a;
  transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease
}
.czv2-xnav__card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px -16px rgba(0,0,0,.35)
}
.czv2-xnav__card-img{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
  z-index:1
}
.czv2-xnav__card-img--ph{
  background:repeating-linear-gradient(45deg,#2a2a2a 0,#2a2a2a 10px,#1f1f1f 10px,#1f1f1f 20px)
}
.czv2-xnav__card:hover .czv2-xnav__card-img{transform:scale(1.06)}
.czv2-xnav__card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(10,10,10,.78) 0%,rgba(10,10,10,.2) 60%,rgba(10,10,10,0) 100%);
  z-index:2;
  transition:background .3s ease
}
.czv2-xnav__card:hover .czv2-xnav__card-overlay{
  background:linear-gradient(to top,rgba(232,0,61,.85) 0%,rgba(10,10,10,.3) 60%,rgba(10,10,10,0) 100%)
}
.czv2-xnav__card-text{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px
}
.czv2-xnav__card-label{
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:18px;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
  line-height:1.1
}
.czv2-xnav__card-arrow{
  font-family:'Barlow',sans-serif;
  font-size:18px;
  color:#fff;
  transition:transform .3s ease
}
.czv2-xnav__card:hover .czv2-xnav__card-arrow{transform:translateX(6px)}


/* ════════════════════════════════════════════════════════════
   PZAS V2 · QUANTITY SELECTOR — FINAL CLEAN OVERRIDE
   ════════════════════════════════════════════════════════════ */
.pzas--v2 .pzas-qty-val::-webkit-outer-spin-button,
.pzas--v2 .pzas-qty-val::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important}
.pzas--v2 .pzas-qty-val{-moz-appearance:textfield !important;appearance:textfield !important}
.pzas--v2 .pzas-buy-row{display:grid !important;grid-template-columns:128px minmax(0,1fr) !important;gap:10px !important;align-items:stretch !important;margin:14px 0 10px !important}
.pzas--v2 .pzas-buy-row .pzas-qty{height:50px !important;display:grid !important;grid-template-columns:44px 1fr 44px !important;align-items:stretch !important;border:1.5px solid #E5E5E5 !important;border-radius:4px !important;background:#fff !important;overflow:hidden !important}
.pzas--v2 .pzas-buy-row .pzas-qty-btn{width:44px !important;height:100% !important;padding:0 !important;background:#fff !important;border:none !important;font-family:'Barlow',sans-serif !important;font-size:22px !important;font-weight:600 !important;line-height:1 !important;color:#0A0A0A !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:background .15s ease !important}
.pzas--v2 .pzas-buy-row .pzas-qty-btn:hover{background:#F5F5F5 !important}
.pzas--v2 .pzas-buy-row .pzas-qty-val{width:100% !important;height:100% !important;min-width:0 !important;padding:0 !important;text-align:center !important;border:none !important;border-left:1px solid #EEE !important;border-right:1px solid #EEE !important;background:transparent !important;font-family:'Barlow',sans-serif !important;font-size:17px !important;font-weight:700 !important;color:#0A0A0A !important;outline:none !important;cursor:default !important}
@media(max-width:480px){.pzas--v2 .pzas-buy-row{grid-template-columns:1fr !important}.pzas--v2 .pzas-buy-row .pzas-qty{width:100% !important;height:48px !important;grid-template-columns:48px 1fr 48px !important}}

/* Fix cart-drawer title alignment: number was breaking to new line because
   .cart-badge has display:flex. Use a different class for inline use. */
.cart-drawer__title .cart-drawer__count{display:inline !important;position:static !important;background:none !important;color:inherit !important;font:inherit !important;padding:0 !important;border-radius:0 !important;min-width:0 !important;height:auto !important;line-height:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important}

/* ════════════════════════════════════════════════════════════
   ZEALOTS · v5 — HEADER, CONSOLIDATED & CORRECT (supersedes all
   prior MENU REFINE passes for the main nav band).
   New-home design: LIGHT nav band · BLACK links (visible) ·
   RED underline accent · INK badge. Mega-menu grouped styling.
   The acid-green teamwear-configurator system is left untouched.
   ════════════════════════════════════════════════════════════ */

/* ── NAV BAND → light (Paper). This is the key fix: the band was
   black with black text = invisible links. ── */
.zmenu-nav{background:var(--white) !important;border-top:1px solid var(--g2) !important;border-bottom:1px solid var(--g2) !important}

/* ── NAV LINKS → black on the light band, Anton, bold ── */
.zmenu-nav-btn,
.zmenu-nav-btn:hover,
.zmenu-nav-item.z-active .zmenu-nav-btn,
.zmenu-nav-item--stage:hover .zmenu-nav-btn,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn,
.zmenu-nav-item--asos:hover .zmenu-nav-btn,
.zmenu-nav-item--visual:hover .zmenu-nav-btn,
.zmenu-nav-item--hybrid:hover .zmenu-nav-btn,
.zmenu-nav-item--sport:hover .zmenu-nav-btn,
.zmenu-nav-item--mega:hover .zmenu-nav-btn{
  color:var(--black) !important;
  font-family:var(--dsp) !important;
  font-weight:400 !important;
  font-size:16px !important;
  letter-spacing:.01em !important;
}

/* ── Underline accent → RED (the one header accent) ── */
.zmenu-nav-btn::after,
.zmenu-nav-item.z-active .zmenu-nav-btn::after,
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after,
.zmenu-nav-item--pzas:hover .zmenu-nav-btn::after,
.zmenu-nav-item--asos:hover .zmenu-nav-btn::after,
.zmenu-nav-item--mega:hover .zmenu-nav-btn::after{
  background:var(--red) !important;
  height:3px !important;
}

/* ── Chevrons match nav text ── */
.zmenu-nav-btn svg{stroke:currentColor !important}

/* ── "FREE DESIGN" header badge → INK (was acid green); on-brand,
   scoped to the NAV badge only so the teamwear configurator green
   elsewhere is NOT affected ── */
.zmenu-nav .znav-badge--red,
.zmenu-nav-btn .znav-badge--red,
.zmenu-nav-item .znav-badge{
  background:var(--black) !important;
  color:var(--white) !important;
  border:none !important;
}
.zmenu-nav .znav-badge--red::before,
.zmenu-nav-item .znav-badge::before{
  background:var(--red) !important;   /* keep the small pulsing dot red */
}

/* ── Mega-menu LEFT TITLE: Anton + one red accent word ── */
.zmenu-stage__title{font-family:var(--dsp) !important;letter-spacing:-.01em !important;color:var(--black) !important}
.zmenu-stage__title em{font-style:normal;color:var(--red)}

/* ── Grouped sections (cricket-style multi-section block) ── */
.zmenu-stage__group-head{
  font-family:var(--hd) !important;font-size:11px !important;font-weight:700 !important;
  letter-spacing:.16em !important;color:var(--black) !important;
  border-bottom:1px solid var(--g2) !important;padding-bottom:9px !important;margin-bottom:12px !important;
}
.zmenu-stage__group-link{font-family:var(--bd) !important;font-size:14px !important;color:var(--g7) !important;transition:color var(--ease),padding-left var(--ease) !important}
.zmenu-stage__group-link:hover{color:var(--black) !important;padding-left:5px}
.zmenu-stage__viewall,.zmenu-visual__viewall{border-bottom:2px solid var(--red) !important;color:var(--black) !important}

/* ════════════════════════════════════════════════════════════
   ZEALOTS · v4 — FOOTER FIX (invisible socials + dark-on-dark)
   Root cause: .site-footer background was var(--black) (Ink),
   but the footer override block (~9925) styles statement, titles,
   links and social icons in DARK colours (#1a1a1a / #6a6a6a) —
   intended for a LIGHT footer. Result: text & social icons were
   invisible (dark on near-black).
   Fix: make the footer Paper (less black overall, on-brand), so
   the existing dark-text styling becomes legible. One red accent
   kept on the wordmark. Delete this block to revert.
   ════════════════════════════════════════════════════════════ */
.site-footer{
  background:var(--white) !important;
  color:var(--black) !important;
  border-top:1px solid var(--g2);
}
/* social icons: dark grey on Paper, darken to Ink on hover (now visible) */
.footer-social-ts a{color:#6a6a6a !important}
.footer-social-ts a:hover{color:var(--black) !important;opacity:1 !important}

/* trust strip (the 3 club/partner logos): tidy hairline row on Paper */
.footer-trust-strip{border-top:1px solid var(--g2);border-bottom:1px solid var(--g2)}
.footer-trust-strip__logo{filter:none;opacity:.9}

/* legal / bottom bar links readable on Paper */
.footer-legal a{color:#6a6a6a !important}
.footer-legal a:hover{color:var(--black) !important}

/* giant ZEALOTS footer wordmark: Anton, faint Fog tint, one calm presence */
.footer-wordmark{color:var(--off) !important;font-family:var(--font-eras) !important;letter-spacing:.06em !important}

/* payment icons keep their own colour; ensure they sit on light cleanly */
.footer-payments img,.footer-payment-icons img{filter:none}

/* ── Footer big mark → logo image at 25% opacity (replaces text wordmark) ── */
.footer-bigmark{margin-top:32px}
.footer-bigmark__img{
  width:auto;
  max-height:clamp(120px,22vw,240px);
  opacity:.25;                 /* as requested */
  object-fit:contain;
  display:block;
}
@media(max-width:640px){.footer-bigmark__img{max-height:120px}}

/* ════════════════════════════════════════════════════════════
   ZEALOTS · v4 — HOMEPAGE SECTIONS TUNED TO MOCKUP
   The 8 homepage sections already carry the right structure;
   this layer pulls their type/spacing/colour to match the
   approved mockup exactly (Anton headlines, dark hero, one red
   accent, emoji-free clean bands). Delete block to revert.
   ════════════════════════════════════════════════════════════ */

/* ── HERO: bigger Anton headline, tight; bare lane tag w/ red dash ── */
.zhslider__h1{letter-spacing:-.015em !important;line-height:.84 !important}
.zhslider__l1,.zhslider__l2{font-size:clamp(3.4rem,12vw,9.5rem) !important}
.zhslider__lane{
  background:none !important;border:none !important;padding:0 !important;
  letter-spacing:.28em !important;opacity:.85;
}
.zhslider__lane::before{
  content:"";display:inline-block;width:26px;height:2px;
  background:var(--red);vertical-align:middle;margin-right:12px;
}
/* hero buttons: solid white + outline, as mockup */
.zhslider__slide--dark .btn-white{background:var(--white);color:var(--black);border-color:var(--white)}
.zhslider__slide--dark .btn-white:hover{background:transparent;color:var(--white)}

/* ── MARQUEE/TICKER: clean band, red dot separators, no emoji ── */
.marquee__item{font-family:var(--hd) !important;font-weight:700 !important;letter-spacing:.2em !important;gap:0 !important}
.marquee__item > span:first-child:empty{display:none}     /* hide empty icon span */
.marquee__sep{color:var(--red) !important}

/* ── SECTION TITLES (lanes, featured, editorial, reviews, newsletter) ── */
.zlanes__title,.sec-title,.editorial-band__title,.zhreviews__title,.nl-heading,
.brand-moment__line{letter-spacing:-.015em !important}

/* lanes: one red thread — keep red lane rare, dark/light alternate */
.zlane__name{font-family:var(--dsp) !important;letter-spacing:-.01em !important;line-height:.88 !important}

/* eyebrows/kickers inside homepage sections → Deep Red on light */
.zlanes__eyebrow,.editorial-band__eyebrow{color:var(--red-deep) !important}

/* ── NEWSLETTER: hide empty emoji perk icons, hairline divide perks ── */
.nl-perk-icon:empty{display:none}
.nl-perk{font-family:var(--hd);font-weight:600;letter-spacing:.1em;text-transform:uppercase}

/* ── BRAND MOMENT stats: Anton numbers, red accent ── */
.brand-moment__num,.bm-stat__n{font-family:var(--dsp) !important;letter-spacing:-.01em !important}

/* footer-boundary-fix: ensure the light footer is clearly separated */
.site-footer{border-top:2px solid var(--g2) !important}

/* ══════════════════════════════════════════════════════════════
   SHOP ALL — editorial redesign (v37)
   Self-contained module. Open/close still handled by .zmenu-asos
   base rules + .z-active JS hover-intent buffer. New inner classes
   (zmenu-shopall__*) avoid all legacy .zmenu-asos override layers.
   ══════════════════════════════════════════════════════════════ */
.zmenu-shopall{overflow:visible !important}
.zmenu-shopall__inner{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) 248px;
  max-width:var(--max);margin:0 auto;
  min-height:380px;align-items:stretch;
}

/* ── shared eyebrow ── */
.zmenu-shopall__eyebrow{
  font-family:var(--hd);font-size:11px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--g5);
}

/* ── LEFT RAIL ── */
.zmenu-shopall__rail{
  position:relative;padding:30px clamp(24px,2.4vw,40px) 34px;
  background:var(--white);overflow:hidden;
}
.zmenu-shopall__rail-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;padding-bottom:14px;margin-bottom:18px;
  border-bottom:1.5px solid var(--black);position:relative;z-index:1;
}
.zmenu-shopall__viewall{
  display:inline-flex;align-items:center;
  font-family:var(--hd);font-size:10px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--black);
  text-decoration:none;padding-bottom:2px;
  border-bottom:2px solid var(--red);transition:opacity var(--ease);
}
.zmenu-shopall__viewall svg{display:none}
.zmenu-shopall__viewall:hover{opacity:.65}

.zmenu-shopall__groups{
  position:relative;z-index:1;
  columns:2;column-gap:clamp(20px,2.2vw,38px);
}
.zmenu-shopall__group{break-inside:avoid;margin-bottom:22px;display:inline-block;width:100%}
.zmenu-shopall__group-title{
  font-family:var(--hd);font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--black);
  padding-left:10px;margin-bottom:9px;
  border-left:2px solid #1a1a1a;
}
.zmenu-shopall__links{list-style:none;margin:0;padding:0}
.zmenu-shopall__links li{margin:0}
.zmenu-shopall__link{
  display:block;padding:5px 0 5px 10px;
  font-family:var(--bd);font-size:14px;font-weight:500;
  letter-spacing:.01em;color:var(--g7);text-decoration:none;
  transition:color var(--ease),padding-left var(--ease);
}
.zmenu-shopall__link:hover{
  color:var(--black);padding-left:15px;
}

/* ── CENTRE FEATURE ── */
.zmenu-shopall__feature{
  padding:30px clamp(22px,2vw,34px) 30px;
  border-left:1px solid var(--g2);border-right:1px solid var(--g2);
  background:var(--white);display:flex;flex-direction:column;
}
.zmenu-shopall__feature-head{margin-bottom:16px}
.zmenu-shopall__cards{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;flex:1;align-content:start;
}
.zmenu-shopall__card{
  display:flex;flex-direction:column;text-decoration:none;
}
.zmenu-shopall__card-media{
  position:relative;aspect-ratio:4/5;overflow:hidden;
  background:var(--off);border-radius:var(--r);
}
.zmenu-shopall__card-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.zmenu-shopall__card:hover .zmenu-shopall__card-media img{transform:scale(1.06)}
.zmenu-shopall__card-ph{width:100%;height:100%;background:var(--g2)}
.zmenu-shopall__card-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:9px 2px 0;
}
.zmenu-shopall__card-lbl{
  font-family:var(--hd);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--black);
}
.zmenu-shopall__card-foot svg{
  width:14px;height:14px;stroke:var(--red);fill:none;stroke-width:2.2;
  opacity:0;transform:translateX(-4px);transition:opacity var(--ease),transform var(--ease);
}
.zmenu-shopall__card:hover .zmenu-shopall__card-foot svg{opacity:1;transform:translateX(0)}
/* overlay variant (s3 lifestyle): label sits on the image */
.zmenu-shopall__card--overlay .zmenu-shopall__card-tag{
  position:absolute;left:0;right:0;bottom:0;padding:18px 12px 11px;
  background:linear-gradient(to top,rgba(10,10,10,.78),transparent);
  font-family:var(--hd);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--white);
}

/* ── RIGHT BRAND RAIL ── */
.zmenu-shopall__brand{
  position:relative;display:block;overflow:hidden;text-decoration:none;
  background:var(--black);
}
.zmenu-shopall__brand img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.82;transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .4s ease;
}
.zmenu-shopall__brand:hover img{transform:scale(1.05);opacity:.9}
.zmenu-shopall__brand-ph{position:absolute;inset:0;background:var(--black)}
.zmenu-shopall__brand-body{
  position:absolute;inset:auto 0 0 0;z-index:1;
  padding:22px 22px 24px;
  background:linear-gradient(to top,rgba(10,10,10,.92) 10%,rgba(10,10,10,.35) 60%,transparent);
  display:flex;flex-direction:column;gap:7px;
}
.zmenu-shopall__brand-kicker{
  font-family:var(--hd);font-size:9px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.zmenu-shopall__brand-title{
  font-family:var(--dsp);font-size:2.6rem;line-height:.9;
  letter-spacing:.01em;text-transform:uppercase;color:var(--white);
}
.zmenu-shopall__brand-cta{
  display:inline-flex;align-items:center;gap:7px;margin-top:3px;
  font-family:var(--hd);font-size:10px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--white);
  transition:gap var(--ease);
}
.zmenu-shopall__brand-cta svg{width:13px;height:13px;stroke:var(--red);fill:none;stroke-width:2.4}
.zmenu-shopall__brand:hover .zmenu-shopall__brand-cta{gap:11px}

/* graceful narrowing */
@media(max-width:1200px){
  .zmenu-shopall__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 210px}
}
@media(prefers-reduced-motion:reduce){
  .zmenu-shopall__card-media img,
  .zmenu-shopall__brand img,
  .zmenu-shopall__card-foot svg{transition:none}
}

/* ── Rugby pages: purple accent consistency (rugby-codes cards) ── */
.rugby-code-card__badge{background:#8B4FC7 !important}
.rugby-code-card__cta{color:#8B4FC7 !important}
.rugby-code-card__cta:hover{color:#6d28d9 !important}

/* ════════════════════════════════════════════════════════════
   RUGBY + NETBALL (ntw-*) · PURPLE REFINEMENT v59
   Removes remaining brand-red from the shared ntw system so
   these pages sit fully on the agreed plum/violet/lavender
   palette. Premium treatment: deep plum anchors, violet
   gradient buttons, lavender hairlines.
   Palette: anchor #1A0E2E · violet #7C3AED · lavender #c084fc
   ════════════════════════════════════════════════════════════ */

/* ── Hero accents ── */
.ntw-eyebrow{color:#c084fc !important}
.ntw-eyebrow::before{background:#c084fc !important}
.ntw-h1 span{color:#c084fc !important}

/* ── Primary / ghost buttons (hero + everywhere) ── */
.ntw-btn-p{
  background:linear-gradient(135deg,#8B5CF6,#7C3AED) !important;
  color:#fff !important;
  box-shadow:0 6px 20px rgba(124,58,237,.30);
}
.ntw-btn-p:hover{background:linear-gradient(135deg,#7C3AED,#6D28D9) !important}
.ntw-btn-g:hover{border-color:#c084fc !important;color:#c084fc !important}

/* ── Section labels & red title accents ── */
.ntw-section-label{color:#8B4FC7 !important}
.ntw-section-label::before{background:#8B4FC7 !important}
.ntw-section-title em{color:#8B4FC7 !important;-webkit-text-stroke:0 !important}

/* ── Stats band: was solid brand red → deep plum with lavender hairlines ── */
.ntw-stats{
  background:linear-gradient(120deg,#170B2A 0%,#241442 55%,#1A0E2E 100%) !important;
  border-top:1px solid rgba(192,132,252,.28);
  border-bottom:1px solid rgba(192,132,252,.28);
}
.ntw-stat{border-right-color:rgba(192,132,252,.16) !important}
.ntw-stat__l{color:rgba(216,180,254,.65) !important}

/* ── Cards, icons, tickers, positions ── */
.ntw-who-card__icon svg{stroke:#7C3AED !important}
.ntw-tech-card:hover{border-color:#7C3AED !important}
.ntw-tech-card__icon svg{stroke:#7C3AED !important}
.ntw-tech-card__badge{background:rgba(124,58,237,.10) !important;color:#7C3AED !important}
.ntw-ticker__item em{color:#8B4FC7 !important}
.ntw-pos-grid{background:rgba(124,58,237,.08) !important}
.ntw-pos-card__abbr{color:#7C3AED !important}
.ntw-pos-card:hover .ntw-pos-icon svg{stroke:#c084fc !important}
.ntw-court__feature svg{stroke:#7C3AED !important}
.ntw-court__text .ntw-section-title em{color:#c084fc !important}

/* ── Final CTA: was brand red (then paper) → premium plum anchor
     mirroring the hero, violet gradient primary button ── */
.ntw-cta{
  background:linear-gradient(135deg,#170B2A 0%,#241442 60%,#1A0E2E 100%) !important;
  color:#fff !important;
}
.ntw-cta::before{color:rgba(255,255,255,.05) !important}
.ntw-cta__eyebrow{color:#c084fc !important}
.ntw-cta h2,.ntw-cta .ntw-cta__title{color:#fff !important}
.ntw-cta h2 em,.ntw-cta .ntw-cta__title em{color:#c084fc !important;-webkit-text-stroke:0 !important;font-style:normal}
.ntw-cta p,.ntw-cta .ntw-cta__sub{color:rgba(255,255,255,.62) !important}
.ntw-btn-dark{
  background:linear-gradient(135deg,#8B5CF6,#7C3AED) !important;
  color:#fff !important;
  box-shadow:0 6px 20px rgba(124,58,237,.30);
}
.ntw-btn-dark:hover{background:linear-gradient(135deg,#7C3AED,#6D28D9) !important}
.ntw-btn-wh{background:rgba(255,255,255,.07) !important;border-color:rgba(192,132,252,.35) !important}
.ntw-btn-wh:hover{background:rgba(192,132,252,.14) !important}

/* ── Rugby pages only: ghost watermark said 'NETBALL' ── */
.rugby-scope .ntw-cta::before{content:'RUGBY' !important}


/* ════════════════════════════════════════════════════════════
   SPORT TEAMWEAR · AUSTRALIAN GOLD MODE (.stw--gold)
   Applied when the page accent is Australian gold (#FFCD00).
   Bright gold stays on dark anchors; text-on-white shifts to
   deep gold for legibility; gold surfaces carry dark ink text.
   ════════════════════════════════════════════════════════════ */
.stw--gold{--stw-gold:#FFCD00;--stw-gold-deep:#8F6A00;--stw-gold-em:#9C7400;--stw-ink:#0A0A0A}

/* labels & accent words on white backgrounds → deep gold */
.stw--gold .stw-who .stw-label,
.stw--gold .stw-why .stw-label{color:var(--stw-gold-deep)}
.stw--gold .stw-who .stw-title em,
.stw--gold .stw-why .stw-title em{color:var(--stw-gold-em)}

/* primary buttons: gold surface, dark ink (green-and-gold convention) */
.stw--gold .stw-btn-primary{color:var(--stw-ink)}
.stw--gold .stw-btn-primary:hover{opacity:1;background:#E9BB00;border-color:#E9BB00;color:var(--stw-ink)}

/* hero badge circle: dark text on gold */
.stw--gold .stw-hero__badge .stw-badge-text{color:var(--stw-ink)}
.stw--gold .stw-hero__badge .stw-badge-sub{color:rgba(10,10,10,.7)}

/* accent who-card: dark ink on gold */
.stw--gold .stw-who-card--accent .stw-who-card-title{color:var(--stw-ink)}
.stw--gold .stw-who-card--accent .stw-who-card-desc{color:rgba(10,10,10,.65)}
.stw--gold .stw-who-card--accent .stw-who-num{color:rgba(10,10,10,.10)}

/* proof strip (gold background): dark ink text, inverted button */
.stw--gold .stw-proof-title{color:var(--stw-ink)}
.stw--gold .stw-proof-body{color:rgba(10,10,10,.75)}
.stw--gold .stw-proof-btn{background:var(--stw-ink);color:var(--stw-gold)}
.stw--gold .stw-proof-btn:hover{background:#fff;color:var(--stw-ink)}

/* featured club band: dark ink on gold tags, gold hover keeps ink text */
.stw--gold .stw-featured__eyebrow{color:var(--stw-gold-deep)}
.stw--gold .stw-featured__tag--accent{color:var(--stw-ink)}
.stw--gold .stw-featured__link:hover{background:var(--stw-gold);color:var(--stw-ink)}

/* ═══ ZBRANDS-FLAGSHIP EMBED (belt & braces — same rules as zbrands-flagship.css) ═══ */
/* ════════════════════════════════════════════════════════════
   ZEALOTS — Sub-Brand Flagship Blend
   DOMINATOR · QUADRA · THANGAM-24 · VYRA · generic zbrand
   Keeps every sub-brand COLOUR exactly as designed.
   Aligns the structural voice with the flagship theme:
   condensed-italic caps headings, tracked eyebrows, square
   corners, flagship button geometry, underline hovers.
   ════════════════════════════════════════════════════════════ */

/* 1 · Display headings → flagship voice (colours/sizes inherited) */
.dom-page [class*="__title"],.qua-page [class*="__title"],.t24-page [class*="__title"],
.vyra-page [class*="__title"],.zbrand [class*="__title"],
.dom-page [class*="__ghost"],.qua-page [class*="__ghost"],.t24-page [class*="__ghost"],
.vyra-page [class*="__ghost"],.zbrand [class*="__ghost"]{
  font-family:'Barlow Condensed',sans-serif !important;
  font-weight:800 !important;font-style:italic !important;
  letter-spacing:.01em !important;
}

/* 2 · Eyebrows, labels, ranks, badges → tracked flagship caps */
.dom-page [class*="__eyebrow"],.dom-page [class*="__label"],.dom-page [class*="__rank"],.dom-page [class*="__badge"],
.qua-page [class*="__eyebrow"],.qua-page [class*="__label"],.qua-page [class*="__rank"],.qua-page [class*="__badge"],
.t24-page [class*="__eyebrow"],.t24-page [class*="__label"],.t24-page [class*="__rank"],.t24-page [class*="__badge"],
.vyra-page [class*="__eyebrow"],.vyra-page [class*="__label"],.vyra-page [class*="__rank"],.vyra-page [class*="__badge"],
.zbrand [class*="__eyebrow"],.zbrand [class*="__label"],.zbrand [class*="__badge"]{
  font-family:'Barlow Condensed',sans-serif !important;font-style:normal !important;
  font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;
}

/* 3 · Buttons → flagship geometry (brand colours preserved) */
.dom-page [class*="btn-"],.qua-page [class*="btn-"],.t24-page [class*="btn-"],
.vyra-page [class*="btn-"],.zbrand [class*="btn-"]{
  border-radius:0 !important;
  font-family:'Barlow',sans-serif !important;font-size:13px !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.12em !important;
  padding:14px 24px !important;display:inline-flex !important;align-items:center;gap:10px;
  transition:opacity .15s,background .15s,color .15s !important;
}
.dom-page [class*="btn-"]:hover,.qua-page [class*="btn-"]:hover,.t24-page [class*="btn-"]:hover,
.vyra-page [class*="btn-"]:hover,.zbrand [class*="btn-"]:hover{opacity:.85}

/* 4 · Cards, tiles, images → square corners */
.dom-page [class*="card"],.dom-page [class*="tile"],.dom-page img,
.qua-page [class*="card"],.qua-page [class*="tile"],.qua-page img,
.t24-page [class*="card"],.t24-page [class*="tile"],.t24-page img,
.vyra-page [class*="card"],.vyra-page [class*="tile"],.vyra-page img,
.zbrand [class*="card"],.zbrand [class*="tile"],.zbrand img{
  border-radius:0 !important;
}

/* 5 · Ticker strips → flagship tracked caps */
.dom-page [class*="ticker__item"],.qua-page [class*="ticker__item"],.t24-page [class*="ticker__item"],
.vyra-page [class*="ticker__item"],.zbrand [class*="dna__item"]{
  font-family:'Barlow Condensed',sans-serif !important;font-weight:800 !important;
  font-style:italic !important;letter-spacing:.08em !important;text-transform:uppercase !important;
}

/* 6 · Spec rows / small links pick up underline hover */
.dom-page a:not([class*="btn-"]):hover,.qua-page a:not([class*="btn-"]):hover,
.t24-page a:not([class*="btn-"]):hover,.vyra-page a:not([class*="btn-"]):hover,
.zbrand a:not([class*="btn-"]):hover{
  text-decoration:underline;text-underline-offset:3px;
}


/* ════════════════════════════════════════════════════════════
   SCALE PASS — compress sub-brand pages to flagship proportions
   Same drama, flagship volume. Colours & layouts untouched.
   ════════════════════════════════════════════════════════════ */

/* 1 · Heroes: from full-viewport billboards to flagship masthead height */
.dom-page .dom-hero{height:auto !important;min-height:clamp(420px,52vh,560px) !important}
.zbrand .zbrand-hero{min-height:clamp(420px,52vh,560px) !important}
.vyra-page .vyra-hero{min-height:clamp(420px,52vh,560px) !important}
.t24-page .t24-hero{min-height:clamp(420px,52vh,560px) !important}

/* 2 · Hero titles: cap at flagship-masthead scale */
.dom-page .dom-hero__title{font-size:clamp(2.4rem,5.6vw,4.6rem) !important;line-height:.92 !important}
.zbrand .zbrand-hero__title{font-size:clamp(2.4rem,5.6vw,4.6rem) !important;line-height:.92 !important}
.vyra-page .vyra-hero__title{font-size:clamp(2.2rem,5vw,4.2rem) !important;line-height:.92 !important}
.t24-page [class*="hero__title"]{font-size:clamp(2.2rem,5vw,4.2rem) !important;line-height:.92 !important}
.qua-page [class*="hero__title"]{font-size:clamp(2.4rem,5.6vw,4.6rem) !important;line-height:.92 !important}

/* 3 · Hero subs: flagship body scale, tighter measure */
.dom-page [class*="hero__sub"],.qua-page [class*="hero__sub"],.t24-page [class*="hero__sub"],
.vyra-page [class*="hero__sub"],.zbrand [class*="hero__sub"]{
  font-size:14px !important;line-height:1.7 !important;max-width:52ch !important;
}

/* 4 · Section titles: flagship section-head scale */
.dom-page [class*="products__title"],.dom-page [class*="apparel__title"],.dom-page [class*="story__title"],.dom-page [class*="cta__title"],
.qua-page [class*="products__title"],.qua-page [class*="apparel__title"],.qua-page [class*="story__title"],.qua-page [class*="cta__title"],
.t24-page [class*="products__title"],.t24-page [class*="apparel__title"],.t24-page [class*="story__title"],.t24-page [class*="cta__title"],
.vyra-page [class*="products__title"],.vyra-page [class*="apparel__title"],.vyra-page [class*="story__title"],.vyra-page [class*="cta__title"],
.zbrand [class*="products__title"],.zbrand [class*="story__title"],.zbrand [class*="cta__title"]{
  font-size:clamp(1.6rem,3vw,2.5rem) !important;line-height:.95 !important;
}

/* 5 · Section rhythm: flagship padding scale */
.dom-page section,.qua-page section,.t24-page section,.vyra-page section,.zbrand section{
  padding-top:clamp(44px,5.5vw,72px) !important;
  padding-bottom:clamp(44px,5.5vw,72px) !important;
}
.dom-page .dom-hero,.zbrand .zbrand-hero,.vyra-page .vyra-hero,.t24-page .t24-hero{
  padding-top:0 !important;
}

/* 6 · Ghost watermarks: whisper, not billboard */
.dom-page [class*="__ghost"],.qua-page [class*="__ghost"],.t24-page [class*="__ghost"],
.vyra-page [class*="__ghost"],.zbrand [class*="__ghost"]{
  font-size:clamp(70px,11vw,150px) !important;opacity:.5;
}

/* 7 · Tickers: slimmer strips */
.dom-page [class*="ticker__item"],.qua-page [class*="ticker__item"],.t24-page [class*="ticker__item"],
.vyra-page [class*="ticker__item"],.zbrand [class*="dna__item"]{
  font-size:13px !important;
}
.dom-page [class*="ticker__track"],.qua-page [class*="ticker__track"],.t24-page [class*="ticker__track"],
.vyra-page [class*="ticker__track"],.zbrand [class*="dna__track"]{
  padding-top:10px !important;padding-bottom:10px !important;
}

/* 8 · Body copy & story text: flagship measure */
.dom-page [class*="story__body"],.qua-page [class*="story__body"],.t24-page [class*="story__body"],
.vyra-page [class*="story__body"],.zbrand [class*="story__body"],
.dom-page [class*="cta__sub"],.qua-page [class*="cta__sub"],.t24-page [class*="cta__sub"],
.vyra-page [class*="cta__sub"],.zbrand [class*="cta__sub"]{
  font-size:13.5px !important;line-height:1.75 !important;max-width:56ch !important;
}

/* 9 · Scroll hint: gone (flagship pages do not use it) */
.zbrand-hero__scroll{display:none !important}

/* 10 · Italic overhang fix for gradient/clipped title spans */
.dom-page [class*="__title"]>span,.dom-page [class*="__title"] em,.dom-page .gold-text,
.qua-page [class*="__title"]>span,.qua-page [class*="__title"] em,
.t24-page [class*="__title"]>span,.t24-page [class*="__title"] em,
.vyra-page [class*="__title"]>span,.vyra-page [class*="__title"] em,.vyra-page .purple-text,
.zbrand [class*="__title"]>span,.zbrand [class*="__title"] em{
  padding-right:.09em !important;-webkit-box-decoration-break:clone;box-decoration-break:clone;
}

/* ── Automatic discount progress (cart drawer + cart page) ───────── */
.cart-promo-bar{padding:12px 20px;background:rgba(232,0,61,.05);border-bottom:1px solid rgba(232,0,61,.18);flex-shrink:0}
.cart-promo-bar[hidden]{display:none}
.cart-promo-bar__msg{font-family:'Barlow',sans-serif;font-size:12px;color:#8f0026;margin-bottom:8px}
.cart-promo-bar__msg--done{color:#1a7a1a}
.cart-promo-bar__track{height:4px;background:#E8DADF;border-radius:2px;overflow:hidden}
.cart-promo-bar__fill{height:100%;background:var(--red,#E8003D);border-radius:2px;transition:width .4s ease}
.cart-promo-bar--done .cart-promo-bar__fill{background:#1a7a1a}
.cart-promo-bar__link{display:inline-block;margin-top:8px;font-family:'Barlow',sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8f0026;text-decoration:underline}
.cart-promo-bar--summary{margin:10px 0;padding:12px 14px;border:1px solid rgba(232,0,61,.18);border-radius:4px}

/* Badge state when the minimum has not been met yet */
.pfp-promo--pending{background:rgba(232,0,61,.04);border-style:dashed}


/* ════════════════════════════════════════════════════════════
   VYRA — PAGE ALIGNMENT & SCALE
   The page had two grids fighting each other: centred section
   heads sitting over full-bleed, left-aligned product panels,
   and portrait product shots stretching every panel to ~890px
   tall. These rules put the whole page on one axis (the site's
   48px gutter) and cap the panels. Scoped to .vyra-page only.
   ════════════════════════════════════════════════════════════ */

/* 1 · Section heads on the same vertical line as the panel copy below.
       The closing CTA stays centred — it is a sign-off, not a section head. */
.vyra-page .vyra-products__header,
.vyra-page .vyra-apparel__header{
  text-align:left !important;
  margin-bottom:clamp(24px,3vw,36px) !important;
}
.vyra-page .vyra-products__header .vyra-products__eyebrow,
.vyra-page .vyra-apparel__header .vyra-products__eyebrow{
  display:flex;align-items:center;gap:11px;margin-bottom:9px;
}
.vyra-page .vyra-products__header .vyra-products__eyebrow::before,
.vyra-page .vyra-apparel__header .vyra-products__eyebrow::before{
  content:'';flex:none;width:26px;height:2px;
  background:linear-gradient(90deg,#EC4899,#A855F7);
}

/* 2 · Section titles down to the Zealots section-head scale.
       At 40px they were competing with the 67px hero two screens up. */
.vyra-page .vyra-products__header .vyra-products__title,
.vyra-page .vyra-apparel__header .vyra-products__title{
  font-size:clamp(1.45rem,2.5vw,2.05rem) !important;
  line-height:1 !important;letter-spacing:.01em;
}

/* 3 · Product panels: a portrait studio shot was setting the row height,
       so every panel ran ~890px. Fixed cell, product shown whole. */
.vyra-page .vyra-panel{min-height:0 !important}
.vyra-page .vyra-panel__img{
  height:clamp(300px,32vw,440px);
  /* White, not lilac: these are studio shots on a white backdrop, and a
     tinted plate made each photo read as a pasted-in rectangle. */
  background:#FFFFFF;
  padding:clamp(16px,2.2vw,30px);
  box-sizing:border-box;
}
.vyra-page .vyra-panel__img img{
  width:100%;height:100%;min-height:0 !important;object-fit:contain;
}
.vyra-page .vyra-panel__img-ph{min-height:0 !important;height:100%}

/* 4 · Panel copy on the site gutter (was 64px against a 48px page) */
.vyra-page .vyra-panel__content{padding:clamp(26px,3.6vw,48px) !important}

/* 5 · The step number was 64px — larger than the section title it sat under */
.vyra-page .vyra-panel__num{
  font-size:clamp(1.5rem,2.2vw,2rem) !important;margin-bottom:4px !important;
}
.vyra-page .vyra-panel__name{font-size:clamp(1.4rem,2.6vw,2.1rem) !important}

@media(max-width:768px){
  .vyra-page .vyra-panel__img{height:clamp(240px,52vw,320px)}
}


/* ════════════════════════════════════════════════════════════
   VYRA — ONE MEASURE (follow-up to the alignment pass above)
   The heads sit in the site's .wrap (max 1440px, --pad gutter),
   but the product panels and the apparel grid ran edge-to-edge.
   Below 1440 that was invisible; above it the bands over-ran the
   site's own column by a growing margin — the "stretched" look.
   Both now use the same --max / --pad as .wrap, the header and
   the footer, so one left edge runs the whole page at any width.
   ════════════════════════════════════════════════════════════ */
.vyra-page .vyra-panel,
.vyra-page .vyra-apparel__grid{
  max-width:var(--max);
  margin-left:auto;margin-right:auto;
  padding-left:var(--pad);padding-right:var(--pad);
  box-sizing:border-box;
  background:transparent;
  border-top:none;
}

/* Panels: image plate and copy, vertically centred, air between them.
   The copy column loses its own gutter so its text starts exactly on
   the measure, level with the section head above it. */
.vyra-page .vyra-panel{column-gap:clamp(20px,2.6vw,40px);align-items:center}
.vyra-page .vyra-panel + .vyra-panel{margin-top:clamp(16px,2vw,28px)}
.vyra-page .vyra-panel__content{
  background:transparent !important;
  padding:clamp(16px,2vw,28px) 0 !important;
}
/* A deliberate product plate — tinted with a hairline — rather than an
   invisible white rectangle on a white section. */
.vyra-page .vyra-panel__img{
  height:clamp(290px,27vw,400px) !important;
  background:#FBF8FE !important;
  border:1px solid rgba(124,58,237,.14);
  padding:clamp(14px,1.8vw,26px) !important;
}

/* Apparel: the card image was 3/4 of a full-bleed column, so each card
   ran over 800px tall. Capped, gapped and bordered as a card set. */
.vyra-page .vyra-apparel__grid{gap:clamp(14px,1.6vw,22px)}
.vyra-page .vyra-acard{
  border:1px solid rgba(124,58,237,.14);
  box-shadow:0 1px 2px rgba(26,16,37,.04);
}
.vyra-page .vyra-acard__img,
.vyra-page .vyra-acard__img-ph{
  aspect-ratio:4/5 !important;
  height:clamp(250px,24vw,340px) !important;
  object-fit:cover;
}
@media(max-width:768px){
  .vyra-page .vyra-acard__img,
  .vyra-page .vyra-acard__img-ph{height:clamp(170px,42vw,240px) !important}
}