1<!DOCTYPE html> 2<!--! WATA â https://wata.co â © 2026 WATA Drinks Ltd · Premium UK spring water, vitamin hydrate, zero-sugar energy, limited drops. Official brand site. --> 3<html lang="en" style="--gold: #bf9388; --lg: #f2e9e3; --dk: #0a0a0a;"><head>
4<script> 5 6 7 8 9 10 (function(){ 11 var PROD_HOSTS = ['wata.co', 'www.wata.co']; 12 if (PROD_HOSTS.indexOf(location.hostname) !== -1) { 13 document.documentElement.classList.add('wata-is-prod'); 14 } 15 })(); 16</script>
16 17<style> 18 19 html.wata-is-prod #design-toggle { display: none !important; } 20 21 html.wata-is-prod .wata-fund-pill, 22 html.wata-is-prod .wata-fund-modal { display: none !important; } 23 24 25 html.wata-is-prod #ap-cat-energy { 26 --accent: #7c3aed !important; 27 --accent-soft: rgba(124,58,237,0.10) !important; 28 } 29 html.wata-is-prod #ap-cat-limited { 30 --accent: #2563eb !important; 31 --accent-soft: rgba(37,99,235,0.10) !important; 32 } 33 34 35 body.wd-shopify-on #ap-cat-energy .ap-prod-grid, 36 body.wd-shopify-on #ap-cat-vh .ap-prod-grid { 37 grid-template-columns: repeat(2, 1fr); 38 } 39 @media (min-width: 760px) { 40 body.wd-shopify-on #ap-cat-energy .ap-prod-grid, 41 body.wd-shopify-on #ap-cat-vh .ap-prod-grid { 42 grid-template-columns: repeat(3, 1fr); 43 } 44 } 45 @media (min-width: 1100px) { 46 body.wd-shopify-on #ap-cat-energy .ap-prod-grid, 47 body.wd-shopify-on #ap-cat-vh .ap-prod-grid { 48 grid-template-columns: repeat(4, 1fr); 49 } 50 } 51</style> 52 53<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover"> 54<link rel="icon" type="image/svg+xml" href="/icon.svg"> 55<link rel="icon" type="image/png" sizes="32x32" href="/icons/icon-32.png"> 56<link rel="icon" type="image/png" sizes="16x16" href="/icons/icon-16.png"> 57<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 58<link rel="manifest" href="/site.webmanifest"> 59<meta name="theme-color" content="#000000"> 60<meta name="theme-color" content="#0a0a0a"> 61<title>WATA — Premium Spring Water, Energy Drinks & Limited Drops</title> 62<meta name="description" content="Premium UK drinks brand: longevity spring water, gut sodas, zero-sugar energy + on-tap powders. Limited edition drops with Newcastle United, Hydrate Or Die and Toon Star. Free UK delivery."> 63<meta property="og:type" content="website"> 64<meta property="og:site_name" content="WATA"> 65<meta property="og:title" content="WATA — Premium Spring Water, Energy Drinks & Limited Drops"> 66<meta property="og:description" content="Premium UK drinks brand: longevity spring water, gut sodas, zero-sugar energy + on-tap powders. Limited edition drops with Newcastle United, Hydrate Or Die and Toon Star. Free UK delivery."> 67<meta property="og:url" content="https://wata.co/"> 68<meta property="og:image" content="https://wata.co/uploads/break-merch-poster.jpg"> 69<meta name="twitter:card" content="summary_large_image"> 70<meta name="twitter:site" content="@drinkwataco"> 71<meta name="twitter:title" content="WATA — Premium Spring Water, Energy Drinks & Limited Drops"> 72<meta name="twitter:description" content="Premium UK drinks brand: longevity spring water, gut sodas, zero-sugar energy + on-tap powders. Limited edition drops with Newcastle United, Hydrate Or Die and Toon Star. Free UK delivery."> 73<meta name="twitter:image" content="https://wata.co/uploads/break-merch-poster.jpg"> 74<link rel="canonical" href="https://wata.co/">
75<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"WATA","alternateName":"WATA Drinks","url":"https://wata.co","logo":"https://wata.co/uploads/wata-mono-logo.svg","description":"Premium UK drinks brand. Spring water, vitamin hydrate, zero-sugar energy, on-tap powders, limited drops.","sameAs":["https://wata.co.uk","https://www.instagram.com/drinkwata"],"address":{"@type":"PostalAddress","addressCountry":"GB"}}</script>
vendor: 2 bytes, line 75
75
76<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"WATA","url":"https://wata.co","potentialAction":{"@type":"SearchAction","target":"https://wata.co/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
76 77<link rel="preconnect" href="https://fonts.googleapis.com"> 78<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 79<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" onload="this.onload=null;this.rel='stylesheet'"> 80<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap"></noscript> 81 82<link rel="preload" as="image" href="uploads/enegry%20wata%201-ef643d09.png" fetchpriority="high"> 83<link rel="preload" as="image" href="uploads/break-merch-poster.jpg" fetchpriority="high"> 84<link rel="stylesheet" href="cart.css"> 85<link rel="stylesheet" href="drops.css"> 86<style> 87*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} 88:root{ 89 --dk:#0a0a0a;--dk2:#111;--dk3:#1a1a1a;--bdr:rgba(255,255,255,0.07);--dim:rgba(242,242,240,0.45);--wh:#f3f3f1; 90 --lg:#C4B8B0;--lt:#1a1614;--lb:rgba(26,22,20,0.5);--lbdr:rgba(26,22,20,0.1); 91 --wt:#F6F4F1;--wtt:#111110;--wtd:rgba(17,17,16,0.45);--wtb:rgba(17,17,16,0.08); 92 --gold:#C4956A;--gdim:rgba(196,149,106,0.12);--ann-h:40px; 93} 94html{scroll-behavior:smooth} 95body{background:var(--dk);color:var(--wh);font-family:'DM Sans',sans-serif;overflow-x:hidden} 96 97 98#ann{position:fixed;top:0;top:env(safe-area-inset-top,0);left:0;right:0;z-index:600;height:var(--ann-h);background:var(--gold);display:flex;align-items:center;overflow:hidden} 99.ann-t{display:flex;align-items:center;gap:40px;animation:marq 28s linear infinite;white-space:nowrap} 100.ann-i{display:inline-flex;align-items:center;gap:8px;padding:0 20px;font-size:12px;font-weight:500;letter-spacing:0.08em;color:var(--dk);flex-shrink:0} 101#ann-x{position:absolute;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--dk);opacity:0.6;line-height:1;padding:0 8px} 102#ann-x:hover{opacity:1} 103 104 105#nav{position:fixed;top:var(--ann-h);top:calc(var(--ann-h) + env(safe-area-inset-top,0));left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;border-bottom:1px solid transparent;transition:background 0.4s,border-color 0.4s,transform 0.3s cubic-bezier(0.4,0,0.2,1)} 106#nav.dk{background:rgba(10,10,10,0.94);backdrop-filter:blur(20px);border-color:var(--bdr)} 107#nav.lg{background:rgba(196,184,176,0.95);backdrop-filter:blur(20px);border-color:var(--lbdr)} 108#nav.wt{background:rgba(246,244,241,0.95);backdrop-filter:blur(20px);border-color:var(--wtb)} 109.nav-logo{height:22px;width:auto;transition:filter 0.4s} 110#nav.dk .nav-logo{filter:brightness(10)} 111#nav.lg .nav-logo,#nav.wt .nav-logo{filter:brightness(0)} 112.nls{display:flex;align-items:center;gap:26px} 113.nl{font-size:11px;letter-spacing:0.13em;text-transform:uppercase;text-decoration:none;opacity:0.45;transition:opacity 0.2s} 114#nav.dk .nl{color:var(--wh)}#nav.lg .nl{color:var(--lt)}#nav.wt .nl{color:var(--wtt)} 115.nl:hover{opacity:1} 116.nav-cta{font-size:11px;letter-spacing:0.13em;text-transform:uppercase;padding:9px 20px;text-decoration:none;font-weight:500;transition:background 0.2s} 117#nav.dk .nav-cta{background:var(--wh);color:var(--dk)}#nav.dk .nav-cta:hover{background:var(--gold)} 118#nav.lg .nav-cta{background:var(--lt);color:var(--lg)}#nav.wt .nav-cta{background:var(--wtt);color:var(--wt)} 119 120 121.ldot{width:7px;height:7px;border-radius:50%;background:#3dd56d;animation:pulse 2s ease-in-out infinite;flex-shrink:0} 122.h-scroll{position:absolute;bottom:32px;right:48px;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(242,242,240,0.18);writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;opacity:0;animation:fadeUp 0.6s 2s forwards;z-index:3} 123.h-scroll::after{content:'';display:block;width:1px;height:40px;background:rgba(242,242,240,0.1)} 124 125 126#design-toggle{position:fixed;bottom:18px;right:18px;z-index:7000;transition:bottom 0.4s cubic-bezier(0.16,1,0.3,1)} 127 128body.alt-design.nudge-on #design-toggle,#nudge.show ~ #design-toggle{bottom:74px} 129@media (max-width:720px){ 130 body.alt-design.nudge-on #design-toggle,#nudge.show ~ #design-toggle{bottom:96px} 131} 132#design-toggle .dt-trigger{display:inline-flex;align-items:center;gap:8px;background:#e0a468;border:1px solid #e0a468;color:#0a0a0a;padding:8px 16px;border-radius:100px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;box-shadow:0 8px 30px rgba(0,0,0,0.45);transition:background 0.2s,border-color 0.2s,transform 0.18s} 133#design-toggle .dt-trigger:hover{background:#f0b478;transform:translateY(-1px)} 134.dt-popup{position:absolute;bottom:calc(100% + 10px);right:0;width:280px;background:rgba(15,15,15,0.95);
134backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border:1px solid rgba(248,245,240,0.14);border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,0.55);font-family:'DM Sans',sans-serif;display:none} 135.dt-popup.is-open{display:block} 136.dt-h{font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(248,245,240,0.55);margin:0 0 8px;font-weight:500} 137.dt-h-note{opacity:0.6;font-weight:400;text-transform:none;letter-spacing:0.04em;margin-left:4px} 138.dt-switch{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 4px;user-select:none} 139.dt-switch input{position:absolute;opacity:0;pointer-events:none} 140.dt-switch-label{flex:1;font-size:13px;font-weight:500;color:#f5f3ee;letter-spacing:0.01em} 141.dt-switch-track{width:38px;height:22px;background:rgba(248,245,240,0.14);border-radius:100px;position:relative;flex-shrink:0;transition:background 0.25s} 142.dt-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#f5f3ee;border-radius:50%;transition:transform 0.25s,background 0.25s;box-shadow:0 2px 6px rgba(0,0,0,0.35)} 143.dt-switch input:checked ~ .dt-switch-track{background:var(--switch-on,#e85050)} 144.dt-switch input:checked ~ .dt-switch-track .dt-switch-knob{transform:translateX(16px);background:#fff} 145.dt-camp-row{display:flex;align-items:center;gap:8px} 146.dt-camp-row .dt-camp-active-switch{flex:1;min-width:0} 147.dt-camp-state{flex-shrink:0;font-family:'DM Sans',sans-serif;font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;color:rgba(248,245,240,0.85);background:rgba(248,245,240,0.08);border:1px solid rgba(248,245,240,0.18);border-radius:100px;padding:5px 22px 5px 10px;cursor:pointer;outline:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23f5f3ee' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='2 2 6 6 10 2'/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;transition:background-color 0.2s,border-color 0.2s} 148.dt-camp-state[data-state="coming-soon"]{background-color:rgba(232,80,80,0.18);border-color:rgba(232,80,80,0.5);color:#ffb1b1} 149.dt-camp-state[data-state="live"]{background-color:rgba(76,200,120,0.18);border-color:rgba(76,200,120,0.5);color:#9be6b6} 150.dt-camp-clear{display:block;width:100%;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;font-weight:500;color:rgba(248,245,240,0.5);background:transparent;border:1px solid rgba(248,245,240,0.12);padding:8px 10px;border-radius:100px;cursor:pointer;margin-top:8px;transition:color 0.2s,border-color 0.2s} 151.dt-camp-clear:hover{color:#fff;border-color:rgba(248,245,240,0.32)} 152.dt-mp-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0.06em;color:rgba(248,245,240,0.72);cursor:pointer;gap:10px} 153.dt-mp-row input{appearance:none;-webkit-appearance:none;width:34px;height:18px;border-radius:100px;background:rgba(248,245,240,0.16);border:1px solid rgba(248,245,240,0.18);position:relative;cursor:pointer;transition:background 0.2s,border-color 0.2s;flex-shrink:0;margin:0} 154.dt-mp-row input::before{content:'';position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#f5f3ee;transition:transform 0.2s} 155.dt-mp-row input:checked{background:#3dd56d;border-color:#3dd56d} 156.dt-mp-row input:checked::before{transform:translateX(16px)} 157.dt-mp-row span{flex:1;text-align:left} 158body:not(.alt-design) #dt-campaign-row{opacity:0.4;pointer-events:none} 159body:not(.alt-design) #dt-campaign-row .dt-h-note{opacity:1} 160@media (max-width:720px){ 161 #design-toggle{bottom:12px;right:12px} 162 #design-toggle .dt-trigger{padding:7px 12px;font-size:9.5px;letter-spacing:0.06em} 163 .dt-popup{width:240px;padding:14px} 164 .dt-row .dt-opt{font-size:9.5px;padding:7px 8px;letter-spacing:0.06em} 165} 166 167 168@property --ah-c1 { syntax: '<color>'; inherits: true; initial-value: #c4956a; } 169@property --ah-c2 { syntax: '<color>'; inherits: true; initial-value: #3a1810; } 170@property --ah-text { syntax: '<color>'; inherits: true; initial-value: #fff5e6; } 171@property --ah-deco { syntax: '<color>'; inherits: true; initial-value: rgba(255,221,170,0.55); } 172.alt-hero{height:100vh;height:100svh;min-height:680px;background:#0a0a0a;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:calc(var(--ann-h) + 84px) 24px 24px;position:relative;overflow:hidden;--ah-c1:#c4956a;--ah-c2:#3a1810;--ah-text:#fff5e6;--ah-deco:rgba(255,221,170,0.55);transition:--ah-c1 0.7s ease,--ah-c2 0.7s ease,--ah-text 0.4s ease,--ah-deco 0.5s ease} 173 174 175.campaign-hero{display:none;position:relative;height:100vh;height:100svh;min-height:680px;background:#000;overflow:hidden} 176.alt-design.campaign-on .campaign-hero{display:block} 177.alt-design.campaign-on #hero-alt{display:none} 178.campaign-hero .ch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} 179.campaign-hero .ch-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 50%, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.78) 100%)} 180.campaign-hero .ch-overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--ann-h) + 84px) 24px 56px;color:#f5f3ee} 181.campaign-hero .ch-eye{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(248,245,240,0.78);margin:0 0 28px;font-weight:500;text-shadow:0 2px 16px rgba(0,0,0,0.55)} 182.campaign-hero .ch-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(96px,18vw,280px);line-height:0.84;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;margin:0 0 44px;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,0.6)} 183.campaign-hero .ch-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0a0a0a;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;padding:16px 32px;border-radius:100px;text-decoration:none;transition:background 0.2s,transform 0.2s,gap 0.2s;box-shadow:0 12px 36px rgba(0,0,0,0.45)}
184.campaign-hero .ch-cta:hover{background:#e85050;color:#fff;transform:translateY(-2px);gap:14px} 185@media (max-width:720px){ 186 .campaign-hero .ch-eye{font-size:11px;letter-spacing:0.18em;margin:0 0 22px} 187 .campaign-hero .ch-h{font-size:clamp(64px,22vw,128px);margin:0 0 32px} 188 .campaign-hero .ch-cta{font-size:11px;padding:13px 26px;letter-spacing:0.14em} 189} 190.ah-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 110% 90% at 50% 38%, var(--ah-c1) 0%, var(--ah-c2) 75%, var(--ah-c2) 100%)} 191.ah-eyebrow{position:relative;z-index:3;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--ah-text);opacity:0.65;text-align:center;font-weight:500;margin:0} 192.ah-deco{position:absolute;color:var(--ah-deco);pointer-events:none;z-index:1;transition:color 0.5s ease} 193.ah-deco-tl{top:16%;left:5vw;transform:rotate(-15deg)} 194.ah-deco-tr{top:14%;right:5vw;transform:rotate(8deg)} 195.ah-deco-bl{bottom:30%;left:7vw;transform:rotate(10deg)} 196.ah-deco-br{bottom:26%;right:5vw;transform:rotate(-4deg)} 197.ah-stage{position:relative;z-index:2;display:grid;grid-template-areas:"stack";grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;align-self:center;min-height:0;touch-action:pan-y} 198.ah-slide{grid-area:stack;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;opacity:0;transform:scale(0.96);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1);pointer-events:none} 199.ah-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto} 200.ah-bigtext{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(150px,30vw,400px);line-height:0.85;letter-spacing:-0.02em;color:var(--ah-text);text-transform:uppercase;text-align:center;margin:0;user-select:none;pointer-events:none;white-space:nowrap;text-shadow:0 0 80px rgba(0,0,0,0.25);z-index:1} 201.ah-can{position:relative;max-height:62vh;max-width:55vw;width:auto;height:auto;object-fit:contain;filter:saturate(0.94) contrast(1.04) drop-shadow(0 60px 60px rgba(0,0,0,0.55)) drop-shadow(0 24px 24px rgba(0,0,0,0.35)) drop-shadow(0 6px 6px rgba(0,0,0,0.55));z-index:2;pointer-events:none;transform:rotate(0.5deg)} 202.alt-hero .ah-slide.is-active .ah-can{pointer-events:auto;cursor:pointer} 203 204.ah-slide.is-active::after{content:'';position:absolute;left:50%;bottom:6%;width:50%;height:48px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 100% at 50% 0%, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 35%, transparent 75%);filter:blur(14px);z-index:1;pointer-events:none} 205.ah-meta{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 12px;min-width:0;width:100%} 206.ah-label{display:flex;flex-direction:column;gap:6px;align-items:flex-start} 207.ah-label-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,44px);letter-spacing:0.02em;line-height:1;color:var(--ah-text);text-transform:uppercase} 208.ah-label-tag{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ah-text);opacity:0.65} 209.ah-label-cta{margin-top:14px;display:inline-block;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ah-text);text-decoration:none;border-bottom:1px solid currentColor;opacity:0.9;padding-bottom:3px;transition:opacity 0.2s,letter-spacing 0.2s} 210.ah-label-cta:hover{opacity:1;letter-spacing:0.22em} 211.ah-counter{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,4.5vw,56px);line-height:1;color:var(--ah-text);letter-spacing:0.04em;display:flex;align-items:baseline;gap:4px} 212.ah-counter-cur{font-weight:500}.ah-counter-sep{opacity:0.4;font-size:0.7em}.ah-counter-tot{opacity:0.5} 213.ah-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 12px;margin-top:6px} 214.ah-arrow{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);color:var(--ah-text);font-size:18px;
214cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.2s,border-color 0.2s;font-family:'DM Sans',sans-serif} 215.ah-arrow:hover{background:rgba(255,255,255,0.16);transform:translateY(-2px)} 216.ah-arrow:active{transform:scale(0.95)} 217.ah-dots{display:flex;gap:10px;align-items:center} 218.ah-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;cursor:pointer;padding:0;transition:background 0.25s,width 0.25s,border-radius 0.25s} 219.ah-dot.is-active{background:var(--ah-text);width:30px;border-radius:5px} 220.ah-dot:hover:not(.is-active){background:rgba(255,255,255,0.5)} 221 222 223body.alt-design{--ann-h:32px} 224.alt-design #ann{height:var(--ann-h);background:rgba(0,0,0,0.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.06)} 225.alt-design .ann-i{color:rgba(255,255,255,0.75);font-size:11px;letter-spacing:0.05em;font-weight:400} 226.alt-design .ann-i strong{color:#fff;font-weight:600} 227.alt-design #ann-x{color:rgba(255,255,255,0.55);font-size:16px} 228.alt-design #ann-x:hover{color:#fff} 229.alt-design #nav{padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background 0.35s,backdrop-filter 0.35s,border-color 0.35s} 230.alt-design #nav .nav-logo{position:relative;left:auto;top:auto;transform:none;height:20px;flex-shrink:0;filter:brightness(10);transition:filter 0.35s;margin:0;display:block} 231.alt-design #nav .nls{position:relative;flex:0 0 auto;width:auto;padding:0;display:flex;align-items:center;gap:10px;justify-content:flex-end} 232.alt-design #nav .nl{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:500;color:rgba(255,255,255,0.7);opacity:1;transition:color 0.2s,opacity 0.2s} 233.alt-design #nav .nl:hover{color:#fff} 234.alt-design #nav .nav-cta{position:relative;right:auto;top:auto;transform:none;background:rgba(255,255,255,0.14);color:#fff;border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 18px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-size:10.5px;letter-spacing:0.14em;font-weight:600;flex-shrink:0;line-height:1} 235.alt-design #nav .nav-cta:hover{background:rgba(255,255,255,0.95);color:#0a0a0a;border-color:rgba(255,255,255,0.95);transform:translateY(-1px)} 236.alt-design.nav-over-hero #nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important} 237.alt-design:not(.nav-over-hero) #nav{background:rgba(10,10,10,0.6)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.06)} 238.alt-design .mq{padding:11px 0} 239.alt-design .mq-dk{background:#0a0a0a;border-color:rgba(255,255,255,0.04)} 240.alt-design .mq-dk .mq-item{color:rgba(255,255,255,0.32);font-family:'DM Sans',sans-serif;font-weight:300;font-size:13px;letter-spacing:0.18em;text-transform:uppercase} 241.alt-design .mqdot{background:rgba(255,255,255,0.25)} 242@media (max-width:1100px){ 243 .alt-hero{padding:calc(var(--ann-h) + 76px) 20px 20px} 244 .ah-bigtext{font-size:clamp(120px,28vw,300px)} 245 .alt-design #nav .nls{gap:22px} 246 .alt-design #nav .nl{font-size:10.5px;letter-spacing:0.13em} 247} 248@media (max-width:720px){ 249 .alt-hero{min-height:560px;padding:calc(var(--ann-h) + 70px) 16px 18px;gap:10px} 250 .ah-eyebrow{font-size:9.5px;letter-spacing:0.18em} 251 .ah-deco-tl{top:13%;left:2vw} 252 .ah-deco-tr{top:10%;right:2vw} 253 .ah-deco-bl{bottom:34%;left:3vw} 254 .ah-deco-br{bottom:30%;right:3vw} 255 .ah-deco svg{width:50px;height:50px} 256 .ah-bigtext{font-size:clamp(110px,33vw,200px)} 257 .ah-can{max-height:46vh;max-width:70vw} 258 .ah-meta{padding:0 6px} 259 .ah-label-name{font-size:clamp(24px,7vw,32px)} 260 .ah-label-tag{font-size:10px;letter-spacing:0.14em} 261 .ah-label-cta{margin-top:10px;font-size:10px} 262 .ah-counter{font-size:34px} 263 .ah-controls{margin-top:0;padding:0;gap:14px} 264 .ah-arrow{width:42px;height:42px;font-size:15px} 265 .ah-dot{width:7px;height:7px} 266 .ah-dot.is-active{width:24px} 267 body.alt-design{--ann-h:28px} 268 .alt-design #nav{padding:11px 14px;gap:6px} 269 .alt-design #nav .nls{gap:6px} 270 .alt-design #nav .nav-logo{height:18px} 271 272 .alt-design #nav .nav-cta{right:auto;padding:0 12px;
272height:34px;font-size:9.5px;letter-spacing:0.1em;margin:0} 273 .alt-design .nav-burger{width:34px;height:34px} 274 .nav-locale{padding:0 10px;height:34px;font-size:9px;letter-spacing:0.06em;gap:4px} 275 .alt-design .ann-i{font-size:10px} 276 .alt-design .mq{padding:9px 0} 277 .alt-design .mq-dk .mq-item{font-size:11px;letter-spacing:0.14em} 278} 279 280 281 282.alt-design .ah-can{filter:none} 283.alt-design .ah-slide.is-active::after{display:none} 284.alt-design .pc-img{filter:none;transform:none} 285.alt-design .pc-iw::after{display:none} 286.alt-design .leg-ci{filter:none} 287.alt-design .cc-card img{filter:none} 288 289 290@keyframes ah-float-can{ 291 0%,100%{transform:translateY(0) rotate(0.6deg) scale(1)} 292 50%{transform:translateY(-14px) rotate(-0.6deg) scale(1.005)} 293} 294.alt-design .ah-can{transform:rotate(0.6deg);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)} 295.alt-design .ah-slide.is-active .ah-can{animation:ah-float-can 5.5s ease-in-out infinite} 296 297.alt-design .ah-stage[data-dir="next"] .ah-slide:not(.is-active) .ah-can{transform:translateX(50px) rotate(3deg) scale(0.92)} 298.alt-design .ah-stage[data-dir="prev"] .ah-slide:not(.is-active) .ah-can{transform:translateX(-50px) rotate(-3deg) scale(0.92)} 299.alt-design .ah-bigtext{transition:transform 0.55s cubic-bezier(0.4,0,0.2,1)} 300.alt-design .ah-stage[data-dir="next"] .ah-slide:not(.is-active) .ah-bigtext{transform:translate(-65%, -50%)} 301.alt-design .ah-stage[data-dir="prev"] .ah-slide:not(.is-active) .ah-bigtext{transform:translate(-35%, -50%)} 302 303.alt-design .pc:hover .pc-img{transform:translateY(-6px) scale(1.04) rotate(-0.3deg)} 304 305 306.alt-design #manifesto{background:radial-gradient(ellipse 110% 90% at 50% 30%, #1a1a18 0%, #0e0e0c 55%, #050504 100%) !important;border-bottom:none !important;padding:140px 48px;position:relative;overflow:hidden} 307 308.alt-design #manifesto::before{content:'WATA';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(320px,46vw,720px);line-height:0.85;letter-spacing:-0.02em;color:transparent;-webkit-text-stroke:1.5px rgba(248,245,240,0.07);pointer-events:none;user-select:none;white-space:nowrap;z-index:0;animation:mf-ghost-drift 16s ease-in-out infinite} 309@keyframes mf-ghost-drift{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 14px)) scale(1.015)}} 310 311.alt-design #manifesto::after{content:'';position:absolute;inset:0;background: 312 radial-gradient(circle at 6vw 12%, transparent 38px, rgba(248,245,240,0.16) 39px, rgba(248,245,240,0.16) 40px, transparent 41px), 313 radial-gradient(circle at calc(100% - 6vw) 16%, transparent 22px, rgba(248,245,240,0.14) 23px, rgba(248,245,240,0.14) 24px, transparent 25px), 314 radial-gradient(circle at 9vw 84%, transparent 18px, rgba(248,245,240,0.12) 19px, rgba(248,245,240,0.12) 20px, transparent 21px), 315 radial-gradient(circle at calc(100% - 9vw) 78%, transparent 30px, rgba(248,245,240,0.1) 31px, rgba(248,245,240,0.1) 32px, transparent 33px); 316 pointer-events:none;z-index:0} 317.alt-design #manifesto > div{position:relative;z-index:1;align-items:start !important;gap:60px !important} 318.alt-design .mf-lines{font-size:clamp(48px, 7vw, 108px) !important;letter-spacing:0.005em;line-height:1.0} 319 320.alt-design .mf-g{color:#e8e3da !important;opacity:0.65} 321.alt-design .mf-out{color:transparent !important;-webkit-text-stroke:1.5px rgba(248,245,240,0.4) !important} 322 323.alt-design .mf-stats{background:linear-gradient(135deg, rgba(248,245,240,0.06), rgba(248,245,240,0.015)) !important;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:1px solid rgba(248,245,240,0.12);border-radius:20px;padding:30px 36px !important;gap:48px !important;display:inline-flex !important;flex-wrap:wrap;margin-top:8px} 324.alt-design .mfs-n{color:#f5f3ee !important;font-size:clamp(42px, 4.7vw, 68px) !important} 325.alt-design .mfs-l{color:rgba(248,245,240,0.55) !important;letter-spacing:0.16em;font-size:11px} 326 327.alt-design .mf-right{font-size:clamp(56px, 8vw, 120px) !important;background:linear-gradient(135deg, rgba(248,245,240,0.05), rgba(248,245,240,0.012)) !important;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:1px solid rgba(248,245,240,0.12);border-radius:24px;padding:48px 44px;line-height:0.92;letter-spacing:0.01em;align-self:center;color:#f5f3ee} 328.alt-design .mf-right > div{display:block} 329.alt-design #manifesto p.rev{font-size:15.5px !important;color:rgba(248,245,240,0.6) !important;line-height:1.7 !important;max-width:440px} 330 331 332.alt-design .shop-tab-bar{background:rgba(0,0,0,0.55) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.06) !important} 333.alt-design .stb{font-family:'Bebas Neue',sans-serif;font-size:clamp(16px,1.7vw,22px);color:rgba(255,255,255,0.4);letter-spacing:0.14em;padding:22px 0;transition:color 0.3s,border-color 0.3s,background 0.3s} 334.alt-design .stb.active{color:#fff;border-color:#f5f3ee;background:linear-gradient(180deg, transparent 0%, rgba(248,245,240,0.05) 100%)} 335.alt-design .stb:hover{color:#fff} 336 337 338.alt-design #tab-beverages > .rh-lg, 339.alt-design #tab-beverages > div.rh.rh-lg{background:radial-gradient(ellipse 100% 100% at 50% 25%, #ece8e2 0%, #b8b2a8 50%, #6e6962 100%) !important;padding:140px 48px 90px;position:relative;overflow:hidden} 340 341.alt-design #tab-beverages > .rh.rh-lg::before{content:'';position:absolute;inset:0;background: 342 radial-gradient(circle at 6vw 14%, transparent 32px, rgba(28,26,24,0.16) 33px, rgba(28,26,24,0.16) 34px, transparent 35px), 343 radial-gradient(circle at calc(100% - 7vw) 18%, transparent 22px, rgba(28,26,24,0.14) 23px, rgba(28,26,24,0.14) 24px, transparent 25px), 344 radial-gradient(circle at 8vw 78%, transparent 16px, rgba(28,26,24,0.12) 17p
344x, rgba(28,26,24,0.12) 18px, transparent 19px); 345 pointer-events:none;z-index:0} 346.alt-design #tab-beverages > .rh.rh-lg .rh-inner{position:relative;z-index:1} 347.alt-design #tab-beverages > .pg-wrap{background:linear-gradient(180deg, #6e6962 0%, #3a3835 100%) !important;padding-top:40px;padding-bottom:96px;position:relative} 348.alt-design .rh-lg .rh-inner{align-items:flex-end} 349.alt-design .rh-lg .rh-h{font-size:clamp(72px, 11vw, 168px) !important;letter-spacing:0.01em;line-height:0.85;color:#1a1a18 !important} 350.alt-design .rh-lg .rh-ey{color:rgba(28,26,24,0.55) !important;font-weight:500;letter-spacing:0.2em} 351.alt-design .rh-lg .rh-sub{color:rgba(28,26,24,0.7) !important;font-style:normal;font-weight:300;font-size:15.5px;line-height:1.75;max-width:380px} 352.alt-design .rh-lg .rh-ghost{color:transparent !important;-webkit-text-stroke:1.5px rgba(28,26,24,0.11) !important;opacity:1;font-size:clamp(260px, 42vw, 640px) !important} 353 354 355.alt-design .pgb-lg{background:transparent !important} 356.alt-design #tab-beverages > .pg-wrap > .pg{gap:22px !important} 357.alt-design .pc-lg{background:linear-gradient(155deg, rgba(248,245,240,0.55) 0%, rgba(248,245,240,0.28) 100%) !important;backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);border:1px solid rgba(248,245,240,0.6) !important;border-radius:22px;padding:42px 32px 32px !important;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,box-shadow 0.5s,border-color 0.3s} 358.alt-design .pc-lg:hover{background:linear-gradient(155deg, rgba(248,245,240,0.72) 0%, rgba(248,245,240,0.42) 100%) !important;transform:translateY(-10px);box-shadow:0 32px 70px rgba(20,18,16,0.32);border-color:rgba(248,245,240,0.85) !important} 359.alt-design .pc-lg .pc-iw{height:280px !important;min-height:280px !important;padding:14px 0 32px !important} 360.alt-design .pc-lg .pc-img{max-height:260px !important} 361.alt-design .pc-lg:hover .pc-img{transform:translateY(-8px) scale(1.05) rotate(-0.4deg) !important} 362@keyframes lg-can-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} 363.alt-design .pc-lg .pc-img{animation:lg-can-float 6s ease-in-out infinite} 364.alt-design .pc-lg:nth-child(2) .pc-img{animation-delay:1.5s} 365.alt-design .pc-lg:nth-child(3) .pc-img{animation-delay:3s} 366.alt-design .pc-lg .pc-badge.b-new{background:#1a1a18;color:#f5f3ee;border-radius:100px;padding:5px 11px;font-weight:600} 367.alt-design .pc-lg .pc-badge.b-ltd{background:rgba(28,26,24,0.06);border:1px solid rgba(28,26,24,0.3);color:#1a1a18;border-radius:100px;padding:5px 11px;font-weight:600} 368.alt-design .pc-lg .pc-tag{color:rgba(28,26,24,0.5);font-weight:500;font-size:10.5px;letter-spacing:0.18em} 369.alt-design .pc-lg .pc-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px, 2.6vw, 42px);color:#1a1a18;letter-spacing:0.02em;line-height:0.95;margin-bottom:8px} 370.alt-design .pc-lg .pc-desc{color:rgba(28,26,24,0.65);line-height:1.6;font-size:12.5px} 371.alt-design .pc-lg .pc-ft{border-top-color:rgba(28,26,24,0.14) !important;padding-top:18px} 372.alt-design .pc-lg .pc-price{color:#1a1a18;font-size:18px;font-weight:500} 373.alt-design .pc-lg .pc-btn-lg{background:#1a1a18;color:#f5f3ee;border:1px solid #1a1a18;border-radius:100px;padding:11px 20px;font-weight:600;letter-spacing:0.14em} 374.alt-design .pc-lg .pc-btn-lg:hover{background:#000;border-color:#000;color:#fff} 375.alt-design .pc-lg .fmt-row{background:transparent;gap:6px;margin-bottom:16px} 376.alt-design .pc-lg .fmt-btn{background:rgba(28,26,24,0.06);border:1px solid rgba(28,26,24,0.12);color:#1a1a18;border-radius:100px;font-weight:500;padding:8px 14px} 377.alt-design .pc-lg .fmt-btn.act{background:#1a1a18;color:#f5f3ee;border-color:#1a1a18} 378 379 380.alt-design .ing-strip-lg{background:linear-gradient(180deg, #3a3835 0%, #1a1a18 100%) !important;border-top-color:rgba(28,26,24,0.12) !important;border-bottom-color:rgba(28,26,24,0.12) !important} 381.alt-design .ing-strip-lg .ing-name,.alt-design .ing-strip-lg .ing-icon{color:#f5f3ee !important} 382.alt-design .ing-strip-lg .ing-desc{color:rgba(248,245,240,0.7) !important} 383 384 385 386.alt-design .mq.mq-dk{padding:14px 0 !important;background:#0e0e0c !important;border-top:1px solid rgba(248,245,240,0.05) !important;border-bottom:1px solid rgba(248,245,240,0.05) !important} 387.alt-design .mq.mq-dk .mq-item{font-family:'DM Sans',sans-serif !important;font-weight:400 !important;font-size:11.5px !important;letter-spacing:0.22em;text-transform:uppercase;color:rgba(248,245,240,0.42) !important} 388.alt-design .mqdot{background:rgba(248,245,240,0.3) !important;width:3px !important;height:3px !important} 389 390 391.alt-design #tab-beverages > .rh-wt, 392.alt-design #tab-beverages > div.rh.rh-wt{background:radial-gradient(ellipse 100% 100% at 50% 25%, #f4d8de 0%, #d99cb0 50%, #8a3e5a 100%) !important;padding:140px 48px 90px;position:relative;overflow:hidden} 393.alt-design #tab-beverages > .rh.rh-wt::before{content:'';position:absolute;inset:0;background: 394 radial-gradient(circle at 6vw 14%, transparent 32px, rgba(80,20,40,0.16) 33px, rgba(80,20,40,0.16) 34px, transparent 35px), 395 radial-gradient(circle at calc(100% - 7vw) 18%, transparent 22px, rgba(80,20,40,0.14) 23px, rgba(80,20,40,0.14) 24px, transparent 25px), 396 radial-gradient(circle at 8vw 78%, transparent 16px, rgba(80,20,40,0.12) 17p
396x, rgba(80,20,40,0.12) 18px, transparent 19px); 397 pointer-events:none;z-index:0} 398.alt-design #tab-beverages > .rh.rh-wt .rh-inner{position:relative;z-index:1} 399.alt-design #tab-beverages > .pg-wrap[style*="background:var(--wt)"]{background:linear-gradient(180deg, #8a3e5a 0%, #4a1a2c 100%) !important;padding-top:40px;padding-bottom:96px} 400.alt-design .rh-wt .rh-h{font-size:clamp(72px,11vw,168px) !important;letter-spacing:0.01em;line-height:0.85;color:#3a0a1c !important} 401.alt-design .rh-wt .rh-ey{color:rgba(58,10,28,0.55) !important;font-weight:500;letter-spacing:0.2em} 402.alt-design .rh-wt .rh-sub{color:rgba(58,10,28,0.7) !important;font-style:normal;font-weight:300;font-size:15.5px;line-height:1.75;max-width:380px} 403.alt-design .rh-wt .rh-ghost{color:transparent !important;-webkit-text-stroke:1.5px rgba(58,10,28,0.12) !important;opacity:1;font-size:clamp(260px,42vw,640px) !important} 404.alt-design .pgb-wt{background:transparent !important} 405.alt-design .pc-wt{background:linear-gradient(155deg, rgba(255,235,240,0.55) 0%, rgba(255,235,240,0.25) 100%) !important;backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);border:1px solid rgba(255,235,240,0.6) !important;border-radius:22px;padding:42px 32px 32px !important;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,box-shadow 0.5s,border-color 0.3s} 406.alt-design .pc-wt:hover{background:linear-gradient(155deg, rgba(255,235,240,0.72) 0%, rgba(255,235,240,0.42) 100%) !important;transform:translateY(-10px);box-shadow:0 32px 70px rgba(58,10,28,0.32);border-color:rgba(255,235,240,0.85) !important} 407.alt-design .pc-wt .pc-iw{height:280px !important;min-height:280px !important;padding:14px 0 32px !important} 408.alt-design .pc-wt .pc-img{max-height:260px !important;animation:lg-can-float 6s ease-in-out infinite} 409.alt-design .pc-wt:nth-child(2) .pc-img{animation-delay:1.5s} 410.alt-design .pc-wt .pc-tag{color:rgba(58,10,28,0.55);font-weight:500;font-size:10.5px;letter-spacing:0.18em} 411.alt-design .pc-wt .pc-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,2.6vw,42px);color:#3a0a1c;letter-spacing:0.02em;line-height:0.95;margin-bottom:8px} 412.alt-design .pc-wt .pc-desc{color:rgba(58,10,28,0.65);line-height:1.6;font-size:12.5px} 413.alt-design .pc-wt .pc-ft{border-top-color:rgba(58,10,28,0.14) !important;padding-top:18px} 414.alt-design .pc-wt .pc-price{color:#3a0a1c;font-size:18px;font-weight:500} 415.alt-design .pc-wt .pc-btn-wt{background:#3a0a1c !important;color:#ffeaf0 !important;border:1px solid #3a0a1c !important;border-radius:100px;padding:11px 20px;font-weight:600;letter-spacing:0.14em} 416.alt-design .pc-wt .pc-btn-wt:hover{background:#1c0410 !important;border-color:#1c0410 !important} 417.alt-design .pc-wt .pc-badge.b-cs{background:rgba(255,235,240,0.85) !important;color:#3a0a1c;border-radius:100px;padding:5px 11px;font-weight:600} 418 419 420.alt-design .ing-strip-wt{background:linear-gradient(180deg, #4a1a2c 0%, #1a0c14 100%) !important;border-top-color:rgba(58,10,28,0.18) !important;border-bottom-color:rgba(58,10,28,0.18) !important} 421.alt-design .ing-strip-wt .ing-card{background:transparent !important} 422.alt-design .ing-strip-wt .ing-name,.alt-design .ing-strip-wt .ing-icon{color:#ffeaf0 !important} 423.alt-design .ing-strip-wt .ing-desc{color:rgba(255,234,240,0.7) !important} 424 425 426.alt-design #tab-beverages > .rh.rh-dk{background:radial-gradient(ellipse 100% 100% at 50% 25%, #2a2a28 0%, #161614 55%, #08080a 100%) !important;padding:140px 48px 90px;position:relative;overflow:hidden} 427.alt-design #tab-beverages > .rh.rh-dk::before{content:'';position:absolute;inset:0;background: 428 radial-gradient(circle at 6vw 14%, transparent 32px, rgba(248,245,240,0.12) 33px, rgba(248,245,240,0.12) 34px, transparent 35px), 429 radial-gradient(circle at calc(100% - 7vw) 18%, transparent 22px, rgba(248,245,240,0.10) 23px, rgba(248,245,240,0.10) 24px, transparent 25px), 430 radial-gradient(circle at 8vw 78%, transparent 16px, rgba(248,245,240,0.10) 17px, rgba(248,245,240,0.10) 18px, transparent 19px); 431 pointer-events:none;z-index:0} 432.alt-design #tab-beverages > .rh.rh-dk .rh-inner{position:relative;z-index:1} 433.alt-design #tab-beverages > .pg-wrap[style*="background:var(--dk)"]{background:#08080a !important;padding-top:40px;padding-bottom:96px} 434.alt-design .rh-dk .rh-h{font-size:clamp(72px,11vw,168px) !important;letter-spacing:0.01em;line-height:0.85;color:#f5f3ee !important} 435.alt-design .rh-dk .rh-ey{color:rgba(248,245,240,0.55) !important;font-weight:500;letter-spacing:0.2em} 436.alt-design .rh-dk .rh-sub{color:rgba(248,245,240,0.7) !important;font-style:italic;font-weight:300;font-size:15.5px;line-height:1.75;max-width:380px} 437.alt-design .rh-dk .rh-ghost{color:transparent !important;-webkit-text-stroke:1.5px rgba(248,245,240,0.06) !important;opacity:1;font-size:clamp(260px,42vw,640px) !important} 438.alt-design .pgb-dk{background:transparent !important} 439.alt-design .pc-dk{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%) !important;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(248,245,240,0.12) !important;border-radius:22px;padding:42px 32px 32px !important;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,box-shadow 0.5s,border-color 0.3s} 440.alt-design .pc-dk:hover{background:linear-gradient(155deg, rgba(248,245,240,0.10) 0%, rgba(248,245,240,0.04) 100%) !important;transform:translateY(-10px);box-shadow:0 32px 70px rgba(0,0,0,0.5);border-color:rgba(248,245,240,0.22) !important} 441.alt-design .pc-dk .pc-iw{height:280px !important;min-height:280px !important;padding:14px 0 32px !important} 442.alt-design .pc-dk .pc-img{max-height:260px !important;animation:lg-can-float 6s ease-in-out infinite} 443.alt-design .pc-dk:nth-child(2) .pc-img{animation-delay:1.5s} 444.alt-design .pc-dk .pc-tag{color:rgba(248,245,240,0.5);font-weight:500;font-size:10.5px;letter-spacing:0.18em} 445.alt-design .pc-dk .pc-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,2.6vw,42px);color:#f5f3ee;letter-spacing:0.02em;line-height:0.95;margin-bottom:8px} 446.alt-design .pc-dk .pc-desc{color:rgba(248,245,240,0.55);line-height:1.6;font-size:12.5px} 447.alt-design .pc-dk .pc-ft{border-top-color:rgba(248,245,240,0.12) !important;padding-top:18px} 448.alt-design .pc-dk .pc-price{color:#f5f3ee;font-size:18px;font-weight:500} 449.alt-design .pc-dk .pc-btn-dk{background:#f5f3ee !important;color:#0a0a0a !important;border:1px solid #f5f3ee !important;border-radius:100px;padding:11px 20px;font-weight:600;letter-spacing:0.14em} 450.alt-design .pc-dk .pc-btn-dk:hover{background:#fff !important;border-color:#fff !important} 451.alt-design .pc-dk .pc-badge.b-new{background:#f5f3ee !important;color:#0a0a0a !important;border-radius:100px;padding:5px 11px;font-weight:600} 452 453 454.alt-design .ing-strip-dk{background:linear-gradient(180deg, #08080a 0%, #050504 100%) !important;border-top-color:rgba(248,245,240,0.06) !important;border-bottom-color:rgba(248,245,240,0.06) !important} 455.alt-design .ing-strip-dk .ing-card{background:transparent !important} 456 457 458.alt-design #tab-powders, 459.alt-design #tab-merch{background:radial-gradient(ellipse 90% 100% at 50% 0%, #1a1a18 0%, #0a0a0a 60%, #050504 100%) !important;position:relative} 460.alt-design #tab-powders > .rh.rh-dk, 461.alt-design #tab-merch > .rh.rh-dk{padding:120px 48px 80px;background:transparent !important} 462.alt-design .powder-card, 463.alt-design .merch-card{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%) !important;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(248,245,240,0.12) !important;border-radius:22px;padding:36px 26px 28px !important;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,box-shadow 0.5s,border-color 0.3s} 464.alt-design .powder-card:hover, 465.alt-design .merch-card:hover{background:linear-gradient(155deg, rgba(248,245,240,0.10) 0%, rgba(248,245,240,0.04) 100%) !important;transform:translateY(-8px);box-shadow:0 28px 60px rgba(0,0,0,0.5);border-color:rgba(248,245,240,0.22) !important} 466.alt-design .powder-card .pc-btn, 467.alt-design .merch-card .pc-btn{border-radius:100px;padding:9px 16px} 468 469 470.alt-design #social{background:radial-gradient(ellipse 100% 80% at 50% 0%, #161614 0%, #0a0a0a 60%, #050504 100%) !important;border-top:none !important;padding:120px 48px} 471.alt-design #social h2{font-size:clamp(56px,7vw,108px) !important;line-height:0.88;letter-spacing:0.01em} 472.alt-design .soc-tile{border-radius:18px;overflow:hidden;border:1px solid rgba(248,245,240,0.08)} 473.alt-design .soc-grid{gap:14px !important} 474 475 476.alt-design #statement{background:radial-gradient(ellipse 110% 90% at 50% 50%, #1a1a18 0%, #0a0a0a 60%, #050504 100%) !important;border-top:none !important;
476border-bottom:none !important;padding:160px 48px;position:relative;overflow:hidden} 477.alt-design #statement::before{content:'WATA+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(280px,42vw,640px);line-height:0.85;letter-spacing:-0.02em;color:transparent;-webkit-text-stroke:1.5px rgba(248,245,240,0.05);pointer-events:none;user-select:none;white-space:nowrap;z-index:0} 478.alt-design #statement .stmt-inner{position:relative;z-index:1} 479.alt-design .sw-row{font-size:clamp(54px,8vw,128px) !important;text-align:center;justify-content:center;margin-bottom:80px !important} 480.alt-design .sw.gold span{color:#f5f3ee !important} 481.alt-design .sw.out span{color:transparent !important;-webkit-text-stroke:1.5px rgba(248,245,240,0.4) !important} 482.alt-design .pillars{background:transparent !important;gap:14px !important} 483.alt-design .pillar{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%) !important;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(248,245,240,0.12) !important;border-radius:18px;padding:36px 30px !important;transition:transform 0.4s,background 0.3s,border-color 0.3s} 484.alt-design .pillar:hover{background:linear-gradient(155deg, rgba(248,245,240,0.10) 0%, rgba(248,245,240,0.04) 100%) !important;transform:translateY(-4px);border-color:rgba(248,245,240,0.22) !important} 485.alt-design .p-n{color:#f5f3ee !important;opacity:0.65} 486 487 488.alt-design #legends{background:radial-gradient(ellipse 100% 80% at 50% 0%, #161614 0%, #0a0a0a 60%, #050504 100%) !important;border-top:none !important;border-bottom:none !important;padding:120px 48px} 489.alt-design .leg-grid{background:transparent !important;gap:14px !important} 490.alt-design .leg-card{background:linear-gradient(155deg, rgba(248,245,240,0.05) 0%, rgba(248,245,240,0.015) 100%) !important;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(248,245,240,0.1) !important;border-radius:18px !important;min-height:280px !important;overflow:hidden} 491.alt-design .leg-card:hover{border-color:rgba(248,245,240,0.22) !important} 492.alt-design .leg-content{background:transparent !important;padding:32px 26px !important} 493.alt-design .leg-hover{background:linear-gradient(155deg, rgba(248,245,240,0.10) 0%, rgba(248,245,240,0.04) 100%) !important;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)} 494.alt-design .leg-init{background:rgba(248,245,240,0.06) !important;border-color:rgba(248,245,240,0.18) !important;color:#f5f3ee !important} 495.alt-design .leg-name{color:#f5f3ee !important} 496.alt-design .leg-cn{color:#f5f3ee !important;opacity:0.7} 497 498 499.alt-design #reviews-tp{background:radial-gradient(ellipse 100% 80% at 50% 0%, #161614 0%, #0a0a0a 60%, #050504 100%) !important;border-top:none !important;border-bottom:none !important;padding:120px 48px} 500.alt-design #tp-grid,.alt-design #tp-more{background:transparent !important;gap:14px !important} 501.alt-design #tp-grid > div,.alt-design #tp-more > div{background:linear-gradient(155deg, rgba(248,245,240,0.05) 0%, rgba(248,245,240,0.015) 100%) !important;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(248,245,240,0.1);border-radius:18px;padding:32px 28px !important} 502.alt-design #tp-expand-btn{border-radius:100px !important;border-color:rgba(248,245,240,0.2) !important;color:rgba(248,245,240,0.7) !important;font-weight:500} 503.alt-design #tp-expand-btn:hover{border-color:rgba(248,245,240,0.4) !important;color:#f5f3ee !important} 504 505 506.alt-design #stockists{background:#08080a !important;border-bottom:1px solid rgba(248,245,240,0.06) !important;padding:36px 0 !important} 507 508 509.alt-design .cc-cta-wrap{background:radial-gradient(ellipse 90% 100% at 50% 50%, #1a1a18 0%, #0a0a0a 60%, #050504 100%) !important;border-top:none !important;border-bottom:none !important;padding:120px 48px} 510.alt-design .cc-cta-grid{gap:60px !important} 511.alt-design .cc-cta-grid h2{font-size:clamp(54px,7vw,96px) !important;line-height:0.9;letter-spacing:0.01em} 512.alt-design .cc-card{border-radius:18px;background:linear-gradient(155deg, rgba(248,245,240,0.04) 0%, rgba(248,245,240,0.01) 100%) !important;border:1px solid rgba(248,245,240,0.1);padding:18px 8px !important;transition:transform 0.4s,background 0.3s,border-color 0.3s} 513.alt-design .cc-card:hover{background:linear-gradient(155deg, rgba(248,245,240,0.08) 0%, rgba(248,245,240,0.03) 100%) !important;border-color:rgba(248,245,240,0.22) !important} 514 515 516.alt-design #boarding{background:radial-gradient(ellipse 100% 90% at 50% 0%, #161614 0%, #0a0a0a 60%, #050504 100%) !important;
516border-bottom:none !important;padding:120px 48px} 517.alt-design .bc-inner{background:transparent !important;gap:18px !important} 518.alt-design .bc-side{border-radius:22px !important;padding:56px 48px !important} 519.alt-design .bc-side.bc-dk{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%) !important;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(248,245,240,0.12)} 520.alt-design .bc-side.bc-gold{background:linear-gradient(155deg, #f5f3ee 0%, #d8d4cd 100%) !important;color:#0a0a0a !important;border:1px solid rgba(248,245,240,0.6)} 521.alt-design .bc-side.bc-gold .bc-ey{color:rgba(10,10,10,0.55) !important} 522.alt-design .bc-side.bc-gold .bc-h{color:#0a0a0a !important} 523.alt-design .bc-side.bc-gold .bc-sub{color:rgba(10,10,10,0.7) !important} 524.alt-design .bc-side.bc-gold .bc-perk::before{color:#0a0a0a !important} 525.alt-design .bc-h{font-size:clamp(48px,5.5vw,80px) !important;line-height:0.9} 526.alt-design .bc-input{border-radius:100px 0 0 100px !important;background:rgba(248,245,240,0.06) !important;border-color:rgba(248,245,240,0.18) !important;color:#f5f3ee !important;padding:14px 20px !important} 527.alt-design .bc-side.bc-gold .bc-input{background:rgba(10,10,10,0.06) !important;border-color:rgba(10,10,10,0.18) !important;color:#0a0a0a !important} 528.alt-design .bc-side.bc-dk .bc-form button{border-radius:0 100px 100px 0 !important;padding:14px 24px !important;background:#f5f3ee !important;color:#0a0a0a !important} 529.alt-design .bc-side.bc-gold .bc-form button{border-radius:0 100px 100px 0 !important;padding:14px 24px !important;background:#0a0a0a !important;color:#f5f3ee !important} 530 531 532.alt-design #partners{background:#08080a !important;border-top:1px solid rgba(248,245,240,0.06) !important;padding:48px} 533 534 535.pay-strip{background:#050504;border-top:1px solid rgba(248,245,240,0.06);padding:24px 32px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px} 536.pay-strip-l{font-family:'DM Sans',sans-serif;font-size:10.5px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(248,245,240,0.4);font-weight:600;margin-right:6px} 537.pay-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center} 538.pay{display:inline-flex;width:46px;height:30px;color:rgba(248,245,240,0.5);transition:color 0.2s} 539.pay:hover{color:rgba(248,245,240,0.85)} 540.pay svg{width:100%;height:100%;display:block} 541@media (max-width:720px){.pay-strip{padding:20px 16px;gap:12px}.pay-strip-l{font-size:9.5px;letter-spacing:0.18em;width:100%;text-align:center;margin:0}.pay{width:42px;height:27px}} 542 543 544 545body.alt-design > footer{ 546 background:#050504 !important; 547 border-top:1px solid rgba(248,245,240,0.06) !important; 548 padding:44px 32px 22px !important; 549 display:flex !important; 550 flex-direction:column !important; 551 align-items:center !important; 552 justify-content:flex-start !important; 553 flex-wrap:nowrap !important; 554 grid-template-columns:none !important; 555 gap:18px !important; 556 text-align:center !important; 557} 558body.alt-design > footer > *{grid-column:auto !important;grid-row:auto !important} 559.alt-design .f-logo{margin:0} 560.alt-design .f-links{justify-content:center;flex-wrap:wrap;gap:22px;margin:0} 561.alt-design .f-r{flex-direction:column !important;align-items:center !important;gap:12px !important;margin:0} 562.alt-design .f-soc{justify-content:center;gap:18px} 563.alt-design .f-copy{text-align:center;font-family:'DM Sans',sans-serif;color:rgba(248,245,240,0.32);font-size:11px;letter-spacing:0.04em} 564 565.f-legal{align-self:stretch;width:auto;text-align:center;margin:6px -32px 0;padding:18px 32px 0;border-top:1px solid rgba(248,245,240,0.06);font-size:10px;line-height:1.55;letter-spacing:0.02em;color:rgba(248,245,240,0.32);font-weight:400} 566@media (min-width:1024px){.f-legal{white-space:nowrap;font-size:9.5px}} 567@media (max-width:720px){.f-legal{font-size:9.5px;margin:6px -16px 0;padding:14px 16px 0;line-height:1.65}} 568.alt-design .fl,.alt-design .fs{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0.16em;color:rgba(248,245,240,0.45);transition:color 0.2s} 569.alt-design .fl:hover,.alt-design .fs:hover{color:#fff} 570.alt-design .f-copy{font-family:'DM Sans',sans-serif;color:rgba(248,245,240,0.32);font-size:11px;letter-spacing:0.04em} 571.alt-design .f-logo{filter:brightness(10) opacity(0.55)} 572 573.alt-design #nudge{background:rgba(10,10,10,0.78);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-top:1px solid rgba(248,245,240,0.08);padding:12px 24px;font-family:'DM Sans',sans-serif} 574.alt-design #nudge .nudge-t{font-size:12.5px;color:rgba(248,245,240,0.78);letter-spacing:0.02em} 575.alt-design #nudge .nudge-t span{color:#f5f3ee;font-weight:600} 576.alt-design #nudge .ldot{display:none} 577.alt-design #nudge .nudge-r .btn-dk{background:#fff;color:#0a0a0a;border-radius:100px;font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:0.16em;font-size:11px;padding:9px 18px} 578.alt-design #nudge .nudge-r .btn-dk:hover{background:#0a0a0a;color:#fff} 579.alt-design #nudge.show ~ footer,body.alt-design.nudge-on footer{padding-bottom:88px !important} 580@media (max-width:720px){.alt-design #nudge{padding:10px 14px;flex-wrap:wrap;gap:8px}.alt-design #nudge .nudge-t{font-size:11.5px;line-height:1.35}.alt-design #nudge.show ~ footer,body.alt-design.nudge-on footer{padding-bottom:120px !important}} 581 582 583 584.alt-design .alt-only{--ap-ink:#f5f3ee;--ap-bg:#050504;--ap-bg-2:#0a0a0a;--ap-bg-3:#161614;--ap-line:rgba(248,245,240,0.1);--ap-line-strong:rgba(248,245,240,0.22)} 585.alt-design .ap-eye{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--ap-ink);opacity:0.55;font-weight:500;margin:0 0 14px} 586.alt-design .ap-btn-prim{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink, var(--ap-bg));background:var(--text, var(--ap-ink));padding:14px 26px;border-radius:100px;border:1px solid var(--text, var(--ap-ink));text-decoration:none;transition:transform 0.2s,box-shadow 0.2s,opacity 0.2s} 587.alt-design .ap-btn-prim:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,0.25)} 588.alt-design .ap-btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:0.04em;color:var(--text, var(--ap-ink));opacity:0.85;text-decoration:none;padding:14px 6px;border-bottom:1px solid currentColor;transition:gap 0.2s,opacity 0.2s} 589.alt-design .ap-btn-ghost:hover{opacity:1;gap:10px} 590 591 592.alt-design .ap-pillars{background:#050504;border-top:1px solid var(--ap-line);border-bottom:1px solid var(--ap-line);padding:22px 0;overflow:hidden;white-space:nowrap} 593.alt-design .ap-pillars-inner{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;color:var(--ap-ink);opacity:0.55;font-size:11.5px;letter-spacing:0.22em;text-transform:uppercase;font-weight:400;padding:0 24px} 594.alt-design .ap-pillars-inner .ap-pillars-track{display:none} 595.alt-design .ap-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:0.5;flex-shrink:0} 596@keyframes apPillarsMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}} 597 598 599.alt-design .ap-spot{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-areas:"eye" "h" "stage" "sub" "acts";grid-template-rows:auto auto 1fr auto auto;justify-items:center;align-content:center;text-align:center;gap:18px;padding:90px 32px 70px;overflow:hidden;color:var(--text);background:var(--ap-bg)} 600.alt-design .ap-spot-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 110% 90% at 50% 38%, var(--c1) 0%, var(--c2) 75%, var(--c2) 100%)} 601.alt-design .ap-spot > *:not(.ap-spot-bg):not(.ap-spot-can):not(.ap-spot-big){position:relative;z-index:3} 602.alt-design .ap-spot-eye{grid-area:eye;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text);opacity:0.65;font-weight:500;margin:0} 603.alt-design .ap-spot-h{grid-area:h;font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,10vw,160px);line-height:0.85;letter-spacing:0.005em;color:var(--text);text-transform:uppercase;margin:0;max-width:14ch} 604.alt-design .ap-spot-big{grid-area:stack;position:absolute;
604left:50%;top:54%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(150px,30vw,420px);line-height:0.85;letter-spacing:-0.02em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,0.18);pointer-events:none;user-select:none;white-space:nowrap;z-index:1;margin:0} 605.alt-design .ap-spot-light .ap-spot-big{-webkit-text-stroke:1.5px rgba(0,0,0,0.18)} 606.alt-design .ap-spot-can{grid-area:stage;position:relative;max-height:46vh;max-width:52vw;width:auto;height:auto;object-fit:contain;z-index:2;pointer-events:none;animation:ap-can-float 6s ease-in-out infinite;justify-self:center} 607@keyframes ap-can-float{0%,100%{transform:translateY(0) rotate(0.5deg)}50%{transform:translateY(-14px) rotate(-0.5deg)}} 608.alt-design .ap-spot-sub{grid-area:sub;font-size:15px;font-weight:300;line-height:1.6;color:var(--text);opacity:0.75;max-width:480px;margin:0} 609.alt-design .ap-spot-acts{grid-area:acts;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap} 610 611 612.alt-design .ap-family{background:#050504;padding:140px 32px;position:relative;overflow:hidden} 613.alt-design .ap-family-h{text-align:center;max-width:720px;margin:0 auto 64px} 614.alt-design .ap-family-h h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,8vw,128px);line-height:0.9;letter-spacing:0.005em;color:var(--ap-ink);text-transform:uppercase;margin:0 0 14px} 615.alt-design .ap-family-sub{font-size:16px;font-weight:300;color:var(--ap-ink);opacity:0.6;margin:0} 616.alt-design .ap-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:0 auto} 617.alt-design .ap-family-card{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:22px;padding:32px 28px 28px;display:flex;flex-direction:column;text-decoration:none;color:var(--ap-ink);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,border-color 0.3s,box-shadow 0.5s} 618.alt-design .ap-family-card:hover{transform:translateY(-10px);background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%);border-color:var(--ap-line-strong);box-shadow:0 32px 70px rgba(0,0,0,0.45)} 619.alt-design .ap-family-img{height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:16px} 620.alt-design .ap-family-img img{max-height:180px;width:auto;animation:ap-can-float 6s ease-in-out infinite} 621.alt-design .ap-family-card:nth-child(2) .ap-family-img img{animation-delay:1.2s} 622.alt-design .ap-family-card:nth-child(3) .ap-family-img img{animation-delay:2.4s} 623.alt-design .ap-family-card:nth-child(4) .ap-family-img img{animation-delay:3.6s} 624.alt-design .ap-family-tag{font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ap-ink);opacity:0.5;margin:0 0 6px} 625.alt-design .ap-family-card h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,2vw,32px);letter-spacing:0.02em;line-height:0.95;color:var(--ap-ink);margin:0 0 4px;text-transform:uppercase} 626.alt-design .ap-family-price{font-size:13px;color:var(--ap-ink);opacity:0.7;margin:0 0 16px} 627.alt-design .ap-family-cta{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ap-ink);font-weight:600;margin-top:auto;padding-top:14px;border-top:1px solid var(--ap-line);transition:gap 0.2s,letter-spacing 0.2s;display:inline-block} 628.alt-design .ap-family-card:hover .ap-family-cta{letter-spacing:0.18em} 629.alt-design .ap-family-foot{text-align:center;margin-top:48px} 630 631 632.alt-design .ap-feat{background:#050504;padding:140px 32px;position:relative;overflow:hidden} 633.alt-design .ap-feat::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 50%, rgba(248,245,240,0.025) 0%, transparent 65%);pointer-events:none} 634.alt-design .ap-feat-h{text-align:center;max-width:720px;margin:0 auto 64px;position:relative} 635.alt-design .ap-feat-h h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,8vw,128px);line-height:0.9;letter-spacing:0.005em;color:var(--ap-ink);text-transform:uppercase;margin:0} 636.alt-design .ap-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:0 auto;position:relative} 637.alt-design .ap-feat-tile{background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:22px;padding:38px 30px 36px;transition:transform 0.4s,background 0.3s,border-color 0.3s} 638.alt-design .ap-feat-tile:hover{transform:translateY(-6px);background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%);border-color:var(--ap-line-strong)} 639.alt-design .ap-feat-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;color:var(--ap-ink);letter-spacing:-0.005em;display:block;margin-bottom:14px} 640.alt-design .ap-feat-tile h3{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:0.02em;line-height:1;color:var(--ap-ink);margin:0 0 10px;text-transform:uppercase} 641.alt-design .ap-feat-tile p{font-size:13.5px;font-weight:300;line-height:1.55;color:var(--ap-ink);opacity:0.6;margin:0} 642 643 644.alt-design .ap-mani{background:#050504;padding:128px 32px;text-align:center;position:relative;overflow:hidden;min-height:64vh;display:flex;flex-direction:column;justify-content:center;align-items:center} 645.alt-design .ap-mani::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%, rgba(248,245,240,0.04) 0%, transparent 70%);pointer-events:none} 646.alt-design .ap-mani .ap-eye{position:relative;z-index:2;margin:0 0 30px} 647 648.alt-design .ap-mani-rotor{position:relative;z-index:2;font-family:'Bebas Neue',sans-serif;font-size:clamp(72px,12vw,200px);line-height:0.86;letter-spacing:0.005em;text-transform:uppercase;margin:0;width:100%;min-height:0.95em;display:flex;align-items:center;justify-content:center} 649 650.alt-design .ap-water-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none} 651.alt-design .ap-mani-word{position:absolute;
651left:50%;top:50%;transform:translate(-50%,-50%) translateY(18px);opacity:0;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;background:linear-gradient(180deg, #f5f3ee 0%, rgba(245,243,238,0.55) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} 652.alt-design .ap-mani-word.is-active{opacity:1;transform:translate(-50%,-50%) translateY(0)} 653.alt-design .ap-mani-word.is-leaving{opacity:0;transform:translate(-50%,-50%) translateY(-18px)} 654.alt-design .ap-mani-sub{position:relative;z-index:2;margin-top:48px;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ap-ink);opacity:0.5;font-weight:500} 655 656.alt-design .ap-ripple-bg{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;filter:url(#ap-water)} 657.alt-design .ap-ripple{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid rgba(248,245,240,0.28);opacity:0;animation:ap-ripple 6s cubic-bezier(0.16,1,0.3,1) infinite} 658.alt-design .ap-ripple:nth-child(2){animation-delay:1.5s} 659.alt-design .ap-ripple:nth-child(3){animation-delay:3s} 660.alt-design .ap-ripple:nth-child(4){animation-delay:4.5s} 661@keyframes ap-ripple{ 662 0%{transform:scale(0.5);opacity:0} 663 10%{opacity:0.7} 664 100%{transform:scale(28);opacity:0;border-color:rgba(248,245,240,0.04)} 665} 666 667 668.alt-design .ap-leg{background:#050504;padding:140px 32px} 669.alt-design .ap-leg-h{text-align:center;max-width:720px;margin:0 auto 64px} 670.alt-design .ap-leg-h h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,8vw,128px);line-height:0.9;color:var(--ap-ink);text-transform:uppercase;margin:0 0 14px} 671.alt-design .ap-leg-sub{font-size:16px;font-weight:300;color:var(--ap-ink);opacity:0.6;margin:0} 672.alt-design .ap-leg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1400px;margin:0 auto} 673.alt-design .ap-leg-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg, rgba(248,245,240,0.05) 0%, rgba(248,245,240,0.015) 100%);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--ap-line);border-radius:14px;padding:14px;min-height:200px;text-decoration:none;color:var(--ap-ink);overflow:hidden;transition:transform 0.5s,border-color 0.3s,background 0.3s} 674.alt-design .ap-leg-card:hover{transform:translateY(-4px);border-color:var(--ap-line-strong);background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%)} 675.alt-design .ap-leg-card img{position:absolute;top:10%;left:50%;transform:translateX(-50%);height:62%;width:60%;object-fit:contain;z-index:0;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)} 676.alt-design .ap-leg-card:hover img{transform:translateX(-50%) scale(1.06) translateY(-3px)} 677.alt-design .ap-leg-meta{position:relative;z-index:1} 678.alt-design .ap-leg-meta h3{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:0.02em;line-height:1;text-transform:uppercase;margin:0 0 2px} 679.alt-design .ap-leg-meta p{font-size:9.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ap-ink);opacity:0.55;margin:0} 680.alt-design .ap-leg-card-more{justify-content:center;align-items:center;text-align:center;background:linear-gradient(155deg, rgba(248,245,240,0.025) 0%, rgba(248,245,240,0.005) 100%);min-height:200px} 681 682.alt-design .ap-leg-card:not(:has(img)){justify-content:center;align-items:center;text-align:center} 683.alt-design .ap-leg-card:not(:has(img)) .ap-leg-meta h3{font-size:24px;letter-spacing:0.03em;margin:0 0 6px} 684.alt-design .ap-leg-card:not(:has(img)) .ap-leg-meta p{font-size:10.5px;opacity:0.7} 685.alt-design .ap-leg-card-more .ap-leg-meta-more h3{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.02em;line-height:1;text-transform:uppercase;margin:0 0 6px} 686.alt-design .ap-leg-card-more .ap-leg-meta-more p{font-size:10.5px;font-weight:300;line-height:1.55;color:var(--ap-ink);opacity:0.55;margin:0;max-width:200px} 687 688 689.alt-design .ap-leg-ctas{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;max-width:1400px;margin:32px auto 0} 690.alt-design .ap-leg-cta{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg, rgba(248,245,240,0.05) 0%, rgba(248,245,240,0.015) 100%);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--ap-line);border-radius:14px;padding:28px 24px;padding-right:148px;min-height:160px;text-decoration:none;color:var(--ap-ink);transition:transform 0.4s,border-color 0.3s,background 0.3s;overflow:hidden} 691.alt-design .ap-leg-cta:hover{transform:translateY(-4px);border-color:var(--ap-line-strong);background:linear-gradient(155deg, rgba(248,245,240,0.10) 0%, rgba(248,245,240,0.04) 100%)} 692.alt-design .ap-leg-cta-eye{font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ap-ink);opacity:0.55;margin-bottom:14px} 693.alt-design .ap-leg-cta-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3vw,40px);line-height:0.95;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:14px} 694.alt-design .ap-leg-cta-go{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;opacity:0.75;margin-top:auto;transition:opacity 0.3s} 695.alt-design .ap-leg-cta-go svg{width:14px;
695height:14px;transition:transform 0.3s} 696.alt-design .ap-leg-cta:hover .ap-leg-cta-go{opacity:1} 697.alt-design .ap-leg-cta:hover .ap-leg-cta-go svg{transform:translateX(3px)} 698 699.alt-design .ap-leg-cta-crest{ 700 position:absolute; 701 top:50%; right:18px; 702 transform:translateY(-50%); 703 width:108px; height:108px; 704 display:block; pointer-events:none; 705 opacity:0.95; 706 transition:opacity 0.3s, transform 0.4s; 707} 708.alt-design .ap-leg-cta-crest img{ 709 width:100%; height:100%; 710 display:block; 711 object-fit:contain; 712} 713.alt-design .ap-leg-cta:hover .ap-leg-cta-crest{ 714 opacity:1; 715 transform:translateY(calc(-50% - 2px)) scale(1.04); 716} 717 718 719.alt-design .ap-stockists{background:#050504;padding:36px 0;border-top:1px solid rgba(248,245,240,0.05);border-bottom:1px solid rgba(248,245,240,0.05);overflow:hidden} 720.alt-design .ap-stockists-h{text-align:center;font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(248,245,240,0.62);margin:0 0 22px;font-weight:500} 721.alt-design .ap-stockists-track{overflow:hidden;white-space:nowrap} 722.alt-design .ap-stockists-row{display:inline-flex;align-items:center;gap:64px;animation:ap-marq 22s linear infinite;will-change:transform} 723.alt-design .ap-stockists-row img{height:24px;width:auto;opacity:0.55;flex-shrink:0;filter:brightness(10)} 724.alt-design .ap-stockists-text{font-family:Georgia,serif;font-size:11px;letter-spacing:0.1em;color:rgba(255,255,255,0.7);font-weight:400;text-transform:uppercase;flex-shrink:0} 725@keyframes ap-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} 726 727 728.alt-design .ap-reviews{background:#050504;padding:120px 32px} 729.alt-design .ap-reviews-h{max-width:1400px;margin:0 auto 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end} 730.alt-design .ap-reviews-eye{grid-column:1;display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:#f5f3ee;letter-spacing:0.04em;margin:0 0 14px} 731.alt-design .ap-reviews-eye span{font-weight:500} 732.alt-design .ap-reviews-h h2{grid-column:1;font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,84px);line-height:0.86;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;color:var(--ap-ink);margin:0} 733.alt-design .ap-reviews-sub{grid-column:2;font-size:14px;font-weight:300;line-height:1.7;color:var(--ap-ink);opacity:0.62;margin:0;max-width:360px} 734.alt-design .ap-reviews-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} 735.alt-design .ap-review{background:linear-gradient(155deg, rgba(248,245,240,0.05) 0%, rgba(248,245,240,0.015) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ap-line);border-radius:18px;padding:24px;transition:transform 0.4s,border-color 0.3s,background 0.3s} 736.alt-design .ap-review:hover{transform:translateY(-3px);border-color:var(--ap-line-strong);background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%)} 737.alt-design .ap-review-stars{color:#00b67a;font-size:14px;letter-spacing:1px;margin-bottom:10px;line-height:1} 738.alt-design .ap-review-quote{font-size:13.5px;font-weight:300;line-height:1.6;color:var(--ap-ink);opacity:0.82;margin:0 0 14px} 739.alt-design .ap-review-by{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ap-ink);opacity:0.5;margin:0} 740.alt-design .ap-review-by span{color:#e0a468;margin-left:6px} 741@media (max-width:1100px){ 742 .alt-design .ap-reviews-h{grid-template-columns:1fr;gap:18px} 743 .alt-design .ap-reviews-h h2,.alt-design .ap-reviews-eye,.alt-design .ap-reviews-sub{grid-column:1} 744} 745@media (max-width:720px){ 746 .alt-design .ap-reviews{padding:80px 16px} 747 .alt-design .ap-reviews-grid{grid-template-columns:1fr;gap:10px} 748 .alt-design .ap-review{padding:20px} 749} 750 751 752.alt-design .ap-social{background:#0a0a08;padding:120px 32px} 753.alt-design .ap-social-h{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end} 754.alt-design .ap-social-h h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,84px);line-height:0.86;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;color:var(--ap-ink);margin:0} 755.alt-design .ap-social-h .ap-eye{margin:0 0 14px} 756.alt-design .ap-social-meta p{font-size:14px;font-weight:300;line-height:1.65;color:var(--ap-ink);opacity:0.62;margin:0 0 18px;max-width:340px} 757.alt-design .ap-social-cta{display:flex;gap:10px;flex-wrap:wrap} 758.alt-design .ap-social-cta a{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:500;color:var(--ap-ink);background:rgba(248,245,240,0.08);border:1px solid rgba(248,245,240,0.18);padding:9px 16px;border-radius:100px;text-decoration:none;transition:background 0.2s} 759.alt-design .ap-social-cta a:hover{background:rgba(248,245,240,0.16)} 760.alt-design .ap-social-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px} 761.alt-design .ap-social-tile{position:relative;aspect-ratio:9/14;border-radius:18px;background:linear-gradient(155deg,var(--tile-c,#181614) 0%,#070705 100%);border:1px solid var(--ap-line);overflow:hidden;text-decoration:none;color:var(--ap-ink);transition:transform 0.4s,border-color 0.3s} 762.alt-design .ap-social-tile:hover{transform:translateY(-4px);border-color:var(--ap-line-strong)} 763.alt-design .ap-social-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)} 764.alt-design .ap-social-tile:hover img{transform:scale(1.06)} 765.alt-design .ap-social-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,0.7) 100%);z-index:2;pointer-events:none} 766.alt-design .ap-social-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:96px;letter-spacing:0.005em;text-transform:uppercase;color:rgba(248,245,240,0.05);z-index:0;pointer-events:none} 767.alt-design .ap-social-meta-tile{position:absolute;
767left:14px;right:14px;bottom:14px;z-index:3;display:flex;flex-direction:column;gap:4px} 768.alt-design .ap-social-plat{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:#e0a468;font-weight:600} 769.alt-design .ap-social-cap{font-size:11.5px;font-weight:400;line-height:1.4;color:var(--ap-ink);opacity:0.85} 770@media (max-width:1100px){ 771 .alt-design .ap-social-h{grid-template-columns:1fr;gap:18px} 772 .alt-design .ap-social-grid{grid-template-columns:repeat(2,1fr)} 773} 774@media (max-width:720px){ 775 .alt-design .ap-social{padding:80px 16px} 776 .alt-design .ap-social-grid{grid-template-columns:repeat(2,1fr);gap:8px} 777 .alt-design .ap-social-tile{border-radius:14px} 778 .alt-design .ap-social-cap{font-size:10.5px} 779 .alt-design .ap-social-ghost{font-size:60px} 780} 781 782 783 784.alt-design .ap-clubs{background:#050504;padding:120px 32px 60px} 785.alt-design .ap-clubs-header{max-width:1400px;margin:0 auto 44px;text-align:center} 786.alt-design .ap-clubs-header .ap-eye{margin:0 0 14px} 787.alt-design .ap-clubs-header h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,7vw,108px);line-height:0.9;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;color:var(--ap-ink);margin:0 0 14px} 788.alt-design .ap-clubs-sub{font-size:15px;font-weight:300;line-height:1.7;color:var(--ap-ink);opacity:0.6;margin:0 auto;max-width:520px} 789.alt-design .ap-clubs-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} 790.alt-design .ap-clubs-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px 36px;background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:22px;text-decoration:none;color:var(--ap-ink);overflow:hidden;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.3s,background 0.3s} 791.alt-design .ap-clubs-card::before{content:'';position:absolute;inset:-1px;border-radius:22px;background:radial-gradient(ellipse 80% 55% at 50% 0%, var(--clubs-accent, rgba(248,245,240,0.18)) 0%, transparent 70%);pointer-events:none;z-index:0;opacity:0.18;transition:opacity 0.4s} 792.alt-design .ap-clubs-card:hover{transform:translateY(-6px);border-color:var(--clubs-accent, var(--ap-line-strong));background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%)} 793.alt-design .ap-clubs-card:hover::before{opacity:0.35} 794.alt-design .ap-clubs-card>*{position:relative;z-index:1} 795.alt-design .ap-clubs-media{position:relative;width:clamp(180px,18vw,240px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:0 0 22px} 796.alt-design .ap-clubs-stamp{width:100%;height:auto;filter:drop-shadow(0 6px 22px rgba(0,0,0,0.45));transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s} 797.alt-design .ap-clubs-card:hover .ap-clubs-stamp{transform:rotate(-3deg) scale(1.04)} 798 799.alt-design .ap-clubs-video{position:absolute;top:50%;left:50%;width:78%;height:78%;transform:translate(-50%,-50%);object-fit:cover;border-radius:50%;opacity:0;transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:none} 800.alt-design .ap-clubs-card:hover .ap-clubs-video,.alt-design .ap-clubs-card.is-tap .ap-clubs-video{opacity:1} 801.alt-design .ap-clubs-card:hover .ap-clubs-stamp,.alt-design .ap-clubs-card.is-tap .ap-clubs-stamp{opacity:0;transform:rotate(-3deg) scale(1.04)} 802.alt-design .ap-clubs-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,3.2vw,46px);line-height:0.92;letter-spacing:0.02em;text-transform:uppercase;font-weight:400;margin:0 0 6px;color:var(--ap-ink)} 803.alt-design .ap-clubs-tag{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:14px;letter-spacing:0.06em;color:var(--clubs-accent, rgba(248,245,240,0.7));margin:0 0 18px;opacity:0.95} 804.alt-design .ap-clubs-copy{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;line-height:1.6;color:var(--ap-ink);opacity:0.62;margin:0 0 26px;max-width:280px} 805.alt-design .ap-clubs-cta{font-family:'DM Sans',sans-serif;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;font-weight:600;color:var(--ap-ink);padding:12px 22px;border-radius:100px;border:1px solid rgba(248,245,240,0.22);background:rgba(248,245,240,0.04);transition:background 0.2s,color 0.2s,border-color 0.2s,gap 0.2s;display:inline-flex;align-items:center;gap:6px} 806.alt-design .ap-clubs-card:hover .ap-clubs-cta{background:#fff;color:#0a0a0a;border-color:#fff;gap:10px} 807@media (max-width:1100px){.alt-design .ap-clubs-grid{grid-template-columns:1fr;gap:12px}.alt-design .ap-clubs-card{padding:40px 28px 32px}} 808@media (max-width:720px){.alt-design .ap-clubs{padding:80px 16px 40px}.alt-design .ap-clubs-stamp{width:140px}.alt-design .ap-clubs-h{font-size:30px}} 809 810.alt-design .ap-cc{background:#050504;padding:140px 32px} 811.alt-design .ap-cc-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:32px;padding:80px 60px} 812.alt-design .ap-cc-copy h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,100px);line-height:0.9;letter-spacing:0.005em;color:var(--ap-ink);text-transform:uppercase;margin:0 0 22px} 813.alt-design .ap-cc-sub{font-size:15px;font-weight:300;line-height:1.7;color:var(--ap-ink);opacity:0.6;margin:0 0 32px;max-width:380px} 814.alt-design .ap-cc-cans{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} 815.alt-design .ap-cc-cans img{max-height:190px;width:auto;justify-self:center;animation:ap-can-float 6s ease-in-out infinite} 816.alt-design .ap-cc-cans img:nth-child(2){animation-delay:1.2s} 817.alt-design .ap-cc-cans img:nth-child(3){animation-delay:2.4s} 818.alt-design .ap-cc-cans img:nth-child(4){animation-delay:3.6s} 819 820 821.alt-design .ap-sub{background:#050504;padding:140px 32px;text-align:center;position:relative;overflow:hidden;isolation:isolate} 822.alt-design .ap-sub-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.55} 823.alt-design .ap-sub-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 80% at 50% 50%, rgba(5,5,4,0.45) 0%, rgba(5,5,4,0.92) 78%);pointer-events:none} 824.alt-design .ap-sub-inner{max-width:560px;margin:0 auto;position:relative;z-index:2} 825.alt-design .ap-sub h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,7vw,108px);line-height:0.9;letter-spacing:0.005em;color:var(--ap-ink);text-transform:lowercase;font-weight:400;margin:0 0 18px} 826.alt-design .ap-sub-copy{font-size:15px;font-weight:300;line-height:1.7;color:var(--ap-ink);opacity:0.6;margin:0 0 36px} 827.alt-design .ap-sub-form{display:flex;align-items:center;background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:100px;padding:6px 6px 6px 24px;gap:10px} 828.alt-design .ap-sub-form input{flex:1;background:transparent;border:none;outline:none;color:var(--ap-ink);font-family:'DM Sans',sans-serif;font-size:14px;padding:12px 0} 829.alt-design .ap-sub-form input::placeholder{color:var(--ap-ink);opacity:0.4} 830.alt-design .ap-sub-form button{padding:12px 24px;font-size:13px;letter-spacing:0.12em;border-radius:100px} 831.alt-design .ap-sub-foot{margin:18px 0 0;font-size:11.5px;letter-spacing:0.04em;color:rgba(248,245,240,0.55);font-weight:400;line-height:1.5} 832 833 834@media (max-width:1100px){
835 .alt-design .ap-family-grid{grid-template-columns:repeat(2,1fr)} 836 .alt-design .ap-feat-grid{grid-template-columns:repeat(2,1fr)} 837 .alt-design .ap-leg-grid{grid-template-columns:repeat(3,1fr);gap:8px} 838 .alt-design .ap-leg-ctas{grid-template-columns:repeat(3,1fr);gap:8px} 839 840 .alt-design .ap-leg-cta{padding-right:104px} 841 .alt-design .ap-leg-cta-crest{width:84px;height:84px;right:14px} 842 .alt-design .ap-cc-inner{grid-template-columns:1fr;gap:48px;padding:56px 32px} 843} 844@media (max-width:720px){ 845 846 .alt-design .ap-pillars{padding:14px 0} 847 .alt-design .ap-pillars-inner{font-size:10.5px;letter-spacing:0.16em;gap:0;flex-wrap:nowrap;justify-content:flex-start;padding:0;display:block;width:100%} 848 .alt-design .ap-pillars-inner > span,.alt-design .ap-pillars-inner > i{display:none} 849 .alt-design .ap-pillars-inner .ap-pillars-track{display:inline-flex;align-items:center;gap:14px;animation:apPillarsMarq 24s linear infinite;white-space:nowrap;will-change:transform} 850 .alt-design .ap-pillars-inner .ap-pillars-track > span{flex-shrink:0} 851 @media (prefers-reduced-motion:reduce){ 852 .alt-design .ap-pillars-inner .ap-pillars-track{animation:none} 853 } 854 .alt-design .ap-spot{padding:80px 20px 56px;min-height:680px} 855 .alt-design .ap-spot-h{font-size:clamp(48px,11vw,80px)} 856 .alt-design .ap-spot-big{font-size:clamp(110px,33vw,200px)} 857 .alt-design .ap-spot-can{max-height:38vh;max-width:70vw} 858 .alt-design .ap-spot-sub{font-size:14px} 859 .alt-design .ap-spot-acts{flex-direction:column;gap:14px;width:100%} 860 .alt-design .ap-spot-acts > *{width:100%;justify-content:center} 861 .alt-design .ap-family,.alt-design .ap-feat,.alt-design .ap-leg,.alt-design .ap-cc,.alt-design .ap-sub,.alt-design .ap-mani{padding:80px 16px} 862 .alt-design .ap-family-h h2,.alt-design .ap-feat-h h2,.alt-design .ap-leg-h h2{font-size:clamp(48px,12vw,72px)} 863 .alt-design .ap-mani-rotor{font-size:clamp(56px,15vw,110px)} 864 .alt-design .ap-mani{min-height:60vh;padding:96px 20px} 865 .alt-design .ap-mani-sub{font-size:11px;margin-top:32px} 866 .alt-design .ap-family-grid{grid-template-columns:1fr;gap:12px} 867 .alt-design .ap-feat-grid{grid-template-columns:repeat(2,1fr);gap:8px} 868 .alt-design .ap-feat-tile{padding:24px 16px} 869 .alt-design .ap-feat-num{font-size:42px;margin-bottom:10px} 870 .alt-design .ap-feat-tile h3{font-size:17px} 871 .alt-design .ap-feat-tile p{font-size:11.5px;line-height:1.45} 872 .alt-design .ap-leg-grid{grid-template-columns:repeat(3,1fr);gap:6px} 873 .alt-design .ap-leg-card{min-height:160px;padding:10px;border-radius:10px} 874 .alt-design .ap-leg-meta h3{font-size:13px} 875 .alt-design .ap-leg-meta p{font-size:8.5px;letter-spacing:0.1em} 876 .alt-design .ap-leg-ctas{grid-template-columns:1fr;gap:6px;margin-top:24px} 877 .alt-design .ap-leg-cta{padding:18px 16px;padding-right:96px;min-height:auto;border-radius:10px} 878 .alt-design .ap-leg-cta-crest{width:72px;height:72px;right:12px} 879 .alt-design .ap-family-img{height:200px} 880 .alt-design .ap-family-img img{max-height:150px} 881 .alt-design .ap-cc-inner{padding:40px 24px;border-radius:24px} 882 .alt-design .ap-cc-cans img{max-height:130px} 883 .alt-design .ap-sub-form{flex-direction:column;border-radius:24px;padding:14px;gap:10px} 884 .alt-design .ap-sub-form input{padding:10px 16px;text-align:center;width:100%} 885 .alt-design .ap-sub-form button{width:100%;padding:14px} 886 .alt-design .ap-leg-card{min-height:300px;padding:24px} 887} 888 889 890.alt-design .ap-tabs{background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;position:sticky;top:calc(var(--ann-h) + 80px);z-index:90;pointer-events:none;margin-top:-40px;margin-bottom:-20px;transition:top 0.3s ease} 891 892#ann,#nav{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),background 0.4s,border-color 0.4s;will-change:transform} 893body.nav-hidden #ann{transform:translateY(-100%)} 894body.nav-hidden #nav{transform:translateY(calc(-100% - var(--ann-h)))} 895body.alt-design.nav-hidden .ap-tabs{top:13px} 896.alt-design .ap-tabs-pill{transform-origin:50% 50%;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),background 0.3s,border-color 0.3s,box-shadow 0.3s,padding 0.3s} 897body.alt-design.nav-hidden .ap-tabs-pill{transform:scale(1.23);box-shadow:0 18px 50px rgba(0,0,0,0.55)} 898.alt-design .ap-tabs-pill{pointer-events:auto;display:inline-flex;background:rgba(15,15,15,0.6);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(248,245,240,0.18);border-radius:100px;padding:5px;
898gap:2px;box-shadow:0 12px 40px rgba(0,0,0,0.45)} 899.alt-design .ap-tab{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:rgba(248,245,240,0.7);background:transparent;border:none;padding:11px 26px;border-radius:100px;cursor:pointer;transition:background 0.2s,color 0.2s,transform 0.18s} 900.alt-design .ap-tab:hover:not(.is-active){color:#fff} 901.alt-design .ap-tab.is-active{background:#f5f3ee;color:#0a0a0a;font-weight:600} 902 903.alt-design #nav .nls .nl{display:none} 904 905 906.nav-burger{display:none} 907 908.nav-locale{display:none;align-items:center;gap:6px;padding:0 14px;height:38px;border-radius:100px;font-family:'DM Sans',sans-serif;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;cursor:pointer;flex-shrink:0;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.1);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background 0.2s,border-color 0.2s;line-height:1} 909#nav.dk .nav-locale,.alt-design .nav-locale{display:inline-flex} 910#nav.lg .nav-locale,#nav.wt .nav-locale{display:inline-flex;background:rgba(26,22,20,0.06);color:var(--lt);border-color:rgba(26,22,20,0.18)} 911.nav-locale:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4)} 912#nav.lg .nav-locale:hover,#nav.wt .nav-locale:hover{background:rgba(26,22,20,0.12);border-color:rgba(26,22,20,0.32)} 913.nav-locale svg{opacity:0.85} 914.nav-locale-label{font-weight:600;letter-spacing:0.08em} 915.nav-locale-panel{position:absolute;top:calc(100% + 10px);right:64px;width:380px;background:rgba(15,15,15,0.92);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border:1px solid rgba(248,245,240,0.14);border-radius:18px;padding:18px;display:none;grid-template-columns:1fr 1fr;gap:18px;z-index:300;box-shadow:0 24px 60px rgba(0,0,0,0.55);font-family:'DM Sans',sans-serif} 916 917[dir="rtl"] .nav-locale-panel{right:auto;left:64px} 918#nav.lg .nav-locale-panel,#nav.wt .nav-locale-panel{background:rgba(248,245,240,0.96);border-color:rgba(26,22,20,0.12);color:var(--lt)} 919.nav-locale-panel.is-open{display:grid} 920.nlp-col{display:flex;flex-direction:column;gap:2px} 921.nlp-h{font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(248,245,240,0.5);margin:0 0 8px;padding:0 8px;font-weight:500} 922#nav.lg .nlp-h,#nav.wt .nlp-h{color:rgba(26,22,20,0.5)} 923.nlp-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;background:transparent;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:400;color:#f5f3ee;text-align:left;cursor:pointer;transition:background 0.15s;white-space:nowrap} 924#nav.lg .nlp-opt,#nav.wt .nlp-opt{color:var(--lt)} 925.nlp-opt small{opacity:0.55;font-size:11px;margin-left:4px} 926.nlp-opt:hover{background:rgba(248,245,240,0.08)} 927#nav.lg .nlp-opt:hover,#nav.wt .nlp-opt:hover{background:rgba(26,22,20,0.06)} 928.nlp-opt.is-active{background:rgba(248,245,240,0.14);color:#fff;font-weight:500} 929#nav.lg .nlp-opt.is-active,#nav.wt .nlp-opt.is-active{background:rgba(26,22,20,0.1);color:var(--lt)} 930.nlp-flag{font-size:16px;line-height:1;width:22px;display:inline-flex;justify-content:center} 931 932.nlp-cur{margin-left:auto;padding:2px 8px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.04em;color:rgba(248,245,240,0.55);background:rgba(248,245,240,0.06);border:1px solid rgba(248,245,240,0.14);border-radius:100px;line-height:1.4;flex-shrink:0} 933.nlp-opt:hover .nlp-cur,.nlp-opt.is-active .nlp-cur{color:#fff;border-color:rgba(248,245,240,0.32)} 934#nav.lg .nlp-cur,#nav.wt .nlp-cur{background:rgba(26,22,20,0.06);border-color:rgba(26,22,20,0.16);color:rgba(26,22,20,0.6)} 935@media (max-width:720px){ 936 .nav-locale svg{width:12px;height:12px} 937 938 .nav-locale-panel{position:fixed !important;top:calc(var(--ann-h) + 64px) !important;left:12px !important;right:12px !important;width:auto !important;max-width:none;grid-template-columns:1fr;gap:14px;padding:14px} 939 .nlp-h{padding:0 6px;margin-bottom:4px} 940 .nlp-opt{padding:8px 8px;font-size:12.5px} 941} 942.alt-design .nav-burger{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:38px;height:38px;border-radius:100px;background:rgba(255,255,255,0.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.22);cursor:pointer;padding:0;transition:background 0.2s,border-color 0.2s,transform 0.2s;flex-shrink:0;position:relative} 943.alt-design .nav-burger:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.4)}
944.alt-design .nav-burger span{display:block;width:16px;height:1.5px;background:#fff;border-radius:1px;transition:transform 0.3s,opacity 0.3s} 945 946body.alt-design.nav-menu-open .nav-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)} 947body.alt-design.nav-menu-open .nav-burger span:nth-child(2){opacity:0} 948body.alt-design.nav-menu-open .nav-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)} 949 950 951.nav-menu{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.85);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1)} 952.nav-menu.is-open{opacity:1;pointer-events:auto} 953.nav-menu-close{position:absolute;top:24px;right:32px;width:48px;height:48px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:100px;color:#fff;font-size:28px;line-height:1;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;transition:background 0.2s,transform 0.2s}
954.nav-menu-close:hover{background:rgba(255,255,255,0.18);transform:rotate(90deg)} 955.nav-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center} 956.nav-menu-list li{transform:translateY(20px);opacity:0;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.5s cubic-bezier(0.4,0,0.2,1)} 957.nav-menu.is-open .nav-menu-list li{transform:translateY(0);opacity:1} 958.nav-menu.is-open .nav-menu-list li:nth-child(1){transition-delay:0.08s} 959.nav-menu.is-open .nav-menu-list li:nth-child(2){transition-delay:0.14s} 960.nav-menu.is-open .nav-menu-list li:nth-child(3){transition-delay:0.20s} 961.nav-menu.is-open .nav-menu-list li:nth-child(4){transition-delay:0.26s} 962.nav-menu.is-open .nav-menu-list li:nth-child(5){transition-delay:0.32s} 963.nav-menu.is-open .nav-menu-list li:nth-child(6){transition-delay:0.38s} 964.nav-menu-list a,.nav-menu-list button{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,84px);line-height:1.05;letter-spacing:0.005em;text-transform:uppercase;color:rgba(248,245,240,0.55);background:transparent;border:none;text-decoration:none;cursor:pointer;padding:8px 24px;display:inline-block;transition:color 0.2s,transform 0.2s,letter-spacing 0.2s;font-weight:400} 965.nav-menu-list a:hover,.nav-menu-list button:hover{color:#fff;letter-spacing:0.02em} 966.nav-menu-foot{position:absolute;bottom:32px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(248,245,240,0.4);margin:0;font-weight:500} 967.nav-menu-group{display:flex;flex-direction:column;align-items:center;gap:6px} 968.nav-menu-sub{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;align-items:center;gap:4px} 969.nav-menu-sub a{font-family:'DM Sans',sans-serif!important;font-size:12px!important;letter-spacing:0.2em!important;text-transform:uppercase!important;color:rgba(248,245,240,0.45)!important;text-decoration:none;padding:4px 12px!important;font-weight:500;transition:color 0.2s} 970.nav-menu-sub a:hover{color:#fff!important} 971@media (max-width:720px){ 972 .alt-design #nav{padding:12px 16px} 973 .alt-design .nav-burger{width:36px;height:36px} 974 .alt-design .nav-burger span{width:14px} 975 .alt-design #nav .nav-cta{padding:8px 14px;font-size:9.5px;letter-spacing:0.1em} 976 .nav-menu-close{top:16px;right:16px;width:40px;height:40px;font-size:22px} 977 .nav-menu-list a,.nav-menu-list button{font-size:clamp(32px,8vw,52px)} 978} 979 980 981.alt-design.ap-show-drinks .ap-cat-ontap, 982.alt-design.ap-show-drinks .ap-cat-merch-tab, 983.alt-design.ap-show-drinks .ap-cat-ltd{display:none} 984.alt-design.ap-show-ontap .ap-cat-drinks, 985.alt-design.ap-show-ontap .ap-cat-merch-tab, 986.alt-design.ap-show-ontap .ap-cat-ltd{display:none} 987.alt-design.ap-show-merch .ap-cat-drinks, 988.alt-design.ap-show-merch .ap-cat-ontap, 989.alt-design.ap-show-merch .ap-cat-ltd{display:none} 990.alt-design.ap-show-drops .ap-cat-drinks:not(.ap-cat-ltd), 991.alt-design.ap-show-drops .ap-cat-ontap, 992.alt-design.ap-show-drops .ap-cat-merch-tab{display:none} 993@media (max-width:720px){ 994 .alt-design .ap-tabs{padding:32px 16px 0;top:calc(var(--ann-h) + 48px)} 995 .alt-design .ap-tab{padding:10px 18px;font-size:11px;letter-spacing:0.1em} 996} 997 998 999.alt-design .ap-cat{position:relative;background:#050504;padding:140px 32px 100px;overflow:hidden} 1000.alt-design .ap-cat-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--accent-soft, rgba(248,245,240,0.04)) 0%, transparent 65%)} 1001.alt-design .ap-cat-h{position:relative;z-index:1;max-width:1400px;margin:0 auto 64px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px 60px;align-items:end} 1002 1003.alt-design .ap-cat-crest{position:absolute;top:-12px;right:0;width:clamp(140px,15vw,210px);height:auto;z-index:2;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity,filter} 1004.alt-design .ap-cat-energy{position:relative} 1005 1006.alt-design .ap-cat-energy .ap-cat-crest{animation:apc-stamp 3.8s linear infinite} 1007 1008.alt-design .ap-cat-energy::before{content:'';position:absolute;top:-12px;right:0;width:clamp(140px,15vw,210px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(196,149,106,0.28) 0%,rgba(196,149,106,0.12) 45%,transparent 70%);
1008filter:blur(7px);pointer-events:none;z-index:1;opacity:0;animation:apc-stamp-ink 3.8s linear infinite} 1009 1010.alt-design .ap-cat-energy::after{content:'';position:absolute;top:calc(-12px + clamp(110px,12vw,170px));right:calc(0px - clamp(20px,2vw,30px));width:clamp(180px,18vw,260px);height:clamp(60px,7vw,90px);background: 1011 radial-gradient(circle at 18% 70%, rgba(232,212,180,0.55) 0%, transparent 22%), 1012 radial-gradient(circle at 38% 35%, rgba(232,212,180,0.45) 0%, transparent 18%), 1013 radial-gradient(circle at 55% 60%, rgba(232,212,180,0.5) 0%, transparent 24%), 1014 radial-gradient(circle at 72% 28%, rgba(232,212,180,0.4) 0%, transparent 16%), 1015 radial-gradient(circle at 86% 65%, rgba(232,212,180,0.5) 0%, transparent 22%); 1016 filter:blur(2.5px);pointer-events:none;z-index:0;opacity:0;transform-origin:50% 100%;animation:apc-stamp-dust 3.8s linear infinite;mix-blend-mode:screen} 1017 1018@keyframes apc-stamp{ 1019 1020 0%,22% {transform:scale(1.5) rotate(-5deg) translateY(-12px);opacity:0.22;filter:blur(1.6px) drop-shadow(0 26px 22px rgba(0,0,0,0.6))} 1021 1022 26% {transform:scale(1.55) rotate(-6deg) translateY(-16px);opacity:0.26;filter:blur(1.6px) drop-shadow(0 30px 24px rgba(0,0,0,0.65))} 1023 1024 38% {transform:scale(0.86) rotate(0.5deg) translateY(0);opacity:1;filter:blur(0) drop-shadow(0 1px 0 rgba(0,0,0,0.95)) brightness(1.45) saturate(1.35) contrast(1.1)} 1025 1026 43% {transform:scale(1.06) rotate(0deg) translateY(-2px);opacity:1;filter:blur(0.3px) drop-shadow(0 2px 1px rgba(0,0,0,0.85)) brightness(1.15)} 1027 47% {transform:scale(0.98) rotate(0deg) translateY(0);opacity:1;filter:blur(0) drop-shadow(0 3px 2px rgba(0,0,0,0.7)) brightness(1.05)} 1028 1029 53% {transform:scale(1) rotate(0deg) translateY(0);opacity:1;filter:blur(0) drop-shadow(0 4px 3px rgba(0,0,0,0.6))} 1030 68% {transform:scale(1) rotate(0deg) translateY(0);opacity:1;filter:blur(0) drop-shadow(0 4px 3px rgba(0,0,0,0.6))} 1031 1032 100% {transform:scale(1.5) rotate(-5deg) translateY(-12px);opacity:0.22;filter:blur(1.6px) drop-shadow(0 26px 22px rgba(0,0,0,0.6))} 1033} 1034@keyframes apc-stamp-ink{ 1035 0%,32% {opacity:0;transform:scale(0.9)} 1036 38% {opacity:0.95;transform:scale(1.06)} 1037 68% {opacity:0.55;transform:scale(1.02)} 1038 100% {opacity:0;transform:scale(0.94)} 1039} 1040@keyframes apc-stamp-dust{ 1041 1042 0%,32% {opacity:0;transform:scale(0.35,0.25) translateY(8px)} 1043 1044 37% {opacity:0;transform:scale(0.4,0.3) translateY(6px)} 1045 39% {opacity:0.95;transform:scale(0.95,1.1) translateY(0)} 1046 1047 50% {opacity:0.7;transform:scale(1.5,1.6) translateY(-8px)} 1048 62% {opacity:0.35;transform:scale(1.95,2.1) translateY(-18px)} 1049 75% {opacity:0;transform:scale(2.3,2.4) translateY(-26px)} 1050 100% {opacity:0;transform:scale(2.3,2.4) translateY(-26px)} 1051} 1052@media (prefers-reduced-motion:reduce){ 1053 .alt-design .ap-cat-energy .ap-cat-crest{animation:none;opacity:1} 1054 .alt-design .ap-cat-energy::before,.alt-design .ap-cat-energy::after{animation:none;opacity:0} 1055} 1056 1057@media (max-width:1100px){ 1058 .alt-design .ap-cat-energy{position:relative} 1059 .alt-design .ap-cat-energy .ap-cat-crest{position:absolute;top:24px;right:24px;width:108px;margin:0;z-index:3} 1060 .alt-design .ap-cat-energy::before{top:24px;right:24px;width:108px} 1061 .alt-design .ap-cat-energy::after{top:calc(24px + 88px);right:8px;width:140px;height:50px} 1062 .alt-design .ap-cat-energy .ap-cat-h .ap-eye{padding-right:120px} 1063} 1064@media (max-width:720px){ 1065 .alt-design .ap-cat-energy .ap-cat-crest{width:80px;top:14px;right:14px} 1066 .alt-design .ap-cat-energy .ap-cat-h .ap-eye{padding-right:92px} 1067} 1068.alt-design .ap-cat-h h2{grid-column:1;font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,9vw,140px);line-height:0.86;letter-spacing:0.005em;color:var(--ap-ink);text-transform:uppercase;margin:0} 1069.alt-design .ap-cat-h .ap-eye{grid-column:1;margin:0 0 16px} 1070.alt-design .ap-cat-sub{grid-column:2;font-size:15px;font-weight:300;line-height:1.7;color:var(--ap-ink);opacity:0.62;margin:0;max-width:420px} 1071 1072 1073.alt-design .ap-subfilter{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0;padding:0;overflow-x:auto;scrollbar-width:none} 1074.alt-design .ap-subfilter::-webkit-scrollbar{display:none} 1075.alt-design .ap-sub-pill{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;color:var(--ap-ink);background:rgba(248,245,240,0.05);border:1px solid rgba(248,245,240,0.12);padding:7px 14px;border-radius:100px;cursor:pointer;
1075transition:background 0.2s,border-color 0.2s,color 0.2s,opacity 0.2s;opacity:0.7;white-space:nowrap;flex-shrink:0} 1076.alt-design .ap-sub-pill:hover{opacity:1;border-color:rgba(248,245,240,0.28)} 1077.alt-design .ap-sub-pill.is-active{background:var(--ap-ink);color:#0a0a0a;border-color:var(--ap-ink);opacity:1;font-weight:600} 1078.alt-design #ap-cat-sodas .ap-sub-pill{color:#1a1410;background:rgba(28,22,16,0.04);border-color:rgba(28,22,16,0.14)} 1079.alt-design #ap-cat-sodas .ap-sub-pill:hover{border-color:rgba(28,22,16,0.32)} 1080.alt-design #ap-cat-sodas .ap-sub-pill.is-active{background:#1a1410;color:#f5f3ee;border-color:#1a1410} 1081.alt-design .ap-prod[data-subfade="1"]{opacity:0.18;pointer-events:none;transition:opacity 0.4s} 1082.alt-design .ap-prod-grid{position:relative} 1083 1084 1085.alt-design .ap-camp-tile.is-comingsoon{cursor:pointer} 1086.alt-design .ap-camp-tile.is-comingsoon .ap-camp-vid{filter:blur(16px) saturate(0.75) brightness(0.55);transition:filter 0.3s} 1087.alt-design .ap-camp-tile.is-comingsoon:hover .ap-camp-vid{filter:blur(14px) saturate(0.85) brightness(0.6)} 1088.alt-design .ap-camp-tile.is-comingsoon::after{content:'Coming soon';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4vw,64px);letter-spacing:0.04em;text-transform:lowercase;color:#f5f3ee;text-shadow:0 4px 20px rgba(0,0,0,0.55);z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.45) 100%)} 1089.alt-design .ap-camp-tile.is-comingsoon .ap-camp-meta{opacity:0;pointer-events:none} 1090 1091.wd-stay-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;font-family:'DM Sans',sans-serif} 1092.wd-stay-modal.is-open{display:flex} 1093.wd-stay-scrim{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} 1094.wd-stay-box{position:relative;background:#0a0a08;color:#f5f3ee;border:1px solid rgba(248,245,240,0.12);border-radius:18px;padding:36px 32px 28px;max-width:440px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,0.5)} 1095.wd-stay-close{position:absolute;top:14px;right:16px;background:transparent;border:none;color:rgba(248,245,240,0.55);font-size:28px;cursor:pointer;line-height:1;padding:6px} 1096.wd-stay-close:hover{color:#f5f3ee} 1097.wd-stay-eye{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(248,245,240,0.55);margin:0 0 10px} 1098.wd-stay-modal h3{font-family:'Bebas Neue',sans-serif;font-size:34px;line-height:1;text-transform:lowercase;letter-spacing:0.005em;color:#f5f3ee;margin:0 0 12px;font-weight:400} 1099.wd-stay-sub{font-size:14px;line-height:1.45;color:rgba(248,245,240,0.7);margin:0 0 20px} 1100.wd-stay-form{display:flex;gap:8px;flex-wrap:wrap} 1101.wd-stay-input{flex:1 1 200px;background:rgba(248,245,240,0.06);border:1px solid rgba(248,245,240,0.14);color:#f5f3ee;padding:12px 14px;border-radius:100px;font-size:14px;outline:none} 1102.wd-stay-input:focus{border-color:rgba(248,245,240,0.4)} 1103.wd-stay-btn{background:#f5f3ee;color:#0a0a08;border:none;padding:12px 22px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:0.02em;cursor:pointer} 1104.wd-stay-btn:hover{background:#fff} 1105.wd-stay-status{font-size:13px;color:rgba(248,245,240,0.85);margin:14px 0 0;min-height:18px} 1106.wd-stay-fine{font-size:11px;color:rgba(248,245,240,0.4);margin:14px 0 0} 1107.alt-design .ap-prod-grid.is-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:20px;padding:6px 4px 24px;scrollbar-width:thin;scrollbar-color:rgba(248,245,240,0.18) transparent;-webkit-overflow-scrolling:touch} 1108.alt-design .ap-prod-grid.is-carousel::-webkit-scrollbar{height:8px} 1109.alt-design .ap-prod-grid.is-carousel::-webkit-scrollbar-thumb{background:rgba(248,245,240,0.18);border-radius:4px} 1110.alt-design .ap-prod-grid.is-carousel > .ap-prod{flex:0 0 calc((100% - 60px) / 4);min-width:220px;scroll-snap-align:start} 1111@media (max-width:1280px){.alt-design .ap-prod-grid.is-carousel > .ap-prod{flex:0 0 calc((100% - 40px) / 3)}} 1112@media (max-width:900px){.alt-design .ap-prod-grid.is-carousel > .ap-prod{flex:0 0 calc((100% - 20px) / 2)}} 1113@media (max-width:540px){.alt-design .ap-prod-grid.is-carousel > .ap-prod{flex:0 0 80%}} 1114 1115.alt-design .ap-prod-grid-wrap{position:relative} 1116.alt-design .ap-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:100px;background:rgba(15,15,15,0.78);color:#f5f3ee;border:1px solid rgba(248,245,240,0.18);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,0.32);transition:background 0.2s,transform 0.2s,border-color 0.2s} 1117.alt-design .ap-carousel-arrow:hover{background:rgba(15,15,15,0.92);border-color:rgba(248,245,240,0.4);transform:translateY(-50%) scale(1.06)} 1118.alt-design .ap-carousel-arrow-prev{left:-6px} 1119.alt-design .ap-carousel-arrow-next{right:-6px} 1120@media (max-width:720px),(hover:none){.alt-design .ap-carousel-arrow{display:none}} 1121 1122.alt-design .ap-prod-grid[data-empty="1"]{position:relative;min-height:320px} 1123.alt-design .ap-prod-grid[data-empty="1"]::after{content:'Coming soon';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:0.04em;text-transform:lowercase;color:var(--ap-ink);opacity:0.7;background:linear-gradient(180deg,rgba(5,5,4,0.5) 0%,rgba(5,5,4,0.85) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;z-index:5;border-radius:22px} 1124.alt-design #ap-cat-sodas .ap-prod-grid[data-empty="1"]::after{background:linear-gradient(180deg,rgba(240,234,223,0.55) 0%,rgba(216,208,192,0.85) 100%);
1124color:#1a1410} 1125.alt-design .ap-cat-pill{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-top:16px} 1126.alt-design .ap-cat-pill-row{grid-column:2} 1127.alt-design .ap-cat-notify{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;font-weight:600;padding:7px 16px;border-radius:100px;border:1px solid var(--ap-ink);background:var(--ap-ink);color:#0a0a0a;cursor:pointer;transition:opacity 0.2s,transform 0.2s} 1128.alt-design .ap-cat-notify:hover{opacity:0.86;transform:translateY(-1px)} 1129.alt-design #ap-cat-sodas .ap-cat-notify{background:#1a1410;color:#f5f3ee;border-color:#1a1410} 1130 1131 1132.notify-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(5,5,4,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.3s} 1133.notify-modal.is-open{opacity:1;pointer-events:auto} 1134.notify-card{position:relative;background:#0f0f0f;border:1px solid rgba(248,245,240,0.14);border-radius:18px;padding:48px 40px 36px;max-width:420px;width:90%;box-shadow:0 32px 80px rgba(0,0,0,0.7);font-family:'DM Sans',sans-serif;color:#f5f3ee;text-align:center} 1135.notify-close{position:absolute;top:14px;right:18px;background:transparent;border:none;color:rgba(248,245,240,0.6);font-size:24px;cursor:pointer;line-height:1;padding:4px;transition:color 0.2s} 1136.notify-close:hover{color:#fff} 1137.notify-eye{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:#e0a468;margin:0 0 14px;font-weight:500} 1138.notify-h{font-family:'Bebas Neue',sans-serif;font-size:42px;letter-spacing:0.005em;line-height:1;text-transform:lowercase;margin:0 0 12px;font-weight:400} 1139.notify-sub{font-size:14px;font-weight:300;color:rgba(248,245,240,0.65);line-height:1.55;margin:0 0 24px} 1140.notify-form{display:flex;gap:8px;flex-direction:column} 1141.notify-input{font-family:inherit;font-size:14px;padding:14px 16px;border:1px solid rgba(248,245,240,0.18);border-radius:12px;background:rgba(248,245,240,0.05);color:#f5f3ee;outline:none;transition:border-color 0.2s,background 0.2s} 1142.notify-input:focus{border-color:#e0a468;background:rgba(248,245,240,0.08)} 1143.notify-btn{font-family:inherit;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;padding:14px 20px;border:none;border-radius:12px;background:#fff;color:#0a0a0a;
1143cursor:pointer;transition:background 0.2s,transform 0.2s} 1144.notify-btn:hover{background:#e0a468;transform:translateY(-1px)} 1145.notify-done,.notify-already{display:none;font-size:14px;margin:18px 0 0;font-weight:500;line-height:1.6} 1146.notify-done{color:#3dd56d} 1147.notify-already{color:#ffb87a} 1148.notify-modal.is-done .notify-form,.notify-modal.is-already .notify-form{display:none} 1149.notify-modal.is-done .notify-done{display:block} 1150.notify-modal.is-already .notify-already{display:block} 1151@media (max-width:720px){ 1152 .notify-card{padding:36px 24px 28px} 1153 .notify-h{font-size:32px} 1154} 1155.alt-design .ap-prod-grid{position:relative;z-index:1;max-width:1400px;margin:0 auto 80px;display:grid;gap:18px} 1156.alt-design .ap-prod-grid-2{grid-template-columns:repeat(2,1fr)} 1157.alt-design .ap-prod-grid-3{grid-template-columns:repeat(3,1fr)} 1158.alt-design .ap-prod-grid-4{grid-template-columns:repeat(4,1fr)} 1159.alt-design .ap-prod-grid-5{grid-template-columns:repeat(5,1fr);gap:14px} 1160.alt-design .ap-prod-grid-5 .ap-prod{padding:24px 20px 22px} 1161.alt-design .ap-prod-grid-5 .ap-prod h3{font-size:clamp(22px,1.8vw,28px);line-height:0.98} 1162.alt-design .ap-prod-grid-5 .ap-prod-tag{font-size:9.5px;letter-spacing:0.14em} 1163.alt-design .ap-prod-grid-5 .ap-prod-desc{font-size:12px} 1164.alt-design .ap-prod{position:relative;background:linear-gradient(155deg, rgba(248,245,240,0.06) 0%, rgba(248,245,240,0.02) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--ap-line);border-radius:22px;padding:32px 28px 28px;display:flex;flex-direction:column;color:var(--ap-ink);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,border-color 0.3s,box-shadow 0.5s} 1165.alt-design .ap-prod:hover{transform:translateY(-8px);background:linear-gradient(155deg, rgba(248,245,240,0.1) 0%, rgba(248,245,240,0.04) 100%);border-color:var(--accent, var(--ap-line-strong));box-shadow:0 28px 60px rgba(0,0,0,0.4)} 1166 1167.alt-design .ap-prod-cs{opacity:1} 1168 1169.alt-design .ap-prod-cs .ap-prod-img img{opacity:1;filter:none} 1170.alt-design .ap-prod-badge{position:absolute;top:18px;right:18px;background:var(--ap-ink);color:#0a0a0a;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;padding:5px 11px;border-radius:100px;font-weight:600;z-index:2} 1171.alt-design .ap-prod-badge-ghost{background:transparent;border:1px solid var(--ap-line-strong);color:var(--ap-ink)} 1172.alt-design .ap-prod-badge-cs{background:rgba(248,245,240,0.12);color:var(--ap-ink);font-weight:500} 1173 1174.alt-design .ap-prod.is-cs .ap-prod-badge{background:rgba(232,80,80,0.92) !important;color:#fff !important} 1175.alt-design .ap-prod.is-cs .ap-prod-price{opacity:0.45;text-decoration:line-through} 1176.alt-design .ap-prod.is-cs .ap-btn-prim{background:rgba(232,80,80,0.18);color:#fff;border-color:rgba(232,80,80,0.55)} 1177.alt-design .ap-prod-img{height:240px;display:flex;align-items:flex-end;justify-content:center;padding:8px 0 18px;margin-bottom:6px} 1178.alt-design .ap-prod-img img{max-height:220px;width:auto;animation:ap-can-float 6s ease-in-out infinite} 1179 1180.alt-design .ap-cat-drinks .ap-prod-img{height:280px;padding:40px 0 24px} 1181.alt-design .ap-cat-drinks .ap-prod-img img{max-height:250px} 1182.alt-design .ap-prod-grid > .ap-prod:nth-child(2) .ap-prod-img img{animation-delay:1.5s} 1183.alt-design .ap-prod-grid > .ap-prod:nth-child(3) .ap-prod-img img{animation-delay:3s} 1184.alt-design .ap-prod-grid > .ap-prod:nth-child(4) .ap-prod-img img{animation-delay:4.5s} 1185.alt-design .ap-prod-pw .ap-prod-img,.alt-design .ap-prod-mc .ap-prod-img{height:240px} 1186.alt-design .ap-prod-pw .ap-prod-img svg,.alt-design .ap-prod-mc .ap-prod-img svg{max-height:200px;width:auto} 1187.alt-design .ap-prod-mc .ap-prod-img img{max-height:200px} 1188 1189.alt-design .ap-prod-life{padding:0;overflow:hidden} 1190.alt-design .ap-prod-life .ap-prod-img{height:auto;aspect-ratio:3/4;padding:0;margin:0;width:100%;align-items:stretch} 1191.alt-design .ap-prod-life .ap-prod-img img{width:100%;height:100%;max-height:none;object-fit:cover;animation:none;display:block} 1192.alt-design .ap-prod-life .ap-prod-tag{padding:18px 24px 0;margin:0 0 6px} 1193.alt-design .ap-prod-life h3{padding:0 24px} 1194.alt-design .ap-prod-life .ap-prod-desc{padding:0 24px} 1195.alt-design .ap-prod-life .ap-prod-ft{padding:14px 24px 22px;margin-top:0} 1196.alt-design .ap-prod-life .ap-prod-badge{top:14px;right:14px;background:rgba(15,15,15,0.78);color:#fff;backdrop-filter:blur(10px)} 1197.alt-design .ap-prod-life:hover .ap-prod-img img{transform:scale(1.04);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)} 1198 1199 1200.alt-design .ap-prod-flip .ap-prod-img{position:relative;overflow:hidden} 1201.alt-design .ap-prod-flip .ap-prod-img img{position:absolute;inset:0;transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)} 1202.alt-design .ap-prod-flip .ap-flip-back{opacity:0}
1202 1203@media (hover:hover){ 1204 .alt-design .ap-prod-flip:hover .ap-flip-front{opacity:0} 1205 .alt-design .ap-prod-flip:hover .ap-flip-back{opacity:1} 1206 .alt-design .ap-prod-flip:hover .ap-prod-img img{transform:none} 1207} 1208.alt-design .ap-prod-flip.is-flipped .ap-flip-front{opacity:0} 1209.alt-design .ap-prod-flip.is-flipped .ap-flip-back{opacity:1} 1210.alt-design .ap-flip-hint{position:absolute;bottom:14px;right:14px;z-index:2;font-size:9.5px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.78);background:rgba(15,15,15,0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5px 10px;border-radius:100px;border:1px solid rgba(255,255,255,0.18);pointer-events:none;opacity:0.85;transition:opacity 0.3s} 1211.alt-design .ap-prod-flip:hover .ap-flip-hint,.alt-design .ap-prod-flip.is-flipped .ap-flip-hint{opacity:0} 1212 1213 1214 1215.alt-design .ap-prod-pw .ap-prod-img img{max-height:220px;filter:drop-shadow(0 14px 22px rgba(0,0,0,0.35))} 1216.alt-design .ap-prod-pw{position:relative;overflow:hidden} 1217.alt-design .ap-prod-pw::before{content:'';position:absolute;inset:-1px;border-radius:22px;background:radial-gradient(ellipse 80% 55% at 50% 0%, var(--stick-glow, rgba(248,245,240,0.08)) 0%, transparent 70%);pointer-events:none;z-index:0;opacity:0.85;transition:opacity 0.4s} 1218.alt-design .ap-prod-pw:hover::before{opacity:1} 1219.alt-design .ap-prod-pw > *:not(.ap-prod-icons):not(.ap-prod-badge){position:relative;z-index:1} 1220 1221 1222.alt-design .ap-cat-drinks .ap-prod{position:relative;overflow:hidden} 1223.alt-design .ap-cat-drinks .ap-prod::before{content:'';position:absolute;inset:-1px;border-radius:22px;background:radial-gradient(ellipse 90% 65% at 50% 0%, var(--card-glow, rgba(248,245,240,0.06)) 0%, transparent 72%);pointer-events:none;z-index:0;opacity:0.8;transition:opacity 0.4s} 1224.alt-design .ap-cat-drinks .ap-prod:hover::before{opacity:1} 1225.alt-design .ap-cat-drinks .ap-prod > *:not(.ap-prod-icons):not(.ap-prod-badge){position:relative;z-index:1} 1226 1227 1228.alt-design .ap-camp-grid{position:relative;z-index:1;max-width:1400px;margin:0 auto 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} 1229.alt-design .ap-camp-tile{position:relative;aspect-ratio:9/14;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(155deg,var(--tile-c,#181614) 0%,#070705 100%);border:1px solid rgba(248,245,240,0.12);transition:transform 0.4s,border-color 0.3s} 1230.alt-design .ap-camp-tile:hover{transform:translateY(-6px);border-color:var(--tile-accent,rgba(248,245,240,0.4))} 1231.alt-design .ap-camp-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} 1232.alt-design .ap-camp-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,0.85) 100%);z-index:1;pointer-events:none} 1233.alt-design .ap-camp-meta{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;flex-direction:column;gap:8px} 1234.alt-design .ap-camp-eye{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--tile-accent,#fff);font-weight:600;margin:0} 1235.alt-design .ap-camp-meta h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,3.4vw,56px);line-height:0.92;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;margin:0;color:#fff} 1236.alt-design .ap-camp-sub{font-size:13px;font-weight:300;color:rgba(248,245,240,0.78);margin:0 0 8px;line-height:1.5} 1237.alt-design .ap-camp-cta{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s} 1238.alt-design .ap-camp-tile:hover .ap-camp-cta{gap:12px} 1239 1240.alt-design .ap-camp-cd{position:absolute;top:14px;left:14px;z-index:3;display:none;align-items:center;gap:8px;background:rgba(10,10,10,0.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(248,245,240,0.18);border-radius:100px;padding:6px 12px 6px 10px;font-family:'DM Sans',sans-serif;color:#fff} 1241.alt-design .ap-camp-tile.is-cs .ap-camp-cd{display:inline-flex} 1242.alt-design .ap-camp-cd-dot{width:7px;height:7px;border-radius:50%;background:var(--tile-accent,#e85050);box-shadow:0 0 0 0 var(--tile-accent,#e85050);animation:apCampCdPulse 1.6s ease-in-out infinite;flex-shrink:0} 1243.alt-design .ap-camp-cd-num{font-size:11.5px;font-weight:600;letter-spacing:0.04em;font-variant-numeric:tabular-nums;line-height:1} 1244.alt-design .ap-camp-cd-lab{font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(248,245,240,0.6);margin-left:2px;line-height:1} 1245.alt-design .ap-camp-cd-live{font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#fff;line-height:1} 1246@keyframes apCampCdPulse{0%,100%{box-shadow:0 0 0 0 var(--tile-accent,#e85050)}50%{box-shadow:0 0 0 6px transparent}} 1247@media (prefers-reduced-motion:reduce){.alt-design .ap-camp-cd-dot{animation:none}} 1248@media (max-width:1100px){.alt-design .ap-camp-grid{grid-template-columns:1fr;gap:12px}.alt-design .ap-camp-tile{aspect-ratio:16/9}.alt-design .ap-camp-meta{left:18px;right:18px;bottom:18px}} 1249 1250 1251.alt-design .ap-cat-allcans-h{max-width:1400px;margin:0 auto 32px;padding:0;display:flex;flex-direction:column;gap:14px} 1252.alt-design .ap-cat-allcans-h .ap-eye{margin:0} 1253.alt-design .ap-cat-allcans-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,56px);line-height:0.92;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;margin:0;color:var(--ap-ink)} 1254.alt-design .ap-cat-allcans-h .ap-subfilter{margin-top:6px} 1255@media (max-width:720px){.alt-design .ap-cat-allcans-h{margin-bottom:20px}} 1256 1257 1258.alt-design .ap-cat-ltd{padding:120px 32px 80px} 1259.alt-design .ap-prod-ltd{padding:18px 18px 16px} 1260.alt-design .ap-prod-ltd .ap-prod-img{height:200px;padding:14px 0 16px} 1261.alt-design .ap-prod-ltd .ap-prod-img img{max-height:170px} 1262.alt-design .ap-prod-ltd .ap-prod-tag{font-size:9.5px;letter-spacing:0.12em;margin:0 0 4px} 1263.alt-design .ap-prod-ltd h3{font-size:clamp(20px,1.6vw,26px);line-height:0.98;margin:0 0 6px} 1264.alt-design .ap-prod-ltd .ap-prod-desc{font-size:11.5px;line-height:1.45;margin:0 0 12px} 1265.alt-design .ap-prod-ltd .ap-prod-ft{padding-top:12px} 1266.alt-design .ap-prod-ltd .ap-prod-price{font-size:14px} 1267.alt-design .ap-prod-ltd .ap-prod-icons{top:12px;left:12px;gap:4px} 1268.alt-design .ap-prod-ltd .ap-prod-icons .ic{width:22px;height:22px} 1269.alt-design .ap-prod-ltd .ap-prod-icons .ic svg,.alt-design .ap-prod-ltd .ap-prod-icons .ic img{width:11px;height:11px} 1270.alt-design .ap-prod-ltd .ap-prod-badge{top:12px;right:12px;font-size:8.5px;padding:4px 9px} 1271@media (max-width:720px){ 1272 .alt-design .ap-cat-ltd{padding:60px 16px} 1273 .alt-design .ap-prod-ltd .ap-prod-img{height:170px;padding:10px 0 14px} 1274 .alt-design .ap-prod-ltd .ap-prod-img img{max-height:140px} 1275} 1276 1277 1278.alt-design .ap-prod{position:relative} 1279.alt-design .ap-prod-icons{position:absolute;top:18px;left:18px;display:flex;flex-direction:column;gap:8px;z-index:3;pointer-events:none} 1280.alt-design .ap-prod-icons .ic{width:26px;height:26px;
1280display:flex;align-items:center;justify-content:center;background:rgba(248,245,240,0.06);backdrop-filter:blur(8px);border:1px solid rgba(248,245,240,0.14);border-radius:50%;color:var(--ap-ink);opacity:0.78;transition:opacity 0.2s,background 0.2s,transform 0.3s;pointer-events:auto;cursor:default} 1281.alt-design .ap-prod-icons .ic:hover{opacity:1;background:rgba(248,245,240,0.14);transform:scale(1.1)} 1282.alt-design .ap-prod-icons .ic svg{width:14px;height:14px;display:block} 1283.alt-design .ap-prod-icons .ic img{width:14px;height:14px;display:block;filter:invert(96%) sepia(10%) saturate(120%) hue-rotate(338deg) brightness(108%) contrast(92%)} 1284.alt-design .ap-prod-icons .ic[data-ic-tip]{position:relative} 1285.alt-design .ap-prod-icons .ic[data-ic-tip]:hover::after{content:attr(data-ic-tip);position:absolute;left:34px;top:50%;transform:translateY(-50%);background:rgba(10,10,10,0.92);color:#f5f3ee;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;padding:5px 9px;border-radius:6px;white-space:nowrap;z-index:10;pointer-events:none} 1286.alt-design #ap-cat-sodas .ap-prod-icons .ic{background:rgba(28,22,16,0.06);border-color:rgba(28,22,16,0.14);color:#1a1410} 1287.alt-design #ap-cat-sodas .ap-prod-icons .ic img{filter:none} 1288.alt-design #ap-cat-sodas .ap-prod-icons .ic:hover{background:rgba(28,22,16,0.12)} 1289 1290[dir="rtl"] .alt-design .ap-prod-icons{direction:ltr} 1291@media (max-width:720px){ 1292 1293 .alt-design .ap-prod-icons{top:10px;left:10px;right:10px;flex-direction:row;flex-wrap:wrap;gap:5px} 1294 .alt-design .ap-prod-icons .ic{width:22px;height:22px} 1295 .alt-design .ap-prod-icons .ic svg,.alt-design .ap-prod-icons .ic img{width:11px;height:11px} 1296 1297 .alt-design .ap-prod-badge{top:10px;right:10px;font-size:9px;padding:4px 9px;letter-spacing:0.14em} 1298 .alt-design .ap-prod-ltd .ap-prod-icons{top:8px;left:8px;right:8px;gap:4px} 1299 .alt-design .ap-prod-ltd .ap-prod-icons .ic{width:20px;height:20px} 1300} 1301 1302 1303.alt-design .ap-purpose-pills{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;background:rgba(15,15,15,0.55);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(248,245,240,0.14);border-radius:100px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,0.35)} 1304.alt-design .ap-purpose-pill{font-family:'DM Sans',sans-serif;font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;color:rgba(248,245,240,0.65);background:transparent;border:none;padding:6px 12px;border-radius:100px;cursor:pointer;transition:background 0.2s,color 0.2s;white-space:nowrap} 1305.alt-design .ap-purpose-pill:hover{color:#fff} 1306.alt-design .ap-purpose-pill.is-active{background:rgba(248,245,240,0.95);color:#0a0a0a;font-weight:600} 1307.alt-design .ap-prod[data-fade="1"]{opacity:0.28;transition:opacity 0.4s} 1308.alt-design .ap-prod[data-fade="0"]{opacity:1} 1309.alt-design.ap-show-merch #ap-purpose{display:none} 1310@media (max-width:720px){ 1311 .alt-design .ap-purpose-pill{font-size:8.5px;padding:5px 10px;letter-spacing:0.08em} 1312 .alt-design .ap-purpose-pills{gap:4px;padding:3px} 1313} 1314.alt-design .ap-prod-tag{font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ap-ink);opacity:0.5;margin:0 0 6px;font-weight:500} 1315.alt-design .ap-prod h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,2.2vw,34px);letter-spacing:0.02em;line-height:0.95;color:var(--ap-ink);margin:0 0 10px;text-transform:uppercase} 1316.alt-design .ap-prod-desc{font-size:13px;font-weight:300;line-height:1.55;color:var(--ap-ink);opacity:0.55;margin:0 0 16px} 1317.alt-design .ap-fmt{display:flex;gap:6px;background:rgba(248,245,240,0.04);border:1px solid var(--ap-line);border-radius:100px;padding:4px;margin-bottom:18px} 1318.alt-design .ap-fmt-btn{flex:1;background:transparent;border:none;color:var(--ap-ink);opacity:0.55;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:8px 4px;border-radius:100px;cursor:pointer;transition:background 0.2s,opacity 0.2s,color 0.2s} 1319.alt-design .ap-fmt-btn:hover{opacity:0.85} 1320.alt-design .ap-fmt-btn.ap-fmt-act{background:var(--ap-ink);color:#0a0a0a;opacity:1;font-weight:600} 1321.alt-design .ap-prod-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--ap-line)} 1322.alt-design .ap-prod-price{font-size:17px;font-weight:500;color:var(--ap-ink)} 1323.alt-design .ap-btn-sm{padding:10px 18px;font-size:11px;letter-spacing:0.12em} 1324 1325.alt-design .ap-usps{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px} 1326.alt-design .ap-usp{background:linear-gradient(155deg, rgba(248,245,240,0.04) 0%, rgba(248,245,240,0.015) 100%);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--ap-line);border-radius:18px;padding:26px 22px;transition:transform 0.4s,background 0.3s,border-color 0.3s} 1327.alt-design .ap-usp:hover{transform:translateY(-4px);border-color:var(--accent, var(--ap-line-strong));background:linear-gradient(155deg, rgba(248,245,240,0.08) 0%, rgba(248,245,240,0.03) 100%)} 1328.alt-design .ap-usp-num{display:block;font-family:'Bebas Neue',sans-serif;font-size:36px;line-height:1;letter-spacing:-0.005em;color:var(--accent);margin-bottom:12px} 1329.alt-design .ap-usp-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--accent);margin-bottom:14px;transition:transform 0.4s,color 0.3s} 1330.alt-design .ap-usp:hover .ap-usp-icon{transform:translateY(-2px) scale(1.05)} 1331.alt-design .ap-usp-icon svg{width:auto;height:100%;max-width:48px} 1332 1333.alt-design .ap-usp-icon[data-ic]{background:currentColor;-webkit-mask:var(--ic-url) center/contain no-repeat;mask:var(--ic-url) center/contain no-repeat;width:44px;height:44px} 1334 1335 1336.alt-design #ap-cat-sodas{background:linear-gradient(180deg, #f0eadf 0%, #d8d0c0 100%) !important} 1337.alt-design #ap-cat-sodas .ap-cat-bg{background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(232,153,179,0.18) 0%, transparent 65%)}
1338.alt-design #ap-cat-sodas .ap-eye{color:rgba(28,22,16,0.55)} 1339.alt-design #ap-cat-sodas .ap-cat-h h2{color:#1a1410} 1340.alt-design #ap-cat-sodas .ap-cat-sub{color:rgba(28,22,16,0.7)} 1341.alt-design #ap-cat-sodas .ap-prod{background:linear-gradient(155deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.45) 100%);border:1px solid rgba(28,22,16,0.1)} 1342.alt-design #ap-cat-sodas .ap-prod:hover{background:linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.6) 100%);border-color:rgba(28,22,16,0.22);box-shadow:0 24px 50px rgba(28,22,16,0.16)} 1343.alt-design #ap-cat-sodas .ap-prod-tag{color:rgba(28,22,16,0.85);font-weight:500} 1344.alt-design #ap-cat-sodas .ap-prod h3{color:#1a1410} 1345 1346.alt-design #ap-cat-sodas .ap-prod-desc{color:rgba(28,22,16,0.78);opacity:1} 1347.alt-design #ap-cat-sodas .ap-prod-tag{opacity:1} 1348.alt-design #ap-cat-sodas .ap-cat-sub{color:rgba(28,22,16,0.85)!important} 1349.alt-design #ap-cat-sodas .ap-eye{color:rgba(28,22,16,0.78)} 1350.alt-design #ap-cat-sodas .ap-prod-ft{border-top-color:rgba(28,22,16,0.14)} 1351.alt-design #ap-cat-sodas .ap-prod-price{color:#1a1410} 1352.alt-design #ap-cat-sodas .ap-prod-badge{background:#1a1410;color:#f5f3ee} 1353.alt-design #ap-cat-sodas .ap-prod-badge-ghost{background:transparent;border:1px solid rgba(28,22,16,0.3);color:#1a1410} 1354.alt-design #ap-cat-sodas .ap-fmt{background:rgba(28,22,16,0.05);border:1px solid rgba(28,22,16,0.1)} 1355.alt-design #ap-cat-sodas .ap-fmt-btn{color:#1a1410} 1356.alt-design #ap-cat-sodas .ap-fmt-btn.ap-fmt-act{background:#1a1410;color:#f5f3ee} 1357.alt-design #ap-cat-sodas .ap-btn-prim{background:#1a1410;color:#f5f3ee;border-color:#1a1410} 1358.alt-design #ap-cat-sodas .ap-btn-prim:hover{background:#000;border-color:#000} 1359.alt-design #ap-cat-sodas .ap-usp{background:linear-gradient(155deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.35) 100%);border:1px solid rgba(28,22,16,0.1)} 1360.alt-design #ap-cat-sodas .ap-usp:hover{background:linear-gradient(155deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.5) 100%);border-color:rgba(28,22,16,0.22)} 1361.alt-design #ap-cat-sodas .ap-usp h4{color:#1a1410} 1362.alt-design #ap-cat-sodas .ap-usp p{color:rgba(28,22,16,0.85)} 1363 1364.alt-design [data-pid="pulp-fiction"] .ap-prod-tag{color:#c97a1f;font-weight:600} 1365.alt-design #ap-cat-sodas .ap-usp-icon{color:#1a1410} 1366.alt-design .ap-usp h4{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.02em;line-height:1;color:var(--ap-ink);margin:0 0 8px;text-transform:uppercase} 1367.alt-design .ap-usp p{font-size:12.5px;font-weight:300;line-height:1.55;color:var(--ap-ink);opacity:0.55;margin:0} 1368 1369 1370.alt-design .ap-break{position:relative;width:100%;aspect-ratio:16/9;max-height:88vh;overflow:hidden;background:#050504;display:flex;align-items:center;justify-content:center} 1371.alt-design .ap-break-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} 1372.alt-design .ap-break-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.65) 100%)} 1373.alt-design .ap-break-overlay{position:relative;z-index:2;text-align:center;padding:0 24px;color:#f5f3ee} 1374.alt-design .ap-break-overlay .ap-eye{margin:0 0 18px;color:rgba(248,245,240,0.75);text-shadow:0 2px 16px rgba(0,0,0,0.45)} 1375.alt-design .ap-break-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(72px,11vw,200px);line-height:0.86;letter-spacing:0.005em;text-transform:lowercase;font-weight:400;margin:0;color:#f5f3ee;text-shadow:0 4px 32px rgba(0,0,0,0.55)} 1376.alt-design .ap-break-pag{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:3;display:none;align-items:center;gap:10px;padding:8px 14px;background:rgba(10,10,10,0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(248,245,240,0.14);border-radius:100px} 1377.alt-design.ap-show-drinks .ap-break-pag,.alt-design.ap-show-drops .ap-break-pag{display:flex} 1378.alt-design .ap-break-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:rgba(248,245,240,0.32);cursor:pointer;transition:background 0.2s,width 0.2s,transform 0.2s} 1379.alt-design .ap-break-dot:hover{background:rgba(248,245,240,0.6)} 1380.alt-design .ap-break-dot.is-active{background:#fff;width:24px;border-radius:100px} 1381@media (max-width:720px){ 1382 .alt-design .ap-break{aspect-ratio:auto;height:62vh;min-height:420px;max-height:none} 1383 .alt-design .ap-break-h{font-size:clamp(56px,14vw,108px)} 1384 .alt-design .ap-break-overlay .ap-eye{margin-bottom:14px;font-size:10px;letter-spacing:0.18em} 1385} 1386 1387@media (max-width:1100px){ 1388 .alt-design .ap-cat{padding:100px 24px 80px} 1389 .alt-design .ap-cat-h{grid-template-columns:1fr;gap:24px;margin-bottom:48px} 1390 .alt-design .ap-cat-h h2,.alt-design .ap-cat-h .ap-eye,.alt-design .ap-cat-sub,.alt-design .ap-cat-pill,.alt-design .ap-subfilter{grid-column:1} 1391 .alt-design .ap-prod-grid-3,.alt-design .ap-prod-grid-4,.alt-design .ap-prod-grid-5{grid-template-columns:repeat(2,1fr)} 1392 .alt-design .ap-usps{grid-template-columns:repeat(2,1fr)} 1393} 1394@media (max-width:720px){ 1395 .alt-design .ap-cat{padding:60px 16px 48px} 1396 .alt-design .ap-cat-h{margin-bottom:28px;gap:14px} 1397 .alt-design .ap-cat-h h2{font-size:clamp(44px,11vw,64px);margin-top:6px} 1398 .alt-design .ap-eye{font-size:10px;letter-spacing:0.18em;margin:0 0 8px} 1399 .alt-design .ap-cat-sub{font-size:13px;line-height:1.55} 1400 .alt-design .ap-cat-pill{padding:5px 12px;font-size:10px;letter-spacing:0.14em} 1401 .alt-design .ap-cat-pill-row{margin-top:8px} 1402 .alt-design .ap-cat-notify{padding:6px 14px;font-size:10px;letter-spacing:0.14em} 1403 .alt-design .ap-subfilter{margin-top:8px} 1404 .alt-design .ap-prod-grid-2,.alt-design .ap-prod-grid-3,.alt-design .ap-prod-grid-4,.alt-design .ap-prod-grid-5{grid-template-columns:1fr;gap:14px} 1405 1406 .alt-design .ap-cat-merch-tab .ap-prod-grid{grid-template-columns:1fr!important;gap:14px} 1407 .alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-tag{font-size:10.5px;padding:18px 20px 0;letter-spacing:0.14em} 1408 .alt-design .ap-cat-merch-tab .ap-prod-life h3{padding:0 20px;font-size:26px} 1409 .alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-desc{padding:0 20px;font-size:13px;line-height:1.55} 1410 .alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-ft{padding:14px 20px 18px} 1411 .alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-price{font-size:16px} 1412 .alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-badge{top:12px;right:12px;font-size:9.5px;padding:4px 10px} 1413 1414 .alt-design .ap-prod-life,.alt-design .ap-cat-merch-tab .ap-prod-life{padding:0!important;overflow:hidden} 1415 .alt-design .ap-prod-life .ap-prod-img,.alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-img{height:auto!important;aspect-ratio:3/4;padding:0!important;margin:0!important;width:100%} 1416 .alt-design .ap-prod-life .ap-prod-img img,.alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-img img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;display:block} 1417 .alt-design .ap-prod-life .ap-prod-tag,.alt-design .ap-cat-merch-tab .ap-prod-life .ap-prod-tag{padding:14px 14px 0!important;margin:0 0 6px!important} 1418 .alt-design .ap-prod-life h3{padding:0 14px!important} 1419 .alt-design .ap-prod-life .ap-prod-desc{padding:0 14px!important} 1420 .alt-design .ap-prod-life .ap-prod-ft{padding:12px 14px 16px!important} 1421 .alt-design .ap-prod{padding:24px 22px 22px} 1422 .alt-design .ap-prod-img{height:220px} 1423 .alt-design .ap-prod-img img{max-height:200px} 1424 1425 .alt-design .ap-cat-drinks .ap-prod-img{height:260px;padding:34px 0 22px} 1426 .alt-design .ap-cat-drinks .ap-prod-img img{max-height:220px} 1427 .alt-design .ap-prod-pw .ap-prod-img,.alt-design .ap-prod-mc .ap-prod-img{height:220px} 1428 .alt-design .ap-prod-pw .ap-prod-img img{max-height:200px} 1429 .alt-design .ap-usps{grid-template-columns:repeat(2,1fr);gap:10px} 1430 .alt-design .ap-usp{padding:18px 14px} 1431 .alt-design .ap-usp h4{font-size:15px} 1432 .alt-design .ap-usp p{font-size:11px;line-height:1.45} 1433 .alt-design .ap-usp-icon{width:36px;height:36px} 1434 .alt-design .ap-usp-icon[data-ic]{width:30px;height:30px} 1435} 1436 1437@media (max-width:720px){ 1438 .alt-design #manifesto{padding:80px 20px !important} 1439 .alt-design #manifesto > div{gap:36px !important} 1440 .alt-design .mf-lines{font-size:clamp(40px, 11vw, 72px) !important} 1441 .alt-design .mf-stats{padding:22px 24px !important;gap:30px !important} 1442 .alt-design .mfs-n{font-size:36px !important} 1443 .alt-design .mf-right{font-size:clamp(54px, 14vw, 96px) !important;padding:32px 28px !important;border-radius:18px} 1444 .alt-design #tab-beverages > .rh.rh-lg{padding:80px 20px 50px} 1445 .alt-design .rh-lg .rh-h{font-size:clamp(54px, 14vw, 92px) !important} 1446 .alt-design .rh-lg .rh-ghost{font-size:clamp(180px, 50vw, 300px) !important} 1447 .alt-design #tab-beverages > .pg-wrap > .pg{gap:14px !important} 1448 .alt-design .pc-lg{padding:28px 20px 24px !important;border-radius:18px} 1449 .alt-design .pc-lg .pc-iw{height:200px !important;min-height:200px !important;padding:8px 0 22px !important} 1450 .alt-design .pc-lg .pc-img{max-height:185px !important} 1451} 1452 1453 1454.btn-dk{display:inline-block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;color:var(--dk);background:var(--wh);padding:12px 30px;text-decoration:none;transition:background 0.2s,transform 0.2s;cursor:pointer;border:none;font-family:'DM Sans',sans-serif} 1455.btn-dk:hover{background:var(--gold);transform:translateY(-2px)}
1456.btn-ghost{display:inline-block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding:12px 0;border-bottom:1px solid rgba(242,242,240,0.18);transition:color 0.2s,border-color 0.2s} 1457.btn-ghost:hover{color:var(--wh);border-color:var(--wh)} 1458.btn-lg{display:inline-block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;color:var(--lg);background:var(--lt);padding:12px 30px;text-decoration:none;transition:background 0.2s,transform 0.2s;cursor:pointer;border:none;font-family:'DM Sans',sans-serif} 1459.btn-lg:hover{background:#3a2e28;transform:translateY(-2px)} 1460.btn-wt{display:inline-block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;color:var(--wt);background:var(--wtt);padding:12px 30px;text-decoration:none;transition:background 0.2s,transform 0.2s;cursor:pointer;border:none;font-family:'DM Sans',sans-serif} 1461.btn-wt:hover{background:#333;transform:translateY(-2px)} 1462.btn-gold{display:inline-block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;color:var(--dk);background:var(--gold);padding:12px 30px;text-decoration:none;transition:background 0.2s,transform 0.2s} 1463.btn-gold:hover{background:var(--wh);transform:translateY(-2px)} 1464 1465 1466.mq{overflow:hidden;white-space:nowrap;padding:13px 0;border-top:1px solid;border-bottom:1px solid} 1467.mq-dk{background:var(--dk2);border-color:var(--bdr)}.mq-lg{background:rgba(196,184,176,0.6);border-color:var(--lbdr)}.mq-wt{background:rgba(237,235,232,0.8);border-color:var(--wtb)} 1468.mq-t{display:inline-flex;animation:marq 24s linear infinite}.mq-r .mq-t{animation-direction:reverse} 1469.mq-item{display:inline-flex;align-items:center;gap:22px;padding:0 22px;font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:0.1em} 1470.mq-dk .mq-item{color:rgba(242,242,240,0.28)}.mq-lg .mq-item{color:rgba(26,22,20,0.3)}.mq-wt .mq-item{color:rgba(17,17,16,0.25)} 1471.mqdot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0} 1472 1473 1474#shop{background:var(--dk)} 1475.shop-tab-bar{display:flex;border-bottom:1px solid var(--bdr);background:var(--dk);position:sticky;top:calc(var(--ann-h) + 57px);z-index:100} 1476.stb{flex:1;background:none;border:none;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(242,242,240,0.3);padding:20px 0;cursor:pointer;transition:color 0.3s,border-color 0.3s;border-bottom:2px solid transparent;margin-bottom:-1px} 1477.stb.active{color:var(--wh);border-color:var(--gold)} 1478.stb:hover{color:var(--wh)} 1479.tab-panel{display:none}.tab-panel.active{display:block} 1480 1481 1482.rh{padding:72px 48px 48px;position:relative;overflow:hidden} 1483.rh-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(120px,20vw,300px);letter-spacing:-0.02em;pointer-events:none;user-select:none;white-space:nowrap;line-height:1;color:transparent;opacity:0.6} 1484.rh-dk .rh-ghost{-webkit-text-stroke:1px rgba(255,255,255,0.03)}.rh-lg .rh-ghost{-webkit-text-stroke:1px rgba(26,22,20,0.06)}.rh-wt .rh-ghost{-webkit-text-stroke:1px rgba(17,17,16,0.05)} 1485.rh-inner{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;position:relative;z-index:2} 1486.rh-ey{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;margin-bottom:12px} 1487.rh-dk .rh-ey{color:var(--gold)}.rh-lg .rh-ey{color:rgba(26,22,20,0.45)}.rh-wt .rh-ey{color:rgba(17,17,16,0.4)} 1488.rh-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,88px);line-height:0.9;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:0} 1489.rh-dk .rh-h{color:var(--wh)}.rh-lg .rh-h{color:var(--lt)}.rh-wt .rh-h{color:var(--wtt)} 1490.rh-sub{font-size:14px;font-weight:300;line-height:1.7;max-width:400px;font-style:italic} 1491.rh-dk .rh-sub{color:var(--dim)}.rh-lg .rh-sub{color:var(--lb)}.rh-wt .rh-sub{color:var(--wtd)} 1492 1493 1494.pg-wrap{padding:0 48px 60px;max-width:1400px;margin:0 auto} 1495.pg{display:grid;gap:1px} 1496.pg-4{grid-template-columns:repeat(4,1fr)}.pg-3{grid-template-columns:repeat(3,1fr)}.pg-2{grid-template-columns:repeat(2,1fr)}.pg-5{grid-template-columns:repeat(5,1fr)} 1497.pgb-dk{background:var(--bdr)}.pgb-lg{background:var(--lbdr)}.pgb-wt{background:var(--wtb)} 1498 1499
1500.pc{padding:32px 26px;display:flex;flex-direction:column;text-decoration:none;position:relative;opacity:0;transform:translateY(22px);transition:opacity 0.6s,transform 0.6s,background 0.2s} 1501.pc.vis{opacity:1;transform:translateY(0)} 1502.pc:nth-child(2){transition-delay:.06s}.pc:nth-child(3){transition-delay:.12s}.pc:nth-child(4){transition-delay:.18s} 1503.pc-dk{background:var(--dk);color:var(--wh)}.pc-dk:hover{background:var(--dk3)} 1504.pc-lg{background:rgba(26,22,20,0.05);color:var(--lt);border:1px solid rgba(26,22,20,0.07)}.pc-lg:hover{background:rgba(26,22,20,0.1)} 1505.pc-wt{background:rgba(17,17,16,0.03);color:var(--wtt);border:1px solid rgba(17,17,16,0.06)}.pc-wt:hover{background:rgba(17,17,16,0.07)} 1506.pc-tag{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:14px;opacity:0.38} 1507.pc-iw{flex:1;display:flex;align-items:flex-end;justify-content:center;height:240px;min-height:240px;padding:10px 0 28px;position:relative} 1508.pc-img{max-height:220px;width:auto;position:relative;z-index:1;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)} 1509.pc:hover .pc-img{transform:scale(1.06) translateY(-6px)} 1510.pc-name{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:0.04em;line-height:1;margin-bottom:5px;text-transform:uppercase} 1511.pc-meta{display:none} 1512.pc-v{font-size:10px;color:#3dd56d}.pc-s{font-size:10px;color:#ff6b35} 1513.pc-desc{font-size:12px;font-weight:300;line-height:1.55;opacity:0.42;margin-bottom:14px} 1514.pc-ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid;gap:10px} 1515.pc-dk .pc-ft{border-color:rgba(255,255,255,0.06)}.pc-lg .pc-ft{border-color:rgba(26,22,20,0.08)}.pc-wt .pc-ft{border-color:rgba(17,17,16,0.08)} 1516.pc-price{font-size:14px;font-weight:500} 1517.pc-btn{font-size:11px;letter-spacing:0.13em;text-transform:uppercase;padding:8px 14px;border:1px solid;background:none;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:background 0.2s,color 0.2s} 1518.pc-btn-dk{border-color:rgba(255,255,255,0.14);color:var(--wh)}.pc-btn-dk:hover{background:var(--wh);color:var(--dk)} 1519.pc-btn-lg{border-color:rgba(26,22,20,0.2);color:var(--lt)}.pc-btn-lg:hover{background:var(--lt);color:var(--lg)} 1520.pc-btn-wt{border-color:rgba(17,17,16,0.18);color:var(--wtt)}.pc-btn-wt:hover{background:var(--wtt);color:var(--wt)} 1521.pc-sold{font-size:10px;letter-spacing:0.13em;text-transform:uppercase;color:var(--gold);opacity:0.8;padding:8px 0} 1522.pc-badge{position:absolute;top:12px;right:12px;font-size:9px;letter-spacing:0.13em;text-transform:uppercase;padding:4px 9px;border-radius:2px;font-weight:500} 1523.b-new{background:var(--gold);color:var(--dk)}.b-cs{background:#2D5A27;color:#fff}.b-ltd{border:1px solid rgba(196,149,106,0.5);color:var(--gold)}.b-so{background:#252525;color:rgba(255,255,255,0.45)} 1524 1525 1526.ing-strip{border-top:1px solid;border-bottom:1px solid} 1527.ing-strip-dk{border-color:var(--bdr);background:var(--dk2)}.ing-strip-lg{border-color:var(--lbdr);background:#c0b8b2}.ing-strip-wt{border-color:var(--wtb);background:#d8d5d1} 1528.ing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1400px;margin:0 auto;padding:0 48px} 1529.ing-card{padding:32px 24px;opacity:0;transform:translateY(18px);transition:opacity 0.6s,transform 0.6s} 1530.ing-card.vis{opacity:1;transform:translateY(0)}
1531.ing-card:nth-child(2){transition-delay:.07s}.ing-card:nth-child(3){transition-delay:.14s}.ing-card:nth-child(4){transition-delay:.21s} 1532.ing-icon{font-family:'Bebas Neue',sans-serif;font-size:40px;color:var(--gold);line-height:1;margin-bottom:14px} 1533.ing-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.05em;margin-bottom:8px;text-transform:uppercase} 1534.ing-desc{font-size:13px;font-weight:300;line-height:1.6;opacity:0.5} 1535.ing-strip-lg .ing-name,.ing-strip-lg .ing-icon{color:var(--lt)} 1536.ing-strip-wt .ing-name,.ing-strip-wt .ing-icon{color:var(--wtt)} 1537.ing-strip-wt .ing-card{border-right:1px solid rgba(17,17,16,0.06)} 1538.ing-strip-wt .ing-card:last-child{border-right:none} 1539 1540 1541.powder-card{padding:36px 28px;display:flex;flex-direction:column;background:var(--dk2);border:1px solid var(--bdr);opacity:0;transform:translateY(22px);transition:opacity 0.6s,transform 0.6s} 1542.powder-card.vis{opacity:1;transform:translateY(0)} 1543.powder-card:nth-child(2){transition-delay:.07s}.powder-card:nth-child(3){transition-delay:.14s}.powder-card:nth-child(4){transition-delay:.21s}.powder-card:nth-child(5){transition-delay:.28s} 1544.powder-card:hover{background:var(--dk3)} 1545.stick-img-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:240px;padding:10px 0 28px} 1546.stick-img-wrap img{max-height:220px;width:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,0.45));transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)} 1547.stick-card:hover .stick-img-wrap img{transform:translateY(-4px) scale(1.03)} 1548 1549 1550.merch-card{padding:36px 28px;display:flex;flex-direction:column;background:var(--dk);border:1px solid var(--bdr);text-decoration:none;color:var(--wh);opacity:0;transform:translateY(22px);transition:opacity 0.6s,transform 0.6s,background 0.2s;cursor:pointer} 1551.merch-card.vis{opacity:1;transform:translateY(0)}.merch-card:hover{background:var(--dk3)}
1552.merch-card:nth-child(2){transition-delay:.07s}.merch-card:nth-child(3){transition-delay:.14s}.merch-card:nth-child(4){transition-delay:.21s} 1553 1554 1555#social{background:var(--dk2);padding:100px 48px;border-top:1px solid var(--bdr)} 1556.soc-inner{max-width:1300px;margin:0 auto} 1557.soc-header{margin-bottom:56px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap} 1558.soc-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,240px);gap:2px} 1559.soc-tile{position:relative;overflow:hidden;background:var(--dk3);cursor:pointer} 1560.soc-tile:nth-child(1){grid-row:span 2} 1561.st-bg{position:absolute;inset:0;background:linear-gradient(145deg,var(--bg1,#1a1614),var(--bg2,#0a0a0a));transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)} 1562.soc-tile:hover .st-bg{transform:scale(1.04)} 1563.st-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.4);opacity:0;transition:opacity 0.3s;display:flex;align-items:center;justify-content:center} 1564.soc-tile:hover .st-overlay{opacity:1} 1565.st-play{width:52px;height:52px;border-radius:50%;border:2px solid var(--wh);display:flex;align-items:center;justify-content:center;font-size:18px} 1566.st-meta{position:absolute;bottom:0;left:0;right:0;padding:20px 18px;background:linear-gradient(transparent,rgba(0,0,0,0.7))} 1567.st-plat{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px} 1568.st-cap{font-size:12px;font-weight:300;color:rgba(255,255,255,0.75);line-height:1.4} 1569.st-logo{position:absolute;top:16px;left:16px;opacity:0.5} 1570.st-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,8vw,110px);color:rgba(255,255,255,0.04);letter-spacing:0.05em;pointer-events:none;user-select:none;white-space:nowrap} 1571 1572 1573#statement{background:var(--dk);padding:120px 48px;border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)} 1574.stmt-inner{max-width:1300px;margin:0 auto} 1575.sw-row{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,120px);line-height:0.9;display:flex;flex-wrap:wrap;gap:0 14px;text-transform:uppercase;margin-bottom:72px} 1576.sw{overflow:hidden;display:inline-block}.sw span{display:inline-block;transform:translateY(110%);transition:transform 0.85s cubic-bezier(0.16,1,0.3,1)} 1577.sw.vis span{transform:translateY(0)}
1577.sw:nth-child(2) span{transition-delay:.07s}.sw:nth-child(3) span{transition-delay:.14s}.sw:nth-child(4) span{transition-delay:.21s}.sw:nth-child(5) span{transition-delay:.28s} 1578.sw.gold span{color:var(--gold)}.sw.out span{color:transparent;-webkit-text-stroke:1.5px rgba(242,242,240,0.2)} 1579.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bdr)} 1580.pillar{background:var(--dk);padding:36px 30px;opacity:0;transform:translateY(18px);transition:opacity 0.6s,transform 0.6s} 1581.pillar.vis{opacity:1;transform:translateY(0)}.pillar:nth-child(2){transition-delay:.1s}.pillar:nth-child(3){transition-delay:.2s} 1582.p-n{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px} 1583.p-t{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:0.05em;margin-bottom:10px;text-transform:uppercase} 1584.p-b{font-size:13px;font-weight:300;color:var(--dim);line-height:1.7} 1585 1586 1587#legends{background:var(--dk2);padding:100px 48px;border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)} 1588.leg-inner{max-width:1300px;margin:0 auto} 1589.leg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--bdr);margin-top:48px} 1590.leg-card{background:var(--dk2);text-decoration:none;color:var(--wh);position:relative;overflow:hidden;min-height:220px;opacity:0;transform:translateY(18px);transition:opacity 0.6s,transform 0.6s} 1591.leg-card.vis{opacity:1;transform:translateY(0)}
1591.leg-card:nth-child(2){transition-delay:.06s}.leg-card:nth-child(3){transition-delay:.12s}.leg-card:nth-child(4){transition-delay:.18s}.leg-card:nth-child(5){transition-delay:.24s} 1592.leg-content{position:absolute;inset:0;padding:28px 22px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;background:var(--dk2);transition:opacity 0.4s} 1593.leg-card:hover .leg-content{opacity:0} 1594.leg-hover{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dk3);opacity:0;transition:opacity 0.4s} 1595.leg-card:hover .leg-hover{opacity:1} 1596.leg-ci{max-height:230px;width:auto;transform:scale(0.88);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),filter 0.4s;filter:saturate(0.94) drop-shadow(0 28px 26px rgba(0,0,0,0.4)) drop-shadow(0 10px 10px rgba(0,0,0,0.25)) drop-shadow(0 3px 3px rgba(0,0,0,0.55))} 1597.leg-card:hover .leg-ci{transform:scale(1) rotate(-0.5deg);filter:saturate(1) drop-shadow(0 36px 32px rgba(0,0,0,0.45)) drop-shadow(0 14px 14px rgba(0,0,0,0.3)) drop-shadow(0 4px 4px rgba(0,0,0,0.6))} 1598.leg-cn{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-top:12px} 1599.leg-init{width:36px;height:36px;border-radius:50%;background:var(--gdim);border:1px solid rgba(196,149,106,0.2);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--gold);margin-bottom:18px} 1600.leg-name{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:0.04em;margin-bottom:4px;line-height:1;text-transform:uppercase} 1601.leg-role{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim)} 1602.leg-hint{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(242,242,240,0.18)} 1603.cc-card:hover{background:rgba(196,149,106,0.04)} 1604 1605.cc-card img{max-height:240px!important;filter:saturate(0.94) drop-shadow(0 30px 26px rgba(0,0,0,0.42)) drop-shadow(0 10px 10px rgba(0,0,0,0.25)) drop-shadow(0 3px 3px rgba(0,0,0,0.55))} 1606.cc-card:hover img{transform:translateY(-10px) scale(1.05) rotate(-0.5deg);filter:saturate(1) drop-shadow(0 36px 32px rgba(0,0,0,0.5)) drop-shadow(0 14px 14px rgba(0,0,0,0.32)) drop-shadow(0 4px 4px rgba(0,0,0,0.6))} 1607.cc-card:hover .cc-cta{opacity:1!important} 1608 1609 1610#boarding{background:var(--dk);padding:100px 48px;border-bottom:1px solid var(--bdr)} 1611.bc-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bdr)} 1612.bc-side{padding:64px 56px} 1613.bc-dk{background:var(--dk2)}.bc-gold{background:var(--gold);color:var(--dk)} 1614.bc-ey{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;margin-bottom:16px;opacity:0.5} 1615.bc-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,5vw,72px);line-height:0.9;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:18px} 1616.bc-sub{font-size:14px;font-weight:300;line-height:1.7;max-width:400px;margin-bottom:32px;opacity:0.6} 1617.bc-perks{display:flex;flex-direction:column;gap:12px;margin-bottom:36px} 1618.bc-perk{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:300;opacity:0.8} 1619.bc-perk::before{content:'✓';font-weight:700;color:var(--gold);flex-shrink:0} 1620.bc-gold .bc-perk::before{color:var(--dk)} 1621.bc-form{display:flex;gap:0;max-width:400px} 1622.bc-input{flex:1;background:rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.15);border-right:none;padding:12px 16px;font-family:'DM Sans',sans-serif;font-size:13px;color:inherit;outline:none} 1623.bc-gold .bc-input{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.2);color:var(--dk)} 1624.bc-input::placeholder{opacity:0.5} 1625 1626 1627#partners{background:var(--dk2);padding:48px;border-top:1px solid var(--bdr)} 1628.part-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap} 1629.part-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(242,242,240,0.25);flex-shrink:0} 1630.part-logos{display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:center} 1631.part-logo{opacity:0.35;transition:opacity 0.2s}.part-logo:hover{opacity:0.75} 1632 1633 1634footer{background:var(--dk);border-top:1px solid var(--bdr);padding:44px 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px} 1635.f-logo{height:20px;opacity:0.5;filter:brightness(10)} 1636.f-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap} 1637.fl{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(242,242,240,0.2);text-decoration:none;transition:color 0.2s} 1638.fl:hover{color:var(--wh)} 1639.f-r{display:flex;flex-direction:column;align-items:flex-end;
1639gap:7px} 1640.f-soc{display:flex;gap:14px} 1641.fs{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(242,242,240,0.2);text-decoration:none;transition:color 0.2s} 1642.fs:hover{color:var(--gold)} 1643.f-copy{font-size:11px;color:rgba(242,242,240,0.12);letter-spacing:0.04em} 1644 1645 1646#modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s} 1647#modal.show{opacity:1;pointer-events:all} 1648.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px)} 1649.modal-panel{background:var(--dk2);border:1px solid var(--bdr);border-bottom:none;width:100%;max-width:640px;padding:0;position:relative;z-index:2;transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)} 1650#modal.show .modal-panel{transform:translateY(0)} 1651.modal-handle{width:40px;height:4px;background:rgba(255,255,255,0.15);border-radius:2px;margin:16px auto 0} 1652.modal-inner{display:grid;grid-template-columns:1fr 1fr;gap:0} 1653.modal-img-side{background:var(--dk3);display:flex;align-items:center;justify-content:center;padding:40px;min-height:320px} 1654.modal-img{max-height:240px;width:auto;)} 1655.modal-info{padding:32px} 1656.modal-tag{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px} 1657.modal-name{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:0.04em;line-height:1;text-transform:uppercase;margin-bottom:8px} 1658.modal-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:16px} 1659.modal-price{font-size:22px;font-weight:500} 1660.modal-save{font-size:11px;color:#3dd56d;letter-spacing:0.06em} 1661.modal-desc{font-size:13px;font-weight:300;color:var(--dim);line-height:1.6;margin-bottom:20px} 1662.modal-pt{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bdr);margin-bottom:16px} 1663.pt-opt{padding:14px 12px;background:var(--dk2);cursor:pointer;border:2px solid transparent;text-align:center;transition:border-color 0.2s} 1664.pt-opt.sel{border-color:var(--gold);background:var(--gdim)} 1665.pt-opt-label{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px} 1666.pt-opt-price{font-size:15px;font-weight:500} 1667.modal-sub-freq{margin-bottom:16px} 1668.msf-label{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px} 1669.msf-sel{width:100%;background:var(--dk3);border:1px solid var(--bdr);color:var(--wh);padding:10px 12px;font-family:'DM Sans',sans-serif;font-size:13px;outline:none} 1670.modal-qty-row{display:flex;align-items:center;gap:0;margin-bottom:18px;background:var(--bdr);width:fit-content} 1671.qty-btn{width:40px;height:40px;background:var(--dk3);border:none;color:var(--wh);font-size:18px;cursor:pointer;transition:background 0.2s} 1672.qty-btn:hover{background:var(--dk2)} 1673.qty-num{width:52px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;background:var(--dk2)} 1674.modal-add{display:block;width:100%;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;font-weight:500;color:var(--dk);background:var(--wh);padding:14px;text-decoration:none;text-align:center;transition:background 0.2s;margin-bottom:10px;border:none;cursor:pointer;font-family:'DM Sans',sans-serif} 1675.modal-add:hover{background:var(--gold)} 1676.modal-pay{font-size:11px;color:rgba(242,242,240,0.3);text-align:center;letter-spacing:0.05em} 1677.modal-close-btn{position:absolute;top:14px;right:16px;background:none;border:none;color:rgba(255,255,255,0.4);cursor:pointer;font-size:20px;transition:color 0.2s;z-index:3} 1678.modal-close-btn:hover{color:var(--wh)} 1679.modal-del{font-size:11px;color:#3dd56d;display:flex;align-items:center;gap:6px;margin-bottom:12px} 1680 1681 1682#fomo{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;background:rgba(5,5,4,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.4s} 1683#fomo.show{opacity:1;pointer-events:all} 1684.fomo-box{background:#0f0f0f;border:1px solid rgba(248,245,240,0.14);border-radius:18px;padding:52px 44px;max-width:420px;width:calc(100% - 48px);text-align:center;position:relative;box-shadow:0 32px 80px rgba(0,0,0,0.7);font-family:'DM Sans',sans-serif} 1685.alt-design .fomo-box{font-family:'DM Sans',sans-serif;background:linear-gradient(155deg,rgba(248,245,240,0.06) 0%,rgba(248,245,240,0.015) 100%);
1685backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border:1px solid rgba(248,245,240,0.14);border-radius:22px;padding:44px 36px 32px} 1686.alt-design .fomo-h{font-family:'Bebas Neue',sans-serif;text-transform:lowercase;letter-spacing:0.005em;font-weight:400} 1687.alt-design .fomo-tag{color:#e0a468} 1688.alt-design .fomo-sub{color:rgba(248,245,240,0.65);font-size:13.5px;line-height:1.55} 1689.alt-design .ft-b{background:rgba(248,245,240,0.06);border:1px solid rgba(248,245,240,0.12);border-radius:14px;padding:10px 8px 8px;min-width:60px} 1690.alt-design .ft-n{color:#fff;font-size:38px} 1691.alt-design .ft-l{color:rgba(248,245,240,0.5);letter-spacing:0.16em} 1692.alt-design .ft-sep{color:rgba(248,245,240,0.32);padding-bottom:0} 1693.alt-design .fomo-timer{gap:8px;margin:8px 0 28px} 1694.alt-design .fomo-code{background:rgba(196,149,106,0.12);border:1px solid rgba(196,149,106,0.36);border-radius:100px;padding:14px 24px;font-size:22px;letter-spacing:0.22em;color:#e0a468;text-transform:uppercase;margin-bottom:18px} 1695.alt-design .fomo-code:hover{background:rgba(196,149,106,0.22);border-color:rgba(196,149,106,0.55)} 1696.alt-design .fomo-cta{background:#fff;color:#0a0a0a;border-radius:100px;padding:15px 24px;font-size:12px;letter-spacing:0.18em;font-weight:600;transition:background 0.2s,color 0.2s,transform 0.2s} 1697.alt-design .fomo-cta:hover{background:#e0a468;color:#0a0a0a;transform:translateY(-1px)} 1698.alt-design .fomo-dis{color:rgba(248,245,240,0.4)} 1699.alt-design .fomo-dis:hover{color:rgba(248,245,240,0.7)} 1700.alt-design .fomo-x{color:rgba(248,245,240,0.5);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:100px;transition:background 0.2s,color 0.2s} 1701.alt-design .fomo-x:hover{color:#fff;background:rgba(248,245,240,0.1)} 1702@media (max-width:720px){ 1703 .fomo-box{padding:40px 24px 28px;border-radius:14px} 1704 .fomo-h{font-size:48px!important} 1705 .ft-n{font-size:32px!important} 1706 .ft-sep{font-size:26px!important} 1707 .fomo-code{padding:10px 16px;font-size:22px} 1708} 1709.fomo-x{position:absolute;top:14px;right:14px;background:none;border:none;color:rgba(255,255,255,0.3);cursor:pointer;font-size:20px;transition:color 0.2s} 1710.fomo-x:hover{color:var(--wh)} 1711.fomo-tag{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px} 1712.fomo-h{font-family:'Bebas Neue',sans-serif;font-size:68px;line-height:0.87;text-transform:uppercase;margin-bottom:6px} 1713.fomo-sub{font-size:13px;font-weight:300;color:var(--dim);margin-bottom:24px;line-height:1.6} 1714.fomo-timer{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:24px} 1715.ft-b{text-align:center;min-width:52px}.ft-n{font-family:'Bebas Neue',sans-serif;font-size:44px;line-height:1;color:var(--wh)}.ft-l{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim)} 1716.ft-sep{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--gold);padding-bottom:10px;opacity:0.6} 1717.fomo-code{background:rgba(196,149,106,0.1);border:1px solid rgba(196,149,106,0.3);padding:12px 20px;font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:0.18em;color:var(--gold);margin-bottom:18px;cursor:pointer;transition:background 0.2s;user-select:all} 1718.fomo-code:hover{background:rgba(196,149,106,0.2)} 1719.fomo-cta{display:block;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;color:var(--dk);background:var(--wh);padding:13px;text-decoration:none;transition:background 0.2s;margin-bottom:10px} 1720.fomo-cta:hover{background:var(--gold)} 1721.fomo-dis{font-size:11px;color:rgba(242,242,240,0.22);cursor:pointer;background:none;border:none;font-family:'DM Sans',sans-serif;transition:color 0.2s} 1722.fomo-dis:hover{color:var(--dim)} 1723 1724 1725#nudge{position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--dk2);border-top:1px solid var(--bdr);padding:12px 48px;display:flex;align-items:center;justify-content:space-between;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);gap:16px} 1726#nudge.show{transform:translateY(0)} 1727.nudge-t{font-size:13px}.nudge-t span{color:var(--gold);font-weight:500} 1728.nudge-r{display:flex;align-items:center;gap:10px;flex-shrink:0} 1729.nudge-x{background:none;border:none;color:rgba(255,255,255,0.3);cursor:pointer;font-size:16px;transition:color 0.2s} 1730.nudge-x:hover{color:var(--wh)} 1731 1732 1733.rev{opacity:0;transform:translateY(24px);transition:opacity 0.7s,transform 0.7s}.rev.vis{opacity:1;transform:translateY(0)} 1734 1735 1736@keyframes canUp{to{opacity:1;transform:translateY(0) scale(1)}} 1737@keyframes fadeUp{to{opacity:1;transform:translateY(0)}} 1738@keyframes wordUp{to{opacity:1}} 1739@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} 1740[dir="rtl"] .ann-t{animation-direction:reverse} 1741@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.3)}} 1742 1743.mf-lines{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4.5vw,62px);line-height:1.05;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:28px;display:flex;flex-direction:column} 1744.mf-g{color:var(--gold)} 1745.mf-stats{display:flex;gap:36px;flex-wrap:wrap} 1746.mfs-n{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,4vw,52px);color:var(--gold);line-height:1} 1747.mfs-l{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(242,242,240,0.28);margin-top:4px} 1748.mf-right{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,8.5vw,124px);line-height:0.88;letter-spacing:0.01em;text-transform:uppercase} 1749.mf-out{color:transparent;-webkit-text-stroke:1.5px rgba(242,242,240,0.18)} 1750 1751.fmt-row{display:flex;gap:1px;background:var(--lbdr);margin-bottom:12px} 1752.fmt-btn{flex:1;padding:8px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;background:rgba(26,22,20,0.04);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;color:var(--lt);transition:background 0.2s} 1753.fmt-btn.act{background:var(--lt);color:var(--lg)} 1754 1755.pc-lg .pc-v,.pc-wt .pc-v{color:#2a7a40} 1756.pc-lg .pc-s,.pc-wt .pc-s{color:#b04010} 1757.pc-lg .pc-tag,.pc-wt .pc-tag{opacity:0.55} 1758.pc-lg .pc-badge.b-new{background:var(--lt);color:var(--lg)} 1759.pc-lg .pc-sold{color:var(--lt);opacity:0.6} 1760.pc-wt .pc-sold{color:var(--wtt);opacity:0.6} 1761.ing-strip-lg .ing-desc{color:rgba(26,22,20,0.75)!important} 1762.ing-strip-wt .ing-desc{color:rgba(17,17,16,0.72)!important} 1763.ing-strip-lg .ing-name,.ing-strip-lg .ing-icon{color:var(--lt)!important} 1764.ing-strip-wt .ing-name,.ing-strip-wt .ing-icon{color:var(--wtt)!important} 1765 1766.pc-lg .fmt-btn{background:rgba(26,22,20,0.08);color:var(--lt);border:1px solid rgba(26,22,20,0.15)} 1767.pc-lg .fmt-btn.act{background:var(--lt);color:var(--lg);border-color:var(--lt)} 1768.pc-wt .fmt-btn{background:rgba(17,17,16,0.06);color:var(--wtt);border:1px solid rgba(17,17,16,0.12)} 1769.pc-wt .fmt-btn.act{background:var(--wtt);color:var(--wt);border-color:var(--wtt)} 1770 1771 1772 1773 1774#tab-beverages, #tab-powders, #tab-merch{background:var(--dk)} 1775.pg-wrap{max-width:none;padding:0 48px 60px} 1776.pg{max-width:1300px;margin:0 auto} 1777.ing-grid{max-width:none;padding:0 48px} 1778.ing-grid > *{max-width:none} 1779 1780 1781@media (max-width:1100px){ 1782 #nav{padding:14px 32px} 1783 .nls{gap:18px} 1784 .nl{font-size:10px} 1785 #hero{padding:0 32px 60px} 1786 .h-h1{max-width:70%;font-size:clamp(56px,10vw,110px)} 1787 .h-can{max-width:42%;height:70vh} 1788 .h-live{right:32px} 1789 .rh{padding:60px 32px 40px} 1790 .pg-4{grid-template-columns:repeat(2,1fr)} 1791 .pg-3{grid-template-columns:repeat(3,1fr)} 1792 .pg-5{grid-template-columns:repeat(3,1fr)} 1793 .pg-wrap{padding:0 32px 60px} 1794 .ing-grid{grid-template-columns:repeat(2,1fr);padding:0 32px} 1795 .leg-grid{grid-template-columns:repeat(3,1fr)} 1796 .soc-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,200px)} 1797 .soc-tile:nth-child(1){grid-row:span 1} 1798 #partners,#legends,#boarding,#statement,#social,#reviews-tp{padding-left:32px;padding-right:32px} 1799 .stb{font-size:16px;padding:16px 8px} 1800 1801 [data-nav="dk"][style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:48px!important} 1802 #tp-grid,#tp-more{grid-template-columns:repeat(2,1fr)!important} 1803 1804 #manifesto > div{grid-template-columns:1fr!important;gap:48px!important} 1805} 1806 1807 1808@media (max-width:720px){ 1809 :root{--ann-h:36px} 1810 1811 #nav{padding:12px 20px} 1812 .nls{gap:0} 1813 .nl{display:none} 1814 .nav-cta{padding:8px 14px;font-size:10px} 1815 #ann{font-size:10px} 1816 .ann-i{font-size:10.5px;padding:0 14px;gap:6px} 1817 1818 #hero{height:100vh;height:100svh;min-height:560px;padding:120px 14px 14px;justify-content:flex-end;position:relative;overflow:hidden} 1819 .h-can,video.h-can{position:absolute;inset:0;right:auto;top:auto;left:0;width:100%;height:100%;max-width:none;max-height:none;transform:none!important;margin:0;display:block;animation:none!important;opacity:1!important;-webkit-mask-image:none;mask-image:none;object-fit:cover;z-index:0} 1820 1821 #hero > *:not(.h-can):not(.h-ghost):not(.h-vignette):not(.h-live):not(.h-scroll){padding-left:0;padding-right:0;position:relative;z-index:3} 1822 1823 .h-vignette{display:block;inset:0;background:linear-gradient(to bottom, transparent 0%, transparent 35%, rgba(0,0,0,0.45) 58%, rgba(0,0,0,0.85) 82%, #000 100%);z-index:1} 1824 .h-can.floating{animation:none!important} 1825 .h-ghost{font-size:30vw;top:32%} 1826 1827 .h-h1{max-width:100%;font-size:clamp(34px,9.5vw,58px);line-height:0.95;letter-spacing:0} 1828 .h-ey{margin-bottom:6px} 1829 1830 .h-sub{display:none} 1831 .h-acts{margin-top:16px} 1832 1833 .h-scroll{display:none} 1834 .h-live{position:absolute;top:calc(var(--ann-h) + 64px);right:20px;margin-bottom:0;z-index:3} 1835 .h-acts{flex-wrap:wrap;gap:10px} 1836 .h-acts > *{flex:1;text-align:center;min-width:140px} 1837 1838 .rh{padding:48px 20px 32px} 1839 .rh-inner{flex-direction:column;align-items:flex-start;gap:20px} 1840 .rh-ghost{font-size:28vw} 1841 1842 .shop-tab-bar{flex-wrap:wrap} 1843 .stb{font-size:13px;padding:14px 4px;letter-spacing:0.08em} 1844 1845 .pg-wrap{padding:0 12px 40px} 1846 .pg-4,.pg-3,.pg-2,.pg-5{grid-template-columns:repeat(2,1fr)} 1847 .pg{max-width:none} 1848 1849 .pc{padding:18px 14px} 1850 .pc-iw{height:200px;min-height:200px;padding:6px 0 20px} 1851 .pc-img{max-height:185px} 1852 .stick-img-wrap{min-height:200px;padding:6px 0 20px} 1853 .stick-img-wrap img{max-height:185px} 1854 .pc-name{font-size:18px;letter-spacing:0.03em} 1855 .pc-tag{font-size:9px;margin-bottom:8px} 1856 .pc-meta{gap:6px;margin-bottom:5px} 1857 .pc-desc{display:none} 1858 .pc-ft{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px} 1859 .pc-price{font-size:13px;text-align:center} 1860 .pc-btn{padding:9px 8px;font-size:10px;letter-spacing:0.1em;text-align:center;width:100%} 1861 .pc-badge{top:8px;right:8px;font-size:8px;padding:3px 6px;letter-spacing:0.1em} 1862 .pc-sold{font-size:9px;text-align:center;padding:6px 0} 1863 1864 .powder-card{padding:20px 16px} 1865 .powder-card .pc-name,.powder-card h3{font-size:18px} 1866 1867 .ing-grid{grid-template-columns:repeat(2,1fr);padding:0 12px;background:var(--bdr)} 1868 .ing-strip-lg .ing-grid{background:var(--lbdr)} 1869 .ing-strip-wt .ing-grid{background:var(--wtb)} 1870 .ing-card{padding:22px 16px;background:var(--dk2)} 1871 .ing-strip-lg .ing-card{background:#c0b8b2} 1872 .ing-strip-wt .ing-card{background:#d8d5d1;border-right:none} 1873 .ing-icon{font-size:32px;margin-bottom:10px} 1874 .ing-name{font-size:18px;margin-bottom:6px} 1875 .ing-desc{font-size:12px;line-height:1.5} 1876 1877 .leg-grid{grid-template-columns:repeat(2,1fr)} 1878 .leg-card{min-height:180px} 1879 1880 .soc-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,160px)} 1881 .soc-grid > *:nth-child(n+7){display:none} 1882 1883 .bc-inner{grid-template-columns:1fr!important} 1884 .bc-side{padding:40px 24px} 1885 1886 .part-inner{justify-content:center;text-align:center} 1887 .part-logos{gap:24px} 1888 1889 #partners,#legends,#boarding,#statement,#social,#reviews-tp,#manifesto{padding-left:20px!important;padding-right:20px!important;padding-top:64px!important;padding-bottom:64px!important} 1890 1891 #manifesto > div[style*="grid-template-columns:1fr 1fr"]{ 1892 grid-template-columns:1fr 1fr!important; 1893 grid-template-areas:"lines lines" "para para" "right stats"!important; 1894 gap:32px 24px!important; 1895 align-items:start!important; 1896 } 1897 #manifesto > div[style*="grid-template-columns:1fr 1fr"] > div:first-child{display:contents} 1898 .mf-lines{grid-area:lines;margin-bottom:0!important} 1899 #manifesto p.rev{grid-area:para;margin-bottom:0!important} 1900 .mf-right{grid-area:right;margin-top:8px} 1901 .mf-stats{grid-area:stats;display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:8px;align-self:start} 1902 .mfs-n{font-size:34px!important} 1903 1904 #tp-grid,#tp-more{grid-template-columns:repeat(2,1fr)!important;gap:1px!important} 1905 #tp-grid > *,#tp-more > *{padding:18px 14px!important} 1906 1907 .cc-cta-grid{grid-template-columns:1fr!important;gap:40px!important} 1908 .cc-cta-grid > *:first-child{order:2} 1909 .cc-cta-grid > *:last-child{order:1} 1910 1911 .cc-cans-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px 16px!important} 1912 .cc-cans-grid img{max-height:160px!important} 1913 1914 #manifesto{padding-top:72px!important;padding-bottom:80px!important} 1915 1916 .sw-row{font-size:clamp(40px,12vw,72px);margin-bottom:48px} 1917 .pillars{grid-template-columns:repeat(2,1fr)!important} 1918 1919 .modal-inner{grid-template-columns:1fr} 1920 .modal-img-side{min-height:200px;padding:24px} 1921 .modal-img{max-height:160px} 1922} 1923 1924 1925@media (max-width:400px){ 1926 .stb{font-size:11px;letter-spacing:0.04em} 1927 1928 .nav-cta{padding:7px 11px;font-size:9.5px;letter-spacing:0.08em} 1929 1930 .pg-4,.pg-3,.pg-2,.pg-5{grid-template-columns:1fr} 1931 .pc-desc{display:block;font-size:11px} 1932 .pc-ft{flex-direction:row;align-items:center} 1933 .pc-btn{width:auto} 1934 .ing-grid{grid-template-columns:1fr} 1935} 1936</style>
1937<script src="/shopify.js" defer></script>
1937</head> 1938<body class="alt-design campaign-on" style="font-family: "DM Sans";"> 1939 1940 1941<div id="ann"><div class="ann-t"> 1942 <span class="ann-i" data-i18n="free-uk-delivery">🚀 Free UK delivery on all orders</span><span class="ann-i" style="opacity:0.4">·</span> 1943 <span class="ann-i" data-i18n="welcome-code">Use <strong>WELCOME10</strong> for 10% off your first order</span><span class="ann-i" style="opacity:0.4">·</span> 1944 <span class="ann-i">⚡ <span id="ac">311</span> <span data-i18n="orders-today">orders today</span></span><span class="ann-i" style="opacity:0.4">·</span> 1945 <span class="ann-i" data-i18n="free-uk-delivery">🚀 Free UK delivery on all orders</span><span class="ann-i" style="opacity:0.4">·</span> 1946 <span class="ann-i" data-i18n="welcome-code">Use <strong>WELCOME10</strong> for 10% off your first order</span><span class="ann-i" style="opacity:0.4">·</span> 1947 <span class="ann-i">⚡ <span id="ac2">311</span> <span data-i18n="orders-today">orders today</span></span><span class="ann-i" style="opacity:0.4">·</span> 1948</div><button id="ann-x" aria-label="Close">×</button></div> 1949 1950 1951<nav id="nav" class="dk"> 1952 <a href="index.html" class="nav-logo-link" aria-label="WATA home"><img src="uploads/logo-1777133690915.png" alt="WATA" class="nav-logo"></a> 1953 <div class="nls"> 1954 <a href="#shop" class="nl" onclick="setTab('beverages')" data-i18n="nav-beverages">Beverages</a> 1955 <a href="#shop" class="nl" onclick="setTab('powders')" data-i18n="nav-powders">Powders</a> 1956 <a href="#shop" class="nl" onclick="setTab('merch')" data-i18n="nav-merch">Merch</a> 1957 <a href="#legends" class="nl" data-i18n="nav-legends">Legends</a> 1958 <a href="#boarding" class="nl" data-i18n="nav-join">Join</a> 1959 <button class="nav-locale" id="nav-locale" type="button" aria-haspopup="true" aria-expanded="false" aria-label="Region and language"> 1960 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 3 a14 14 0 0 1 0 18 a14 14 0 0 1 0 -18"/></svg> 1961 <span class="nav-locale-label" id="nav-locale-label">UK · EN</span> 1962 </button> 1963 <div class="nav-locale-panel" id="nav-locale-panel" role="dialog" aria-label="Choose region and language" aria-hidden="true"> 1964 <div class="nlp-col"> 1965 <p class="nlp-h">Region</p> 1966 <button class="nlp-opt" type="button" data-loc="uk" data-domain="https://wata.co.uk"><span class="nlp-flag">🇬🇧</span>United Kingdom<span class="nlp-cur">£</span></button> 1967 <button class="nlp-opt" type="button" data-loc="eu" data-domain="https://wata.eu"><span class="nlp-flag">🇪🇺</span>Europe<span class="nlp-cur">€</span></button> 1968 <button class="nlp-opt" type="button" data-loc="us" data-domain="https://wata.us"><span class="nlp-flag">🇺🇸</span>United States<span class="nlp-cur">$</span></button> 1969 <button class="nlp-opt" type="button" data-loc="au" data-domain="https://wata.com.au"><span class="nlp-flag">🇦🇺</span>Australia<span class="nlp-cur">A$</span></button> 1970 <button class="nlp-opt" type="button" data-loc="ae" data-domain="https://wata.ae"><span class="nlp-flag">🇦🇪</span>Middle East <small>(GCC)</small><span class="nlp-cur">د.إ</span></button> 1971 </div> 1972 <div class="nlp-col"> 1973 <p class="nlp-h">Language</p> 1974 <button class="nlp-opt" type="button" data-lang="en" data-lang-label="EN">English (UK)</button> 1975 <button class="nlp-opt" type="button" data-lang="ar" data-lang-label="AR" data-lang-dir="rtl">العربية <small>(beta)</small></button> 1976 <button class="nlp-opt" type="button" data-lang="fr" data-lang-label="FR">Français <small>(beta)</small></button> 1977 <button class="nlp-opt" type="button" data-lang="de" data-lang-label="DE">Deutsch <small>(beta)</small></button> 1978 <button class="nlp-opt" type="button" data-lang="es" data-lang-label="ES">Español <small>(beta)</small></button> 1979 <button class="nlp-opt" type="button" data-lang="nl" data-lang-label="NL">Nederlands <small>(beta)</small></button> 1980 <button class="nlp-opt" type="button" data-lang="it" data-lang-label="IT">Italiano <small>(beta)</small></button> 1981 </div> 1982 </div> 1983 <button class="nav-burger" id="nav-burger" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="nav-menu"> 1984 <span></span><span></span><span></span> 1985 </button> 1986 </div> 1987</nav> 1988 1989 1990<div class="nav-menu" id="nav-menu" aria-hidden="true"> 1991 <button class="nav-menu-close" id="nav-menu-close" type="button" aria-label="Close menu">×</button> 1992 <ul class="nav-menu-list"> 1993 <li><button type="button" data-menu-cat="drinks" data-i18n="menu-drinks">Drinks</button></li> 1994 <li><button type="button" data-menu-cat="ontap" data-i18n="menu-ontap">On-Tap</button></li> 1995 <li><button type="button" data-menu-cat="merch" data-i18n="menu-merch">Merch</button></li> 1996 <li class="nav-menu-group"> 1997 <a href="index.html#ap-cat-limited" class="nav-menu-parent" data-i18n="menu-limited">Limited Drops</a> 1998 <ul class="nav-menu-sub"> 1999 <li><a href="WATA Hydrate Or Die.html">Hydrate Or Die</a></li> 2000 <li><a href="WATA Game.html">WATA Game</a></li> 2001 <li><a href="WATA Toon Star.html">Toon Star</a></li> 2002 </ul> 2003 </li> 2004 <li><a href="#ap-leg" data-i18n="menu-legends">Legends</a></li> 2005 <li><a href="#ap-sub" data-i18n="menu-join">Join</a></li> 2006 <li><a href="WATA Product Page.html" data-i18n="menu-shopnow">Shop Now →</a></li> 2007 </ul> 2008 <p class="nav-menu-foot" data-i18n="menu-foot">Water First · Always.</p> 2009</div> 2010 2011 2012 2013 2014 2015<section id="hero-campaign" class="campaign-hero alt-only" data-nav="dk" aria-hidden="true"> 2016 <video class="ch-video" muted loop playsinline preload="none" poster="uploads/break-merch-poster.jpg" data-src-webm="uploads/break-merch.webm" data-src-mp4="uploads/break-merch.mp4" aria-label="Hydrate or die campaign loop"></video> 2017 <div class="ch-scrim" aria-hidden="true"></div> 2018 <div class="ch-overlay"> 2019 <p class="ch-eye" data-i18n="hero-eye">You’re ~60% water</p> 2020 <h1 class="ch-h" data-i18n="hero-h">Hydrate<br>Or Die</h1> 2021 <a href="WATA Hydrate Or Die.html" class="ch-cta"> 2022 <span class="ch-cta-label" data-i18n="hero-cta">Don’t Die</span> 2023 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg> 2024 </a> 2025 </div> 2026</section> 2027 2028<section id="hero-alt" class="alt-hero alt-only" data-nav="dk"> 2029 <div class="ah-bg" aria-hidden="true"></div> 2030 <div class="ah-deco ah-deco-tl" aria-hidden="true"> 2031 <svg viewBox="0 0 80 80" width="80" height="80"><circle cx="40" cy="40" r="36" fill="none" stroke="currentColor" stroke-width="1" opacity="0.35"/><circle cx="40" cy="40" r="22" fill="none" stroke="currentColor" stroke-width="1" opacity="0.5"/></svg> 2032 </div> 2033 <div class="ah-deco ah-deco-tr" aria-hidden="true"> 2034 <svg viewBox="0 0 100 60" width="100" height="60"><path d="M5 30 Q25 5 50 30 T95 30" fill="none" stroke="currentColor" stroke-width="1" opacity="0.35"/></svg> 2035 </div> 2036 <div class="ah-deco ah-deco-bl" aria-hidden="true"> 2037 <svg viewBox="0 0 60 60" width="60" height="60"><path d="M30 8 C20 22 12 30 12 40 a18 18 0 0 0 36 0 C48 30 40 22 30 8 Z" fill="currentColor" opacity="0.18"/></svg> 2038 </div> 2039 <div class="ah-deco ah-deco-br" aria-hidden="true"> 2040 <svg viewBox="0 0 90 90" width="90" height="90"><circle cx="45" cy="45" r="20" fill="none" stroke="currentColor" stroke-width="1" opacity="0.35"/><line x1="45" y1="15" x2="45" y2="75" stroke="currentColor" stroke-width="1" opacity="0.25"/><line x1="15" y1="45" x2="75" y2="45" stroke="currentColor" stroke-width="1" opacity="0.25"/></svg> 2041 </div> 2042 <p class="ah-eyebrow">Premium UK Drinks Brand — Water First. Always.</p> 2043 <div class="ah-stage" id="ah-stage">
2044 <article class="ah-slide is-active" data-slide="0" data-c1="#9c7654" data-c2="#1a0d05" data-text="#fff5e6" data-deco="rgba(228,196,156,0.55)"> 2045 <h2 class="ah-bigtext">ZERO</h2> 2046 <img class="ah-can" src="uploads/enegry wata 1-ef643d09.png" alt="Original Zero Energy" fetchpriority="high" decoding="async" width="600" height="900"> 2047 </article> 2048 <article class="ah-slide" data-slide="1" data-c1="#e85092" data-c2="#3a1228" data-text="#ffe6f1" data-deco="rgba(255,180,210,0.55)"> 2049 <h2 class="ah-bigtext">PINK</h2> 2050 <img class="ah-can" src="uploads/WATA Energy - cOL pEP.png" alt="Pink Berry Collagen Peptide Energy" width="600" height="900"> 2051 </article> 2052 <article class="ah-slide" data-slide="2" data-c1="#9eb1c0" data-c2="#1a2030" data-text="#e6edf2" data-deco="rgba(200,220,235,0.55)"> 2053 <h2 class="ah-bigtext">SPARK</h2> 2054 <img class="ah-can" src="uploads/wata-silver-spark.png" alt="WATA Sparkling" width="600" height="900" loading="lazy" decoding="async"> 2055 </article> 2056 <article class="ah-slide" data-slide="3" data-c1="#ee9024" data-c2="#3a1e08" data-text="#ffe9c9" data-deco="rgba(255,200,140,0.55)"> 2057 <h2 class="ah-bigtext">PULP</h2> 2058 <img class="ah-can" src="uploads/wata-gut-pulp.png" alt="Pulp Fiction Soda" width="600" height="900" loading="lazy" decoding="async"> 2059 </article> 2060 </div> 2061 <div class="ah-meta"> 2062 <div class="ah-label"> 2063 <div class="ah-label-name" id="ah-name">Original Zero</div> 2064 <div class="ah-label-tag" id="ah-tag">Zero Sugar Energy · 24×330ml</div> 2065 <a class="ah-label-cta" href="WATA Product Detail.html#original-zero" id="ah-cta">Shop →</a> 2066 </div> 2067 <div class="ah-counter"> 2068 <span class="ah-counter-cur" id="ah-cur">01</span> 2069 <span class="ah-counter-sep">/</span> 2070 <span class="ah-counter-tot">04</span> 2071 </div> 2072 </div> 2073 <div class="ah-controls"> 2074 <button class="ah-arrow ah-prev" id="ah-prev" aria-label="Previous slide">←</button> 2075 <div class="ah-dots" role="tablist"> 2076 <button class="ah-dot is-active" data-i="0" role="tab" aria-label="Slide 1"></button> 2077 <button class="ah-dot" data-i="1" role="tab" aria-label="Slide 2"></button> 2078 <button class="ah-dot" data-i="2" role="tab" aria-label="Slide 3"></button> 2079 <button class="ah-dot" data-i="3" role="tab" aria-label="Slide 4"></button> 2080 </div> 2081 <button class="ah-arrow ah-next" id="ah-next" aria-label="Next slide">→</button> 2082 </div> 2083</section> 2084 2085 2086<div class="notify-modal" id="notify-modal" aria-hidden="true" role="dialog" aria-label="Get notified"> 2087 <div class="notify-card"> 2088 <button type="button" class="notify-close" id="notify-close" aria-label="Close">×</button> 2089 <p class="notify-eye" id="notify-eye">Coming soon</p> 2090 <h3 class="notify-h" id="notify-h">Get notified.</h3> 2091 <p class="notify-sub" id="notify-sub">We'll email you the moment it drops.</p> 2092 <form class="notify-form" id="notify-form" novalidate> 2093 <input type="email" class="notify-input" id="notify-email" placeholder="[email protected]" required autocomplete="email"> 2094 <button type="submit" class="notify-btn">Notify me</button> 2095 </form> 2096 <p class="notify-done" id="notify-done">You're in. We'll be in touch.</p> 2097 <p class="notify-already" id="notify-already">You're already on the list for this drop. We'll email when it lands.</p> 2098 </div> 2099</div> 2100 2101 2102<div id="design-toggle" aria-label="Site controls"> 2103 <button class="dt-trigger" id="dt-trigger" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="dt-popup"> 2104 <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18"/></svg> 2105 <span class="dt-trigger-label" id="dt-trigger-label">Campaign</span> 2106 </button> 2107 <div class="dt-popup" id="dt-popup" role="dialog" aria-label="Campaign + marketplace controls" aria-hidden="true"> 2108 <p class="dt-h">Campaign</p> 2109 <div id="dt-campaign-row"> 2110 <div class="dt-camp-row"> 2111 <label class="dt-switch dt-camp-active-switch"> 2112 <span class="dt-switch-label">Hydrate Or Die</span> 2113 <input type="radio" name="dt-campaign" class="dt-camp-radio" value="hydrate-or-die" aria-label="Enable Hydrate Or Die campaign"> 2114 <span class="dt-switch-track"><span class="dt-switch-knob"></span></span> 2115 </label> 2116 <select class="dt-camp-state" data-campaign="hydrate-or-die" aria-label="Hydrate Or Die state"> 2117 <option value="live">Live</option> 2118 <option value="coming-soon">Coming soon</option> 2119 </select> 2120 </div> 2121 <div class="dt-camp-row"> 2122 <label class="dt-switch dt-camp-active-switch"> 2123 <span class="dt-switch-label">WATA Game</span> 2124 <input type="radio" name="dt-campaign" class="dt-camp-radio" value="wata-game" aria-label="Enable WATA Game campaign"> 2125 <span class="dt-switch-track" style="--switch-on:#26334d"><span class="dt-switch-knob"></span></span> 2126 </label> 2127 <select class="dt-camp-state" data-campaign="wata-game" aria-label="WATA Game state"> 2128 <option value="live">Live</option> 2129 <option value="coming-soon">Coming soon</option> 2130 </select> 2131 </div> 2132 <div class="dt-camp-row"> 2133 <label class="dt-switch dt-camp-active-switch"> 2134 <span class="dt-switch-label">Toon Star</span> 2135 <input type="radio" name="dt-campaign" class="dt-camp-radio" value="toon-star" aria-label="Enable Toon Star campaign"> 2136 <span class="dt-switch-track" style="--switch-on:#9eb1c0"><span class="dt-switch-knob"></span></span> 2137 </label> 2138 <select class="dt-camp-state" data-campaign="toon-star" aria-label="Toon Star state"> 2139 <option value="live">Live</option> 2140 <option value="coming-soon">Coming soon</option> 2141 </select> 2142 </div> 2143 <button type="button" class="dt-camp-clear" id="dt-camp-clear">Clear campaign</button> 2144 </div> 2145 <div class="dt-section" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(248,245,240,0.08)"> 2146 <p style="font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(248,245,240,0.42);margin:0 0 8px;font-weight:600">Marketplaces</p> 2147 <label class="dt-mp-row"><input type="checkbox" data-mp="amazon"><span>Sell on Amazon</span></label> 2148 <label class="dt-mp-row"><input type="checkbox" data-mp="tiktok"><span>Sell on TikTok Shop</span></label> 2149 </div> 2150 2151 <div class="dt-section" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(248,245,240,0.08)"> 2152 <p style="font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(248,245,240,0.42);margin:0 0 8px;font-weight:600">Admin (dev only)</p> 2153 <a href="https://wata-admin.vercel.app" target="_blank" rel="noopener" class="dt-camp-clear" style="text-decoration:none;text-align:center;display:block;margin-bottom:6px">WATA admin →</a> 2154 <a href="https://wata-deck.vercel.app/admin.html" target="_blank" rel="noopener" class="dt-camp-clear" style="text-decoration:none;text-align:center;display:block;margin-bottom:6px;border-color:rgba(197,163,155,0.32);color:rgba(197,163,155,0.88)">Deck admin →</a> 2155 <a href="https://wata-deck.vercel.app/" target="_blank" rel="noopener" class="dt-camp-clear" style="text-decoration:none;text-align:center;display:block;color:rgba(248,245,240,0.4);font-size:9.5px">Investor deck →</a> 2156 </div> 2157 </div> 2158</div> 2159 2160 2161<div class="alt-only"> 2162 2163 2164 <section class="ap-pillars" data-nav="dk"> 2165 <div class="ap-pillars-inner"> 2166 <span>Water First</span> 2167 <i class="ap-dot"></i> 2168 <span>Zero Sugar</span> 2169 <i class="ap-dot"></i> 2170 <span>Natural Caffeine</span> 2171 <i class="ap-dot"></i> 2172 <span>Born In The Toon</span> 2173 <div class="ap-pillars-track" aria-hidden="true"> 2174 <span>Water First</span><i class="ap-dot"></i> 2175 <span>Zero Sugar</span><i class="ap-dot"></i> 2176 <span>Natural Caffeine</span><i class="ap-dot"></i> 2177 <span>Born In The Toon</span><i class="ap-dot"></i> 2178 <span>Water First</span><i class="ap-dot"></i> 2179 <span>Zero Sugar</span><i class="ap-dot"></i> 2180 <span>Natural Caffeine</span><i class="ap-dot"></i> 2181 <span>Born In The Toon</span><i class="ap-dot"></i> 2182 </div> 2183 </div> 2184 </section> 2185 2186 2187 2188 2189 <section class="ap-mani" data-nav="dk"> 2190 2191 <svg class="ap-water-defs" aria-hidden="true" focusable="false"> 2192 <defs> 2193 <filter id="ap-water" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB"> 2194 <feTurbulence type="fractalNoise" baseFrequency="0.008 0.02" numOctaves="2" seed="3" result="noise"> 2195 <animate attributeName="baseFrequency" dur="10s" values="0.006 0.018;0.012 0.030;
21950.006 0.018" repeatCount="indefinite"/> 2196 </feTurbulence> 2197 <feDisplacementMap in="SourceGraphic" in2="noise" scale="22"/> 2198 </filter> 2199 </defs> 2200 </svg> 2201 <div class="ap-ripple-bg" aria-hidden="true"> 2202 <span class="ap-ripple"></span> 2203 <span class="ap-ripple"></span> 2204 <span class="ap-ripple"></span> 2205 <span class="ap-ripple"></span> 2206 </div> 2207 <p class="ap-eye" data-i18n="mani-eye">Manifesto</p> 2208 <h2 class="ap-mani-rotor" aria-live="polite"> 2209 <span class="ap-mani-word is-active" data-i18n="mani-w1">Sustainability.</span> 2210 <span class="ap-mani-word" data-i18n="mani-w2">Hydration.</span> 2211 <span class="ap-mani-word" data-i18n="mani-w3">Longevity.</span> 2212 <span class="ap-mani-word" data-i18n="mani-w4">Productivity.</span> 2213 <span class="ap-mani-word" data-i18n="mani-w5">It’s WATA.</span> 2214 </h2> 2215 <p class="ap-mani-sub" data-i18n="mani-sub">Five words. One foundation. Always.</p> 2216 </section> 2217 2218 2219 <section class="ap-tabs" data-nav="dk" id="ap-tabs"> 2220 <div class="ap-tabs-pill" role="radiogroup" aria-label="Category tabs"> 2221 <button type="button" class="ap-tab is-active" data-cat-tab="drinks">Drinks</button> 2222 <button type="button" class="ap-tab" data-cat-tab="ontap" data-prod-hidden>On-Tap</button> 2223 <button type="button" class="ap-tab" data-cat-tab="merch" data-prod-hidden>Merch</button> 2224 <button type="button" class="ap-tab" data-cat-tab="drops">Drops</button> 2225 </div> 2226 </section> 2227 2228 2229 <section class="ap-cat ap-cat-drinks" id="ap-cat-longevity" data-nav="dk" style="--accent:#9fc1e0;--accent-soft:rgba(159,193,224,0.08)"> 2230 <div class="ap-cat-bg" aria-hidden="true"></div> 2231 <header class="ap-cat-h"> 2232 <p class="ap-eye" data-i18n="rangeA-eye">Range A — Longevity Water</p> 2233 <h2 data-i18n="rangeA-h">Longevity<br>Water.</h2> 2234 <p class="ap-cat-sub" data-i18n="rangeA-sub">Pure water — still or sparkling. Always the first ingredient on the label. Nothing more, nothing less.</p> 2235 <div class="ap-subfilter" data-subfilter-for="longevity" role="radiogroup" aria-label="Filter Water"> 2236 <button type="button" class="ap-sub-pill is-active" data-tag="all" data-i18n="filter-all">All</button> 2237 <button type="button" class="ap-sub-pill" data-tag="still" data-i18n="filter-still">Still</button> 2238 <button type="button" class="ap-sub-pill" data-tag="sparkling" data-i18n="filter-sparkling">Sparkling</button> 2239 <button type="button" class="ap-sub-pill" data-tag="collagen" data-i18n="filter-collagen">Collagen</button> 2240 <button type="button" class="ap-sub-pill" data-tag="longevity" data-i18n="filter-longevity">For Longevity</button> 2241 <button type="button" class="ap-sub-pill" data-tag="recovery" data-i18n="filter-recovery">For Recovery</button> 2242 </div> 2243 </header> 2244 <div class="ap-prod-grid ap-prod-grid-3"> 2245 2246 <article class="ap-prod" data-pid="still-gold" data-demo-only data-tags="still,collagen,water,longevity,recovery" data-icons="drop,collagen,electrolyte,vitamins" data-purpose="longevity,recovery" data-img-can="uploads/wata-gold-still.png" data-img-bottle="uploads/wata-bottle-gold.png" style="--card-glow:rgba(196,149,106,0.18)"> 2247 <span class="ap-prod-badge">New</span> 2248 <div class="ap-prod-img"><img src="uploads/wata-gold-still.png" alt="Still Gold" width="600" height="900" loading="lazy" decoding="async"></div> 2249 <p class="ap-prod-tag">Still · Collagen</p> 2250 <h3>Still Gold</h3> 2251 <p class="ap-prod-desc">Spring water with marine collagen. Smooth gold finish.</p> 2252 <div class="ap-fmt"><button class="ap-fmt-btn ap-fmt-act" data-fmt="can">Can 330ml</button><button class="ap-fmt-btn" data-fmt="bottle">Bottle 750ml</button></div> 2253 <div class="ap-prod-ft"><span class="ap-prod-price">£23.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#still-gold">Add to cart</a></div> 2254 </article> 2255 <article class="ap-prod" data-pid="still-rose" data-demo-only data-tags="still,collagen,water,longevity,recovery" data-icons="drop,collagen,electrolyte,vitamins" data-purpose="longevity,recovery" data-img-can="uploads/wata-amber-still.png" data-img-bottle="uploads/wata-bottle-amber.png" style="--card-glow:rgba(212,80,140,0.18)"> 2256 <div class="ap-prod-img"><img src="uploads/wata-amber-still.png" alt="Still Pink" width="600" height="900" loading="lazy" decoding="async"></div> 2257 <p class="ap-prod-tag">Still · Collagen</p> 2258 <h3>Still Pink</h3> 2259 <p class="ap-prod-desc">Spring water with marine collagen. Subtle pink berry finish.</p> 2260 <div class="ap-fmt"><button class="ap-fmt-btn ap-fmt-act" data-fmt="can">Can 330ml</button><button class="ap-fmt-btn" data-fmt="bottle">Bottle 750ml</button></div> 2261 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#still-rose">Add to cart</a></div> 2262 </article> 2263 <article class="ap-prod" data-pid="sparkling" data-demo-only data-tags="sparkling,water,recovery" data-icons="drop,sparkle,electrolyte,gluten-free" data-purpose="recovery" data-img-can="uploads/wata-silver-spark.png" data-img-bottle="uploads/wata-bottle-spark.png" style="--card-glow:rgba(158,177,192,0.20)"> 2264 <span class="ap-prod-badge ap-prod-badge-ghost">Stainless</span> 2265 <div class="ap-prod-img"><img src="uploads/wata-silver-spark.png" alt="Sparkling" width="600" height="900" loading="lazy" decoding="async"></div> 2266 <p class="ap-prod-tag">Sparkling · Can or Bottle</p> 2267 <h3>Sparkling</h3> 2268 <p class="ap-prod-desc">Natural sparkling spring water. Crisp, premium, refillable.</p> 2269 <div class="ap-fmt"><button class="ap-fmt-btn ap-fmt-act" data-fmt="can">Can 330ml</button><button class="ap-fmt-btn" data-fmt="bottle">Bottle 750ml</button></div> 2270 <div class="ap-prod-ft"><span class="ap-prod-price">£25.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#sparkling">Add to cart</a></div> 2271 </article> 2272 2273 <article class="ap-prod" data-pid="still-gold" data-prod-only data-tags="still,water,longevity,recovery" data-icons="drop,electrolyte" data-purpose="longevity,recovery" data-img-can="uploads/wata-gold-still.png" style="--card-glow:rgba(196,149,106,0.18)"> 2274 <span class="ap-prod-badge">New</span> 2275 <div class="ap-prod-img"><img src="uploads/wata-gold-still.png" alt="Still" width="600" height="900" loading="lazy" decoding="async"></div> 2276 <p class="ap-prod-tag">Still</p> 2277 <h3>Still</h3> 2278 <p class="ap-prod-desc">Pure UK spring water. Premium, recyclable can.</p> 2279 <div class="ap-prod-ft"><span class="ap-prod-price">£23.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#still-gold">Add to cart</a></div> 2280 </article> 2281 <article class="ap-prod" data-pid="still-rose" data-prod-only data-tags="still,water,longevity,recovery" data-icons="drop,electrolyte" data-purpose="longevity,recovery" data-img-can="uploads/wata-amber-still.png" style="--card-glow:rgba(212,80,140,0.18)"> 2282 <div class="ap-prod-img"><img src="uploads/wata-amber-still.png" alt="Pink Edition Still" width="600" height="900" loading="lazy" decoding="async"></div> 2283 <p class="ap-prod-tag">Still</p> 2284 <h3>Pink Edition</h3> 2285 <p class="ap-prod-desc">Pure UK spring water, pink-edition can. Premium, recyclable.</p> 2286 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#still-rose">Add to cart</a></div> 2287 </article> 2288 <article class="ap-prod" data-pid="sparkling" data-prod-only data-tags="sparkling,water,recovery" data-icons="drop,sparkle,electrolyte,gluten-free" data-purpose="recovery" data-img-can="uploads/wata-silver-spark.png" style="--card-glow:rgba(200,208,216,0.22)"> 2289 <span class="ap-prod-badge ap-prod-badge-ghost">Sparkling</span> 2290 <div class="ap-prod-img"><img src="uploads/wata-silver-spark.png" alt="Sparkling" width="600" height="900" loading="lazy" decoding="async"></div> 2291 <p class="ap-prod-tag">Sparkling</p> 2292 <h3>Sparkling</h3> 2293 <p class="ap-prod-desc">Natural UK sparkling spring water. Crisp, premium, recyclable.</p> 2294 <div class="ap-prod-ft"><span class="ap-prod-price">£25.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#sparkling">Add to cart</a></div> 2295 </article> 2296 </div> 2297 <div class="ap-usps"> 2298 <div class="ap-usp"><span class="ap-usp-icon" data-ic="drop" style="--ic-url:url(uploads/icon-drop.svg)"></span><h4>Water First</h4><p>Always the first and only main ingredient.</p></div> 2299 <div class="ap-usp"><span class="ap-usp-icon" data-ic="electrolyte" style="--ic-url:url(uploads/icon-electrolyte.svg)"></span><h4>Electrolytes</h4><p>Naturally occurring for cellular hydration.</p></div> 2300 <div class="ap-usp"><span class="ap-usp-icon" data-ic="zero-sugar" style="--ic-url:url(uploads/icon-zero-sugar.svg)"></span><h4>Zero Sugar</h4><p>No sweeteners, no additives. Just water.</p></div> 2301 <div class="ap-usp"><span class="ap-usp-icon" data-ic="recyclable" style="--ic-url:url(uploads/icon-recyclable.svg)"></span><h4>Recyclable</h4><p>Aluminium and stainless. Infinitely circular.</p></div> 2302 </div> 2303 </section> 2304 2305 2306 <section class="ap-cat ap-cat-drinks" id="ap-cat-vh" data-nav="dk" data-prod-only style="--accent:#7c3aed;--accent-soft:rgba(124,58,237,0.10)"> 2307 <div class="ap-cat-bg" aria-hidden="true"></div> 2308 <header class="ap-cat-h"> 2309 <p class="ap-eye">Range B — Vitamin Hydrate</p> 2310 <h2>Vitamin<br>Hydrate.</h2> 2311 <p class="ap-cat-sub">Ditch the dodgy, boring, bottled stuff and upgrade to WATA. Isotonics inc. Vitamins B6, B12, C and 80mg of electrolytes.</p> 2312 </header> 2313 <div class="ap-prod-grid ap-prod-grid-3"> 2314 <article class="ap-prod" data-pid="vh-watamelon" data-prod-only data-tags="hydrate,watermelon" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(196,80,90,0.20)"> 2315 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Hydro_Watamelon_Side_1_Shopify_Layout-min.png" alt="Watamelon Hydrate" width="600" height="900" loading="lazy" decoding="async"></div> 2316 <p class="ap-prod-tag">Vitamin Hydrate · Watamelon</p> 2317 <h3>Watamelon</h3> 2318 <p class="ap-prod-desc">Watermelon + electrolytes + B+C vitamins. Low sugar, under 30 cal.</p> 2319 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-watamelon">Add to cart</a></div> 2320 </article> 2321 <article class="ap-prod" data-pid="vh-tropic" data-prod-only data-tags="hydrate,tropical" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(255,140,80,0.20)"> 2322 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Hydro_Tropic_Thunda_Side_1_Shopify_Layout-min.png" alt="Tropic Thunda Hydrate" width="600" height="900" loading="lazy" decoding="async"></div> 2323 <p class="ap-prod-tag">Vitamin Hydrate · Tropical</p> 2324 <h3>Tropic Thunda</h3> 2325 <p class="ap-prod-desc">Tropical blend, electrolytes + vitamins. Low sugar, under 30 cal.</p> 2326 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-tropic">Add to cart</a></div> 2327 </article> 2328 <article class="ap-prod" data-pid="vh-berry" data-prod-only data-tags="hydrate,berry" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(232,80,140,0.20)"> 2329 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Hydro_Berry_Side_1_Shopify_Layout-min.png" alt="Berry Nice Hydrate" width="600" height="900" loading="lazy" decoding="async"></div> 2330 <p class="ap-prod-tag">Vitamin Hydrate · Berry</p> 2331 <h3>Berry Nice</h3> 2332 <p class="ap-prod-desc">Raspberry + coconut, electrolytes + vitamins. Low sugar, under 30 cal.</p> 2333 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-berry">Add to cart</a></div> 2334 </article> 2335 <article class="ap-prod" data-pid="vh-grape" data-prod-only data-tags="hydrate,grape" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(140,70,200,0.20)"> 2336 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Hydro_Grape_Escapee_Side_1_Shopify_Layout-min.png" alt="Grape Escape Hydrate" width="600" height="900" loading="lazy" decoding="async"></div> 2337 <p class="ap-prod-tag">Vitamin Hydrate · Grape</p> 2338 <h3>Grape Escape</h3> 2339 <p class="ap-prod-desc">Concord grape, electrolytes + vitamins. Low sugar, under 30 cal.</p> 2340 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-grape">Add to cart</a></div> 2341 </article> 2342 <article class="ap-prod" data-pid="vh-mixed" data-prod-only data-tags="hydrate,taster" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(127,196,168,0.18)"> 2343 <span class="ap-prod-badge">Taster Pack</span> 2344 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Hydro_Mix_Box_-_Shopify_Layout-min_1.png" alt="Mixed Hydro 12-pack" width="600" height="900" loading="lazy" decoding="async"></div> 2345 <p class="ap-prod-tag">Vitamin Hydrate · 12-pack mixed</p> 2346 <h3>Mixed Hydro</h3> 2347 <p class="ap-prod-desc">One of each flavour. Low sugar, under 30 cal per can.</p> 2348 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-mixed">Add to cart</a></div> 2349 </article> 2350 <article class="ap-prod" data-pid="vh-tasters" data-prod-only data-tags="hydrate,taster" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(127,196,168,0.18)"> 2351 <span class="ap-prod-badge">6-pack</span> 2352 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/HydroMix-ShopifyLayout.png" alt="Hydro Tasters 6-pack" width="600" height="900" loading="lazy" decoding="async"></div> 2353 <p class="ap-prod-tag">Vitamin Hydrate · 6-pack tasters</p> 2354 <h3>Hydro Tasters</h3> 2355 <p class="ap-prod-desc">Six-can sampler. Low sugar, under 30 cal. Try the range.</p> 2356 <div class="ap-prod-ft"><span class="ap-prod-price">£4.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#vh-tasters">Add to cart</a></div> 2357 </article> 2358 </div> 2359 <div class="ap-usps"> 2360 <div class="ap-usp"><span class="ap-usp-icon" data-ic="drop" style="--ic-url:url(uploads/icon-drop.svg)"></span><h4>Hydration First</h4><p>Real water with real flavour. Always.</p></div> 2361 <div class="ap-usp"><span class="ap-usp-icon" data-ic="electrolyte" style="--ic-url:url(uploads/icon-electrolyte.svg)"></span><h4>Electrolytes</h4><p>Na, K, Mg in functional ratios.</p></div> 2362 <div class="ap-usp"><span class="ap-usp-icon" data-ic="zero-sugar" style="--ic-url:url(uploads/icon-zero-sugar.svg)"></span><h4>Low Sugar</h4><p>Under 30 cal per can. Real flavour, no overload.</p></div> 2363 <div class="ap-usp"><span class="ap-usp-icon" data-ic="vitamins" style="--ic-url:url(uploads/icon-vitamins.svg)"></span><h4>Vitamins</h4><p>B6 and C in every can.</p></div> 2364 </div> 2365 </section> 2366 2367 2368 <section class="ap-cat ap-cat-drinks" id="ap-cat-sodas" data-nav="dk" data-demo-only style="--accent:#e899b3;--accent-soft:rgba(232,153,179,0.08)"> 2369 <div class="ap-cat-bg" aria-hidden="true"></div> 2370 <header class="ap-cat-h"> 2371 <p class="ap-eye" data-i18n="rangeB-eye">Range B — Good Gut Sodas</p> 2372 <h2 data-i18n="rangeB-h">Good Gut<br>Sodas.</h2> 2373 <p class="ap-cat-sub" data-i18n="rangeB-sub">Taste meets functional hydration. Probiotics + collagen, naturally sweetened.</p> 2374 <div class="ap-cat-pill-row" style="grid-column:2;justify-self:start;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px"> 2375 <div class="ap-cat-pill" style="margin-top:0" data-i18n="comingsoon">Coming soon</div> 2376 <button type="button" class="ap-cat-notify" data-notify="sodas" data-i18n="notifyme">Notify me</button> 2377 </div> 2378 <div class="ap-subfilter" data-subfilter-for="sodas" role="radiogroup" aria-label="Filter Good Gut Sodas"> 2379 <button type="button" class="ap-sub-pill is-active" data-tag="all" data-i18n="filter-all">All</button> 2380 <button type="button" class="ap-sub-pill" data-tag="probiotic" data-i18n="filter-probiotic">Probiotic</button> 2381 <button type="button" class="ap-sub-pill" data-t
2381ag="collagen" data-i18n="filter-collagen">Collagen</button> 2382 <button type="button" class="ap-sub-pill" data-tag="golden-fruit" data-i18n="filter-orange">Orange</button> 2383 <button type="button" class="ap-sub-pill" data-tag="pink-berry" data-i18n="filter-pinkberry">Pink Berry</button> 2384 </div> 2385 </header> 2386 <div class="ap-prod-grid ap-prod-grid-2"> 2387 <article class="ap-prod ap-prod-cs" data-pid="pulp-fiction" data-tags="probiotic,golden-fruit" data-icons="drop,probiotic,electrolyte,vitamins" data-purpose="recovery" style="--card-glow:rgba(220,170,80,0.18)"> 2388 <span class="ap-prod-badge ap-prod-badge-cs">Coming Soon</span> 2389 <div class="ap-prod-img"><img src="uploads/wata-gut-pulp.png" alt="Pulp Fiction" width="600" height="900" loading="lazy" decoding="async"></div> 2390 <p class="ap-prod-tag">Good Gut · Orange</p> 2391 <h3>Pulp Fiction</h3> 2392 <p class="ap-prod-desc">Bold golden fruit. Probiotics + B-vitamins. Zero sugar.</p> 2393 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#pulp-fiction">Notify me</a></div> 2394 </article> 2395 <article class="ap-prod ap-prod-cs" data-pid="pink-182" data-tags="probiotic,collagen,pink-berry" data-icons="drop,probiotic,collagen,electrolyte" data-purpose="longevity,recovery" style="--card-glow:rgba(170,80,160,0.20)"> 2396 <span class="ap-prod-badge ap-prod-badge-cs">Coming Soon</span> 2397 <div class="ap-prod-img"><img src="uploads/wata-gut-pink.png" alt="Pink 182" width="600" height="900" loading="lazy" decoding="async"></div> 2398 <p class="ap-prod-tag">Good Gut · Pink Berry</p> 2399 <h3>Pink 182</h3> 2400 <p class="ap-prod-desc">Pink berry pop. Probiotics + collagen peptides. Zero sugar.</p> 2401 <div class="ap-prod-ft"><span class="ap-prod-price">£21.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#pink-182">Notify me</a></div> 2402 </article> 2403 </div> 2404 <div class="ap-usps"> 2405 <div class="ap-usp"><span class="ap-usp-icon" data-ic="drop" style="--ic-url:url(uploads/icon-drop.svg)"></span><h4>Water First</h4><p>The foundation of every WATA can.</p></div> 2406 <div class="ap-usp"><span class="ap-usp-icon" data-ic="probiotic" style="--ic-url:url(uploads/icon-probiotic.svg)"></span><h4>Probiotics</h4><p>Live cultures for gut microbiome support.</p></div> 2407 <div class="ap-usp"><span class="ap-usp-icon" data-ic="collagen" style="--ic-url:url(uploads/icon-collagen.svg)"></span><h4>Collagen</h4><p>Marine peptides for skin and joints.</p></div> 2408 <div class="ap-usp"><span class="ap-usp-icon" data-ic="zero-sugar" style="--ic-url:url(uploads/icon-zero-sugar.svg)"></span><h4>Zero Sugar</h4><p>Naturally sweetened. No compromise on flavour.</p></div> 2409 </div> 2410 </section> 2411 2412 2413 <section class="ap-cat ap-cat-drinks ap-cat-energy" id="ap-cat-energy" data-nav="dk" style="--accent:#d4b08a;--accent-soft:rgba(212,176,138,0.08)"> 2414 <div class="ap-cat-bg" aria-hidden="true"></div> 2415 <header class="ap-cat-h"> 2416 <p class="ap-eye" data-i18n="rangeC-eye">Range C — Zero Sugar Energy</p> 2417 <h2 data-i18n="rangeC-h">Zero Sugar<br>Productivity.</h2> 2418 <p class="ap-cat-sub" data-i18n="rangeC-sub">Wings are for pigeons. No more relentless crashes. Flavours Inc. Vit B, C, 166mg of natural Caffeine, taurine and 80mg of electrolytes.</p> 2419 <div class="ap-subfilter" data-subfilter-for="energy" role="radiogroup" aria-label="Filter Zero Sugar Energy"> 2420 <button type="button" class="ap-sub-pill is-active" data-tag="all" data-i18n="filter-all">All</button> 2421 <button type="button" class="ap-sub-pill" data-tag="og" data-i18n="filter-og">The OG</button> 2422 <button type="button" class="ap-sub-pill" data-tag="collagen" data-i18n="filter-collagenpep">Collagen Peptide</button> 2423 </div> 2424 <img class="ap-cat-crest" src="uploads/no-bull-crest.svg" alt="Zero Sugar · No Bull · Zero Wings" aria-hidden="true" width="210" height="210" loading="lazy" decoding="async"> 2425 </header> 2426 <div class="ap-prod-grid ap-prod-grid-2"> 2427 <article class="ap-prod" data-pid="original-zero" data-tags="og,energy,caffeine" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(196,149,106,0.18)"> 2428 <span class="ap-prod-badge">Best Seller</span> 2429 <div class="ap-prod-img"><img src="uploads/enegry wata 1-ef643d09.png" alt="Original Zero" width="600" height="900" loading="lazy" decoding="async"></div> 2430 <p class="ap-prod-tag">Energy · The OG</p> 2431 <h3>Original Zero</h3> 2432 <p class="ap-prod-desc">166mg natural caffeine. Electrolytes. Less than 30 calories.</p> 2433 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#original-zero">Add to cart</a></div> 2434 </article> 2435 <article class="ap-prod" data-pid="pink-berry" data-tags="collagen,energy,caffeine" data-icons="bolt,collagen,caffeine,electrolyte" data-purpose="longevity,recovery,productivity" data-demo-only style="--card-glow:rgba(232,80,146,0.20)"> 2436 <span class="ap-prod-badge">New</span> 2437 <div class="ap-prod-img"><img src="uploads/WATA Energy - cOL pEP.png" alt="Pink Berry Collagen Peptide Energy" width="600" height="900" loading="lazy" decoding="async"></div> 2438 <p class="ap-prod-tag">Energy · Collagen Peptide</p> 2439 <h3>Pink Berry</h3> 2440 <p class="ap-prod-desc">Marine collagen + 80mg caffeine. Beauty meets energy.</p> 2441 <div class="ap-prod-ft"><span class="ap-prod-price">£26.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#pink-berry">Add to cart</a></div> 2442 </article> 2443 2444 <article class="ap-prod" data-pid="energy-watamelon" data-prod-only data-tags="energy,caffeine" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(196,80,90,0.20)"> 2445 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_EnergyWatamelon_Side_1_Shopify_Layout-min.png" alt="Watamelon Energy" width="600" height="900" loading="lazy" decoding="async"></div> 2446 <p class="ap-prod-tag">Energy · Watamelon</p> 2447 <h3>Watamelon</h3> 2448 <p class="ap-prod-desc">Watermelon + electrolytes + 166mg natural caffeine.</p> 2449 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-watamelon">Add to cart</a></div> 2450 </article> 2451 <article class="ap-prod" data-pid="energy-tropic" data-prod-only data-tags="energy,caffeine" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(255,140,80,0.20)"> 2452 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Energy_Tropic_Thunda_Side_1_Shopify_Layout-min.png" alt="Tropic Thunda Energy" width="600" height="900" loading="lazy" decoding="async"></div> 2453 <p class="ap-prod-tag">Energy · Tropical</p> 2454 <h3>Tropic Thunda</h3> 2455 <p class="ap-prod-desc">Exotic tropical blend with full electrolyte profile + caffeine.</p> 2456 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-tropic">Add to cart</a></div> 2457 </article> 2458 <article class="ap-prod" data-pid="energy-berry" data-prod-only data-tags="energy,caffeine,berry" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(232,80,140,0.20)"> 2459 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_Energy_Berry_Side_1_Shopify_Layout.png" alt="Berry Nice Energy" width="600" height="900" loading="lazy" decoding="async"></div> 2460 <p class="ap-prod-tag">Energy · Berry</p> 2461 <h3>Berry Nice</h3> 2462 <p class="ap-prod-desc">Raspberry + coconut + 166mg natural caffeine. Berry-fresh.</p> 2463 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-berry">Add to cart</a></div> 2464 </article> 2465 <article class="ap-prod" data-pid="energy-grape" data-prod-only data-tags="energy,caffeine,grape" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(140,70,200,0.20)"> 2466 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Wata_grape_enegry_shopifypng.png" alt="Grape Escape Energy" width="600" height="900" loading="lazy" decoding="async"></div> 2467 <p class="ap-prod-tag">Energy · Grape</p> 2468 <h3>Grape Escape</h3> 2469 <p class="ap-prod-desc">Grape, electrolytes, vitamins, 166mg caffeine. The whole-body lift.</p> 2470 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-grape">Add to cart</a></div> 2471 </article> 2472 <article class="ap-prod" data-pid="energy-mixed" data-prod-only data-tags="energy,caffeine,taster" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(196,149,106,0.18)"> 2473 <span class="ap-prod-badge">Taster Pack</span> 2474 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Enegry_Mix_Box_-_Shopify_Layout-min_1.png" alt="Mixed Energy 12-pack" width="600" height="900" loading="lazy" decoding="async"></div> 2475 <p class="ap-prod-tag">Energy · 12-pack mixed</p> 2476 <h3>Mixed Energy</h3> 2477 <p class="ap-prod-desc">One of each energy flavour. Find your favourite.</p> 2478 <div class="ap-prod-ft"><span class="ap-prod-price">£24.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-mixed">Add to cart</a></div> 2479 </article> 2480 <article class="ap-prod" data-pid="energy-tasters" data-prod-only data-tags="energy,caffeine,taster" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--card-glow:rgba(196,149,106,0.18)"> 2481 <span class="ap-prod-badge">6-pack</span> 2482 <div class="ap-prod-img"><img src="https://cdn.shopify.com/s/files/1/0791/3278/6971/files/Mix_Enegry_V2_Shopify_Layout.png" alt="Energy Tasters 6-pack" width="600" height="900" loading="lazy" decoding="async"></div> 2483 <p class="ap-prod-tag">Energy · 6-pack tasters</p> 2484 <h3>Energy Tasters</h3> 2485 <p class="ap-prod-desc">Six-can sampler. Try the whole range before going all-in.</p> 2486 <div class="ap-prod-ft"><span class="ap-prod-price">£4.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#energy-tasters">Add to cart</a></div> 2487 </article> 2488 </div> 2489 <div class="ap-usps"> 2490 <div class="ap-usp"><span class="ap-usp-icon" data-ic="bolt" style="--ic-url:url(uploads/icon-bolt.svg)"></span><h4>Premium Energy</h4><p>Clean lift, no crash. Energy that works.</p></div> 2491 <div class="ap-usp"><span class="ap-usp-icon" data-ic="caffeine" style="--ic-url:url(uploads/icon-caffeine.svg)"></span><h4>Natural Caffeine</h4><p>Green coffee extract. Clean lift, no crash.</p></div> 2492 <div class="ap-usp"><span class="ap-usp-icon" data-ic="electrolyte" style="--ic-url:url(uploads/icon-electrolyte.svg)"></span><h4>Electrolytes</h4><p>Replenish what you lose. Perform at your best.</p></div> 2493 <div class="ap-usp"><span class="ap-usp-icon" data-ic="collagen" style="--ic-url:url(uploads/icon-collagen.svg)"></span><h4>Collagen Peptides</h4><p>Marine collagen in the Pink Berry variant.</p></div> 2494 </div> 2495 </section> 2496 2497 2498 <section class="ap-cat ap-cat-drinks ap-cat-ltd" id="ap-cat-limited" data-nav="dk" style="--accent:#d8a050;--accent-soft:rgba(216,160,80,0.08)"> 2499 <div class="ap-cat-bg" aria-hidden="true"></div> 2500 <header class="ap-cat-h"> 2501 <p class="ap-eye" data-i18n="rangeL-eye">Limited Editions — One-off drops</p> 2502 <h2 data-i18n="rangeL-h">Limited<br>Drops.</h2> 2503 <p class="ap-cat-sub" data-i18n="rangeL-sub">Quench your thirst with a limited-edition collectable WATA before it's gone. Special-edition waters and flavours, ingredients vary.</p> 2504 </header> 2505 2506 2507 <div class="ap-camp-grid" aria-label="Active drops"> 2508 <a class="ap-camp-tile" data-camp="hydrate-or-die" href="WATA Hydrate Or Die.html" style="--tile-c:#1a0606;--tile-accent:#e85050"> 2509 <video class="ap-camp-vid" muted loop playsinline preload="none" poster="uploads/break-merch-poster.jpg" aria-hidden="true"> 2510 <source src="uploads/break-merch-sm.webm" type="video/webm" media="(max-width:720px)"> 2511 <source src="uploads/break-merch-sm.mp4" type="video/mp4" media="(max-width:720px)"> 2512 <source src="uploads/break-merch.webm" type="video/webm"> 2513 <source src="uploads/break-merch.mp4" type="video/mp4"> 2514 </video> 2515 <div class="ap-camp-meta"> 2516 <p class="ap-camp-eye" data-i18n="camp-hod-eye">Statement Edition</p> 2517 <h3>Hydrate Or Die.</h3> 2518 <p class="ap-camp-sub" data-i18n="camp-hod-sub">Two cans, one message. Still + sparkling.</p> 2519 <span class="ap-camp-cta" data-i18n="camp-cta">View the drop →</span> 2520 </div> 2521 </a> 2522 <a class="ap-camp-tile" data-camp="wata-game" href="WATA Game.html" style="--tile-c:#0a1426;--tile-accent:#7da6d6"> 2523 <video class="ap-camp-vid" muted loop playsinline preload="none" poster="uploads/nufc-hero-poster.jpg" aria-hidden="true"> 2524 <source src="uploads/nufc-hero-sm.webm" type="video/webm" media="(max-width:720px)"> 2525 <source src="uploads/nufc-hero-sm.mp4" type="video/mp4" media="(max-width:720px)"> 2526 <source src="uploads/nufc-hero.webm" type="video/webm"> 2527 <source src="uploads/nufc-hero.mp4" type="video/mp4"> 2528 </video> 2529 <div class="ap-camp-meta">
2530 <p class="ap-camp-eye" data-i18n="camp-game-eye">Newcastle United Edition</p> 2531 <h3>WATA Game.</h3> 2532 <p class="ap-camp-sub" data-i18n="camp-game-sub">Magpies livery + player editions.</p> 2533 <span class="ap-camp-cta" data-i18n="camp-cta">View the drop →</span> 2534 </div> 2535 </a> 2536 <a class="ap-camp-tile" data-camp="toon-star" href="WATA Toon Star.html" style="--tile-c:#0d1320;--tile-accent:#9eb1c0"> 2537 <video class="ap-camp-vid" muted loop playsinline preload="none" poster="uploads/toonstar-hero-poster.jpg" aria-hidden="true"> 2538 <source src="uploads/toonstar-hero-sm.webm" type="video/webm" media="(max-width:720px)"> 2539 <source src="uploads/toonstar-hero-sm.mp4" type="video/mp4" media="(max-width:720px)"> 2540 <source src="uploads/toonstar-hero.webm" type="video/webm"> 2541 <source src="uploads/toonstar-hero.mp4" type="video/mp4"> 2542 </video> 2543 <div class="ap-camp-meta"> 2544 <p class="ap-camp-eye" data-i18n="camp-toon-eye">Standalone Drop</p> 2545 <h3>Toon Star.</h3> 2546 <p class="ap-camp-sub" data-i18n="camp-toon-sub">The standalone Toon Star edition.</p> 2547 <span class="ap-camp-cta" data-i18n="camp-cta">View the drop →</span> 2548 </div> 2549 </a> 2550 </div> 2551 2552 2553 <div class="ap-cat-allcans-h"> 2554 <p class="ap-eye" data-i18n="allcans-eye">All cans</p> 2555 <h3 class="ap-cat-allcans-title" data-i18n="allcans-h">Every drop, every can.</h3> 2556 <div class="ap-subfilter" data-subfilter-for="limited" role="radiogroup" aria-label="Filter Limited drops"> 2557 <button type="button" class="ap-sub-pill is-active" data-tag="all" data-i18n="filter-all">All</button> 2558 <button type="button" class="ap-sub-pill" data-tag="hydrate-or-die">Hydrate Or Die</button> 2559 <button type="button" class="ap-sub-pill" data-tag="nufc">NUFC</button> 2560 <button type="button" class="ap-sub-pill" data-tag="toon-star">Toon Star</button> 2561 </div> 2562 </div> 2563 <div class="ap-prod-grid ap-prod-grid-4"> 2564 <article class="ap-prod ap-prod-ltd" data-pid="ltd-hod" data-tags="hydrate-or-die,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(232,80,80,0.24)"> 2565 <span class="ap-prod-badge">One-off</span> 2566 <div class="ap-prod-img"><img src="uploads/wata-ltd-hod.png" alt="Hydrate Or Die can" width="600" height="900" loading="lazy" decoding="async"></div> 2567 <p class="ap-prod-tag">Hydrate Or Die · Still</p> 2568 <h3>Hydrate<br>Or Die</h3> 2569 <p class="ap-prod-desc">Statement edition. Spring water. 24×330ml.</p> 2570 <div class="ap-prod-ft"><span class="ap-prod-price">£28.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#ltd-hod">Add</a></div> 2571 </article> 2572 <article class="ap-prod ap-prod-ltd" data-pid="ltd-gmw" data-tags="hydrate-or-die,sparkling,water" data-icons="drop,sparkle,electrolyte" style="--card-glow:rgba(70,180,182,0.22)"> 2573 <span class="ap-prod-badge">One-off</span> 2574 <div class="ap-prod-img"><img src="uploads/wata-ltd-gmw.png" alt="Gets Me Wet can" width="600" height="900" loading="lazy" decoding="async"></div> 2575 <p class="ap-prod-tag">Hydrate Or Die · Sparkling</p> 2576 <h3>Gets Me<br>Wet</h3> 2577 <p class="ap-prod-desc">Statement edition. Sparkling spring. 24×330ml.</p> 2578 <div class="ap-prod-ft"><span class="ap-prod-price">£29.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#ltd-gmw">Add</a></div> 2579 </article> 2580 <article class="ap-prod ap-prod-ltd" data-pid="nufc-crest" data-tags="nufc,nufc-crest,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2581 <span class="ap-prod-badge ap-prod-badge-ghost">NUFC</span> 2582 <div class="ap-prod-img"><img src="uploads/wata-nufc-crest.png" alt="WATA x NUFC Crest can" width="600" height="900" loading="lazy" decoding="async"></div> 2583 <p class="ap-prod-tag">NUFC · Crest Edition</p> 2584 <h3>NUFC<br>Crest</h3> 2585 <p class="ap-prod-desc">Magpies crest livery. Spring water. 24×330ml.</p> 2586 <div class="ap-prod-ft"><span class="ap-prod-price">£28.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-crest">Add</a></div> 2587 </article> 2588 <article class="ap-prod ap-prod-ltd" data-pid="nufc-retro" data-tags="nufc,nufc-retro,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2589 <span class="ap-prod-badge ap-prod-badge-ghost">NUFC</span> 2590 <div class="ap-prod-img"><img src="uploads/wata-nufc-retro.png" alt="WATA x NUFC Retro can" width="600" height="900" loading="lazy" decoding="async"></div> 2591 <p class="ap-prod-tag">NUFC · Retro</p> 2592 <h3>NUFC<br>Retro</h3> 2593 <p class="ap-prod-desc">Old-school crest revival. Spring water. 24×330ml.</p> 2594 <div class="ap-prod-ft"><span class="ap-prod-price">£28.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-retro">Add</a></div> 2595 </article> 2596 <article class="ap-prod ap-prod-ltd" data-pid="nufc-tonali" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2597 <span class="ap-prod-badge ap-prod-badge-ghost">Player</span> 2598 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-tonali.webp" type="image/webp"/><img src="uploads/wata-nufc-tonali.png" alt="WATA x Sandro Tonali" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2599 <p class="ap-prod-tag">NUFC · Players</p> 2600 <h3>Sandro<br>Tonali</h3> 2601 <p class="ap-prod-desc">Italy international midfielder. Spring water. 24×330ml.</p> 2602 <div class="ap-prod-ft"><span class="ap-prod-price">£31.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-tonali">Add</a></div> 2603 </article> 2604 <article class="ap-prod ap-prod-ltd" data-pid="nufc-dan" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2605 <span class="ap-prod-badge ap-prod-badge-ghost">Player</span> 2606 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-dan.webp" type="image/webp"/><img src="uploads/wata-nufc-dan.png" alt="WATA x Dan Burn" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2607 <p class="ap-prod-tag">NUFC · Players</p> 2608 <h3>Dan<br>Burn</h3> 2609 <p class="ap-prod-desc">Geordie centre-back, hometown Magpie. Spring water. 24×330ml.</p> 2610 <div class="ap-prod-ft"><span class="ap-prod-price">£31.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-dan">Add</a></div> 2611 </article> 2612 <article class="ap-prod ap-prod-ltd" data-pid="nufc-bruno" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2613 <span class="ap-prod-badge ap-prod-badge-ghost">Player</span> 2614 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-bruno.webp" type="image/webp"/><img src="uploads/wata-nufc-bruno.png" alt="WATA x Bruno Guimarães" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2615 <p class="ap-prod-tag">NUFC · Players</p> 2616 <h3>Bruno<br>Guimarães</h3> 2617 <p class="ap-prod-desc">Brazil international, midfield engine. Spring water. 24×330ml.</p> 2618 <div class="ap-prod-ft"><span class="ap-prod-price">£31.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-bruno">Add</a></div> 2619 </article> 2620 <article class="ap-prod ap-prod-ltd" data-pid="nufc-nick" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2621 <span class="ap-prod-badge ap-prod-badge-ghost">Player</span> 2622 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-nick.webp" type="image/webp"/><img src="uploads/wata-nufc-nick.png" alt="WATA x Nick Woltemade" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2623 <p class="ap-prod-tag">NUFC · Players</p> 2624 <h3>Nick<br>Woltemade</h3> 2625 <p class="ap-prod-desc">Germany international striker. Spring water. 24×330ml.</p> 2626 <div class="ap-prod-ft"><span class="ap-prod-price">£31.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-nick">Add</a></div> 2627 </article> 2628 <article class="ap-prod ap-prod-ltd" data-pid="nufc-lb" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2629 <span class="ap-prod-badge ap-prod-badge-ghost">Collab</span> 2630 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-lb.webp" type="image/webp"/><img src="uploads/wata-nufc-lb.png" alt="WATA à Lines Behind â NUFC fan-art edition" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2631 <p class="ap-prod-tag">NUFC · Lines Behind</p> 2632 <h3>Lines<br>Behind</h3> 2633 <p class="ap-prod-desc">Newcastle fan-art studio collab. Spring water. 24×330ml.</p> 2634 <div class="ap-prod-ft"><span class="ap-prod-price">£31.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-lb">Add</a></div> 2635 </article> 2636 <article class="ap-prod ap-prod-ltd" data-pid="nufc-saudi" data-tags="nufc,nufc-players,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(40,80,170,0.24)"> 2637 <span class="ap-prod-badge ap-prod-badge-ghost">Special Edition</span> 2638 <div class="ap-prod-img"><picture><source srcset="uploads/wata-nufc-saudi.webp" type="image/webp"/><img src="uploads/wata-nufc-saudi.png" alt="WATA x NUFC Saudi Edition" width="600" height="900" loading="lazy" decoding="async"></picture></div> 2639 <p class="ap-prod-tag">NUFC · Saudi Edition</p> 2640 <h3>Saudi<br>Edition</h3> 2641 <p class="ap-prod-desc">Black-and-white meets the desert. Spring water. 24×330ml.</p> 2642 <div class="ap-prod-ft"><span class="ap-prod-price">£29.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#nufc-saudi">Add</a></div> 2643 </article> 2644 <article class="ap-prod ap-prod-ltd" data-pid="water-winners" data-demo-only data-tags="toon-star,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(216,160,80,0.26)"> 2645 <span class="ap-prod-badge ap-prod-badge-ghost">Winners</span> 2646 <div class="ap-prod-img"><img src="" alt="Water Winners" width="600" height="900" loading="lazy" decoding="async"></div> 2647 <p class="ap-prod-tag">Toon Star · Still</p> 2648 <h3>Water<br>Winners</h3> 2649 <p class="ap-prod-desc">Geordie Gold edition. Spring water. 24×330ml.</p> 2650 <div class="ap-prod-ft"><span class="ap-prod-price">£28.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#water-winners">Add</a></div> 2651 </article> 2652 <article class="ap-prod ap-prod-ltd" data-pid="toon-star-still" data-tags="toon-star,still,water" data-icons="drop,electrolyte" style="--card-glow:rgba(170,180,200,0.22)"> 2653 <span class="ap-prod-badge ap-prod-badge-ghost">Geordie Edition</span> 2654 <div class="ap-prod-img"><img src="uploads/wata-ts-still.png" alt="Still Geordie Edition" width="600" height="900" loading="lazy" decoding="async"></div> 2655 <p class="ap-prod-tag">Geordie Edition · Still Spring</p> 2656 <h3>Still Geordie<br>Edition</h3> 2657 <p class="ap-prod-desc">
2657Limited-edition Geordie still spring water. 24×330ml.</p> 2658 <div class="ap-prod-ft"><span class="ap-prod-price">£27.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Toon Star.html">Add</a></div> 2659 </article> 2660 <article class="ap-prod ap-prod-ltd" data-pid="toon-star-spark" data-tags="toon-star,sparkling,water" data-icons="drop,sparkle,electrolyte" style="--card-glow:rgba(170,180,200,0.22)"> 2661 <span class="ap-prod-badge ap-prod-badge-ghost">Geordie Edition</span> 2662 <div class="ap-prod-img"><img src="uploads/wata-ts-spark.png" alt="Sparkling Geordie Edition" width="600" height="900" loading="lazy" decoding="async"></div> 2663 <p class="ap-prod-tag">Geordie Edition · Sparkling</p> 2664 <h3>Sparkling Geordie<br>Edition</h3> 2665 <p class="ap-prod-desc">Limited-edition Geordie sparkling spring water. 24×330ml.</p> 2666 <div class="ap-prod-ft"><span class="ap-prod-price">£28.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Toon Star.html">Add</a></div> 2667 </article> 2668 </div> 2669 </section> 2670 2671 2672 <section class="ap-cat ap-cat-ontap" id="ap-cat-powders" data-nav="dk" data-prod-hidden style="--accent:#a8b0c0;--accent-soft:rgba(168,176,192,0.08)"> 2673 <div class="ap-cat-bg" aria-hidden="true"></div> 2674 <header class="ap-cat-h"> 2675 <p class="ap-eye" data-i18n="rangeD-eye">Range D — Electrolyte Powders</p> 2676 <h2 data-i18n="rangeD-h">WATA<br>On-Tap.</h2> 2677 <p class="ap-cat-sub" data-i18n="rangeD-sub">The same WATA formula in powder form. Mix with water, shake, go. For travel, training and daily hydration.</p> 2678 <div class="ap-subfilter" data-subfilter-for="ontap" role="radiogroup" aria-label="Filter On-Tap"> 2679 <button type="button" class="ap-sub-pill is-active" data-tag="all" data-i18n="filter-all">All</button> 2680 <button type="button" class="ap-sub-pill" data-tag="energy" data-i18n="filter-energy">Energy</button> 2681 <button type="button" class="ap-sub-pill" data-tag="hydration" data-i18n="filter-hydration">Hydration</button> 2682 <button type="button" class="ap-sub-pill" data-tag="berry" data-i18n="filter-berry">Berry</button> 2683 <button type="button" class="ap-sub-pill" data-tag="tropical" data-i18n="filter-tropical">Tropical</button> 2684 </div> 2685 </header> 2686 <div class="ap-prod-grid ap-prod-grid-5"> 2687 <article class="ap-prod ap-prod-pw" data-pid="stick-original" data-tags="energy,caffeine" data-icons="bolt,caffeine,electrolyte,vitamins" data-purpose="productivity" style="--stick-glow:rgba(196,149,106,0.18)"><div class="ap-prod-img"><img src="uploads/stick-ogo.png" alt="WATA Original electrolyte stick"/ width="600" height="900" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Original · Premium Energy</p><h3>Original</h3><p class="ap-prod-desc">Natural caffeine. Real electrolytes. Zero sugar.</p><div class="ap-prod-ft"><span class="ap-prod-price">£19.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#stick-original">Add</a></div></article> 2688 <article class="ap-prod ap-prod-pw" data-pid="stick-berry-nice" data-tags="hydration,berry" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--stick-glow:rgba(70,180,182,0.22)"><div class="ap-prod-img"><img src="uploads/stick-bn.png" alt="WATA Berry Nice hydration stick"/ width="600" height="900" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Berry Nice · Premium Hydration</p><h3>Berry Nice</h3><p class="ap-prod-desc">Essential electrolytes. Zero sugar. Berry-fresh.</p><div class="ap-prod-ft"><span class="ap-prod-price">£19.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#stick-berry-nice">Add</a></div></article> 2689 <article class="ap-prod ap-prod-pw" data-pid="stick-watamelon" data-tags="hydration,berry" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--stick-glow:rgba(212,80,140,0.22)"><div class="ap-prod-img"><img src="uploads/stick-wm.png" alt="WATA Watamelon hydration stick"/ width="600" height="900" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Watamelon · Watermelon</p><h3>Watamelon</h3><p class="ap-prod-desc">
2689Essential electrolytes. Zero sugar. Real watermelon.</p><div class="ap-prod-ft"><span class="ap-prod-price">£19.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#stick-watamelon">Add</a></div></article> 2690 <article class="ap-prod ap-prod-pw" data-pid="stick-grape-escape" data-tags="hydration,berry" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--stick-glow:rgba(122,61,170,0.22)"><div class="ap-prod-img"><img src="uploads/stick-ge.png" alt="WATA Grape Escape hydration stick"/ loading="lazy" decoding="async"></div><p class="ap-prod-tag">Grape Escape · Black Grape</p><h3>Grape Escape</h3><p class="ap-prod-desc">Essential electrolytes. Zero sugar. Black grape.</p><div class="ap-prod-ft"><span class="ap-prod-price">£19.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#stick-grape-escape">Add</a></div></article> 2691 <article class="ap-prod ap-prod-pw" data-pid="stick-tropi-thunda" data-tags="hydration,tropical" data-icons="drop,electrolyte,vitamins" data-purpose="recovery" style="--stick-glow:rgba(220,190,55,0.22)"><div class="ap-prod-img"><img src="uploads/stick-tt.png" alt="WATA Tropi Thunda hydration stick"/ width="600" height="900" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Tropi Thunda · Tropical</p><h3>Tropi Thunda</h3><p class="ap-prod-desc">Essential electrolytes. Zero sugar. Tropical fruits.</p><div class="ap-prod-ft"><span class="ap-prod-price">£19.99</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#stick-tropi-thunda">Add</a></div></article> 2692 </div> 2693 <div class="ap-usps"> 2694 <div class="ap-usp"><span class="ap-usp-icon" data-ic="electrolyte" style="--ic-url:url(uploads/icon-electrolyte.svg)"></span><h4 data-i18n="usp-electrolyte-h">Electrolyte Blend</h4><p data-i18n="usp-electrolyte-p">Optimised ratios. Mix with 500ml water for isotonic hydration.</p></div> 2695 <div class="ap-usp"><span class="ap-usp-icon" data-ic="caffeine" style="--ic-url:url(uploads/icon-caffeine.svg)"></span><h4 data-i18n="usp-caffeine-h">Natural Caffeine</h4><p data-i18n="usp-caffeine-p">Green coffee extract in energiser variants. Zero crash.</p></div> 2696 <div class="ap-usp"><span class="ap-usp-icon" data-ic="collagen" style="--ic-url:url(uploads/icon-collagen.svg)"></span><h4 data-i18n="usp-collagen-h">Collagen Peptides</h4><p data-i18n="usp-collagen-p">Marine collagen in Pink Berry. Skin, joints, longevity.</p></div> 2697 <div class="ap-usp"><span class="ap-usp-icon" data-ic="leaf" style="--ic-url:url(uploads/icon-leaf.svg)"></span><h4 data-i18n="usp-vegan-h">Vegan & Natural</h4><p data-i18n="usp-vegan-p">No artificial sweeteners. Naturally flavoured.</p></div> 2698 </div> 2699 </section> 2700 2701 2702 <section class="ap-cat ap-cat-merch-tab" id="ap-cat-merch" data-nav="dk" data-prod-hidden style="--accent:#e8e3da;--accent-soft:rgba(232,227,218,0.06)"> 2703 <div class="ap-cat-bg" aria-hidden="true"></div> 2704 <header class="ap-cat-h"> 2705 <p class="ap-eye">Range E — Accessories & Merch</p> 2706 <h2>WATA<br>Wear.</h2> 2707 <p class="ap-cat-sub">Premium apparel and accessories for people who take their hydration as seriously as their style.</p> 2708 <div class="ap-subfilter" data-subfilter-for="merch" role="radiogroup" aria-label="Filter Merch"> 2709 <button type="button" class="ap-sub-pill is-active" data-tag="all">All</button> 2710 <button type="button" class="ap-sub-pill" data-tag="hydrate-or-die">Hydrate Or Die</button> 2711 <button type="button" class="ap-sub-pill" data-tag="60-percent">~60%</button> 2712 <button type="button" class="ap-sub-pill" data-tag="nufc">NUFC</button> 2713 <button type="button" class="ap-sub-pill" data-tag="blue-star">Blue Star</button> 2714 <button type="button" class="ap-sub-pill" data-tag="caps">Caps</button> 2715 <button type="button" class="ap-sub-pill" data-tag="hoodies">Hoodies</button> 2716 <button type="button" class="ap-sub-pill" data-tag="tees">T-Shirts</button> 2717 <button type="button" class="ap-sub-pill" data-tag="bottles">Bottles</button> 2718 </div> 2719 </header> 2720 <div class="ap-prod-grid ap-prod-grid-4"> 2721 <article class="ap-prod ap-prod-mc ap-prod-life" data-pid="merch-tee-hod" data-tags="tees,hydrate-or-die"><span class="ap-prod-badge">New Drop</span><div class="ap-prod-img"><img src="uploads/merch-tee-hydrateordie.jpg" alt="Hydrate Or Die T-Shirt" width="640" height="800" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Apparel · Statement Tee</p><h3>Hydrate<br>Or Die.</h3><p class="ap-prod-desc">Heavyweight 280gsm cotton. Bold front print. S-XXL.</p><div class="ap-prod-ft"><span class="ap-prod-price">£
272135.00</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#merch-tee-hod">Add</a></div></article> 2722 <article class="ap-prod ap-prod-mc ap-prod-life ap-prod-flip" data-pid="merch-hoodie-60" data-tags="hoodies,60-percent,hydrate-or-die"><span class="ap-prod-badge">New Drop</span><div class="ap-prod-img"><img src="uploads/merch-hoodie-60-front.jpg" alt="~60% Hoodie front" class="ap-flip-front" width="640" height="800" loading="lazy" decoding="async"><img src="uploads/merch-hoodie-60-back.jpg" alt="~60% Hoodie back (So Are We)" class="ap-flip-back" width="640" height="800" loading="lazy" decoding="async"><span class="ap-flip-hint" aria-hidden="true">Hover · swipe</span></div><p class="ap-prod-tag">Apparel · ~60% / So Are We</p><h3>~60%<br>Hoodie.</h3><p class="ap-prod-desc">Heavyweight 400gsm fleece-back. Front + back print. S-XXL.</p><div class="ap-prod-ft"><span class="ap-prod-price">£65.00</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#merch-hoodie-60">Add</a></div></article> 2723 <article class="ap-prod ap-prod-mc ap-prod-life" data-pid="merch-cap-gmw" data-tags="caps,hydrate-or-die"><span class="ap-prod-badge">New</span><div class="ap-prod-img"><img src="uploads/merch-cap-getsmewet.jpg" alt="Gets Me Wet 6-Panel Cap" width="640" height="800" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Headwear · 6-Panel</p><h3>Gets Me<br>Wet.</h3><p class="ap-prod-desc">Embroidered front. Adjustable strap. One size.</p><div class="ap-prod-ft"><span class="ap-prod-price">£24.00</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#merch-cap-gmw">Add</a></div></article> 2724 <article class="ap-prod ap-prod-mc ap-prod-cs" data-pid="merch-bottle" data-tags="bottles"><span class="ap-prod-badge ap-prod-badge-cs">Sold Out</span><div class="ap-prod-img"><img src="https://shop.wata.co.uk/cdn/shop/files/Frame5139058-1.png?v=1705843577" alt="WATA Bottle" loading="lazy" decoding="async"></div><p class="ap-prod-tag">Drinkware</p><h3>WATA Bottle<br>750ml</h3><p class="ap-prod-desc">Stainless steel. Cold 24h / Hot 12h. Embossed logo.</p><div class="ap-prod-ft"><span class="ap-prod-price">£50.00</span><a class="ap-btn-prim ap-btn-sm" href="WATA Product Detail.html#merch-bottle">Notify</a></div></article> 2725 </div> 2726 </section> 2727 2728 2729 <section class="ap-break" data-nav="dk"> 2730 <video class="ap-break-video" muted loop playsinline preload="none" poster="uploads/break-poster.jpg" aria-label="WATA brand loop"> 2731 <source src="uploads/break-loop.webm" type="video/webm"> 2732 <source src="uploads/break-loop.mp4" type="video/mp4"> 2733 </video> 2734 <div class="ap-break-scrim" aria-hidden="true"></div> 2735 <div class="ap-break-overlay"> 2736 <p class="ap-eye">You’re ~60% water</p> 2737 <h2 class="ap-break-h">Hydrate.<br>Or die.</h2> 2738 </div> 2739 2740 <div class="ap-break-pag" id="ap-break-pag" aria-label="Page-breaker carousel"></div> 2741 </section> 2742 2743 2744 <section class="ap-feat" data-nav="dk"> 2745 <header class="ap-feat-h"> 2746 <p class="ap-eye" data-i18n="feat-eye">Built different</p> 2747 <h2 data-i18n="feat-h">What's inside.<br>What's not.</h2> 2748 </header> 2749 <div class="ap-feat-grid"> 2750 <article class="ap-feat-tile"> 2751 <span class="ap-feat-num">H2O</span> 2752 <h3 data-i18n="feat-1-h">Water First.</h3> 2753 <p data-i18n="feat-1-p">British spring water, naturally rich in minerals. The first ingredient on every label — the clue's in our name.</p> 2754 </article> 2755 <article class="ap-feat-tile"> 2756 <span class="ap-feat-num">KCal</span> 2757 <h3 data-i18n="feat-2-h">Zero Sugar.</h3> 2758 <p data-i18n="feat-2-p">Naturally sweetened. Zero or low calorie across the range.</p> 2759 </article> 2760 <article class="ap-feat-tile"> 2761 <span class="ap-feat-num">E⁺</span> 2762 <h3 data-i18n="feat-3-h">Electrolytes & Vitamins.</h3> 2763 <p data-i18n="feat-3-p">Real electrolytes plus B & C vitamins in every drink and powder.</p> 2764 </article> 2765 <article class="ap-feat-tile"> 2766 <span class="ap-feat-num">100%</span> 2767 <h3 data-i18n="feat-4-h">Clean Label.</h3> 2768 <p data-i18n="feat-4-p">Vegan, gluten-free, halal. No preservatives. Aluminium cans, fully recyclable.</p> 2769 </article> 2770 </div> 2771 </section> 2772 2773 2774 <section class="ap-leg alt-only" id="ap-leg" data-nav="dk"> 2775 <header class="ap-leg-h"> 2776 <p class="ap-eye">The Legends</p> 2777 <h2>The faces of WATA.</h2> 2778 <p class="ap-leg-sub">From the decks to the dressing room.</p> 2779 </header> 2780 <div class="ap-leg-grid"> 2781 <a class="ap-leg-card" data-pid="legend-joel-corry" href="WATA Legend Pages.html#joel-corry"><img src="uploads/WATAJOELFRONT_Still_330ML.webp" alt="" width="640" height="800" loading="lazy" decoding="async"><div class="ap-leg-meta"><h3>Joel Corry</h3><p>DJ & Music Artist</p></div></a> 2782 <a class="ap-leg-card" data-pid="legend-50-cent" href="WATA Legend Pages.html#50-cent"><img src="uploads/WATA_50_CENT.webp" alt="" width="640" height="800" loading="lazy" decoding="async"><div class="ap-leg-meta"><h3>50 Cent</h3><p>Artist & Entrepreneur</p></div></a> 2783 <a class="ap-leg-card" data-pid="legend-nufc" data-prod-hidden href="WATA Legend Pages.html#nufc"><picture><source srcset="uploads/WATA NUFC_.webp" type="image/webp"/><img src="uploads/WATA NUFC_.png" alt="" width="640" height="800" loading="lazy" decoding="async"></picture><div class="ap-leg-meta"><h3>Newcastle United</h3><p>Official Drink Partner</p></div></a> 2784 <a class="ap-leg-card" data-pid="legend-jake-paul" data-prod-hidden href="WATA Legend Pages.html#jake-paul"><picture><source srcset="uploads/jake-paul-clean.webp" type="image/webp"/><img src="uploads/jake-paul-clean.png" alt="" width="640" height="800" loading="lazy" decoding="async"></picture><div class="ap-leg-meta"><h3>Jake Paul</h3><p>Boxer & Entrepreneur</p></div></a> 2785 <a class="ap-leg-card" data-pid="legend-everlast" href="WATA Legend Pages.html#everlast"><picture><source srcset="uploads/everlast-clean.webp" type="image/webp"/><img src="uploads/everlast-clean.png" alt="" width="640" height="800" loading="lazy" decoding="async"></picture><div class="ap-leg-meta"><h3>Everlast</h3><p>Boxing Brand</p></div></a> 2786 2787 <a class="ap-leg-card" data-pid="legend-ant-dec" data-prod-only href="WATA Legend Pages.html#ant-dec"><div class="ap-leg-meta" style="position:relative;z-index:1"><h3>Ant & Dec</h3><p>TV Icons — Born in the Toon</p></div></a> 2788 <a class="ap-leg-card" data-pid="legend-lumo" data-prod-only href="WATA Legend Pages.html#lumo"><picture><source srcset="uploads/WATA Lumo Shopify.webp" type="image/webp"/><img src="uploads/WATA Lumo Shopify.png" alt="" width="640" height="800" loading="lazy" decoding="async"></picture><div class="ap-leg-meta"><h3>Lumo</h3><p>UK Rail — East Coast</p></div></a> 2789 <a class="ap-leg-card ap-leg-card-more" href="WATA Legends.html"><div class="ap-leg-meta-more"><h3>More legends →</h3><p>Ant & Dec, Lumo, Dollicious & the Toon Star edition.</p></div></a> 2790 </div> 2791 2792 2793 <div class="ap-leg-ctas">
2794 <a class="ap-leg-cta" href="WATA Affiliate.html"> 2795 <span class="ap-leg-cta-eye">â Affiliate</span> 2796 <span class="ap-leg-cta-h">Drop WATA.<br>Get paid.</span> 2797 <span class="ap-leg-cta-go">Join the programme 2798 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg> 2799 </span> 2800 <picture class="ap-leg-cta-crest"> 2801 <source srcset="uploads/wata-dropwata.webp" type="image/webp"> 2802 <img src="uploads/wata-dropwata.png" alt="" loading="lazy" decoding="async"> 2803 </picture> 2804 </a> 2805 <a class="ap-leg-cta" href="WATA Refer.html"> 2806 <span class="ap-leg-cta-eye">â Referral</span> 2807 <span class="ap-leg-cta-h">Bring the squad.<br>Both drink free.</span> 2808 <span class="ap-leg-cta-go">Refer a mate 2809 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg> 2810 </span> 2811 <picture class="ap-leg-cta-crest"> 2812 <source srcset="uploads/wata-bringsquad.webp" type="image/webp"> 2813 <img src="uploads/wata-bringsquad.png" alt="" loading="lazy" decoding="async"> 2814 </picture> 2815 </a> 2816 <a class="ap-leg-cta" href="WATA Custom Cans.html"> 2817 <span class="ap-leg-cta-eye">â Custom</span> 2818 <span class="ap-leg-cta-h">Your brand.<br>Our can.</span> 2819 <span class="ap-leg-cta-go">Design a run 2820 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18"/></svg> 2821 </span> 2822 <picture class="ap-leg-cta-crest"> 2823 <source srcset="uploads/wata-yourbrand.webp" type="image/webp"> 2824 <img src="uploads/wata-yourbrand.png" alt="" loading="lazy" decoding="async"> 2825 </picture> 2826 </a> 2827 </div> 2828 </section> 2829 2830 2831 <section class="ap-stockists alt-only" data-nav="dk" aria-label="Where to find WATA"> 2832 <p class="ap-stockists-h">Also stocked at</p> 2833 <div class="ap-stockists-track"> 2834 <div class="ap-stockists-row"> 2835 <img src="uploads/GRG.L_BIG.D-96ccf28ffff3 2 (1).png" alt="Stockist" loading="lazy" decoding="async"> 2836 <img src="uploads/lumo logo (1).png" alt="Lumo" loading="lazy" decoding="async"> 2837 <img src="uploads/GRG.L_BIG.D-96ccfss283 4.png" alt="Stockist" loading="lazy" decoding="async"> 2838 <img src="uploads/GRG.L_BIG.D-96ccf283 3.png" alt="Fenwick" loading="lazy" decoding="async"> 2839 <img src="uploads/GRG.L_BIG.D-96ccf283 2.png" alt="STACK" loading="lazy" decoding="async"> 2840 <img src="uploads/GRG.L_BIG.D-96ccf283 2 (2).png" alt="Stockist" loading="lazy" decoding="async"> 2841 <span class="ap-stockists-text">Utilita Arena</span> 2842 2843 <img src="uploads/GRG.L_BIG.D-96ccf28ffff3 2 (1).png" alt="" loading="lazy" decoding="async"> 2844 <img src="uploads/lumo logo (1).png" alt="" loading="lazy" decoding="async"> 2845 <img src="uploads/GRG.L_BIG.D-96ccfss283 4.png" alt="" loading="lazy" decoding="async"> 2846 <img src="uploads/GRG.L_BIG.D-96ccf283 3.png" alt="" loading="lazy" decoding="async"> 2847 <img src="uploads/GRG.L_BIG.D-96ccf283 2.png" alt="" loading="lazy" decoding="async"> 2848 <img src="uploads/GRG.L_BIG.D-96ccf283 2 (2).png" alt="" loading="lazy" decoding="async"> 2849 <span class="ap-stockists-text">Utilita Arena</span> 2850 </div> 2851 </div> 2852 </section> 2853 2854 2855 <section class="ap-reviews alt-only" data-nav="dk"> 2856 <header class="ap-reviews-h"> 2857 <div class="ap-reviews-eye"><svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M12 0l3.09 9.5H24l-7.55 5.48 2.88 8.85L12 18.35l-7.33 5.48 2.88-8.85L0 9.5h8.91z" fill="#00b67a"/></svg><span>Trustpilot · 4.8 / 5</span></div> 2858 <h2>Don’t just<br>take our word.</h2> 2859 <p class="ap-reviews-sub">200+ verified reviews. Real WATA drinkers.</p> 2860 </header> 2861 <div class="ap-reviews-grid"> 2862 <article class="ap-review"> 2863 <div class="ap-review-stars" aria-label="5 stars">â â â â â </div> 2864 <p class="ap-review-quote">“Finally an electrolyte drink that doesn’t taste like one. Delivery was fast, drinks taste great.”</p> 2865 <p class="ap-review-by">N. Langman <span>Verified</span></p> 2866 </article> 2867 <article class="ap-review"> 2868 <div class="ap-review-stars" aria-label="5 stars">â â â â â </div> 2869 <p class="ap-review-quote">“Refreshing range, big on electrolytes, energy drink’s become a daily essential. Highly recommend.”</p> 2870 <p class="ap-review-by">Kirsty <span>Verified</span></p> 2871 </article> 2872 <article class="ap-review"> 2873 <div class="ap-review-stars" aria-label="5 stars">â â â â â </div> 2874 <p class="ap-review-quote">“Subscribed after one case. Clean, elegant, functional — exactly what I was looking for.”</p> 2875 <p class="ap-review-by">Hannah W. <span>Verified</span></p> 2876 </article> 2877 </div> 2878 </section> 2879 2880 2881 <section class="ap-social alt-only" data-nav="dk"> 2882 <header class="ap-social-h"> 2883 <div> 2884 <p class="ap-eye">@drinkwata</p> 2885 <h2>WATA Waste<br>of Time.</h2> 2886 </div> 2887 <div class="ap-social-meta"> 2888 <p>Hours of WATA. Premium water brand, takes itself nowhere near as seriously as you'd expect. Hit play.</p> 2889 <div class="ap-social-cta"> 2890 <a href="WATA Waste.html">All videos →</a> 2891 <a href="https://www.tiktok.com/@drinkwata" target="_blank" rel="noopener">TikTok ↗</a> 2892 <a href="https://www.instagram.com/drinkwata/" target="_blank" rel="noopener">Instagram ↗</a> 2893 </div> 2894 </div> 2895 </header> 2896 <div class="ap-social-grid"> 2897 <a class="ap-social-tile" href="https://www.tiktok.com/@drinkwata" target="_blank" rel="noopener" style="--tile-c:#1a1614"> 2898 <span class="ap-social-ghost">JOEL</span> 2899 <img src="uploads/waste-cover-joelcorry.webp" alt="WATA x Joel Corry" width="640" height="640" loading="lazy" decoding="async"> 2900 <div class="ap-social-meta-tile"><span class="ap-social-plat">TikTok</span><span class="ap-social-cap">Joel Corry x WATA. Studio.</span></div> 2901 </a> 2902 <a class="ap-social-tile" href="https://www.instagram.com/drinkwata/" target="_blank" rel="noopener" style="--tile-c:#1a1614"> 2903 <span class="ap-social-ghost">JUNGLE</span> 2904 <img src="uploads/waste-cover-jungle.webp" alt="Jungle hydration" width="640" height="640" loading="lazy" decoding="async"> 2905 <div class="ap-social-meta-tile"><span class="ap-social-plat">Instagram</span><span class="ap-social-cap">Hydrate or die. Out there.</span></div> 2906 </a> 2907 <a class="ap-social-tile" href="https://www.tiktok.com/@drinkwata" target="_blank" rel="noopener" style="--tile-c:#1a1614"> 2908 <span class="ap-social-ghost">DECKS</span> 2909 <picture><source srcset="uploads/waste-cover-studio.webp" type="image/webp"/><img src="uploads/waste-cover-studio.png" alt="Studio session" width="640" height="640" loading="lazy" decoding="async"></picture> 2910 <div class="ap-social-meta-tile"><span class="ap-social-plat">TikTok</span><span class="ap-social-cap">Studio session. Behind the decks.</span></div> 2911 </a> 2912 <a class="ap-social-tile" href="https://www.instagram.com/drinkwata/" target="_blank" rel="noopener" style="--tile-c:#141614"> 2913 <span class="ap-social-ghost">NUFC</span> 2914 <picture><source srcset="uploads/waste-cover-nufc.webp" type="image/webp"/><img src="uploads/waste-cover-nufc.png" alt="NUFC matchday" width="640" height="640" loading="lazy" decoding="async"></picture> 2915 <div class="ap-social-meta-tile"><span class="ap-social-plat">Instagram</span><span class="ap-social-cap">Match day. Blue Star kit.</span></div> 2916 </a> 2917 </div> 2918 </section> 2919 2920 2921 <section class="ap-clubs alt-only" data-nav="dk" aria-label="WATA programmes"> 2922 <header class="ap-clubs-header"> 2923 <p class="ap-eye">The Programmes</p> 2924 <h2>Pick a side.</h2> 2925 <p class="ap-clubs-sub">Drink it, sell it or stamp your own brand on it. Three doors. Same WATA.</p> 2926 </header> 2927 <div class="ap-clubs-grid"> 2928 <a class="ap-clubs-card" href="WATA Club.html" style="--clubs-accent:#e85050"> 2929 <span class="ap-clubs-media"> 2930 <img class="ap-clubs-stamp" src="uploads/box-dont-die.svg" alt="Don’t Die Club" loading="lazy" width="320" height="320"> 2931 <video class="ap-clubs-video" muted loop playsinline preload="none" poster="uploads/box-dont-die-poster.jpg" aria-hidden="true"> 2932 <source src="uploads/box-dont-die.webm" type="video/webm"> 2933 <source src="uploads/box-dont-die.mp4" type="video/mp4"> 2934 </video> 2935 </span> 2936 <h3 class="ap-clubs-h">Don’t Die Club</h3> 2937 <p class="ap-clubs-tag">Hydrate or Die</p> 2938 <p class="ap-clubs-copy">Up to 20% off to keep thirsty b*tches alive.</p> 2939 <span class="ap-clubs-cta">Join the Cult →</span> 2940 </a> 2941 <a class="ap-clubs-card" href="WATA Stock.html" style="--clubs-accent:#c4956a"> 2942 <span class="ap-clubs-media"> 2943 <img class="ap-clubs-stamp" src="uploads/box-can-dealers.svg" alt="Can Dealers" loading="lazy" width="320" height="320"> 2944 <video class="ap-clubs-video" muted loop playsinline preload="none" poster="uploads/box-can-dealers-poster.jpg" aria-hidden="true"> 2945 <source src="uploads/box-can-dealers.webm" type="video/webm"> 2946 <source src="uploads/box-can-dealers.mp4" type="video/mp4"> 2947 </video> 2948 </span> 2949 <h3 class="ap-clubs-h">Can Dealers</h3> 2950 <p class="ap-clubs-tag">Become a WATA Pusher</p> 2951 <p class="ap-clubs-copy">From street corners to vast oceans.</p> 2952 <span class="ap-clubs-cta">Sell WATA →</span> 2953 </a> 2954 <a class="ap-clubs-card" href="WATA Custom Cans.html" style="--clubs-accent:#9eb1c0"> 2955 <span class="ap-clubs-media"> 2956 <img class="ap-clubs-stamp" src="uploads/box-brand-it.svg" alt="Brand It" loading="lazy" width="320" height="320"> 2957 <video class="ap-clubs-video" muted loop playsinline preload="none" poster="uploads/box-brand-it-poster.jpg" aria-hidden="true"> 2958 <source src="uploads/box-brand-it.webm" type="video/webm"> 2959 <source src="uploads/box-brand-it.mp4" type="video/mp4"> 2960 </video> 2961 </span> 2962 <h3 class="ap-clubs-h">Brand It</h3> 2963 <p class="ap-clubs-tag">Make it about you</p> 2964 <p class="ap-clubs-copy">Obviously. Your logo, your msg, your vibe.</p> 2965 <span class="ap-clubs-cta">Customise Cans →</span> 2966 </a> 2967 </div> 2968 </section> 2969 2970 2971 <section class="ap-sub" data-nav="dk"> 2972 <video class="ap-sub-bg" muted loop playsinline preload="none" poster="uploads/wata-boardroom-poster.jpg" aria-hidden="true"> 2973 <source src="uploads/wata-boardroom.webm" type="video/webm"> 2974 <source src="uploads/wata-boardroom.mp4" type="video/mp4"> 2975 </video> 2976 <div class="ap-sub-scrim" aria-hidden="true"></div> 2977 <div class="ap-sub-inner"> 2978 <p class="ap-eye">WATA Boarding</p> 2979 <h2>Not for everyone.</h2> 2980 <p class="ap-sub-copy">Exclusive drops, VIP access, investment opportunities and one-off products that don’t come back.</p> 2981 <form class="ap-sub-form" onsubmit="event.preventDefault();this.querySelector('button').textContent='Application sent';"> 2982 <input type="email" placeholder="[email protected]" required> 2983 <button class="ap-btn-prim" type="submit">Apply</button> 2984 </form> 2985 <p class="ap-sub-foot">Manually approved. If you get it, you’re in.</p> 2986 </div> 2987 </section> 2988 2989</div> 2990 2991 2992 2993 2994 2995 2996 2997<div class="pay-strip" aria-label="Accepted payment methods"> 2998 <span class="pay-strip-l">Accepted Payments</span> 2999 <div class="pay-row"> 3000 <span class="pay" title="Visa"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="11" font-weight="900" fill="currentColor" letter-spacing="0.5">VISA</text></svg></span> 3001 <span class="pay" title="Mastercard"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><circle cx="20" cy="16" r="7" fill="currentColor" opacity="0.55"/><circle cx="30" cy="16" r="7" fill="currentColor" opacity="0.55"/></svg></span> 3002 <span class="pay" title="Maestro"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="9" font-weight="700" fill="currentColor" letter-spacing="0.3">MAESTRO</text></svg></span> 3003 <span class="pay" title="American Express"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="10" font-weight="900" fill="currentColor" letter-spacing="0.5">AMEX</text></svg></span> 3004 <span class="pay" title="PayPal"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="9" font-weight="700" fill="currentColor" letter-spacing="0.2" font-style="italic">PayPal</text></svg></span>
3005 <span class="pay" title="Apple Pay"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="-apple-system,Arial,Helvetica,sans-serif" font-size="11" font-weight="600" fill="currentColor"> Pay</text></svg></span> 3006 <span class="pay" title="Google Pay"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="10" font-weight="600" fill="currentColor">G Pay</text></svg></span> 3007 <span class="pay" title="Shop Pay"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="10" font-weight="700" fill="currentColor">shop</text></svg></span> 3008 <span class="pay" title="Klarna"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="11" font-weight="900" fill="currentColor" letter-spacing="-0.3">Klarna</text></svg></span> 3009 <span class="pay" title="Clearpay"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="9" font-weight="700" fill="currentColor" letter-spacing="-0.2">Clearpay</text></svg></span> 3010 <span class="pay" title="Crypto"><svg viewBox="0 0 50 32" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="31" rx="4" fill="none" stroke="currentColor" stroke-width="1"/><text x="25" y="21" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="10" font-weight="700" fill="currentColor" letter-spacing="0.2">Crypto</text></svg></span> 3011 </div> 3012</div> 3013 3014<footer> 3015 <img src="uploads/logo-1777133690915.png" alt="WATA" class="f-logo" loading="lazy" decoding="async"> 3016 <div class="f-links"> 3017 <a href="https://shop.wata.co.uk" class="fl">Shop</a> 3018 <a href="https://wata.co.uk/about-us" class="fl">About</a> 3019 <a href="https://wata.co.uk/faqs" class="fl">FAQ</a> 3020 <a href="mailto:[email protected]" class="fl">Contact</a> 3021 <a href="#boarding" class="fl">Boarding Club</a> 3022 <a href="https://wata.cash" class="fl">WATA Cash</a> 3023 </div> 3024 <div class="f-r"> 3025 <div class="f-soc"> 3026 <a href="https://www.instagram.com/drinkwata/" class="fs">IG</a> 3027 <a href="https://twitter.com/drinkwataco" class="fs">TW</a> 3028 <a href="https://www.tiktok.com/@drinkwata" class="fs">TK</a> 3029 <a href="https://www.facebook.com/drinkwata" class="fs">FB</a> 3030 </div> 3031 <p class="f-copy">Water First. Always. Born in Newcastle.</p> 3032 </div> 3033 <p class="f-legal">© 2026 WATA®. All rights reserved. | WATA® and the Blue Star logo ☆® are registered trademarks of Hydronation Ltd. 71-75 Shelton Street, London, WC2H 9JQ.</p> 3034</footer> 3035 3036 3037<div id="modal"> 3038 <div class="modal-bg" id="modal-bg"></div> 3039 <div class="modal-panel"> 3040 <div class="modal-handle"></div> 3041 <button class="modal-close-btn" id="modal-x">×</button> 3042 <div class="modal-inner"> 3043 <div class="modal-img-side"> 3044 <img id="m-img" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="" class="modal-img" style="display:none" loading="lazy" decoding="async"> 3045 </div> 3046 <div class="modal-info"> 3047 <div id="m-tag" class="modal-tag"></div> 3048 <div id="m-name" class="modal-name"></div> 3049 <div class="modal-del">🚀 Free UK delivery on this order</div> 3050 <div class="modal-price-row"> 3051 <div id="m-price" class="modal-price"></div> 3052 <div id="m-save" class="modal-save" style="display:none">Save 15% with subscription</div> 3053 </div> 3054 <div id="m-desc" class="modal-desc"></div> 3055 <div class="modal-pt"> 3056 <div class="pt-opt sel" id="pt-once" onclick="selectPT('once')"> 3057 <div class="pt-opt-label">
3057One-time</div> 3058 <div class="pt-opt-price" id="pt-once-price">£24.99</div> 3059 </div> 3060 <div class="pt-opt" id="pt-sub" onclick="selectPT('sub')"> 3061 <div class="pt-opt-label">Subscribe & Save 15%</div> 3062 <div class="pt-opt-price" id="pt-sub-price">£21.24/mo</div> 3063 </div> 3064 </div> 3065 <div class="modal-sub-freq" id="m-freq" style="display:none"> 3066 <div class="msf-label">Delivery frequency</div> 3067 <select class="msf-sel"><option>Every month</option><option>Every 2 months</option><option>Every 3 months</option></select> 3068 </div> 3069 <div class="modal-qty-row"> 3070 <button class="qty-btn" onclick="changeQty(-1)">â</button> 3071 <div class="qty-num" id="m-qty">1</div> 3072 <button class="qty-btn" onclick="changeQty(1)">+</button> 3073 </div> 3074 <a id="m-cta" href="https://shop.wata.co.uk" class="modal-add">Add to Cart — <span id="m-total"></span></a> 3075 <div class="modal-pay">Apple Pay · Google Pay · Klarna · PayPal · Visa</div> 3076 </div> 3077 </div> 3078 </div> 3079</div> 3080 3081 3082<div id="fomo"> 3083 <div class="fomo-box"> 3084 <button class="fomo-x" id="fomo-x">×</button> 3085 <div class="fomo-tag">⚡ Limited Time Offer</div> 3086 <div class="fomo-h">10% OFF</div> 3087 <div class="fomo-sub">Your first WATA order. Use the code at checkout. Offer expires in:</div> 3088 <div class="fomo-timer"> 3089 <div class="ft-b"><div class="ft-n" id="ft-h">03</div><div class="ft-l">hrs</div></div> 3090 <div class="ft-sep">:</div> 3091 <div class="ft-b"><div class="ft-n" id="ft-m">44</div><div class="ft-l">min</div></div> 3092 <div class="ft-sep">:</div> 3093 <div class="ft-b"><div class="ft-n" id="ft-s">41</div><div class="ft-l">sec</div></div> 3094 </div> 3095 <div class="fomo-code" onclick="navigator.clipboard?.writeText('WELCOME10').catch(()=>{});this.style.background='rgba(196,149,106,0.25)'">WELCOME10</div> 3096 <a href="https://shop.wata.co.uk" class="fomo-cta" data-i18n="fomo-cta">Shop Now — Use WELCOME10</a> 3097 <button class="fomo-dis" id="fomo-dis">No thanks, I'll pay full price</button> 3098 </div> 3099</div> 3100 3101 3102<div id="nudge" class=""> 3103 <div style="display:flex;align-items:center;gap:10px"><div class="ldot"></div><div class="nudge-t" data-i18n="nudge">🚀 Free delivery · Use <span>WELCOME10</span> for 10% off your first order</div></div> 3104 <div class="nudge-r"> 3105 <button class="nudge-x" id="nudge-x" aria-label="Dismiss">×</button> 3106 </div> 3107</div> 3108
3109<script> 3110 3111document.querySelectorAll('.fmt-btn').forEach(btn=>{ 3112 btn.addEventListener('click',()=>{ 3113 const row=btn.closest('.fmt-row'); 3114 row.querySelectorAll('.fmt-btn').forEach(b=>b.classList.remove('act')); 3115 btn.classList.add('act'); 3116 const card=btn.closest('[data-product]'); 3117 if(!card) return; 3118 const isBottle=btn.textContent.toLowerCase().includes('bottle'); 3119 const imgEl=card.querySelector('.pc-img'); 3120 if(isBottle && card.dataset.imgBottle){ card.dataset.img=card.dataset.imgBottle; if(imgEl) imgEl.src=card.dataset.imgBottle; } 3121 else if(!isBottle && card.dataset.imgCan){ card.dataset.img=card.dataset.imgCan; if(imgEl) imgEl.src=card.dataset.imgCan; } 3122 }); 3123}); 3124 3125 3126setTimeout(()=>{ 3127 const can = document.getElementById('h-can-img'); 3128 if(can) can.classList.add('floating'); 3129},1900); 3130 3131 3132function toggleReviews(){ 3133 const more = document.getElementById('tp-more'); 3134 const btn = document.getElementById('tp-expand-btn'); 3135 if(!more||!btn) return; 3136 const open = more.style.display==='grid'; 3137 more.style.display = open?'none':'grid'; 3138 btn.textContent = open?'Show More Reviews':'Show Fewer Reviews'; 3139} 3140 3141 3142const nav = document.getElementById('nav'); 3143const secs = [...document.querySelectorAll('[data-nav]')]; 3144let secCache = []; 3145function cacheSecs(){ 3146 secCache = secs.map(s => { 3147 const r = s.getBoundingClientRect(); 3148 return { nav: s.dataset.nav, top: r.top + window.scrollY, bot: r.bottom + window.scrollY }; 3149 }); 3150} 3151function upNav(){ 3152 const m = window.scrollY + window.innerHeight * 0.4; 3153 let a = 'dk'; 3154 for(const s of secCache){ if(s.top <= m && s.bot >= m){ a = s.nav; break; } } 3155 if(nav.className !== a) nav.className = a; 3156} 3157window.addEventListener('scroll', upNav, { passive: true }); 3158window.addEventListener('resize', cacheSecs, { passive: true }); 3159window.addEventListener('load', cacheSecs); 3160cacheSecs(); upNav(); 3161 3162 3163document.getElementById('ann-x').addEventListener('click',()=>{ 3164 document.getElementById('ann').style.display='none'; 3165 document.documentElement.style.setProperty('--ann-h','0px'); 3166}); 3167let oc=264+Math.floor(Math.random()*30); 3168const updateOC=()=>{oc+=Math.random()>.65?Math.floor(Math.random()*3)+1:0;['ac','ac2'].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=oc;});}; 3169setInterval(updateOC,9000); 3170 3171 3172let lv=280+Math.floor(Math.random()*80); 3173const lvEl=document.getElementById('lv'); 3174if(lvEl){lvEl.textContent=lv;setInterval(()=>{lv+=Math.random()>.5?Math.floor(Math.random()*6)-2:0;lv=Math.max(180,lv);lvEl.textContent=lv;},5000);} 3175 3176 3177function setTab(t){ 3178 document.querySelectorAll('.stb').forEach((b,i)=>b.classList.toggle('active',['beverages','powders','merch'][i]===t)); 3179 document.querySelectorAll('.tab-panel').forEach(p=>p.classList.toggle('active',p.id==='tab-'+t)); 3180 if(document.getElementById('shop')){document.getElementById('shop').scrollIntoView({block:'start'});} 3181} 3182 3183 3184const io=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.classList.add('vis');io.unobserve(x.target);}});},{threshold:0.1}); 3185document.querySelectorAll('.rev,.pc,.powder-card,.merch-card,.leg-card,.pillar,.ing-card,.soc-tile').forEach(el=>io.observe(el)); 3186const swObs=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.querySelectorAll('.sw').forEach(w=>w.classList.add('vis'));swObs.unobserve(x.target);}});},{threshold:0.3}); 3187const swd=document.getElementById('stmt-w');if(swd)swObs.observe(swd); 3188 3189 3190let mPrice=0,mQty=1,mType='once'; 3191function openModal(el){ 3192 const p=el.closest('[data-product]')||el.closest('.pc')||el.closest('.powder-card')||el.closest('.merch-card'); 3193 if(!p) return; 3194 const name=p.dataset.product||'WATA Product'; 3195 const price=parseFloat(p.dataset.price||'24.99'); 3196 const img=p.dataset.img||''; 3197 const desc=p.dataset.desc||''; 3198 const url=p.dataset.url||'https://shop.wata.co.uk'; 3199 mPrice=price; mQty=1; mType='once'; 3200 document.getElementById('m-tag').textContent='WATA — '+name.split(' ')[0]+' Range'; 3201 document.getElementById('m-name').textContent=name; 3202 document.getElementById('m-desc').textContent=desc; 3203 document.getElementById('m-price').textContent='£'+price.toFixed(2); 3204 document.getElementById('m-img').src=img; 3205 document.getElementById('m-img').alt=name; 3206 document.getElementById('pt-once-price').textContent='£'+price.toFixed(2); 3207 document.getElementById('pt-sub-price').textContent='£'+(price*0.85).toFixed(2)+'/mo'; 3208 document.getElementById('m-cta').href=url; 3209 document.getElementById('m-qty').textContent='1'; 3210 selectPT('once'); 3211 updateTotal(); 3212 document.getElementById('modal').classList.add('show'); 3213 document.body.style.overflow='hidden'; 3214} 3215function closeModal(){document.getElementById('modal').classList.remove('show');document.body.style.overflow='';} 3216function selectPT(t){ 3217 mType=t; 3218 document.getElementById('pt-once').classList.toggle('sel',t==='once'); 3219 document.getElementById('pt-sub').classList.toggle('sel',t==='sub'); 3220 document.getElementById('m-freq').style.display=t==='sub'?'block':'none'; 3221 document.getElementById('m-save').style.display=t==='sub'?'flex':'none'; 3222 updateTotal(); 3223} 3224function changeQty(d){mQty=Math.max(1,mQty+d);document.getElementById('m-qty').textContent=mQty;updateTotal();} 3225function updateTotal(){ 3226 const p=mType==='sub'?mPrice*0.85:mPrice; 3227 document.getElementById('m-total').textContent='£'+(p*mQty).toFixed(2)+(mType==='sub'?'/mo':''); 3228} 3229document.querySelectorAll('.open-modal').forEach(b=>b.addEventListener('click',e=>{e.stopPropagation();openModal(b);})); 3230document.getElementById('modal-x').addEventListener('click',closeModal);
3231document.getElementById('modal-bg').addEventListener('click',closeModal); 3232 3233 3234document.querySelectorAll('[data-pid]').forEach(card=>{ 3235 card.style.cursor='pointer'; 3236 card.addEventListener('click',e=>{ 3237 3238 if(e.target.closest('button,a,.fmt-btn,.pc-btn,.qty-btn')) return; 3239 const pid=card.dataset.pid; 3240 if(pid) window.location.href='WATA Product Detail.html#'+pid; 3241 }); 3242}); 3243 3244 3245if(!sessionStorage.getItem('fomo')){setTimeout(()=>{document.getElementById('fomo').classList.add('show');sessionStorage.setItem('fomo','1');},7000);} 3246const closeFomo=()=>document.getElementById('fomo').classList.remove('show'); 3247document.getElementById('fomo-x').addEventListener('click',closeFomo); 3248document.getElementById('fomo-dis').addEventListener('click',closeFomo); 3249document.getElementById('fomo').addEventListener('click',e=>{if(e.target===e.currentTarget)closeFomo();}); 3250let end=Date.now()+(3*3600+47*60+59)*1000; 3251setInterval(()=>{ 3252 const d=Math.max(0,end-Date.now()); 3253 ['h','m','s'].forEach((u,i)=>{const v=Math.floor(d/[3600000,60000,1000][i])%60;document.getElementById('ft-'+u).textContent=String(v).padStart(2,'0');}); 3254},1000); 3255 3256 3257const nudge=document.getElementById('nudge');let nd=false; 3258function syncNudgeClass(){ document.body.classList.toggle('nudge-on', nudge.classList.contains('show')); } 3259document.getElementById('nudge-x').addEventListener('click',()=>{nd=true;nudge.classList.remove('show');syncNudgeClass();}); 3260window.addEventListener('scroll',()=>{if(nd)return;nudge.classList.toggle('show',window.scrollY>500);syncNudgeClass();},{passive:true}); 3261 3262 3263document.documentElement.style.setProperty('--gold','#c5a39b'); 3264document.documentElement.style.setProperty('--lg','#f2e9e3'); 3265document.documentElement.style.setProperty('--dk','#000000'); 3266 3267 3268window.__themeMeta = document.querySelector('meta[name="theme-color"]'); 3269window.setThemeColor = function(c){ 3270 if(window.__themeMeta) window.__themeMeta.setAttribute('content', c || '#0a0a0a'); 3271}; 3272 3273 3274window.CAMPAIGNS = { 3275 'hydrate-or-die': { label:'Hydrate Or Die', state:'coming-soon', dropDate:'2026-06-01T09:00:00Z', headline:'Hydrate<br>Or Die', eyebrow:"You're ~60% water", ctaLabel:"Don't Die", ctaHref:'WATA Hydrate Or Die.html', mp4:'uploads/break-merch.mp4', webm:'uploads/break-merch.webm', mp4Sm:'uploads/break-merch-sm.mp4', webmSm:'uploads/break-merch-sm.webm', poster:'uploads/break-merch-poster.jpg', accent:'#e85050' }, 3276 'wata-game': { label:'WATA Game', state:'live', dropDate:'2026-08-15T11:00:00Z', headline:'WATA<br>Game', eyebrow:'Newcastle United Edition', ctaLabel:'Game On', ctaHref:'WATA Game.html', mp4:'uploads/nufc-hero.mp4', webm:'uploads/nufc-hero.webm', mp4Sm:'uploads/nufc-hero-sm.mp4', webmSm:'uploads/nufc-hero-sm.webm', poster:'uploads/nufc-hero-poster.jpg', accent:'#26334d' }, 3277 'toon-star': { label:'Toon Star', state:'live', dropDate:'2026-07-10T10:00:00Z', headline:'Toon<br>Star', eyebrow:'Standalone drop', ctaLabel:'Shop The Drop', ctaHref:'WATA Toon Star.html', mp4:'uploads/toonstar-hero.mp4', webm:'uploads/toonstar-hero.webm', mp4Sm:'uploads/toonstar-hero-sm.mp4',webmSm:'uploads/toonstar-hero-sm.webm',poster:'uploads/toonstar-hero-poster.jpg', accent:'#9eb1c0' } 3278}; 3279 3280(function(){ 3281 Object.keys(window.CAMPAIGNS).forEach(k => { 3282 const stored = localStorage.getItem('wata-camp-state-' + k); 3283 if(stored === 'live' || stored === 'coming-soon') window.CAMPAIGNS[k].state = stored; 3284 }); 3285})(); 3286 3287(function(){ 3288 let cdInterval = null; 3289 function pad(n){ return n < 10 ? '0' + n : '' + n; } 3290 function fmtDelta(ms){ 3291 const s = Math.max(0, Math.floor(ms / 1000)); 3292 const d = Math.floor(s / 86400); 3293 const h = Math.floor((s % 86400) / 3600); 3294 const m = Math.floor((s % 3600) / 60); 3295 if(d > 0) return { num: d + 'd ' + pad(h) + 'h', lab: 'until drop' }; 3296 if(h > 0) return { num: h + 'h ' + pad(m) + 'm', lab: 'until drop' }; 3297 return { num: pad(m) + 'm', lab: 'until drop' }; 3298 } 3299 function ensureChip(tile){ 3300 let chip = tile.querySelector('.ap-camp-cd'); 3301 if(!chip){ 3302 chip = document.createElement('div'); 3303 chip.className = 'ap-camp-cd'; 3304 chip.innerHTML = '<span class="ap-camp-cd-dot" aria-hidden="true"></span><span class="ap-camp-cd-num"></span><span class="ap-camp-cd-lab"></span>'; 3305 tile.appendChild(chip); 3306 } 3307 return chip; 3308 } 3309 function paintTile(tile){ 3310 const key = tile.dataset.camp; 3311 const cfg = window.CAMPAIGNS && window.CAMPAIGNS[key]; 3312 if(!cfg){ tile.classList.remove('is-cs'); return; } 3313 const cs = cfg.state === 'coming-soon'; 3314 tile.classList.toggle('is-cs', cs); 3315 if(!cs) return; 3316 const chip = ensureChip(tile); 3317 const num = chip.querySelector('.ap-camp-cd-num'); 3318 const lab = chip.querySelector('.ap-camp-cd-lab'); 3319 const target = cfg.dropDate ? new Date(cfg.dropDate).getTime() : NaN; 3320 if(isNaN(target) || target - Date.now() <= 0){ 3321 num.textContent = 'Coming'; 3322 lab.textContent = 'soon'; 3323 } else { 3324 const out = fmtDelta(target - Date.now()); 3325 num.textContent = out.num; 3326 lab.textContent = out.lab; 3327 } 3328 } 3329 window.paintCampaignDropTiles = function(){ 3330 document.querySelectorAll('.ap-camp-tile[data-camp]').forEach(paintTile); 3331 if(cdInterval) clearInterval(cdInterval); 3332 3333 3334 cdInterval = setInterval(() => { 3335 document.querySelectorAll('.ap-camp-tile.is-cs[data-camp]').forEach(paintTile); 3336 }, 60000); 3337 }; 3338})(); 3339 3340window.paintCampaignProductCascade = function(){ 3341 const TAG_TO_CAMPAIGN = { 'hydrate-or-die':'hydrate-or-die', 'nufc':'wata-game', 'toon-star':'toon-star' }; 3342 document.querySelectorAll('.ap-prod[data-tags]').forEach(card => { 3343 const tags = (card.dataset.tags || '').split(',').map(s => s.trim()); 3344 let cs = false; 3345 for(const t of tags){ 3346 const k = TAG_TO_CAMPAIGN[t]; 3347 if(k && window.CAMPAIGNS[k] && window.CAMPAIGNS[k].state === 'coming-soon'){ cs = true; break; } 3348 } 3349 card.classList.toggle('is-cs', cs); 3350 const cta = card.querySelector('.ap-btn-prim'); 3351 if(cta){ 3352 if(cs){ if(cta.dataset.origText === undefined) cta.dataset.origText = cta.textContent; cta.textContent = 'Notify'; } 3353 else if(cta.dataset.origText !== undefined){ cta.textContent = cta.dataset.origText; delete cta.dataset.origText; } 3354 } 3355 }); 3356}; 3357 3358 3359(function(){ 3360 const cards = document.querySelectorAll('.ap-clubs-card'); 3361 cards.forEach(card => { 3362 const vid = card.querySelector('.ap-clubs-video'); 3363 if(!vid) return; 3364 function play(){ try { vid.currentTime = 0; const p = vid.play(); if(p && p.catch) p.catch(()=>{}); } catch(e){} } 3365 function stop(){ try { vid.pause(); vid.currentTime = 0; } catch(e){} } 3366 card.addEventListener('mouseenter', play); 3367 card.addEventListener('mouseleave', () => { card.classList.remove('is-tap'); stop(); }); 3368 3369 card.addEventListener('touchstart', e => { 3370 if(!card.classList.contains('is-tap')){ 3371 3372 cards.forEach(c => { if(c !== card){ c.classList.remove('is-tap'); const v = c.querySelector('.ap-clubs-video'); if(v){ try{ v.pause(); v.currentTime = 0; }catch(_){} } } }); 3373 e.preventDefault(); 3374 card.classList.add('is-tap'); 3375 play(); 3376 } 3377 }, { passive: false }); 3378 }); 3379 document.addEventListener('touchstart', e => { 3380 if(!e.target.closest('.ap-clubs-card')){ 3381 cards.forEach(c => { c.classList.remove('is-tap'); const v = c.querySelector('.ap-clubs-video'); if(v){ try{ v.pause(); v.currentTime = 0; }catch(_){} } }); 3382 } 3383 }, { passive: true });
3384})(); 3385 3386(function(){ 3387 3388 3389 const CAMP_KEY = 'wata-campaign'; 3390 const body = document.body; 3391 const trigger = document.getElementById('dt-trigger'); 3392 const triggerLabel = document.getElementById('dt-trigger-label'); 3393 const popup = document.getElementById('dt-popup'); 3394 const campRadios = document.querySelectorAll('.dt-camp-radio'); 3395 const campClear = document.getElementById('dt-camp-clear'); 3396 if(!trigger || !popup) return; 3397 3398 let currentCampaign = null; 3399 3400 function paintTriggerLabel(){ 3401 triggerLabel.textContent = currentCampaign 3402 ? (window.CAMPAIGNS[currentCampaign]?.label || 'Campaign') 3403 : 'Campaign'; 3404 } 3405 3406 function applyCampaign(name){ 3407 if(name && !window.CAMPAIGNS[name]) name = null; 3408 currentCampaign = name; 3409 campRadios.forEach(r => { r.checked = (r.value === name); }); 3410 if(name) body.classList.add('campaign-on'); 3411 else body.classList.remove('campaign-on'); 3412 3413 if(name){ 3414 const cfg = window.CAMPAIGNS[name]; 3415 const heroEl = document.getElementById('hero-campaign'); 3416 if(heroEl && cfg){ 3417 const headEl = heroEl.querySelector('.ch-h'); 3418 const eyeEl = heroEl.querySelector('.ch-eye'); 3419 const ctaLabel = heroEl.querySelector('.ch-cta-label'); 3420 const ctaEl = heroEl.querySelector('.ch-cta'); 3421 const v = heroEl.querySelector('.ch-video'); 3422 if(headEl) headEl.innerHTML = cfg.headline; 3423 3424 3425 if(eyeEl) eyeEl.textContent = cfg.eyebrow; 3426 if(ctaLabel) ctaLabel.textContent = cfg.ctaLabel; 3427 if(ctaEl && cfg.ctaHref) ctaEl.href = cfg.ctaHref; 3428 3429 3430 3431 3432 3433 if(v && cfg.mp4){ 3434 v.innerHTML = ''; 3435 const isMobile = window.matchMedia('(max-width:720px)').matches; 3436 const webm = (isMobile && cfg.webmSm) ? cfg.webmSm : cfg.webm; 3437 const mp4 = (isMobile && cfg.mp4Sm) ? cfg.mp4Sm : cfg.mp4; 3438 if(webm){ 3439 const w = document.createElement('source'); 3440 w.type = 'video/webm'; w.src = webm; v.appendChild(w); 3441 } 3442 const m = document.createElement('source'); 3443 m.type = 'video/mp4'; m.src = mp4; v.appendChild(m); 3444 if(cfg.poster) v.poster = cfg.poster; 3445 v.preload = 'auto'; v.autoplay = true; 3446 v.load(); const p = v.play(); if(p && p.catch) p.catch(()=>{}); 3447 } 3448 } 3449 } 3450 paintTriggerLabel(); 3451 } 3452 3453 3454 const stateSelects = document.querySelectorAll('.dt-camp-state'); 3455 function paintStateSelect(sel){ 3456 const k = sel.dataset.campaign; 3457 const cfg = window.CAMPAIGNS[k]; if(!cfg) return; 3458 sel.value = cfg.state; 3459 sel.dataset.state = cfg.state; 3460 } 3461 stateSelects.forEach(sel => { 3462 paintStateSelect(sel); 3463 sel.addEventListener('change', () => { 3464 const k = sel.dataset.campaign; 3465 const cfg = window.CAMPAIGNS[k]; if(!cfg) return; 3466 cfg.state = sel.value; 3467 sel.dataset.state = sel.value; 3468 localStorage.setItem('wata-camp-state-' + k, sel.value); 3469 3470 if(currentCampaign === k) applyCampaign(k); 3471 3472 if(typeof window.paintCampaignProductCascade === 'function') window.paintCampaignProductCascade(); 3473 if(typeof window.paintCampaignDropTiles === 'function') window.paintCampaignDropTiles(); 3474 }); 3475 }); 3476 3477 3478 3479 3480 3481 3482 3483 const params = new URLSearchParams(location.search); 3484 const urlCampaign = params.get('campaign'); 3485 const storedCampaign = localStorage.getItem(CAMP_KEY); 3486 const isProdHost = ['wata.co', 'www.wata.co'].indexOf(location.hostname) !== -1; 3487 const defaultCampaign = isProdHost ? 'toon-star' : 'hydrate-or-die'; 3488 applyCampaign(urlCampaign || storedCampaign || defaultCampaign); 3489 if(typeof window.paintCampaignProductCascade === 'function') window.paintCampaignProductCascade(); 3490 if(typeof window.paintCampaignDropTiles === 'function') window.paintCampaignDropTiles(); 3491 3492 3493 campRadios.forEach(r => r.addEventListener('change', () => { 3494 if(r.checked){ 3495 applyCampaign(r.value); 3496 localStorage.setItem(CAMP_KEY, r.value); 3497 } 3498 })); 3499 if(campClear) campClear.addEventListener('click', () => { 3500 applyCampaign(null); 3501 localStorage.removeItem(CAMP_KEY); 3502 }); 3503 3504 3505 document.querySelectorAll('.dt-mp-row input[data-mp]').forEach(input => { 3506 const id = input.dataset.mp; 3507 const key = 'wata-mp-' + id; 3508 input.checked = localStorage.getItem(key) === '1'; 3509 input.addEventListener('change', () => { 3510 if(window.WataMarketplaces) window.WataMarketplaces.set(id, input.checked); 3511 else { if(input.checked) localStorage.setItem(key, '1'); else localStorage.removeItem(key); } 3512 }); 3513 }); 3514 3515 3516 function openPopup(){ popup.classList.add('is-open'); trigger.setAttribute('aria-expanded','true'); popup.setAttribute('aria-hidden','false'); } 3517 function closePopup(){ popup.classList.remove('is-open'); trigger.setAttribute('aria-expanded','false'); popup.setAttribute('aria-hidden','true'); } 3518 trigger.addEventListener('click', e => { e.stopPropagation(); popup.classList.contains('is-open') ? closePopup() : openPopup(); }); 3519 document.addEventListener('click', e => { if(!popup.contains(e.target) && e.target !== trigger && !trigger.contains(e.target)) closePopup(); }); 3520 document.addEventListener('keydown', e => { if(e.key === 'Escape') closePopup(); }); 3521})(); 3522 3523 3524(function(){ 3525 const ahStage = document.getElementById('ah-stage'); 3526 if(!ahStage) return; 3527 const heroEl = ahStage.closest('.alt-hero'); 3528 if(!heroEl) return; 3529 const slides = [...ahStage.querySelectorAll('.ah-slide')]; 3530 const dots = [...heroEl.querySelectorAll('.ah-dot')]; 3531 const prev = document.getElementById('ah-prev'); 3532 const next = document.getElementById('ah-next'); 3533 const nameEl = document.getElementById('ah-name'); 3534 const tagEl = document.getElementById('ah-tag'); 3535 const ctaEl = document.getElementById('ah-cta'); 3536 const curEl = document.getElementById('ah-cur'); 3537 3538 const META = [ 3539 {name:'Original Zero', tag:'Zero Sugar Energy · 24Ã330ml', cta:'WATA Product Detail.html#original-zero'}, 3540 {name:'Pink Berry', tag:'Collagen Peptide Energy · 24Ã330ml', cta:'WATA Product Detail.html#pink-berry'}, 3541 {name:'Sparkling', tag:'Stainless · Can or 750ml Bottle', cta:'WATA Product Detail.html#sparkling'}, 3542 {name:'Pulp Fiction', tag:'Good Gut Soda · 12Ã330ml', cta:'WATA Product Page.html'} 3543 ]; 3544 3545 let i = 0, timer = null; 3546 const N = slides.length; 3547 3548 function applyTokens(s){ 3549 heroEl.style.setProperty('--ah-c1', s.dataset.c1); 3550 heroEl.style.setProperty('--ah-c2', s.dataset.c2); 3551 heroEl.style.setProperty('--ah-text', s.dataset.text); 3552 heroEl.style.setProperty('--ah-deco', s.dataset.deco); 3553 window.__altActiveC2 = s.dataset.c2 || '#0a0a0a'; 3554 if(typeof syncNavMode === 'function') syncNavMode(); 3555 } 3556 3557 function go(target, dir){ 3558 const newI = ((target % N) + N) % N; 3559 if(newI === i) return; 3560 if(!dir){ 3561 const forwardSteps = (newI - i + N) % N; 3562 dir = forwardSteps <= N/2 ? 'next' : 'prev'; 3563 } 3564 ahStage.dataset.dir = dir; 3565 slides[i].classList.remove('is-active'); 3566 dots[i].classList.remove('is-active'); 3567 i = newI; 3568 const s = slides[i];
3569 s.classList.add('is-active'); 3570 dots[i].classList.add('is-active'); 3571 applyTokens(s); 3572 const m = META[i] || META[0]; 3573 nameEl.textContent = m.name; 3574 tagEl.textContent = m.tag; 3575 ctaEl.setAttribute('href', m.cta); 3576 curEl.textContent = String(i+1).padStart(2,'0'); 3577 restart(); 3578 } 3579 function restart(){ 3580 if(timer) clearInterval(timer); 3581 3582 if(!document.body.classList.contains('alt-design')) return; 3583 timer = setInterval(()=>go(i+1, 'next'), 5500); 3584 } 3585 3586 applyTokens(slides[0]); 3587 3588 prev.addEventListener('click', ()=>go(i-1, 'prev')); 3589 next.addEventListener('click', ()=>go(i+1, 'next')); 3590 dots.forEach(d => d.addEventListener('click', ()=>{ 3591 const target = parseInt(d.dataset.i,10); 3592 go(target, target > i ? 'next' : 'prev'); 3593 })); 3594 3595 document.addEventListener('keydown', e=>{ 3596 if(['INPUT','TEXTAREA','SELECT'].includes(e.target.tagName)) return; 3597 if(!document.body.classList.contains('alt-design')) return; 3598 if(e.key === 'ArrowLeft') go(i-1, 'prev'); 3599 if(e.key === 'ArrowRight') go(i+1, 'next'); 3600 }); 3601 3602 let sx=0, sy=0, swiping=false; 3603 3604 ahStage.addEventListener('click', e => { 3605 const can = e.target.closest('.ah-can'); 3606 if(!can) return; 3607 if(!can.closest('.ah-slide.is-active')) return; 3608 const m = META[i]; 3609 if(m && m.cta) location.href = m.cta; 3610 }); 3611 ahStage.addEventListener('touchstart', e=>{ sx=e.touches[0].clientX; sy=e.touches[0].clientY; swiping=true; }, {passive:true}); 3612 ahStage.addEventListener('touchend', e=>{ 3613 if(!swiping) return; swiping=false; 3614 const dx = e.changedTouches[0].clientX - sx; 3615 const dy = e.changedTouches[0].clientY - sy; 3616 if(Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)){ 3617 const fwd = dx < 0; 3618 go(i + (fwd ? 1 : -1), fwd ? 'next' : 'prev'); 3619 } 3620 }); 3621 3622 heroEl.addEventListener('mouseenter', ()=>{ if(timer) clearInterval(timer); }); 3623 heroEl.addEventListener('mouseleave', restart); 3624 3625 3626 3627 window.syncNavMode = function syncNavMode(){ 3628 if(!document.body.classList.contains('alt-design')){ 3629 document.body.classList.remove('nav-over-hero'); 3630 window.setThemeColor('#0a0a0a'); 3631 return; 3632 } 3633 const past = window.scrollY > heroEl.offsetHeight - 60; 3634 document.body.classList.toggle('nav-over-hero', !past); 3635 3636 3637 window.setThemeColor('#0a0a0a'); 3638 }; 3639 window.addEventListener('scroll', window.syncNavMode, { passive: true }); 3640 window.addEventListener('resize', window.syncNavMode); 3641 window.syncNavMode(); 3642 3643 restart(); 3644})(); 3645 3646 3647(function(){ 3648 3649 3650 3651 const ICONS = { 3652 'drop': 'img:uploads/icon-drop.svg', 3653 'bolt': 'img:uploads/icon-bolt.svg', 3654 'vitamins': 'img:uploads/icon-vitamins.svg', 3655 'gluten-free':'img:uploads/icon-gluten-free.svg', 3656 3657 'caffeine': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9h11v7a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/><path d="M15 11h2.5a2.5 2.5 0 0 1 0 5H15"/><path d="M7 5c0-1 1-2 2-1s1 2 0 3-1 2 0 3"/><path d="M11 4c0-1 1-2 2-1s1 2 0 3-1 2 0 3"/></svg>', 3658 'electrolyte':'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="7" cy="7" r="2.6" fill="currentColor"/><circle cx="17" cy="7" r="2.6"/><circle cx="7" cy="17" r="2.6"/><circle cx="17" cy="17" r="2.6" fill="currentColor"/></svg>', 3659 'collagen': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4 Q12 7 6 10 Q12 13 6 16 Q12 19 6 21"/><path d="M18 4 Q12 7 18 10 Q12 13 18 16 Q12 19 18 21"/></svg>', 3660 'probiotic': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="8.5" cy="8.5" rx="3.2" ry="2.6" transform="rotate(-22 8.5 8.5)"/><ellipse cx="15.5" cy="14.5" rx="3.2" ry="2.6" transform="rotate(20 15.5 14.5)"/><ellipse cx="13" cy="6.5" rx="2.4" ry="1.9" transform="rotate(35 13 6.5)"/><ellipse cx="6.5" cy="16.5" rx="2.4" ry="1.9" transform="rotate(-12 6.5 16.5)"/></svg>', 3661 'sparkle': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="6.5" cy="6.5" r="1.4"/>
3661<circle cx="17" cy="9" r="1.1"/><circle cx="13" cy="17" r="1.6"/><circle cx="6" cy="15" r="0.9"/><circle cx="19" cy="17" r="0.9"/><circle cx="11" cy="6" r="0.9"/></svg>' 3662 }; 3663 const LABELS = { 3664 'drop':'Spring Water','bolt':'Energy','vitamins':'Vitamins','gluten-free':'Gluten Free', 3665 'caffeine':'Caffeine','electrolyte':'Electrolytes','collagen':'Collagen','probiotic':'Probiotics','sparkle':'Sparkling' 3666 }; 3667 function iconHtml(key){ 3668 const v = ICONS[key]; if(!v) return ''; 3669 if(v.startsWith('img:')) return `<img src="${v.slice(4)}" alt="${LABELS[key]||key}" loading="lazy" decoding="async">`; 3670 return v; 3671 } 3672 3673 document.querySelectorAll('.ap-prod[data-icons]').forEach(card => { 3674 const list = card.dataset.icons.split(',').map(s=>s.trim()).filter(Boolean); 3675 const strip = document.createElement('div'); 3676 strip.className = 'ap-prod-icons'; 3677 strip.setAttribute('aria-label','Key ingredients'); 3678 strip.innerHTML = list.map(k => `<span class="ic" data-ic-tip="${LABELS[k]||k}">${iconHtml(k)}</span>`).join(''); 3679 card.insertBefore(strip, card.firstChild); 3680 }); 3681 3682 3683 const pills = document.querySelectorAll('#ap-purpose .ap-purpose-pill'); 3684 let active = null; 3685 function apply(){ 3686 document.querySelectorAll('.ap-prod[data-purpose]').forEach(c => { 3687 if(!active){ c.dataset.fade = '0'; return; } 3688 const purposes = (c.dataset.purpose||'').split(',').map(s=>s.trim()); 3689 c.dataset.fade = purposes.includes(active) ? '0' : '1'; 3690 }); 3691 pills.forEach(p => p.classList.toggle('is-active', p.dataset.purpose === active)); 3692 } 3693 pills.forEach(p => p.addEventListener('click', () => { 3694 active = (active === p.dataset.purpose) ? null : p.dataset.purpose; 3695 apply(); 3696 })); 3697 3698 3699 3700 document.querySelectorAll('.ap-subfilter:not(.ap-subfilter-pages)').forEach(bar => { 3701 const section = bar.closest('.ap-cat'); 3702 if(!section) return; 3703 const cards = section.querySelectorAll('.ap-prod[data-tags]'); 3704 const grid = section.querySelector('.ap-prod-grid'); 3705 const subPills = bar.querySelectorAll('.ap-sub-pill'); 3706 function applySub(tag){ 3707 let visibleCount = 0; 3708 cards.forEach(c => { 3709 const tags = (c.dataset.tags||'').split(',').map(s=>s.trim()); 3710 const match = tag === 'all' || tags.includes(tag); 3711 c.dataset.subfade = match ? '0' : '1'; 3712 if(match) visibleCount++; 3713 }); 3714 subPills.forEach(p => p.classList.toggle('is-active', p.dataset.tag === tag)); 3715 if(grid) grid.dataset.empty = visibleCount === 0 ? '1' : '0'; 3716 } 3717 subPills.forEach(p => p.addEventListener('click', () => applySub(p.dataset.tag))); 3718 }); 3719 3720 3721 document.querySelectorAll('.ap-prod[data-img-can][data-img-bottle]').forEach(card => { 3722 const fmtBtns = card.querySelectorAll('.ap-fmt-btn[data-fmt]'); 3723 const imgEl = card.querySelector('.ap-prod-img img'); 3724 if(!fmtBtns.length || !imgEl) return; 3725 fmtBtns.forEach(btn => btn.addEventListener('click', () => { 3726 const fmt = btn.dataset.fmt; 3727 fmtBtns.forEach(b => b.classList.toggle('ap-fmt-act', b === btn)); 3728 const src = fmt === 'bottle' ? card.dataset.imgBottle : card.dataset.imgCan; 3729 if(src) imgEl.src = src; 3730 })); 3731 }); 3732})(); 3733 3734 3735window.setApCatTab = (function(){ 3736 const tabs = document.querySelectorAll('#ap-tabs .ap-tab'); 3737 const body = document.body; 3738 3739 const SCROLL_TARGETS = { drinks: 'ap-cat-longevity', ontap: 'ap-cat-powders', merch: 'ap-cat-merch', drops: 'ap-cat-limited' }; 3740 3741 const VIDEOS = { 3742 drinks: [ 3743 { eye:"You're ~60% water", h:'Hydrate.<br>Or die.', mp4:'uploads/break-loop.mp4', webm:'uploads/break-loop.webm', poster:'uploads/break-poster.jpg' }, 3744 { eye:'Stay topped up', h:'Bottle up.', mp4:'uploads/stock-bottle.mp4', webm:'uploads/stock-bottle.webm', poster:'uploads/stock-bottle-poster.jpg' } 3745 ], 3746 ontap: { mp4:'uploads/break-ontap.mp4', webm:'uploads/break-ontap.webm', poster:'uploads/break-ontap-poster.jpg' }, 3747 merch: { mp4:'uploads/break-merch.mp4', webm:'uploads/break-merch.webm', poster:'uploads/break-merch-poster.jpg' }, 3748 drops: [ 3749 { eye:"You're ~60% water", h:'Hydrate Or Die', mp4:'uploads/break-merch.mp4', webm:'uploads/break-merch.webm', poster:'uploads/break-merch-poster.jpg' }, 3750 { eye:'Newcastle United Edition', h:'WATA Game', mp4:'uploads/nufc-hero.mp4', webm:'uploads/nufc-hero.webm', poster:'uploads/nufc-hero-poster.jpg' }, 3751 { eye:'Limited Edition', h:'Toon Star', mp4:'uploads/toonstar-hero.mp4', webm:'uploads/toonstar-hero.webm', poster:'uploads/toonstar-hero-poster.jpg' } 3752 ] 3753 }; 3754 let breakCycleTimer = null; 3755 let breakCycleIdx = 0; 3756 let breakCycleTab = null; 3757 const pagEl = document.getElementById('ap-break-pag'); 3758 function buildDots(count){ 3759 if(!pagEl) return; 3760 pagEl.innerHTML = ''; 3761 for(let i = 0; i < count; i++){ 3762 const b = document.createElement('button'); 3763 b.type = 'button'; 3764 b.className = 'ap-break-dot' + (i === 0 ? ' is-active' : ''); 3765 b.dataset.idx = i; 3766 b.setAttribute('aria-label', 'Slide ' + (i + 1)); 3767 b.addEventListener('click', () => { 3768 if(breakCycleTab) startBreakCycle(breakCycleTab, i); 3769 }); 3770 pagEl.appendChild(b); 3771 } 3772 } 3773 function paintDots(idx){ 3774 if(!pagEl) return; 3775 pagEl.querySelectorAll('.ap-break-dot').forEach(d => { 3776 d.classList.toggle('is-active', parseInt(d.dataset.idx) === idx); 3777 }); 3778 } 3779 function applyBreakSlide(cfg){ 3780 const v = document.querySelector('.ap-break-video'); if(!v) return; 3781 const mp4 = v.querySelector('source[type="video/mp4"]'); 3782 const webm = v.querySelector('source[type="video/webm"]'); 3783 if(webm) webm.src = cfg.webm; 3784 if(mp4) mp4.src = cfg.mp4; 3785 if(cfg.poster) v.poster = cfg.poster; 3786 v.load(); 3787 const p = v.play(); if(p && p.catch) p.catch(()=>{}); 3788 if(cfg.eye || cfg.h){ 3789 const eyeEl = document.querySelector('.ap-break .ap-eye'); 3790 const hEl = document.querySelector('.ap-break-h'); 3791 if(eyeEl && cfg.eye) eyeEl.innerHTML = cfg.eye; 3792 if(hEl && cfg.h) hEl.innerHTML = cfg.h; 3793 } 3794 } 3795 function clearBreakCycle(){ if(breakCycleTimer){ clearTimeout(breakCycleTimer); breakCycleTimer = null; } } 3796 function startBreakCycle(tabName, startIdx){ 3797 const cfg = VIDEOS[tabName]; if(!Array.isArray(cfg)) return; 3798 clearBreakCycle(); 3799 breakCycleTab = tabName; 3800 breakCycleIdx = ((startIdx || 0) % cfg.length + cfg.length) % cfg.length; 3801 function step(){ 3802 applyBreakSlide(cfg[breakCycleIdx]); 3803 paintDots(breakCycleIdx); 3804 breakCycleIdx = (breakCycleIdx + 1) % cfg.length; 3805 breakCycleTimer = setTimeout(step, 7500); 3806 } 3807 step(); 3808 } 3809 function setBreakVideo(name){ 3810 clearBreakCycle(); 3811 breakCycleTab = null; 3812 const cfg = VIDEOS[name]; if(!cfg) return; 3813 if(Array.isArray(cfg)){ 3814 buildDots(cfg.length); 3815 startBreakCycle(name, 0); 3816 } else { 3817 buildDots(0); 3818 const eyeEl = document.querySelector('.ap-break .ap-eye'); 3819 const hEl = document.querySelector('.ap-break-h'); 3820 if(eyeEl) eyeEl.innerHTML = "You’re ~60% water"; 3821 if(hEl) hEl.innerHTML = 'Hydrate.<br>Or die.'; 3822 applyBreakSlide(cfg); 3823 } 3824 } 3825 function setTab(name, opts){ 3826 body.classList.remove('ap-show-drinks','ap-show-ontap','ap-show-merch','a
3826p-show-drops'); 3827 body.classList.add('ap-show-' + name); 3828 tabs.forEach(t => t.classList.toggle('is-active', t.dataset.catTab === name)); 3829 setBreakVideo(name); 3830 3831 3832 3833 if(opts && opts.scroll){ 3834 const sec = document.getElementById(SCROLL_TARGETS[name]); 3835 3836 3837 3838 const target = sec && (name === 'drops' 3839 ? (sec.querySelector('.ap-camp-grid') || sec) 3840 : (sec.querySelector('.ap-cat-h .ap-eye') || sec)); 3841 if(target){ 3842 const annH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--ann-h')) || 32; 3843 3844 3845 const offset = annH + 132; 3846 const y = target.getBoundingClientRect().top + window.scrollY - offset; 3847 window.scrollTo({ top: y, behavior: 'smooth' }); 3848 } 3849 } 3850 } 3851 setTab('drinks'); 3852 tabs.forEach(t => t.addEventListener('click', () => setTab(t.dataset.catTab, { scroll: true }))); 3853 return (name) => setTab(name, { scroll: true }); 3854})(); 3855 3856 3857(function(){ 3858 const modal = document.getElementById('notify-modal'); 3859 if(!modal) return; 3860 const eye = document.getElementById('notify-eye'); 3861 const h = document.getElementById('notify-h'); 3862 const sub = document.getElementById('notify-sub'); 3863 const form = document.getElementById('notify-form'); 3864 const email = document.getElementById('notify-email'); 3865 const closeBtn = document.getElementById('notify-close'); 3866 let activeCampaignKey = null; 3867 function open(opts){ 3868 modal.classList.remove('is-done','is-already'); 3869 eye.textContent = opts.eye || 'Coming soon'; 3870 h.textContent = opts.h || 'Get notified.'; 3871 sub.textContent = opts.sub || "We'll email you the moment it drops."; 3872 email.value = ''; 3873 activeCampaignKey = opts.campaign || null; 3874 3875 if(activeCampaignKey && localStorage.getItem('wata-signup-' + activeCampaignKey)){ 3876 modal.classList.add('is-already'); 3877 } 3878 modal.classList.add('is-open'); 3879 setTimeout(()=> email.focus(), 300); 3880 } 3881 function close(){ modal.classList.remove('is-open'); } 3882 closeBtn.addEventListener('click', close); 3883 modal.addEventListener('click', e => { if(e.target === modal) close(); }); 3884 document.addEventListener('keydown', e => { if(e.key === 'Escape' && modal.classList.contains('is-open')) close(); }); 3885 form.addEventListener('submit', e => { 3886 e.preventDefault(); 3887 if(!email.value || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value)){ email.focus(); return; } 3888 3889 if(activeCampaignKey) localStorage.setItem('wata-signup-' + activeCampaignKey, email.value); 3890 modal.classList.add('is-done'); 3891 setTimeout(close, 2200); 3892 }); 3893 3894 document.body.addEventListener('click', e => { 3895 const camp = e.target.closest('[data-notify-campaign]'); 3896 if(!camp) return; 3897 e.preventDefault(); 3898 const key = camp.dataset.notifyCampaign; 3899 const cfg = window.CAMPAIGNS && window.CAMPAIGNS[key]; 3900 open({ 3901 campaign: key, 3902 eye: 'Coming soon', 3903 h: cfg ? cfg.label + ' drop' : 'Get notified.', 3904 sub: "We'll email you the moment this drop goes live." 3905 }); 3906 }); 3907 3908 document.querySelectorAll('[data-notify]').forEach(btn => btn.addEventListener('click', () => { 3909 const range = btn.dataset.notify; 3910 open({ 3911 eye: 'Coming soon', 3912 h: 'Be first in line.', 3913 sub: range === 'sodas' ? "We'll email you the day Pulp Fiction + Pink 182 land." : "We'll email you the moment this range drops." 3914 }); 3915 })); 3916 3917 document.querySelectorAll('.ap-prod.ap-prod-cs .ap-prod-ft a, .ap-prod[data-out-of-stock="1"] .ap-prod-ft a').forEach(a => { 3918 a.addEventListener('click', e => { 3919 e.preventDefault(); 3920 const card = a.closest('.ap-prod'); 3921 const name = card?.querySelector('h3')?.textContent.replace(/\s+/g,' ').trim() || 'this drop'; 3922 const isCS = card?.classList.contains('ap-prod-cs'); 3923 open({ 3924 eye: isCS ? 'Coming soon' : 'Back in stock', 3925 h: isCS ? 'Get the heads-up.' : 'Tell me when.', 3926 sub: isCS 3927 ? `We'll email you when ${name} drops.` 3928 : `We'll email you when ${name} is back.` 3929 }); 3930 }); 3931 }); 3932})(); 3933 3934 3935(function(){ 3936 document.querySelectorAll('.ap-prod-flip').forEach(card => { 3937 const stage = card.querySelector('.ap-prod-img'); 3938 if(!stage) return; 3939 let sx = 0, sy = 0, swiping = false; 3940 stage.addEventListener('touchstart', e => { 3941 sx = e.touches[0].clientX; sy = e.touches[0].clientY; swiping = true; 3942 }, { passive: true });
3943 stage.addEventListener('touchend', e => { 3944 if(!swiping) return; swiping = false; 3945 const dx = e.changedTouches[0].clientX - sx; 3946 const dy = e.changedTouches[0].clientY - sy; 3947 if(Math.abs(dx) > 30 && Math.abs(dx) > Math.abs(dy)) card.classList.toggle('is-flipped'); 3948 }); 3949 3950 stage.addEventListener('click', e => { 3951 if(matchMedia('(hover:hover)').matches) return; 3952 if(e.target.closest('a,button')) return; 3953 card.classList.toggle('is-flipped'); 3954 e.stopPropagation(); 3955 }); 3956 }); 3957})(); 3958 3959 3960(function(){ 3961 const btn = document.getElementById('nav-locale'); 3962 const panel = document.getElementById('nav-locale-panel'); 3963 const labelEl = document.getElementById('nav-locale-label'); 3964 if(!btn || !panel) return; 3965 const LOC_KEY = 'wata-loc', LANG_KEY = 'wata-lang'; 3966 const LOC_LABEL = { uk:'UK', eu:'EU', us:'US', au:'AU', ae:'AE' }; 3967 3968 3969 3970 3971 const I18N = { 3972 ar: { 3973 'free-uk-delivery': '\u{1F680} ØªÙØµÙ٠٠جاÙ٠داخ٠اÙÙ Ù ÙÙØ© اÙÙ ØªØØ¯Ø©', 3974 'welcome-code': 'استخد٠<strong>WELCOME10</strong> ÙØ®ØµÙ 10% عÙ٠أÙÙ Ø·ÙØ¨', 3975 'orders-today': 'Ø·ÙØ¨Ùا اÙÙÙÙ ', 3976 'nav-beverages': 'اÙÙ Ø´Ø±ÙØ¨Ø§Øª', 3977 'nav-powders': 'اÙ٠ساØÙÙ', 3978 'nav-merch': 'اÙÙ ÙØªØ¬Ø§Øª', 3979 'nav-legends': 'Ø§ÙØ£Ø³Ø§Ø·Ùر', 3980 'nav-join': 'Ø§ÙØ¶Ù ', 3981 'hero-eye': 'Ø£ÙØª ~60% ٠اء', 3982 'hero-h': 'ØªØ±Ø·ÙØ¨<br>Ø£Ù Ù ÙØª', 3983 'hero-cta': 'ÙØ§ ØªÙ ÙØª', 3984 'menu-drinks': 'اÙÙ Ø´Ø±ÙØ¨Ø§Øª', 3985 'menu-ontap': 'ØØ³Ø¨ Ø§ÙØ·Ùب', 3986 'menu-merch': 'Ù ÙØªØ¬Ø§Øª', 3987 'menu-limited': 'إصدارات Ù ØØ¯Ùدة', 3988 'menu-legends': 'Ø§ÙØ£Ø³Ø§Ø·Ùر', 3989 'menu-join': 'Ø§ÙØ¶Ù ', 3990 'menu-shopnow': 'تسÙÙÙ Ø§ÙØ¢Ù â', 3991 'menu-foot': 'اÙ٠اء Ø£ÙÙØ§Ù · Ø¯Ø§Ø¦Ù ÙØ§.', 3992 'nudge': '\u{1F680} ØªÙØµÙ٠٠جاÙ٠· استخد٠<span>WELCOME10</span> ÙØ®ØµÙ 10%', 3993 'fomo-cta': 'تسÙÙÙ Ø§ÙØ¢Ù â Ø§Ø³ØªØ®Ø¯Ù WELCOME10', 3994 'mani-eye': 'Ø§ÙØ¨ÙاÙ', 3995 'mani-w1': 'Ø§ÙØ§Ø³ØªØ¯Ø§Ù Ø©.', 3996 'mani-w2': 'Ø§ÙØªØ±Ø·Ùب.', 3997 'mani-w3': 'Ø·ÙÙ Ø§ÙØ¹Ù ر.', 3998 'mani-w4': 'Ø§ÙØ¥ÙØªØ§Ø¬ÙØ©.', 3999 'mani-w5': 'Ø¥ÙÙØ§ WATA.', 4000 'mani-sub': 'خ٠س ÙÙ٠ات. أساس ÙØ§ØØ¯. Ø¯Ø§Ø¦Ù ÙØ§.', 4001 'rangeA-eye': 'اÙÙ Ø¬Ù ÙØ¹Ø© A â Ù ÙØ§Ù Ø·ÙÙ Ø§ÙØ¹Ù ر', 4002 'rangeA-h': 'Ù ÙØ§Ù<br>Ø·ÙÙ Ø§ÙØ¹Ù ر.', 4003 'rangeA-sub': 'Ù ÙØ§Ù ÙÙÙØ© â Ø·Ø¨ÙØ¹ÙØ© Ø£Ù ÙÙØ§Ø±Ø©. Ø¯Ø§Ø¦Ù ÙØ§ Ø£ÙÙ Ù ÙÙÙÙ. ÙØ§ Ø£ÙØ«Ø±Ø ÙØ§ Ø£ÙÙ.', 4004 'rangeB-eye': 'اÙÙ Ø¬Ù ÙØ¹Ø© B â Ù Ø´Ø±ÙØ¨Ø§Øª Ø§ÙØ£Ù عاء', 4005 'rangeB-h': 'Ù Ø´Ø±ÙØ¨Ø§Øª<br>Ø§ÙØ£Ù عاء.', 4006 'rangeB-sub': 'Ø·Ø¹Ù ÙØ°Ùذ ٠ع ØªØ±Ø·ÙØ¨ ÙØ¹ÙاÙ. Ø¨Ø±ÙØ¨ÙÙØªÙÙ + ÙÙÙØ§Ø¬ÙÙØ تØÙÙØ© Ø·Ø¨ÙØ¹ÙØ©.', 4007 'rangeC-eye': 'اÙÙ Ø¬Ù ÙØ¹Ø© C â Ø·Ø§ÙØ© بدÙÙ Ø³ÙØ±', 4008 'rangeC-h': 'Ø·Ø§ÙØ©<br>بدÙÙ Ø³ÙØ±.', 4009 'rangeC-sub': 'ترÙÙØ² ÙØ§Ù Ù. بدÙÙ Ø³ÙØ±. ÙØ§ÙÙÙÙ Ø·Ø¨ÙØ¹Ù + ÙÙÙØ§Ø¬ÙÙ Ø¨ÙØ¨ØªÙد ÙÙ Ù ÙØªØØ±ÙÙ٠بسرعة.', 4010 'rangeD-eye': 'اÙÙ Ø¬Ù ÙØ¹Ø© D â ٠ساØÙ٠اÙÙÙØ§Ø±Ù', 4011 'rangeD-h': 'WATA<br>Ø¹ÙØ¯ Ø§ÙØ·Ùب.', 4012 'rangeD-sub': 'ÙÙØ³ ترÙÙØ¨Ø© WATA عÙÙ Ø´Ù٠٠سØÙÙ. Ø§Ø®ÙØ· باÙÙ Ø§Ø¡Ø Ø±Ø¬Ø Ø§ÙØ·ÙÙ. ÙÙØ³Ùر ÙØ§ÙØªØ¯Ø±ÙØ¨ ÙØ§ÙØªØ±Ø·ÙØ¨ اÙÙÙÙ Ù.', 4013 'rangeL-eye': 'إصدارات Ù ØØ¯Ùدة â Ø¥ØµØ¯Ø§Ø±Ø§Øª Ù٠رة ÙØ§ØØ¯Ø©', 4014 'rangeL-h': 'إصدارات<br>Ù ØØ¯Ùدة.', 4015 'rangeL-sub': 'تعاÙÙØ§Øª ÙØ¹Ùب Ù٠رة ÙØ§ØØ¯Ø©. تÙÙØ¯Ø ÙØªØ®ØªÙÙ ÙÙØ£Ø¨Ø¯.', 4016 'camp-hod-eye': 'إصدار Ø§ÙØ¨ÙاÙ', 4017 'camp-hod-sub': 'Ø¹ÙØ¨ØªØ§ÙØ Ø±Ø³Ø§ÙØ© ÙØ§ØØ¯Ø©. Ø·Ø¨ÙØ¹ÙØ© + ÙÙØ§Ø±Ø©.', 4018 'camp-game-eye': 'إصدار ÙÙÙÙØ§Ø³Ù ÙÙÙØ§Ùتد', 4019 'camp-game-sub': 'Ø£ÙÙØ§Ù اÙÙØ§Ø¯Ù + إصدارات اÙÙØ§Ø¹Ø¨ÙÙ.', 4020 'camp-toon-eye': 'إصدار ٠ستÙÙ', 4021 'camp-toon-sub': 'إصدار Toon Star اÙ٠ستÙÙ.', 4022 'camp-cta': 'Ø´Ø§ÙØ¯ Ø§ÙØ¥ØµØ¯Ø§Ø± â', 4023 'allcans-eye': 'ÙÙ Ø§ÙØ¹Ùب', 4024 'allcans-h': 'ÙÙ Ø¥ØµØ¯Ø§Ø±Ø ÙÙ Ø¹ÙØ¨Ø©.', 4025 'comingsoon': 'ÙØ±ÙØ¨ÙØ§', 4026 'notifyme': 'أعÙÙ ÙÙ', 4027 'filter-all': 'اÙÙÙ', 4028 'filter-still': 'Ø·Ø¨ÙØ¹ÙØ©', 4029 'filter-sparkling': 'ÙÙØ§Ø±Ø©', 4030 'filter-collagen': 'ÙÙÙØ§Ø¬ÙÙ', 4031 'filter-longevity': 'ÙØ·ÙÙ Ø§ÙØ¹Ù ر', 4032 'filter-recovery': 'ÙÙØ§Ø³ØªØ´Ùاء', 4033 'filter-probiotic': 'Ø¨Ø±ÙØ¨ÙÙØªÙÙ', 4034 'filter-orange': 'Ø¨Ø±ØªÙØ§Ù', 4035 'filter-pinkberry': 'ØªÙØª ÙØ±Ø¯Ù', 4036 'filter-og': 'Ø§ÙØ£ØµÙÙ', 4037 'filter-collagenpep': 'ÙÙÙØ§Ø¬ÙÙ Ø¨ÙØ¨ØªÙد', 4038 'filter-energy': 'Ø·Ø§ÙØ©', 4039 'filter-hydration': 'ØªØ±Ø·ÙØ¨', 4040 'filter-berry': 'ØªÙØª', 4041 'filter-tropical': 'Ø§Ø³ØªÙØ§Ø¦Ù', 4042 'usp-electrolyte-h': 'Ù Ø²ÙØ¬ اÙÙÙØ§Ø±Ù', 4043 'usp-electrolyte-p': 'ÙØ³Ø¨ Ù Ø«ÙÙ. Ø§Ø®ÙØ· ٠ع 500 ٠٠٠اء ÙÙØØµÙ٠عÙÙ ØªØ±Ø·ÙØ¨ ٠تساÙÙ Ø§ÙØªÙتر.', 4044 'usp-caffeine-h': 'ÙØ§ÙÙÙÙ Ø·Ø¨ÙØ¹Ù', 4045 'usp-caffeine-p': 'Ù Ø³ØªØ®ÙØµ ÙÙÙØ© خضراء Ù٠اÙÙØ³Ø® اÙÙ ÙØ´Ùطة. بدÙ٠اÙÙÙØ§Ø±.', 4046 'usp-collagen-h': 'ÙÙÙØ§Ø¬ÙÙ Ø¨ÙØ¨ØªÙد', 4047 'usp-collagen-p': 'ÙÙÙØ§Ø¬ÙÙ Ø¨ØØ±Ù ÙÙ Pink Berry. ÙÙØ¨Ø´Ø±Ø© ÙØ§ÙÙ ÙØ§ØµÙ ÙØ·ÙÙ Ø§ÙØ¹Ù ر.', 4048 'usp-vegan-h': 'ÙØ¨Ø§ØªÙ ÙØ·Ø¨ÙعÙ', 4049 'usp-vegan-p': 'بدÙÙ Ù ØÙÙØ§Øª ØµÙØ§Ø¹ÙØ©. ÙÙÙØ© Ø·Ø¨ÙØ¹ÙØ©.', 4050 'feat-eye': '٠صÙÙØ¹Ø© بشÙ٠٠ختÙÙ', 4051 'feat-h': '٠ا بداخÙÙØ§.<br>Ù٠ا ÙÙØ³ بداخÙÙØ§.', 4052 'feat-1-h': 'اÙ٠اء Ø£ÙÙØ§Ù.', 4053 'feat-1-p': 'Ù ÙØ§Ù ÙÙØ§Ø¨Ùع Ø¨Ø±ÙØ·Ø§ÙÙØ©Ø غÙÙØ© باÙÙ Ø¹Ø§Ø¯Ù Ø·Ø¨ÙØ¹ÙÙØ§. Ø£ÙÙ Ù ÙÙÙ٠عÙÙ ÙÙ Ù ÙØµÙ â Ø§Ùاس٠ÙÙÙÙ ÙÙ Ø´ÙØ¡.', 4054 'feat-2-h': 'بدÙÙ Ø³ÙØ±.', 4055 'feat-2-p': 'تØÙÙØ© Ø·Ø¨ÙØ¹ÙØ©. سعرات ØµÙØ±ÙØ© Ø£Ù Ù ÙØ®Ùضة عبر اÙÙ Ø¬Ù ÙØ¹Ø©.', 4056 'feat-3-h': 'ÙÙØ§Ø±Ù ÙÙÙØªØ§Ù ÙÙØ§Øª.', 4057 'feat-3-p': 'ÙÙØ§Ø±Ù ØÙÙÙÙØ© ÙÙÙØªØ§Ù ÙÙØ§Øª B ÙC ÙÙ ÙÙ Ù Ø´Ø±ÙØ¨ Ù٠سØÙÙ.', 4058 'feat-4-h': 'Ù ÙÙÙÙØ§Øª ÙØ¸ÙÙØ©.', 4059 'feat-4-p': 'ÙØ¨Ø§ØªÙØ Ø®Ø§ÙÙ Ù Ù Ø§ÙØ¬ÙÙØªÙÙØ ØÙاÙ. بدÙÙ Ù ÙØ§Ø¯ ØØ§Ùظة. Ø¹ÙØ¨ Ø£ÙÙÙ ÙÙÙÙ ÙØ§Ø¨ÙØ© ÙØ¥Ø¹Ø§Ø¯Ø© Ø§ÙØªØ¯ÙÙØ±.' 4060 }, 4061 fr: { 4062 'free-uk-delivery': '\u{1F680} Livraison UK gratuite sur toutes les commandes', 4063 'welcome-code': 'Utilisez <strong>WELCOME10</strong> pour 10% de réduction sur votre première commande', 4064 'orders-today': "commandes aujourd'hui", 4065 'nav-beverages': 'Boissons',
4066 'nav-powders': 'Poudres', 4067 'nav-merch': 'Merch', 4068 'nav-legends': 'Légendes', 4069 'nav-join': 'Rejoindre', 4070 'hero-eye': "Vous êtes à ~60% d'eau", 4071 'hero-h': 'Hydrate-toi<br>ou meurs', 4072 'hero-cta': 'Ne meurs pas', 4073 'menu-drinks': 'Boissons', 4074 'menu-ontap': 'On-Tap', 4075 'menu-merch': 'Merch', 4076 'menu-limited': 'Séries Limitées', 4077 'menu-legends': 'Légendes', 4078 'menu-join': 'Rejoindre', 4079 'menu-shopnow': 'Acheter â', 4080 'menu-foot': "L'eau d'abord · Toujours.", 4081 'nudge': '\u{1F680} Livraison gratuite · Code <span>WELCOME10</span> pour 10% de réduction', 4082 'fomo-cta': 'Acheter â Code WELCOME10', 4083 'mani-eye': 'Manifeste', 4084 'mani-w1': 'Durabilité.', 4085 'mani-w2': 'Hydratation.', 4086 'mani-w3': 'Longévité.', 4087 'mani-w4': 'Productivité.', 4088 'mani-w5': "C'est WATA.", 4089 'mani-sub': 'Cinq mots. Une fondation. Toujours.', 4090 'rangeA-eye': 'Gamme A â Eau Longévité', 4091 'rangeA-h': 'Eau<br>Longévité.', 4092 'rangeA-sub': "Eau pure â plate ou pétillante. Toujours le premier ingrédient sur l'étiquette. Rien de plus, rien de moins.", 4093 'rangeB-eye': 'Gamme B â Sodas Bons pour le Ventre', 4094 'rangeB-h': 'Sodas Bons<br>pour le Ventre.', 4095 'rangeB-sub': 'Le goût rencontre une hydratation fonctionnelle. Probiotiques + collagène, naturellement sucrés.', 4096 'rangeC-eye': 'Gamme C â Ãnergie Sans Sucre', 4097 'rangeC-h': 'Productivité<br>Sans Sucre.', 4098 'rangeC-sub': 'Concentration max. Zéro sucre. Caféine naturelle + peptides de collagène pour ceux qui avancent vite.', 4099 'rangeD-eye': 'Gamme D â Poudres Ãlectrolytes', 4100 'rangeD-h': 'WATA<br>On-Tap.', 4101 'rangeD-sub': "La même formule WATA en poudre. Mélangez à l'eau, secouez, partez. Pour les voyages, le sport et l'hydratation quotidienne.", 4102 'rangeL-eye': 'Ãditions Limitées â Drops uniques', 4103 'rangeL-h': 'Séries<br>Limitées.', 4104 'rangeL-sub': 'Collaborations et canettes uniques. Une fois épuisé, c\'est fini.', 4105 'camp-hod-eye': 'Ãdition Statement', 4106 'camp-hod-sub': 'Deux canettes, un message. Plate + pétillante.', 4107 'camp-game-eye': 'Ãdition Newcastle United', 4108 'camp-game-sub': 'Couleurs Magpies + éditions joueurs.', 4109 'camp-toon-eye': 'Drop Standalone', 4110 'camp-toon-sub': "L'édition standalone Toon Star.", 4111 'camp-cta': 'Voir le drop â', 4112 'allcans-eye': 'Toutes les canettes', 4113 'allcans-h': 'Chaque drop, chaque canette.', 4114 'comingsoon': 'Bientôt disponible', 4115 'notifyme': 'Me prévenir', 4116 'filter-all': 'Tous', 4117 'filter-still': 'Plate', 4118 'filter-sparkling': 'Pétillante',
4119 'filter-collagen': 'Collagène', 4120 'filter-longevity': 'Pour Longévité', 4121 'filter-recovery': 'Pour Récup', 4122 'filter-probiotic': 'Probiotique', 4123 'filter-orange': 'Orange', 4124 'filter-pinkberry': 'Baie Rose', 4125 'filter-og': 'The OG', 4126 'filter-collagenpep': 'Peptide Collagène', 4127 'filter-energy': 'Ãnergie', 4128 'filter-hydration': 'Hydratation', 4129 'filter-berry': 'Baie', 4130 'filter-tropical': 'Tropical', 4131 'usp-electrolyte-h': "Mélange d'Ãlectrolytes", 4132 'usp-electrolyte-p': "Ratios optimisés. Mélangez avec 500ml d'eau pour une hydratation isotonique.", 4133 'usp-caffeine-h': 'Caféine Naturelle', 4134 'usp-caffeine-p': 'Extrait de café vert dans les variantes énergisantes. Zéro crash.', 4135 'usp-collagen-h': 'Peptides de Collagène', 4136 'usp-collagen-p': 'Collagène marin dans Pink Berry. Peau, articulations, longévité.', 4137 'usp-vegan-h': 'Vegan & Naturel', 4138 'usp-vegan-p': 'Aucun édulcorant artificiel. Arômes naturels.', 4139 'feat-eye': 'Pensé différemment', 4140 'feat-h': "Ce qu'il y a dedans.<br>Ce qu'il n'y a pas.", 4141 'feat-1-h': "L'Eau d'Abord.", 4142 'feat-1-p': "Eau de source britannique, naturellement riche en minéraux. Le premier ingrédient sur chaque étiquette â l'indice est dans le nom.", 4143 'feat-2-h': 'Zéro Sucre.', 4144 'feat-2-p': 'Naturellement sucré. Zéro ou peu de calories sur toute la gamme.', 4145 'feat-3-h': 'Ãlectrolytes & Vitamines.', 4146 'feat-3-p': 'De vrais électrolytes plus vitamines B et C dans chaque boisson et poudre.', 4147 'feat-4-h': 'Ãtiquette Propre.', 4148 'feat-4-p': 'Vegan, sans gluten, halal. Sans conservateurs. Canettes en aluminium, entièrement recyclables.' 4149 }, 4150 de: { 4151 'free-uk-delivery': '\u{1F680} Kostenloser UK-Versand bei allen Bestellungen', 4152 'welcome-code': 'Nutze <strong>WELCOME10</strong> für 10% Rabatt auf deine erste Bestellung', 4153 'orders-today': 'Bestellungen heute', 4154 'nav-beverages': 'Getränke', 4155 'nav-powders': 'Pulver', 4156 'nav-merch': 'Merch', 4157 'nav-legends': 'Legenden', 4158 'nav-join': 'Mitmachen', 4159 'hero-eye': 'Du bestehst zu ~60% aus Wasser', 4160 'hero-h': 'Trink<br>oder stirb', 4161 'hero-cta': 'Stirb nicht', 4162 'menu-drinks': 'Getränke', 4163 'menu-ontap': 'On-Tap', 4164 'menu-merch': 'Merch', 4165 'menu-limited': 'Limitierte Drops', 4166 'menu-legends': 'Legenden', 4167 'menu-join': 'Mitmachen', 4168 'menu-shopnow': 'Jetzt kaufen â', 4169 'menu-foot': 'Wasser zuerst · Immer.', 4170 'nudge': '\u{1F680} Kostenloser Versand · Code <span>WELCOME10</span> für 10% Rabatt', 4171 'fomo-cta': 'Jetzt kaufen â Code WELCOME10', 4172 'mani-eye': 'Manifest', 4173 'mani-w1': 'Nachhaltigkeit.', 4174 'mani-w2': 'Hydration.', 4175 'mani-w3': 'Langlebigkeit.', 4176 'mani-w4': 'Produktivität.', 4177 'mani-w5': 'Es ist WATA.', 4178 'mani-sub': 'Fünf Wörter. Ein Fundament. Immer.', 4179 'rangeA-eye': 'Reihe A â Longevity Wasser', 4180 'rangeA-h': 'Longevity<br>Wasser.', 4181 'rangeA-sub': 'Pures Wasser â still oder sprudelnd. Immer die erste Zutat auf dem Etikett. Mehr nicht, weniger auch nicht.', 4182 'rangeB-eye': 'Reihe B â Good Gut Limos', 4183 'rangeB-h': 'Good Gut<br>Limos.', 4184 'rangeB-sub': 'Geschmack trifft funktionale Hydration. Probiotika + Kollagen, natürlich gesüÃt.', 4185 'rangeC-eye': 'Reihe C â Zero Sugar Energy', 4186 'rangeC-h': 'Zero Sugar<br>Produktivität.', 4187 'rangeC-sub': 'Maximale Konzentration. Null Zucker. Natürliches Koffein + Kollagen-Peptide für die Schnellsten.', 4188 'rangeD-eye': 'Reihe D â Elektrolyt-Pulver', 4189 'rangeD-h': 'WATA<br>On-Tap.', 4190 'rangeD-sub': 'Dieselbe WATA-Formel als Pulver. In Wasser einrühren, schütteln, los. Für Reisen, Training und tägliche Hydration.', 4191 'rangeL-eye': 'Limitierte Editionen â Einmalige Drops', 4192 'rangeL-h': 'Limitierte<br>Drops.', 4193 'rangeL-sub': 'Kollaborationen und einmalige Dosen. Sind sie weg, sind sie weg.', 4194 'camp-hod-eye': 'Statement Edition', 4195 'camp-hod-sub': 'Zwei Dosen, eine Botschaft. Still + sprudelnd.', 4196 'camp-game-eye': 'Newcastle United Edition', 4197 'camp-game-sub': 'Magpies-Trikotfarben + Spieler-Editionen.', 4198 'camp-toon-eye': 'Standalone Drop', 4199 'camp-toon-sub': 'Die eigenständige Toon Star Edition.', 4200 'camp-cta': 'Drop ansehen â', 4201 'allcans-eye': 'Alle Dosen', 4202 'allcans-h': 'Jeder Drop, jede Dose.', 4203 'comingsoon': 'Bald verfügbar', 4204 'notifyme': 'Benachrichtigen', 4205 'filter-all': 'Alle', 4206 'filter-still': 'Still', 4207 'filter-sparkling': 'Sprudelnd', 4208 'filter-collagen': 'Kollagen', 4209 'filter-longevity': 'Für Langlebigkeit', 4210 'filter-recovery': 'Für Erholung', 4211 'filter-probiotic': 'Probiotisch', 4212 'filter-orange': 'Orange', 4213 'filter-pinkberry': 'Pink Berry', 4214 'filter-og': 'The OG', 4215 'filter-collagenpep': 'Kollagen-Peptid', 4216 'filter-energy': 'Energy', 4217 'filter-hydration': 'Hydration', 4218 'filter-berry': 'Beere', 4219 'filter-tropical': 'Tropisch', 4220 'usp-electrolyte-h': 'Elektrolyt-Mix', 4221 'usp-electrolyte-p': 'Optimierte Verhältnisse. Mit 500ml Wasser mischen für isotonische Hydration.', 4222 'usp-caffeine-h': 'Natürliches Koffein', 4223 'usp-caffeine-p': 'Grüner Kaffee-Extrakt in den Energy-Varianten. Kein Crash.', 4224 'usp-collagen-h': 'Kollagen-Peptide', 4225 'usp-collagen-p': 'Marines Kollagen in Pink Berry. Haut, Gelenke, Longevity.', 4226 'usp-vegan-h': 'Vegan & Natürlich', 4227 'usp-vegan-p': 'Keine künstlichen SüÃstoffe. Natürlich aromatisiert.', 4228 'feat-eye': 'Anders gemacht', 4229 'feat-h': 'Was drin ist.<br>Was nicht.', 4230 'feat-1-h': 'Wasser zuerst.', 4231 'feat-1-p': 'Britisches Quellwasser, von Natur aus mineralreich. Die erste Zutat auf jedem Etikett â der Name verrät\'s.', 4232 'feat-2-h': 'Null Zucker.', 4233 'feat-2-p': 'Natürlich gesüÃt. Null oder wenig Kalorien in der gesamten Reihe.', 4234 'feat-3-h': 'Elektrolyte & Vitamine.', 4235 'feat-3-p': 'Echte Elektrolyte plus B- und C-Vitamine in jedem Getränk und Pulver.', 4236 'feat-4-h': 'Sauberes Label.', 4237 'feat-4-p': 'Vegan, glutenfrei, halal. Keine Konservierungsstoffe. Aluminium-Dosen, voll recycelbar.' 4238 }, 4239 es: { 4240 'free-uk-delivery': '\u{1F680} EnvÃo gratis en Reino Unido en todos los pedidos', 4241 'welcome-code': 'Usa <strong>WELCOME10</strong> para un 10% de descuento en tu primer pedido', 4242 'orders-today': 'pedidos hoy', 4243 'nav-beverages': 'Bebidas', 4244 'nav-powders': 'Polvos',
4245 'nav-merch': 'Merch', 4246 'nav-legends': 'Leyendas', 4247 'nav-join': 'Ãnete', 4248 'hero-eye': 'Eres ~60% agua', 4249 'hero-h': 'Hidrátate<br>o muere', 4250 'hero-cta': 'No mueras', 4251 'menu-drinks': 'Bebidas', 4252 'menu-ontap': 'On-Tap', 4253 'menu-merch': 'Merch', 4254 'menu-limited': 'Ediciones Limitadas', 4255 'menu-legends': 'Leyendas', 4256 'menu-join': 'Ãnete', 4257 'menu-shopnow': 'Comprar â', 4258 'menu-foot': 'Primero el agua · Siempre.', 4259 'nudge': '\u{1F680} EnvÃo gratis · Usa <span>WELCOME10</span> para un 10% de descuento', 4260 'fomo-cta': 'Comprar â Usa WELCOME10', 4261 'mani-eye': 'Manifiesto', 4262 'mani-w1': 'Sostenibilidad.', 4263 'mani-w2': 'Hidratación.', 4264 'mani-w3': 'Longevidad.', 4265 'mani-w4': 'Productividad.', 4266 'mani-w5': 'Es WATA.', 4267 'mani-sub': 'Cinco palabras. Una base. Siempre.', 4268 'rangeA-eye': 'Gama A â Agua Longevidad', 4269 'rangeA-h': 'Agua<br>Longevidad.', 4270 'rangeA-sub': 'Agua pura â natural o con gas. Siempre el primer ingrediente en la etiqueta. Nada más, nada menos.', 4271 'rangeB-eye': 'Gama B â Refrescos para el Intestino', 4272 'rangeB-h': 'Refrescos<br>para el Intestino.', 4273 'rangeB-sub': 'Sabor con hidratación funcional. Probióticos + colágeno, endulzados de forma natural.', 4274 'rangeC-eye': 'Gama C â EnergÃa Sin Azúcar', 4275 'rangeC-h': 'Productividad<br>Sin Azúcar.', 4276 'rangeC-sub': 'Máximo enfoque. Sin azúcar. CafeÃna natural + péptidos de colágeno para los que se mueven rápido.', 4277 'rangeD-eye': 'Gama D â Polvos ElectrolÃticos', 4278 'rangeD-h': 'WATA<br>On-Tap.', 4279 'rangeD-sub': 'La misma fórmula WATA en polvo. Mezcla con agua, agita, listo. Para viajes, entrenamiento e hidratación diaria.', 4280 'rangeL-eye': 'Ediciones Limitadas â Drops únicos', 4281 'rangeL-h': 'Ediciones<br>Limitadas.', 4282 'rangeL-sub': 'Colaboraciones y latas únicas. Una vez agotadas, desaparecen.', 4283 'camp-hod-eye': 'Edición Statement', 4284 'camp-hod-sub': 'Dos latas, un mensaje. Natural + con gas.', 4285 'camp-game-eye': 'Edición Newcastle United', 4286 'camp-game-sub': 'Colores Magpies + ediciones de jugadores.', 4287 'camp-toon-eye': 'Drop Standalone', 4288 'camp-toon-sub': 'La edición standalone Toon Star.', 4289 'camp-cta': 'Ver el drop â', 4290 'allcans-eye': 'Todas las latas', 4291 'allcans-h': 'Cada drop, cada lata.', 4292 'comingsoon': 'Próximamente', 4293 'notifyme': 'AvÃsame', 4294 'filter-all': 'Todo', 4295 'filter-still': 'Natural', 4296 'filter-sparkling': 'Con Gas', 4297 'filter-collagen': 'Colágeno', 4298 'filter-longevity': 'Para Longevidad', 4299 'filter-recovery': 'Para Recuperación', 4300 'filter-probiotic': 'Probiótico', 4301 'filter-orange': 'Naranja', 4302 'filter-pinkberry': 'Baya Rosa', 4303 'filter-og': 'The OG', 4304 'filter-collagenpep': 'Péptido Colágeno', 4305 'filter-energy': 'EnergÃa', 4306 'filter-hydration': 'Hidratación', 4307 'filter-berry': 'Baya', 4308 'filter-tropical': 'Tropical', 4309 'usp-electrolyte-h': 'Mezcla de Electrolitos', 4310 'usp-electrolyte-p': 'Proporciones óptimas. Mezcla con 500ml de agua para hidratación isotónica.', 4311 'usp-caffeine-h': 'CafeÃna Natural', 4312 'usp-caffeine-p': 'Extracto de café verde en las variantes energéticas. Sin bajón.', 4313 'usp-collagen-h': 'Péptidos de Colágeno', 4314 'usp-collagen-p': 'Colágeno marino en Pink Berry. Piel, articulaciones, longevidad.', 4315 'usp-vegan-h': 'Vegano y Natural', 4316 'usp-vegan-p': 'Sin edulcorantes artificiales. Aromas naturales.', 4317 'feat-eye': 'Hecho diferente', 4318 'feat-h': 'Lo que lleva.<br>Lo que no.', 4319 'feat-1-h': 'Primero el Agua.', 4320 'feat-1-p': 'Agua de manantial británica, naturalmente rica en minerales. El primer ingrediente en cada etiqueta â la pista está en el nombre.', 4321 'feat-2-h': 'Cero Azúcar.', 4322 'feat-2-p': 'Endulzado de forma natural. Cero o pocas calorÃas en toda la gama.', 4323 'feat-3-h': 'Electrolitos y Vitaminas.', 4324 'feat-3-p': 'Electrolitos reales más vitaminas B y C en cada bebida y polvo.', 4325 'feat-4-h': 'Etiqueta Limpia.', 4326 'feat-4-p': 'Vegano, sin gluten, halal. Sin conservantes. Latas de aluminio, totalmente reciclables.' 4327 } 4328 }; 4329 function applyI18n(lang){ 4330 4331 document.querySelectorAll('[data-i18n]').forEach(el => { 4332 if(!('i18nDefault' in el.dataset)) el.dataset.i18nDefault = el.innerHTML; 4333 }); 4334 const dict = I18N[lang]; 4335 document.querySelectorAll('[data-i18n]').forEach(el => { 4336 const key = el.dataset.i18n; 4337 const next = (lang === 'en' || !dict || !dict[key]) ? el.dataset.i18nDefault : dict[key]; 4338 if(typeof next === 'string') el.innerHTML = next; 4339 }); 4340 } 4341 4342 4343 4344 4345 function getLoc(){ 4346 const path = location.pathname.toLowerCase(); 4347 if(/\/(eu|us|au|ae)(\/|$)/.test(path)){ 4348 const m = path.match(/\/(eu|us|au|ae)(\/|$)/); 4349 if(m) return m[1];
4350 } 4351 4352 4353 return 'uk'; 4354 } 4355 function getLang(){ return localStorage.getItem(LANG_KEY) || 'en'; } 4356 function paint(){ 4357 const loc = getLoc(), lang = getLang(); 4358 const langLabel = (panel.querySelector(`[data-lang="${lang}"]`)?.dataset.langLabel) || 'EN'; 4359 if(labelEl) labelEl.textContent = `${LOC_LABEL[loc] || 'UK'} · ${langLabel}`; 4360 panel.querySelectorAll('[data-loc]').forEach(b => b.classList.toggle('is-active', b.dataset.loc === loc)); 4361 panel.querySelectorAll('[data-lang]').forEach(b => b.classList.toggle('is-active', b.dataset.lang === lang)); 4362 document.documentElement.lang = lang; 4363 const dir = panel.querySelector(`[data-lang="${lang}"]`)?.dataset.langDir || 'ltr'; 4364 document.documentElement.dir = dir; 4365 applyI18n(lang); 4366 } 4367 function open(){ panel.classList.add('is-open'); btn.setAttribute('aria-expanded','true'); panel.setAttribute('aria-hidden','false'); } 4368 function close(){ panel.classList.remove('is-open'); btn.setAttribute('aria-expanded','false'); panel.setAttribute('aria-hidden','true'); } 4369 btn.addEventListener('click', e => { e.stopPropagation(); panel.classList.contains('is-open') ? close() : open(); }); 4370 document.addEventListener('click', e => { if(!panel.contains(e.target) && e.target !== btn) close(); }); 4371 document.addEventListener('keydown', e => { if(e.key === 'Escape') close(); }); 4372 4373 4374 4375 4376 const SPLASH_PATHS = { eu: 'eu/', us: 'us/', au: 'au/', ae: 'ae/' }; 4377 panel.querySelectorAll('[data-loc]').forEach(b => b.addEventListener('click', () => { 4378 const loc = b.dataset.loc; 4379 localStorage.setItem(LOC_KEY, loc); 4380 paint(); 4381 close(); 4382 if(loc === 'uk') return; 4383 const splash = SPLASH_PATHS[loc]; 4384 if(splash) location.href = splash; 4385 })); 4386 4387 4388 4389 function langToast(label){ 4390 let t = document.getElementById('lang-toast'); 4391 if(!t){ 4392 t = document.createElement('div'); 4393 t.id = 'lang-toast'; 4394 t.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:9999;padding:12px 20px;border-radius:100px;background:rgba(15,15,15,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(248,245,240,0.18);color:#f5f3ee;font-family:"DM Sans",sans-serif;font-size:12.5px;letter-spacing:0.04em;box-shadow:0 12px 32px rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease'; 4395 document.body.appendChild(t); 4396 } 4397 t.textContent = label; 4398 requestAnimationFrame(() => { t.style.opacity = '1'; t.style.transform = 'translateX(-50%) translateY(0)'; }); 4399 clearTimeout(t._h); 4400 t._h = setTimeout(() => { t.style.opacity = '0'; t.style.transform = 'translateX(-50%) translateY(20px)'; }, 2400); 4401 } 4402 panel.querySelectorAll('[data-lang]').forEach(b => b.addEventListener('click', () => { 4403 const lang = b.dataset.lang; 4404 const dir = b.dataset.langDir || 'ltr'; 4405 document.documentElement.setAttribute('lang', lang); 4406 document.documentElement.setAttribute('dir', dir); 4407 localStorage.setItem(LANG_KEY, lang); 4408 paint(); 4409 close(); 4410 if(lang !== 'en'){ 4411 const native = (b.textContent || '').replace(/\s*\(beta\)\s*/i, '').trim(); 4412 langToast(`${native} â top-of-page translated. Full translation coming soon.`); 4413 } 4414 })); 4415 paint(); 4416})(); 4417 4418 4419(function(){ 4420 const burger = document.getElementById('nav-burger'); 4421 const menu = document.getElementById('nav-menu'); 4422 const closeBtn = document.getElementById('nav-menu-close'); 4423 if(!burger || !menu) return; 4424 const body = document.body; 4425 function open(){ 4426 menu.classList.add('is-open'); 4427 menu.setAttribute('aria-hidden','false'); 4428 burger.setAttribute('aria-expanded','true'); 4429 body.classList.add('nav-menu-open'); 4430 body.style.overflow = 'hidden'; 4431 } 4432 function close(){ 4433 menu.classList.remove('is-open'); 4434 menu.setAttribute('aria-hidden','true'); 4435 burger.setAttribute('aria-expanded','false'); 4436 body.classList.remove('nav-menu-open'); 4437 body.style.overflow = ''; 4438 } 4439 burger.addEventListener('click', () => { 4440 menu.classList.contains('is-open') ? close() : open(); 4441 }); 4442 closeBtn.addEventListener('click', close); 4443 4444 menu.querySelectorAll('button[data-menu-cat]').forEach(b => { 4445 b.addEventListener('click', () => { 4446 const cat = b.dataset.menuCat; 4447 if (typeof window.setApCatTab === 'function') window.setApCatTab(cat); 4448 const target = cat === 'ontap' ? document.getElementById('ap-cat-powders') 4449 : cat === 'merch' ? document.getElementById('ap-cat-merch') 4450 : document.getElementById('ap-cat-longevity'); 4451 close(); 4452 setTimeout(() => target && target.scrollIntoView({ behavior: 'smooth', block: 'start' }), 350); 4453 }); 4454 }); 4455 4456 menu.querySelectorAll('a').forEach(a => a.addEventListener('click', close)); 4457 4458 document.addEventListener('keydown', e => { if(e.key === 'Escape' && menu.classList.contains('is-open')) close(); }); 4459})(); 4460 4461 4462(function(){ 4463 const rotor = document.querySelector('.ap-mani-rotor'); 4464 if(!rotor) return; 4465 const words = [...rotor.querySelectorAll('.ap-mani-word')]; 4466 if(words.length < 2) return; 4467 let i = 0; 4468 setInterval(() => { 4469 const cur = words[i]; 4470 i = (i + 1) % words.length; 4471 const next = words[i]; 4472 cur.classList.remove('is-active'); 4473 cur.classList.add('is-leaving'); 4474 next.classList.add('is-active'); 4475 setTimeout(() => cur.classList.remove('is-leaving'), 600); 4476 }, 2400); 4477})(); 4478 4479 4480(function(){ 4481 const lazyVids = document.querySelectorAll('video.ap-camp-vid, video.ap-break-video, video.ap-clubs-video, video.ap-sub-bg'); 4482 if(!('IntersectionObserver' in window) || !lazyVids.length){ 4483 4484 lazyVids.forEach(v => { v.preload = 'auto'; v.load(); const p = v.play(); if(p && p.catch) p.catch(()=>{}); }); 4485 return; 4486 } 4487 const io = new IntersectionObserver(entries => {
4488 entries.forEach(e => { 4489 if(!e.isIntersecting) return; 4490 const v = e.target; 4491 v.preload = 'auto'; 4492 4493 4494 4495 if(v.readyState === 0) v.load(); 4496 const p = v.play(); if(p && p.catch) p.catch(()=>{}); 4497 io.unobserve(v); 4498 }); 4499 }, { rootMargin: '200px 0px' }); 4500 lazyVids.forEach(v => io.observe(v)); 4501})(); 4502 4503 4504(function(){ 4505 const tabs = document.getElementById('ap-tabs'); 4506 if(!tabs) return; 4507 let lastY = window.scrollY; 4508 let ticking = false; 4509 4510 function clearHidden(){ document.body.classList.remove('nav-hidden'); } 4511 4512 4513 4514 4515 4516 const HIDE_THRESHOLD = 4; 4517 const REVEAL_THRESHOLD = 24; 4518 let upAccum = 0; 4519 4520 function update(){ 4521 ticking = false; 4522 const y = window.scrollY; 4523 const dy = y - lastY; 4524 lastY = y; 4525 4526 4527 4528 4529 const stickyOffset = parseFloat(getComputedStyle(tabs).top) || 0; 4530 const r = tabs.getBoundingClientRect(); 4531 const pillSticky = r.top <= stickyOffset + 6 && r.bottom > stickyOffset; 4532 if(!pillSticky){ upAccum = 0; clearHidden(); return; } 4533 if(dy > HIDE_THRESHOLD){ 4534 4535 4536 document.body.classList.add('nav-hidden'); 4537 upAccum = 0; 4538 } else if(dy < 0){ 4539 4540 4541 4542 upAccum += -dy; 4543 if(upAccum >= REVEAL_THRESHOLD){ 4544 clearHidden(); 4545 upAccum = 0; 4546 } 4547 } 4548 } 4549 4550 window.addEventListener('scroll', () => { 4551 if(!ticking){ requestAnimationFrame(update); ticking = true; } 4552 }, { passive: true }); 4553 4554 window.addEventListener('resize', clearHidden); 4555})(); 4556 4557 4558</script>
4558 4559
4560<script src="drops.js" defer></script>
vendor: 2 bytes, line 4560
4560
4561<script src="cart.js" defer></script>
4561 4562
4563<script src="funding-widget.js" defer></script>
4563 4564 4565 4566<div id="wd-stay-modal" class="wd-stay-modal" aria-hidden="true" role="dialog" aria-labelledby="wd-stay-title"> 4567 <div class="wd-stay-scrim"></div> 4568 <div class="wd-stay-box"> 4569 <button type="button" class="wd-stay-close" aria-label="Close">×</button> 4570 <p class="wd-stay-eye">Stay in the know</p> 4571 <h3 id="wd-stay-title">Be first to drop.</h3> 4572 <p class="wd-stay-sub">This drop is on the way. Drop your email and we'll send the launch link before anyone else.</p> 4573 <form class="wd-stay-form" id="wd-stay-form" novalidate> 4574 <input type="email" name="email" required placeholder="[email protected]" class="wd-stay-input" autocomplete="email"> 4575 <button type="submit" class="wd-stay-btn">Notify me</button> 4576 </form> 4577 <p class="wd-stay-status" id="wd-stay-status" aria-live="polite"></p> 4578 <p class="wd-stay-fine">No spam. Unsubscribe any time.</p> 4579 </div> 4580</div>
4581<script> 4582(function(){ 4583 const modal = document.getElementById('wd-stay-modal'); 4584 if (!modal) return; 4585 const close = () => { modal.classList.remove('is-open'); modal.setAttribute('aria-hidden','true'); }; 4586 modal.querySelector('.wd-stay-close').addEventListener('click', close); 4587 modal.querySelector('.wd-stay-scrim').addEventListener('click', close); 4588 document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('is-open')) close(); }); 4589 const form = document.getElementById('wd-stay-form'); 4590 const status = document.getElementById('wd-stay-status'); 4591 form.addEventListener('submit', async (e) => { 4592 e.preventDefault(); 4593 const email = form.email.value.trim(); 4594 if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) { 4595 status.textContent = 'Please enter a valid email.'; 4596 return; 4597 } 4598 status.textContent = 'Sendingâ¦'; 4599 try { 4600 const r = await fetch('https://deck.wata.co/api/track', { 4601 method: 'POST', 4602 headers: { 'Content-Type': 'application/json' }, 4603 body: JSON.stringify({ event: 'stay-in-know', email, campaign: modal.dataset.campaign || '', source: 'wata.co' }), 4604 keepalive: true, 4605 }); 4606 if (r.ok) { 4607 status.textContent = 'Youâre in. Weâll be in touch.'; 4608 form.reset(); 4609 setTimeout(close, 1600); 4610 } else { 4611 status.textContent = 'Couldnât reach the server. Try again in a moment.'; 4612 } 4613 } catch (_) { 4614 status.textContent = 'Couldnât reach the server. Try again in a moment.'; 4615 } 4616 }); 4617})(); 4618</script>
4618 4619</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.