PageSourceSearch

https://wata.co/

html wata.co collected 2026-10-09 22:06:41 UTC 330,595 bytes, 4,619 lines download raw bytes

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 &mdash; Premium Spring Water, Energy Drinks &amp; 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 &mdash; Premium Spring Water, Energy Drinks &amp; 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 &mdash; Premium Spring Water, Energy Drinks &amp; 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&amp;family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&amp;display=swap" onload="this.onload=null;this.rel='stylesheet'">
80<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&amp;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:'&check;';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: &quot;DM Sans&quot;;">
1939
1940
1941<div id="ann"><div class="ann-t">
1942 <span class="ann-i" data-i18n="free-uk-delivery">&#128640; Free UK delivery on all orders</span><span class="ann-i" style="opacity:0.4">&middot;</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">&middot;</span>
1944 <span class="ann-i">&#9889; <span id="ac">311</span> <span data-i18n="orders-today">orders today</span></span><span class="ann-i" style="opacity:0.4">&middot;</span>
1945 <span class="ann-i" data-i18n="free-uk-delivery">&#128640; Free UK delivery on all orders</span><span class="ann-i" style="opacity:0.4">&middot;</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">&middot;</span>
1947 <span class="ann-i">&#9889; <span id="ac2">311</span> <span data-i18n="orders-today">orders today</span></span><span class="ann-i" style="opacity:0.4">&middot;</span>
1948</div><button id="ann-x" aria-label="Close">&times;</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">&#127468;&#127463;</span>United Kingdom<span class="nlp-cur">&pound;</span></button>
1967 <button class="nlp-opt" type="button" data-loc="eu" data-domain="https://wata.eu"><span class="nlp-flag">&#127466;&#127482;</span>Europe<span class="nlp-cur">&euro;</span></button>
1968 <button class="nlp-opt" type="button" data-loc="us" data-domain="https://wata.us"><span class="nlp-flag">&#127482;&#127480;</span>United States<span class="nlp-cur">&dollar;</span></button>
1969 <button class="nlp-opt" type="button" data-loc="au" data-domain="https://wata.com.au"><span class="nlp-flag">&#127462;&#127482;</span>Australia<span class="nlp-cur">A&dollar;</span></button>
1970 <button class="nlp-opt" type="button" data-loc="ae" data-domain="https://wata.ae"><span class="nlp-flag">&#127462;&#127466;</span>Middle East <small>(GCC)</small><span class="nlp-cur">&#1583;.&#1573;</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">&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577; <small>(beta)</small></button>
1976 <button class="nlp-opt" type="button" data-lang="fr" data-lang-label="FR">Fran&ccedil;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&ntilde;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">&times;</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 &rarr;</a></li>
2007 </ul>
2008 <p class="nav-menu-foot" data-i18n="menu-foot">Water First &middot; 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&rsquo;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&rsquo;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 &mdash; 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 &middot; 24&times;330ml</div>
2065 <a class="ah-label-cta" href="WATA Product Detail.html#original-zero" id="ah-cta">Shop &rarr;</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">&larr;</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">&rarr;</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">&times;</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 &rarr;</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 &rarr;</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 &rarr;</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&rsquo;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 &mdash; 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 &mdash; 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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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">&pound;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">&pound;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">&pound;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 &mdash; 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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &mdash; 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 &middot; 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">&pound;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 &middot; 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">&pound;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 &mdash; 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 &middot; No Bull &middot; 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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &mdash; 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 &rarr;</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 &rarr;</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 &rarr;</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 &middot; Still</p>
2568 <h3>Hydrate<br>Or Die</h3>
2569 <p class="ap-prod-desc">Statement edition. Spring water. 24&times;330ml.</p>
2570 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Sparkling</p>
2576 <h3>Gets Me<br>Wet</h3>
2577 <p class="ap-prod-desc">Statement edition. Sparkling spring. 24&times;330ml.</p>
2578 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Crest Edition</p>
2584 <h3>NUFC<br>Crest</h3>
2585 <p class="ap-prod-desc">Magpies crest livery. Spring water. 24&times;330ml.</p>
2586 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Retro</p>
2592 <h3>NUFC<br>Retro</h3>
2593 <p class="ap-prod-desc">Old-school crest revival. Spring water. 24&times;330ml.</p>
2594 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Players</p>
2600 <h3>Sandro<br>Tonali</h3>
2601 <p class="ap-prod-desc">Italy international midfielder. Spring water. 24&times;330ml.</p>
2602 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Players</p>
2608 <h3>Dan<br>Burn</h3>
2609 <p class="ap-prod-desc">Geordie centre-back, hometown Magpie. Spring water. 24&times;330ml.</p>
2610 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Players</p>
2616 <h3>Bruno<br>Guimarães</h3>
2617 <p class="ap-prod-desc">Brazil international, midfield engine. Spring water. 24&times;330ml.</p>
2618 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Players</p>
2624 <h3>Nick<br>Woltemade</h3>
2625 <p class="ap-prod-desc">Germany international striker. Spring water. 24&times;330ml.</p>
2626 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Lines Behind</p>
2632 <h3>Lines<br>Behind</h3>
2633 <p class="ap-prod-desc">Newcastle fan-art studio collab. Spring water. 24&times;330ml.</p>
2634 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Saudi Edition</p>
2640 <h3>Saudi<br>Edition</h3>
2641 <p class="ap-prod-desc">Black-and-white meets the desert. Spring water. 24&times;330ml.</p>
2642 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Still</p>
2648 <h3>Water<br>Winners</h3>
2649 <p class="ap-prod-desc">Geordie Gold edition. Spring water. 24&times;330ml.</p>
2650 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Still Spring</p>
2656 <h3>Still Geordie<br>Edition</h3>
2657 <p class="ap-prod-desc">
2657Limited-edition Geordie still spring water. 24&times;330ml.</p>
2658 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &middot; Sparkling</p>
2664 <h3>Sparkling Geordie<br>Edition</h3>
2665 <p class="ap-prod-desc">Limited-edition Geordie sparkling spring water. 24&times;330ml.</p>
2666 <div class="ap-prod-ft"><span class="ap-prod-price">&pound;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 &mdash; 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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &middot; 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">&pound;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 &amp; 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 &mdash; Accessories &amp; 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 &middot; 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">&pound;
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 &middot; swipe</span></div><p class="ap-prod-tag">Apparel &middot; ~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">&pound;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 &middot; 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">&pound;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">&pound;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&rsquo;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 &mdash; 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&#8314;</span>
2762 <h3 data-i18n="feat-3-h">Electrolytes &amp; Vitamins.</h3>
2763 <p data-i18n="feat-3-p">Real electrolytes plus B &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Dec</h3><p>TV Icons &mdash; 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 &mdash; 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 &rarr;</h3><p>Ant &amp; Dec, Lumo, Dollicious &amp; 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 &middot; 4.8 / 5</span></div>
2858 <h2>Don&rsquo;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">&ldquo;Finally an electrolyte drink that doesn&rsquo;t taste like one. Delivery was fast, drinks taste great.&rdquo;</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">&ldquo;Refreshing range, big on electrolytes, energy drink&rsquo;s become a daily essential. Highly recommend.&rdquo;</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">&ldquo;Subscribed after one case. Clean, elegant, functional &mdash; exactly what I was looking for.&rdquo;</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 &rarr;</a>
2891 <a href="https://www.tiktok.com/@drinkwata" target="_blank" rel="noopener">TikTok &#8599;</a>
2892 <a href="https://www.instagram.com/drinkwata/" target="_blank" rel="noopener">Instagram &#8599;</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&rsquo;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&rsquo;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 &rarr;</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 &rarr;</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 &rarr;</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&rsquo;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&rsquo;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">&#63743; 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">&copy; 2026 WATA&reg;. All rights reserved. &nbsp;|&nbsp; WATA&reg; and the Blue Star logo &#9734;&reg; 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">&times;</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">&#128640; 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">&pound;24.99</div>
3059 </div>
3060 <div class="pt-opt" id="pt-sub" onclick="selectPT('sub')">
3061 <div class="pt-opt-label">Subscribe &amp; Save 15%</div>
3062 <div class="pt-opt-price" id="pt-sub-price">&pound;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 &mdash; <span id="m-total"></span></a>
3075 <div class="modal-pay">Apple Pay &middot; Google Pay &middot; Klarna &middot; PayPal &middot; 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">&times;</button>
3085 <div class="fomo-tag">&#9889; 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(()=&gt;{});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 &mdash; 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">&#128640; Free delivery &middot; 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">&times;</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 &mdash; '+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&rsquo;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">&times;</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.