/** Shopify CDN: Minification failed

Line 38:0 All "@import" rules must come first
Line 2475:68 Unexpected "}"
Line 4102:64 Expected identifier but found "linear-gradient("
Line 4116:164 Expected identifier but found "linear-gradient("

**/

/* ── Eras Bold ITC — Brand Logo Font ── */
/* To use: upload ErasBoldITC.woff2 to Shopify admin → Content → Files */
/* Then uncomment the @font-face block below */
/*
@font-face {
  font-family: 'Eras Bold ITC';
  src: url('path/to/ErasBoldITC.woff2') format('woff2');
  font-weight: bold;
  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:9999;display:none}
.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{--zas-cols:3}}
@media(max-width:768px){.zas-grid{--zas-cols:2}}
@media(max-width:420px){.zas-grid{--zas-cols:1}}
.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 ── */
.pzas-tabs { display:flex; border-bottom:2px solid #E8E8E8; margin-bottom:32px }
.pzas-tab { font-family:'Barlow',sans-serif; font-size:14px; font-weight:500; color:#888; padding:14px 24px 14px 0; background:none; border:none; cursor:pointer; position:relative; margin-bottom:-2px; transition:color .15s }
.pzas-tab.active { color:#111; font-weight:600 }
.pzas-tab.active::after { content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px; background:#111 }



/* ── 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:0 16px 12px }
.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:#0A0A0A;padding:40px 32px;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s}
.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:#0A0A0A;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}
.ctw-how__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
@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:#0A0A0A;padding:40px 32px;position:relative}
.ctw-how__step-num{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:5rem;color:#E8003D;line-height:1;margin-bottom:20px;opacity:.9}
.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(255,255,255,.55);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:#F5F5F5;padding:96px 48px}
.ctw-cats__inner{max-width:1400px;margin:0 auto}
.ctw-cats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:0}
@media(max-width:700px){.ctw-cats__grid{grid-template-columns:1fr}}
.ctw-cat-card{position:relative;overflow:hidden;background:#0A0A0A;aspect-ratio:16/9;display:flex;align-items:flex-end;padding:32px;text-decoration:none}
.ctw-cat-card:first-child{grid-row:span 2;aspect-ratio:auto;min-height:480px}
.ctw-cat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%);z-index:1;transition:opacity .3s}
.ctw-cat-card:hover::before{opacity:.7}
.ctw-cat-card__content{position:relative;z-index:2}
.ctw-cat-card__tag{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#E8003D;margin-bottom:6px;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:8px;display:block}
.ctw-cat-card__arrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);display: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:#0A0A0A;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.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:#0A0A0A;padding:120px 48px;text-align:center;position:relative;overflow:hidden}
.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:#0A0A0A;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:#fff;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:rgba(255,255,255,.5);line-height:1.7;max-width:340px}
.ctw-portfolio__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:3px}
.ctw-pf-item{overflow:hidden;background:#1a1a1a;position:relative;cursor:pointer}
.ctw-pf-item:nth-child(1){grid-column:1/6;grid-row:1/3;aspect-ratio:auto;min-height:420px}
.ctw-pf-item:nth-child(2){grid-column:6/9;aspect-ratio:4/3}
.ctw-pf-item:nth-child(3){grid-column:9/13;aspect-ratio:4/3}
.ctw-pf-item:nth-child(4){grid-column:6/9;aspect-ratio:4/3}
.ctw-pf-item:nth-child(5){grid-column:9/13;aspect-ratio:4/3}
.ctw-pf-item:nth-child(6){grid-column:1/4;aspect-ratio:4/3}
.ctw-pf-item:nth-child(7){grid-column:4/8;aspect-ratio:4/3}
.ctw-pf-item:nth-child(8){grid-column:8/13;aspect-ratio:4/3}
@media(max-width:900px){
  .ctw-portfolio__grid{grid-template-columns:1fr 1fr}
  .ctw-pf-item{grid-column:auto!important;grid-row:auto!important;aspect-ratio:1/1!important;min-height:0!important}
}
@media(max-width:560px){.ctw-portfolio__grid{grid-template-columns:1fr}}
.ctw-pf-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease;filter:grayscale(20%)}
.ctw-pf-item:hover .ctw-pf-img{transform:scale(1.05);filter:grayscale(0%)}
.ctw-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:24px}
.ctw-pf-item:hover .ctw-pf-overlay{opacity:1}
.ctw-pf-club{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ctw-pf-sport{font-family:'Barlow',sans-serif;font-size:11px;color:#E8003D;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
/* placeholder for when no real images uploaded */
.ctw-pf-placeholder{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#1a1a1a 0%,#2a1a1a 100%);display:flex;align-items:center;justify-content:center}
.ctw-pf-placeholder-text{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-size:3rem;color:rgba(232,0,61,.15);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:20px}
.ctw-portfolio__footer{padding:40px 48px;text-align:center}
.ctw-portfolio__footer-text{font-family:'Barlow',sans-serif;font-size:13px;color:rgba(255,255,255,.4);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{background:#E8003D;padding:14px 0;overflow:hidden}
.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-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:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s ease;opacity:.5}
.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;
}
/* 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:hidden;min-height:260px}
.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;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:hidden;background:var(--off)}
.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:block;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:last-child{border-bottom:none}
.zmenu-stage__group-link:hover{color:var(--red);padding-left:6px}

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