/** Shopify CDN: Minification failed

Line 38:0 All "@import" rules must come first
Line 2605:68 Unexpected "}"
Line 4237:64 Expected identifier but found "linear-gradient("
Line 4251:164 Expected identifier but found "linear-gradient("
Line 5062:34 Unexpected "}"
Line 15245:0 Expected "}" to go with "{"

**/

/* ── 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=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;
  --off:#F5F5F5;
  --g2:#EBEBEB;
  --g3:#D4D4D4;
  --g5:#8A8A8A;
  --g7:#3D3D3D;
  --dsp:'Bebas Neue','Barlow Condensed',sans-serif;
  --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)}

/* ── 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 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:100vh;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:100px 56px 80px;display:flex;flex-direction:column;justify-content:center}
.ccv-hero__right{background:#fff;position:relative;z-index:2;padding:60px 56px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.ccv-hero__left,.ccv-hero__right{padding:60px 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:20px;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(3.5rem,8vw,7rem);font-weight:400;line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:24px}
.ccv-h1 em{color:#E8003D;font-style:normal;display:block}
.ccv-sub{font-family:'Barlow',sans-serif;font-size:1rem;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:36px;max-width:480px}
.ccv-trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:36px}
.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.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0A0A0A;margin-bottom:4px}
.ccv-form-sub{font-family:'Barlow',sans-serif;font-size:13px;color:#888;margin-bottom:24px;line-height:1.5}
.ccv-field{margin-bottom:14px}
.ccv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ccv-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#555;margin-bottom:5px;display:block}
.ccv-input{width:100%;padding:11px 14px;border:1.5px solid #E0E0E0;border-radius:3px;font-family:'Barlow',sans-serif;font-size:14px;color:#111;outline:none;transition:border-color .15s;background:#fff;box-sizing:border-box}
.ccv-input:focus{border-color:#0A0A0A}
.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='%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}
.ccv-textarea{min-height:90px;resize:vertical}
.ccv-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:.14em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .2s}
.ccv-submit:hover{background:#c0002e}
.ccv-form-note{font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;text-align:center;margin-top:10px}

/* 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,#c8ff00,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:#c8ff00;margin-bottom:20px;
  display:flex;align-items:center;gap:10px
}
.zau-hero__eyebrow::before{content:'';width:32px;height:1px;background:#c8ff00}
.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:#c8ff00;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:#c8ff00;font-size:1.4rem}

/* Stats bar */
.zau-stats{
  background:#c8ff00;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:#071a07;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:#c8ff00;
  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:#c8ff00;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:#c8ff00}
.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:#c8ff00;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:#071a07;
  line-height:.9;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px
}
.zau-cta__title em{-webkit-text-stroke:2px #071a07;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:#071a07;color:#c8ff00;
  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 #071a07;transition:all .2s
}
.zau-cta__btn-dark:hover{background:transparent;color:#071a07}
.zau-cta__btn-out{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;background:transparent;color:#071a07;
  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:#071a07}

@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(--dsp);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: extends nav item hover zone downward over any gap ── */
.zmenu-nav-item--stage{position:static}


/* ── 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 — no JS needed, no gap possible */
.zmenu-nav-item--stage:hover .zmenu-stage{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.zmenu-nav-item--stage:hover .zmenu-nav-btn{color:var(--white);}
.zmenu-nav-item--stage:hover .zmenu-nav-btn::after{transform:scaleX(1);}
.zmenu-nav-item--stage:hover .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}
/* Bento-style grid */
.qua-products__grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:2px;background:rgba(200,200,200,.06);padding:2px}
@media(max-width:768px){.qua-products__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.qua-products__grid{grid-template-columns:1fr}}
.qua-pcard{background:#060606;position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.qua-pcard:first-child{grid-row:span 2}
@media(max-width:768px){.qua-pcard:first-child{grid-row:auto}}
/* 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%;min-height:260px;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%;min-height:280px;background:linear-gradient(135deg,#0a0a0a,#111);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(40px,5vw,64px) 0}
.qua-specs__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(200,200,200,.06)}
@media(max-width:700px){.qua-specs__inner{grid-template-columns:repeat(2,1fr)}}
.qua-spec{padding:22px 20px;border-right:1px solid rgba(200,200,200,.06);position:relative}
.qua-spec:last-child{border-right:none}
.qua-spec::before{content:attr(data-num);position:absolute;top:8px;right:12px;font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.2em;color:rgba(200,200,200,.12)}
.qua-spec__l{font-family:var(--hd);font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(249,250,251,.25);margin-bottom:6px}
.qua-spec__v{font-family:var(--hd);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;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:36px;text-align:center;
  font-family:var(--hd);font-size:13px;font-weight:700;color:var(--black);
}
/* 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;
}

/* ── 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)}