PageSourceSearch

https://polkapop.in/products/blueberry-sparkling-water-300ml-each-packs-of-12-24

html polkapop.in collected 2026-10-07 22:59:27 UTC 283,336 bytes, 5,339 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en"
5>
6  <head><link href="//polkapop.in/cdn/shop/t/9/assets/overflow-list.css?v=168694168152117541881791191573" as="style" rel="preload">
7<link href="//polkapop.in/cdn/shop/t/9/assets/base.css?v=19295334643480327241791191573" rel="stylesheet" type="text/css" media="all" />
8
9    <link
10      rel="expect"
11      href="#MainContent"
12      blocking="render"
13      id="view-transition-render-blocker"
14    ><meta charset="utf-8">
15<meta
16  http-equiv="X-UA-Compatible"
17  content="IE=edge"
18>
19<meta
20  name="viewport"
21  content="width=device-width,initial-scale=1"
22>
23<meta
24  name="view-transition"
25  content="same-origin"
26>
27<meta
28  name="theme-color"
29  content=""
30>
31
32<meta
33  property="og:site_name"
34  content="Polkapop"
35>
36<meta
37  property="og:url"
38  content="https://polkapop.in/products/blueberry-sparkling-water-300ml-each-packs-of-12-24"
39>
40<meta
41  property="og:title"
42  content="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
43>
44<meta
45  property="og:type"
46  content="product"
47>
48<meta
49  property="og:description"
50  content=" Polka Pop Peach Sparkling Water Finally, a fizzy drink that puts health first - no sugar, no sweeteners, zero calories &amp;amp; no guilt 100% Natural Peach Flavour - crisp, fruity, and refreshing without being sweet Pure Fizz, Zero Calories - everyday hydration that feels light and guilt-free (it&#39;s binge friendly!) No Sw"
51><meta
52    property="og:image"
53    content="http://polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"
54  >
55  <meta
56    property="og:image:secure_url"
57    content="https://polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"
58  >
59  <meta
60    property="og:image:width"
61    content="1254"
62  >
63  <meta
64    property="og:image:height"
65    content="1254"
66  ><meta
67    property="og:price:amount"
68    content="480.00"
69  >
70  <meta
71    property="og:price:currency"
72    content="INR"
73  ><meta
74  name="twitter:card"
75  content="summary_large_image"
76>
77<meta
78  name="twitter:title"
79  content="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
80>
81<meta
82  name="twitter:description"
83  content=" Polka Pop Peach Sparkling Water Finally, a fizzy drink that puts health first - no sugar, no sweeteners, zero calories &amp;amp; no guilt 100% Natural Peach Flavour - crisp, fruity, and refreshing without being sweet Pure Fizz, Zero Calories - everyday hydration that feels light and guilt-free (it&#39;s binge friendly!) No Sw"
84>
85
86<title>
87  Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24
88 &ndash; Polkapop</title>
89
90<link
91  rel="canonical"
92  href="https://polkapop.in/products/blueberry-sparkling-water-300ml-each-packs-of-12-24"
93>
94
95
96  <meta
97    name="description"
98    content=" Polka Pop Peach Sparkling Water Finally, a fizzy drink that puts health first - no sugar, no sweeteners, zero calories &amp;amp; no guilt 100% Natural Peach Flavour - crisp, fruity, and refreshing without being sweet Pure Fizz, Zero Calories - everyday hydration that feels light and guilt-free (it&#39;s binge friendly!) No Sw"
99  >
100
101<link
102    rel="preconnect"
103    href="https://fonts.shopifycdn.com"
104    crossorigin
105  >
106<link
107    rel="preload"
108    as="font"
109    href="//polkapop.in/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
110    type="font/woff2"
111    crossorigin
112  ><link
113    rel="preload"
114    as="font"
115    href="//polkapop.in/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2"
116    type="font/woff2"
117    crossorigin
118  ><link
119    rel="preload"
120    as="font"
121    href="//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2"
122    type="font/woff2"
123    crossorigin
124  >
125<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 125
125
126<script type="importmap">
127  {
128    "imports": {
129      "@theme/critical": "//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573",
130      "@theme/product-title": "//polkapop.in/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781791191573",
131      "@theme/component": "//polkapop.in/cdn/shop/t/9/assets/component.js?v=74239122572524296041791191573",
132      "@theme/dialog": "//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573",
133      "@theme/events": "//polkapop.in/cdn/shop/t/9/assets/events.js?v=59172389608566392641791191573",
134      "@theme/focus": "//polkapop.in/cdn/shop/t/9/assets/focus.js?v=60436577539430446401791191573",
135      "@theme/morph": "//polkapop.in/cdn/shop/t/9/assets/morph.js?v=175376767362814376631791191573",
136      "@theme/paginated-list": "//polkapop.in/cdn/shop/t/9/assets/paginated-list.js?v=95298315036233333871791191573",
137      "@theme/performance": "//polkapop.in/cdn/shop/t/9/assets/performance.js?v=160961134082498414901791191573",
138      "@theme/product-form": "//polkapop.in/cdn/shop/t/9/assets/product-form.js?v=127515301325557712001791191573",
139      "@theme/recently-viewed-products": "//polkapop.in/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651791191573",
140      "@theme/scrolling": "//polkapop.in/cdn/shop/t/9/assets/scrolling.js?v=10957690925586738441791191573",
141      "@theme/section-renderer": "//polkapop.in/cdn/shop/t/9/assets/section-renderer.js?v=117273408521114569061791191573",
142      "@theme/section-hydration": "//polkapop.in/cdn/shop/t/9/assets/section-hydration.js?v=177651605160027701221791191573",
143      "@theme/utilities": "//polkapop.in/cdn/shop/t/9/assets/utilities.js?v=20543301071820501481791191573",
144      "@theme/variant-picker": "//polkapop.in/cdn/shop/t/9/assets/variant-picker.js?v=113536721324242252251791191573",
145      "@theme/media-gallery": "//polkapop.in/cdn/shop/t/9/assets/media-gallery.js?v=111441960308641931071791191573",
146      "@theme/quick-add": "//polkapop.in/cdn/shop/t/9/assets/quick-add.js?v=74531385036627369001791191573",
147      "@theme/paginated-list-aspect-ratio": "//polkapop.in/cdn/shop/t/9/assets/paginated-list-aspect-ratio.js?v=25254270272143792451791191573",
148      "@theme/popover-polyfill": "//polkapop.in/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201791191573"
149    }
150  }
151</script>
151
152
153
154
155<link
156  rel="modulepreload"
157  href="//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573"
158>
159
160<link
161  rel="modulepreload"
162  href="//polkapop.in/cdn/shop/t/9/assets/utilities.js?v=20543301071820501481791191573"
163  fetchpriority="low"
164>
165<link
166  rel="modulepreload"
167  href="//polkapop.in/cdn/shop/t/9/assets/component.js?v=74239122572524296041791191573"
168  fetchpriority="low"
169>
170<link
171  rel="modulepreload"
172  href="//polkapop.in/cdn/shop/t/9/assets/section-renderer.js?v=117273408521114569061791191573"
173  fetchpriority="low"
174>
175<link
176  rel="modulepreload"
177  href="//polkapop.in/cdn/shop/t/9/assets/section-hydration.js?v=177651605160027701221791191573"
178  fetchpriority="low"
179>
180
181
182
183<link
184  rel="modulepreload"
185  href="//polkapop.in/cdn/shop/t/9/assets/focus.js?v=60436577539430446401791191573"
186  fetchpriority="low"
187>
188<link
189  rel="modulepreload"
190  href="//polkapop.in/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651791191573"
191  fetchpriority="low"
192>
193<link
194  rel="modulepreload"
195  href="//polkapop.in/cdn/shop/t/9/assets/scrolling.js?v=10957690925586738441791191573"
196  fetchpriority="low"
197>
198<link
199  rel="modulepreload"
200  href="//polkapop.in/cdn/shop/t/9/assets/events.js?v=59172389608566392641791191573"
201  fetchpriority="low"
202>
203
204
205<script>
206  if (!('popover' in HTMLElement.prototype)) {
207    var popoverPolyfill = document.createElement('script');
208    popoverPolyfill.type = 'module';
209    popoverPolyfill.src = '//polkapop.in/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201791191573';
210    document.head.appendChild(popoverPolyfill);
211  }
212</script>
212
213
214
215<script>
216  window.ppLazyModules = {
217    'quick-add-component, quick-add-dialog': '//polkapop.in/cdn/shop/t/9/assets/quick-add.js?v=74531385036627369001791191573',
218    'dialog-component, [scroll-lock]': '//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573',
219    'variant-picker': '//polkapop.in/cdn/shop/t/9/assets/variant-picker.js?v=113536721324242252251791191573',
220    'product-card, swatches-variant-picker-component': '//polkapop.in/cdn/shop/t/9/assets/product-card.js?v=174129639976667491711791191573',
221    'add-to-cart-component, product-form-component': '//polkapop.in/cdn/shop/t/9/assets/product-form.js?v=127515301325557712001791191573',
222    'accordion-custom': '//polkapop.in/cdn/shop/t/9/assets/accordion-custom.js?v=99000499017714805851791191573',
223    'disclosure-custom': '//polkapop.in/cdn/shop/t/9/assets/disclosure-custom.js?v=168050880623268140331791191573',
224    'deferred-media, product-model': '//polkapop.in/cdn/shop/t/9/assets/media.js?v=37825095869491791421791191573',
225    'product-price': '//polkapop.in/cdn/shop/t/9/assets/product-price.js?v=30079423257668675401791191573',
226    'product-title': '//polkapop.in/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781791191573',
227    'product-inventory': '//polkapop.in/cdn/shop/t/9/assets/product-inventory.js?v=16343734458933704981791191573',
228    'show-more-component': '//polkapop.in/cdn/shop/t/9/assets/show-more.js?v=94563802205717136101791191573',
229    'slideshow-component': '//polkapop.in/cdn/shop/t/9/assets/slideshow.js?v=63092151078244317761791191573',
230    'anchored-popover-component': '//polkapop.in/cdn/shop/t/9/assets/anchored-popover.js?v=95953304814728754461791191573',
231    'floating-panel-component': '//polkapop.in/cdn/shop/t/9/assets/floating-panel.js?v=128677600744947036551791191573',
232    'video-background-component': '//polkapop.in/cdn/shop/t/9/assets/video-background.js?v=25237992823806706551791191573',
233    'quantity-selector-component': '//polkapop.in/cdn/shop/t/9/assets/component-quantity-selector.js?v=56330027151833116691791191573',
234    'media-gallery': '//polkapop.in/cdn/shop/t/9/assets/media-gallery.js?v=111441960308641931071791191573',
235    'rte-formatter': '//polkapop.in/cdn/shop/t/9/assets/rte-formatter.js?v=101420294193111439321791191573',
236    'gift-card-recipient-form': '//polkapop.in/cdn/shop/t/9/assets/gift-card-recipient-form.js?v=129634859299628245901791191573',
237    'cart-discount-component': '//polkapop.in/cdn/shop/t/9/assets/cart-discount.js?v=107077853990124422021791191573'
238  };
239</script>
vendor: 1 bytes, line 239
239
240<script
241  src="//polkapop.in/cdn/shop/t/9/assets/pp-lazy.js?v=157843256171173057241791191573"
242  defer="defer"
243></script>
243
244
245
246
247
248  
248<script type="module">
249    import { RecentlyViewed } from '@theme/recently-viewed-products';
250    RecentlyViewed.addProduct('10383734767905');
251  </script>
251
252
253
254
255
256<script
257  src="//polkapop.in/cdn/shop/t/9/assets/auto-close-details.js?v=58350291535404441581791191573"
258  defer="defer"
259></script>
259
260
261<script>
262  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
263  const Theme = {
264    placeholders: {
265      general: [
266        `${basePath}/general-1.png`,
267        `${basePath}/general-2.png`,
268        `${basePath}/general-3.png`,
269        `${basePath}/general-4.png`,
270        `${basePath}/general-5.png`,
271        `${basePath}/general-6.png`,
272        `${basePath}/general-7.png`,
273      ],
274      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
275    },
276    translations: {
277      placeholder_image: `Placeholder image`,
278      added: `Added`,
279      recipient_form_fields_visible: `Recipient form fields are now visible`,
280      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
281      recipient_form_error: `There was an error with the form submission`,
282    },
283    routes: {
284      cart_add_url: '/cart/add.js',
285      cart_change_url: '/cart/change',
286      cart_update_url: '/cart/update',
287      cart_url: '/cart',
288      predictive_search_url: '/search/suggest',
289      search_url: '/search',
290    },
291    template: {
292      name: 'product',
293    },
294  };
295</script>
295
296<style data-shopify>
297
298
299  @font-face {
300  font-family: Montserrat;
301  font-weight: 400;
302  font-style: normal;
303  font-display: swap;
304  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
305       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
306}
307
308  @font-face {
309  font-family: Montserrat;
310  font-weight: 700;
311  font-style: normal;
312  font-display: swap;
313  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
314       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
315}
316
317  @font-face {
318  font-family: Montserrat;
319  font-weight: 400;
320  font-style: italic;
321  font-display: swap;
322  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
323       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
324}
325
326  @font-face {
327  font-family: Montserrat;
328  font-weight: 700;
329  font-style: italic;
330  font-display: swap;
331  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
332       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
333}
334
335
336  
337
338
339    @font-face {
340  font-family: Montserrat;
341  font-weight: 500;
342  font-style: normal;
343  font-display: swap;
344  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
345       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
346}
347
348    @font-face {
349  font-family: Montserrat;
350  font-weight: 700;
351  font-style: normal;
352  font-display: swap;
353  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
354       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
355}
356
357    @font-face {
358  font-family: Montserrat;
359  font-weight: 500;
360  font-style: italic;
361  font-display: swap;
362  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"),
363       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff");
364}
365
366    @font-face {
367  font-family: Montserrat;
368  font-weight: 700;
369  font-style: italic;
370  font-display: swap;
371  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
372       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
373}
374
375  
376
377  
378
379
380    @font-face {
381  font-family: Montserrat;
382  font-weight: 700;
383  font-style: normal;
384  font-display: swap;
385  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
386       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
387}
388
389    @font-face {
390  font-family: Montserrat;
391  font-weight: 700;
392  font-style: normal;
393  font-display: swap;
394  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
395       url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
396}
397
398    @font-face {
399  font-family: Montserrat;
400  font-weight: 700;
401  font-style: italic;
402  font-display: swap;
403  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
404       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
405}
406
407    @font-face {
408  font-family: Montserrat;
409  font-weight: 700;
410  font-style: italic;
411  font-display: swap;
412  src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
413       url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
414}
415
416  
417
418  
419
420  :root {
421    /* Page Layout */
422    --sidebar-width: 25rem;
423    --narrow-content-width: 36rem;
424    --normal-content-width: 42rem;
425    --wide-content-width: 46rem;
426    --narrow-page-width: 90rem;
427    --normal-page-width: 120rem;
428    --wide-page-width: 150rem;
429
430    /* Section Heights */
431    --section-height-small: 15rem;
432    --section-height-medium: 25rem;
433    --section-height-large: 35rem;
434
435    @media screen and (min-width: 40em) {
436      --section-height-small: 40svh;
437      --section-height-medium: 55svh;
438      --section-height-large: 70svh;
439    }
440
441    @media screen and (min-width: 60em) {
442      --section-height-small: 50svh;
443      --section-height-medium: 65svh;
444      --section-height-large: 80svh;
445    }
446
447    /* Letter spacing */
448    --letter-spacing-sm: 0.06em;
449    --letter-spacing-md: 0.13em;
450
451    /* Font families */
452    --font-body--family: Montserrat, sans-serif;
453    --font-body--style: normal;
454    --font-body--weight: 400;
455    --font-subheading--family: Montserrat, sans-serif;
456    --font-subheading--style: normal;
457    --font-subheading--weight: 500;
458    --font-heading--family: Montserrat, sans-serif;
459    --font-heading--style: normal;
460    --font-heading--weight: 700;
461    --font-accent--family: Montserrat, sans-serif;
462    --font-accent--style: normal;
463    --font-accent--weight: 700;
464
465    /* Margin sizes */
466    --font-h1--spacing: 0.25em;
467    --font-h2--spacing: 0.25em;
468    --font-h3--spacing: 0.25em;
469    --font-h4--spacing: 0.25em;
470    --font-h5--spacing: 0.25em;
471    --font-h6--spacing: 0.25em;
472    --font-paragraph--spacing: 0.5em;
473
474    /* Heading colors */
475    --font-h1--color: var(--color-foreground-heading);
476    --font-h2--color: var(--color-foreground-heading);
477    --font-h3--color: var(--color-foreground-heading);
478    --font-h4--color: var(--color-foreground-heading);
479    --font-h5--color: var(--color-foreground-heading);
480    --font-h6--color: var(--color-foreground-heading);
481
482    /** Z-Index / Layering */
483    --layer-section-background: -2;
484    --layer-lowest: -1;
485    --layer-base: 0;
486    --layer-flat: 1;
487    --layer-raised: 2;
488    --layer-heightened: 4;
489    --layer-sticky: 8;
490    --layer-window-overlay: 10;
491    --layer-header-menu: 12;
492    --layer-overlay: 16;
493    --layer-menu-drawer: 18;
494    --layer-temporary: 20;
495
496    /* Max-width / Measure */
497    --max-width--body-normal: 50ch;
498    --max-width--body-narrow: 35ch;
499
500    --max-width--heading-normal: 50ch;
501    --max-width--heading-narrow: 30ch;
502
503    --max-width--display-normal: 20ch;
504    --max-width--display-narrow: 15ch;
505    --max-width--display-tight: 5ch;
506
507    /* Letter-spacing / Tracking */
508    --letter-spacing--display-tight: -0.03em;
509    --letter-spacing--display-normal: 0em;
510    --letter-spacing--display-loose: 0.03em;
511
512    --letter-spacing--heading-tight: -0.03em;
513    --letter-spacing--heading-normal: 0em;
514    --letter-spacing--heading-loose: 0.03em;
515
516    --letter-spacing--body-tight: -0.03em;
517    --letter-spacing--body-normal: 0em;
518    --letter-spacing--body-loose: 0.03em;
519
520    /* Line height / Leading */
521    --line-height: 1;
522
523    --line-height--display-tight: 1;
524    --line-height--display-normal: 1.1;
525    --line-height--display-loose: 1.2;
526
527    --line-height--heading-tight: 1.15;
528    --line-height--heading-normal: 1.25;
529    --line-height--heading-loose: 1.35;
530
531    --line-height--body-tight: 1.2;
532    --line-height--body-normal: 1.4;
533    --line-height--body-loose: 1.6;
534
535    /* Typography presets */
536    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
537
538    /* Hardcoded font sizes */
539    --font-size--2xs: 0.625rem;
540    --font-size--xs: 0.8125rem;
541    --font-size--sm: 0.875rem;
542    --font-size--md: 1rem;
543    --font-size--lg: 1.125rem;
544    --font-size--xl: 1.25rem;
545    --font-size--2xl: 1.5rem;
546    --font-size--3xl: 2rem;
547    --font-size--4xl: 2.5rem;
548    --font-size--5xl: 3rem;
549    --font-size--6xl: 3.5rem;
550
551    /* Menu font sizes */
552    --menu-font-sm--size: 0.875rem;
553    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
554    --menu-font-md--size: 1rem;
555    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
556    --menu-font-lg--size: 1.125rem;
557    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
558    --menu-font-xl--size: 1.25rem;
559    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
560    --menu-font-2xl--size: 1.75rem;
561    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
562
563    /* Colors */
564    --color-error: #8B0000;
565    --color-success: #006400;
566    --color-white: #FFFFFF;
567    --color-white-rgb: 255 255 255;
568    --color-black: #000000;
569    --color-instock: #3ED660;
570    --color-lowstock: #EE9441;
571    --color-outofstock: #C8C8C8;
572
573    /* Opacity */
574    --opacity-5: 0.05;
575    --opacity-8: 0.08;
576    --opacity-10: 0.1;
577    --opacity-15: 0.15;
578    --opacity-20: 0.2;
579    --opacity-25: 0.25;
580    --opacity-30: 0.3;
581    --opacity-40: 0.4;
582    --opacity-50: 0.5;
583    --opacity-60: 0.6;
584    --opacity-70: 0.7;
585    --opacity-80: 0.8;
586    --opacity-85: 0.85;
587    --opacity-90: 0.9;
588    --opacity-subdued-text: var(--opacity-70);
589
590    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
591    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
592
593    /* Spacing */
594    --margin-3xs: 0.125rem;
595    --margin-2xs: 0.3rem;
596    --margin-xs: 0.5rem;
597    --margin-sm: 0.7rem;
598    --margin-md: 0.8rem;
599    --margin-lg: 1rem;
600    --margin-xl: 1.25rem;
601    --margin-2xl: 1.5rem;
602    --margin-3xl: 1.75rem;
603    --margin-4xl: 2rem;
604    --margin-5xl: 3rem;
605    --margin-6xl: 5rem;
606
607    --scroll-margin: 50px;
608
609    --padding-3xs: 0.125rem;
610    --padding-2xs: 0.25rem;
611    --padding-xs: 0.5rem;
612    --padding-sm: 0.7rem;
613    --padding-md: 0.8rem;
614    --padding-lg: 1rem;
615    --padding-xl: 1.25rem;
616    --padding-2xl: 1.5rem;
617    --padding-3xl: 1.75rem;
618    --padding-4xl: 2rem;
619    --padding-5xl: 3rem;
620    --padding-6xl: 4rem;
621
622    --gap-3xs: 0.125rem;
623    --gap-2xs: 0.3rem;
624    --gap-xs: 0.5rem;
625    --gap-sm: 0.7rem;
626    --gap-md: 0.9rem;
627    --gap-lg: 1rem;
628    --gap-xl: 1.25rem;
629    --gap-2xl: 2rem;
630    --gap-3xl: 3rem;
631
632    --spacing-scale-sm: 0.6;
633    --spacing-scale-md: 0.7;
634    --spacing-scale-default: 1.0;
635
636    /* Checkout buttons gap */
637    --checkout-button-gap: 8px;
638
639    /* Borders */
640    --style-border-width: 1px;
641    --style-border-radius-xs: 0.2rem;
642    --style-border-radius-sm: 0.6rem;
643    --style-border-radius-md: 0.8rem;
644    --style-border-radius-50: 50%;
645    --style-border-radius-lg: 1rem;
646    --style-border-radius-pills: 40px;
647    --style-border-radius-inputs: 4px;
648    --style-border-radius-buttons-primary: 14px;
649    --style-border-radius-buttons-secondary: 14px;
650    --style-border-width-primary: 0px;
651    --style-border-width-secondary: 1px;
652    --style-border-width-inputs: 1px;
653    --style-border-radius-popover: 14px;
654    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
655    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
656    --style-border-swatch-opacity: 10%;
657    --style-border-swatch-width: 1px;
658    --style-border-swatch-style: solid;
659
660    /* Animation */
661    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
662    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
663    --animation-speed-fast: 0.0625s;
664    --animation-speed: 0.125s;
665    --animation-speed-slow: 0.2s;
666    --animation-speed-medium: 0.15s;
667    --animation-easing: ease-in-out;
668    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
669    --drawer-animation-speed: 0.2s;
670    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
671    --animation-values: var(--animation-speed) var(--animation-easing);
672    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
673    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
674    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
675    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
676    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
677    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
678    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
679    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
680
681    /* View transitions */
682    /* View transition old */
683    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
684
685    /* View transition new */
686    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
687
688    /* Focus */
689    --focus-outline-width: 0.09375rem;
690    --focus-outline-offset: 0.2em;
691
692    /* Badges */
693    --badge-blob-padding-block: 1px;
694    --badge-blob-padding-inline: 12px 8px;
695    --badge-rectangle-padding-block: 1px;
696    --badge-rectangle-padding-inline: 6px;
697    @media screen and (min-width: 750px) {
698      --badge-blob-padding-block: 4px;
699      --badge-blob-padding-inline: 16px 12px;
700      --badge-rectangle-padding-block: 4px;
701      --badge-rectangle-padding-inline: 10px;
702    }
703
704    /* Icons */
705    --icon-size-2xs: 0.6rem;
706    --icon-size-xs: 0.85rem;
707    --icon-size-sm: 1.25rem;
708    --icon-size-md: 1.375rem;
709    --icon-size-lg: 1.5rem;
710    --icon-stroke-width: 1.5px;
711
712    /* Input */
713    --input-email-min-width: 200px;
714    --input-search-max-width: 650px;
715    --input-padding-y: 0.8rem;
716    --input-padding-x: 0.8rem;
717    --input-padding: var(--input-padding-y) var(--input-padding-x);
718    --input-box-shadow-width: var(--style-border-width-inputs);
719    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
720    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
721    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
722    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
723    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
724    --input-textarea-min-height: 55px;
725
726    /* Button size */
727    --button-size-sm: 30px;
728    --button-size-md: 36px;
729    --button-size: var(--minimum-touch-target);
730    --button-padding-inline: 24px;
731    --button-padding-block: 16px;
732
733    /* Button font-family */
734    --button-font-family-primary: var(--font-body--family);
735    --button-font-family-secondary: var(--font-body--family);
736
737    /* Button font-weight */
738    --button-font-weight-primary: default;
739    --button-font-weight-secondary: default;
740
741    /* Button text case */
742    --button-text-case: ;
743    --button-text-case-primary: default;
744    --button-text-case-secondary: default;
745
746    /* Borders */
747    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
748    --border-width-sm: 1px;
749    --border-width-md: 2px;
750    --border-width-lg: 5px;
751
752    /* Drawers */
753    --drawer-inline-padding: 25px;
754    --drawer-menu-inline-padding: 2.5rem;
755    --drawer-header-block-padding: 20px;
756    --drawer-content-block-padding: 10px;
757    --drawer-header-desktop-top: 0rem;
758    --drawer-padding: calc(var(--padding-sm) + 7px);
759    --drawer-height: 100dvh;
760    --drawer-width: 95vw;
761    --drawer-max-width: 500px;
762
763    /* Variant Picker Swatches */
764    --variant-picker-swatch-width-unitless: 34;
765    --variant-picker-swatch-height-unitless: 34;
766    --variant-picker-swatch-width: 34px;
767    --variant-picker-swatch-height: 34px;
768    --variant-picker-swatch-radius: 32px;
769    --variant-picker-border-width: 1px;
770    --variant-picker-border-style: solid;
771    --variant-picker-border-opacity: 10%;
772
773    /* Variant Picker Buttons */
774    --variant-picker-button-radius: 14px;
775    --variant-picker-button-border-width: 1px;
776
777    /* Slideshow */
778    --slideshow-controls-size: 3.5rem;
779    --slideshow-controls-icon: 2rem;
780    --peek-next-slide-size: 3rem;
781
782    /* Utilities */
783    --backdrop-opacity: 0.15;
784    --backdrop-color-rgb: var(--color-shadow-rgb);
785    --minimum-touch-target: 44px;
786    --disabled-opacity: 0.5;
787    --skeleton-opacity: 0.025;
788
789    /* Shapes */
790    --shape--circle: circle(50% at center);
791    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
792    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
793    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
793% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
794
795    /* Buy buttons */
796    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
797
798    /* Card image height variables */
799    --height-small: 10rem;
800    --height-medium: 11.5rem;
801    --height-large: 13rem;
802    --height-full: 100vh;
803
804    @media screen and (min-width: 750px) {
805      --height-small: 17.5rem;
806      --height-medium: 21.25rem;
807      --height-large: 25rem;
808    }
809
810    /* Modal */
811    --modal-max-height: 65dvh;
812
813    /* Card styles for search */
814    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
815    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
816    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
817
818    /* Cart */
819    --cart-primary-font-family: var(--font-body--family);
820    --cart-primary-font-style: var(--font-body--style);
821    --cart-primary-font-weight: var(--font-body--weight);
822    --cart-secondary-font-family: var(--font-secondary--family);
823    --cart-secondary-font-style: var(--font-secondary--style);
824    --cart-secondary-font-weight: var(--font-secondary--weight);
825  }
826</style><style data-shopify>
827  
828    
829      :root,
830    
831    
832    
833    .color-scheme-1 {
834        --color-background: rgb(255 255 255 / 1.0);
835        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
836        --color-background-rgb: 255 255 255;
837        --opacity-5-15: 0.05;
838        --opacity-10-25: 0.1;
839        --opacity-35-55: 0.35;
840        --opacity-40-60: 0.4;
841        --opacity-30-60: 0.3;
842        --color-foreground: rgb(0 0 0 / 0.81);
843        --color-foreground-rgb: 0 0 0;
844        --color-foreground-heading: rgb(0 0 0 / 1.0);
845        --color-foreground-heading-rgb: 0 0 0;
846        --color-primary: rgb(0 0 0 / 0.81);
847        --color-primary-rgb: 0 0 0;
848        --color-primary-hover: rgb(0 0 0 / 1.0);
849        --color-primary-hover-rgb: 0 0 0;
850        --color-border: rgb(0 0 0 / 0.06);
851        --color-border-rgb: 0 0 0;
852        --color-shadow: rgb(0 0 0 / 1.0);
853        --color-shadow-rgb: 0 0 0;
854        --color-primary-button-text: rgb(255 255 255 / 1.0);
855        --color-primary-button-background: rgb(0 0 0 / 1.0);
856        --color-primary-button-border: rgb(0 0 0 / 1.0);
857        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
858        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
859        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
860        --color-secondary-button-text: rgb(0 0 0 / 1.0);
861        --color-secondary-button-background: rgb(0 0 0 / 0.0);
862        --color-secondary-button-border: rgb(0 0 0 / 1.0);
863        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
864        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
865        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
866        --color-input-background: rgb(255 255 255 / 0.78);
867        --color-input-text: rgb(51 51 51 / 1.0);
868        --color-input-text-rgb: 51 51 51;
869        --color-input-border: rgb(223 223 223 / 1.0);
870        --color-input-hover-background: rgb(0 0 0 / 0.01);
871        --color-variant-background: rgb(255 255 255 / 1.0);
872        --color-variant-border: rgb(0 0 0 / 0.13);
873        --color-variant-text: rgb(0 0 0 / 1.0);
874        --color-variant-text-rgb: 0 0 0;
875        --color-variant-hover-background: rgb(245 245 245 / 1.0);
876        --color-variant-hover-text: rgb(0 0 0 / 1.0);
877        --color-variant-hover-border: rgb(230 230 230 / 1.0);
878        --color-selected-variant-background: rgb(0 0 0 / 1.0);
879        --color-selected-variant-border: rgb(0 0 0 / 1.0);
880        --color-selected-variant-text: rgb(255 255 255 / 1.0);
881        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
882        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
883        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
884
885        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
886        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
887        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
888        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
889        --font-h1--color: var(--color-foreground-heading);
890        --font-h2--color: var(--color-foreground-heading);
891        --font-h3--color: var(--color-foreground-heading);
892        --font-h4--color: var(--color-foreground-heading);
893        --font-h5--color: var(--color-foreground-heading);
894        --font-h6--color: var(--color-foreground-heading);
895
896        /* Shadows */
897        
898          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
899        
900        
901          --shadow-blur: 20px;
902          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
903        
904      }
905  
906    
907    
908    
909    .color-scheme-2 {
910        --color-background: rgb(245 245 245 / 1.0);
911        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
912        --color-background-rgb: 245 245 245;
913        --opacity-5-15: 0.05;
914        --opacity-10-25: 0.1;
915        --opacity-35-55: 0.35;
916        --opacity-40-60: 0.4;
917        --opacity-30-60: 0.3;
918        --color-foreground: rgb(0 0 0 / 0.81);
919        --color-foreground-rgb: 0 0 0;
920        --color-foreground-heading: rgb(0 0 0 / 1.0);
921        --color-foreground-heading-rgb: 0 0 0;
922        --color-primary: rgb(0 0 0 / 0.81);
923        --color-primary-rgb: 0 0 0;
924        --color-primary-hover: rgb(255 255 255 / 1.0);
925        --color-primary-hover-rgb: 255 255 255;
926        --color-border: rgb(223 223 223 / 1.0);
927        --color-border-rgb: 223 223 223;
928        --color-shadow: rgb(0 0 0 / 1.0);
929        --color-shadow-rgb: 0 0 0;
930        --color-primary-button-text: rgb(255 255 255 / 1.0);
931        --color-primary-button-background: rgb(0 0 0 / 1.0);
932        --color-primary-button-border: rgb(0 0 0 / 1.0);
933        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
934        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
935        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
936        --color-secondary-button-text: rgb(0 0 0 / 1.0);
937        --color-secondary-button-background: rgb(0 0 0 / 0.0);
938        --color-secondary-button-border: rgb(0 0 0 / 1.0);
939        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
940        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
941        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
942        --color-input-background: rgb(0 0 0 / 0.0);
943        --color-input-text: rgb(0 0 0 / 0.53);
944        --color-input-text-rgb: 0 0 0;
945        --color-input-border: rgb(0 0 0 / 0.13);
946        --color-input-hover-background: rgb(255 255 255 / 0.36);
947        --color-variant-background: rgb(255 255 255 / 1.0);
948        --color-variant-border: rgb(230 230 230 / 1.0);
949        --color-variant-text: rgb(0 0 0 / 1.0);
950        --color-variant-text-rgb: 0 0 0;
951        --color-variant-hover-background: rgb(245 245 245 / 1.0);
952        --color-variant-hover-text: rgb(0 0 0 / 1.0);
953        --color-variant-hover-border: rgb(230 230 230 / 1.0);
954        --color-selected-variant-background: rgb(0 0 0 / 1.0);
955        --color-selected-variant-border: rgb(0 0 0 / 1.0);
956        --color-selected-variant-text: rgb(255 255 255 / 1.0);
957        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
958        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
959        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
960
961        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
962        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
963        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
964        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
965        --font-h1--color: var(--color-foreground-heading);
966        --font-h2--color: var(--color-foreground-heading);
967        --font-h3--color: var(--color-foreground-heading);
968        --font-h4--color: var(--color-foreground-heading);
969        --font-h5--color: var(--color-foreground-heading);
970        --font-h6--color: var(--color-foreground-heading);
971
972        /* Shadows */
973        
974          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
975        
976        
977          --shadow-blur: 20px;
978          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
979        
980      }
981  
982    
983    
984    
985    .color-scheme-3 {
986        --color-background: rgb(238 241 234 / 1.0);
987        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
988        --color-background-rgb: 238 241 234;
989        --opacity-5-15: 0.05;
990        --opacity-10-25: 0.1;
991        --opacity-35-55: 0.35;
992        --opacity-40-60: 0.4;
993        --opacity-30-60: 0.3;
994        --color-foreground: rgb(0 0 0 / 0.81);
995        --color-foreground-rgb: 0 0 0;
996        --color-foreground-heading: rgb(0 0 0 / 1.0);
997        --color-foreground-heading-rgb: 0 0 0;
998        --color-primary: rgb(0 0 0 / 0.81);
999        --color-primary-rgb: 0 0 0;
1000        --color-primary-hover: rgb(0 0 0 / 1.0);
1001        --color-primary-hover-rgb: 0 0 0;
1002        --color-border: rgb(0 0 0 / 0.81);
1003        --color-border-rgb: 0 0 0;
1004        --color-shadow: rgb(0 0 0 / 1.0);
1005        --color-shadow-rgb: 0 0 0;
1006        --color-primary-button-text: rgb(255 255 255 / 1.0);
1007        --color-primary-button-background: rgb(0 0 0 / 1.0);
1008        --color-primary-button-border: rgb(0 0 0 / 1.0);
1009        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1010        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1011        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1012        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1013        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1014        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1015        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1016        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1017        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1018        --color-input-background: rgb(0 0 0 / 0.0);
1019        --color-input-text: rgb(0 0 0 / 0.81);
1020        --color-input-text-rgb: 0 0 0;
1021        --color-input-border: rgb(0 0 0 / 0.81);
1022        --color-input-hover-background: rgb(255 255 255 / 0.36);
1023        --color-variant-background: rgb(255 255 255 / 1.0);
1024        --color-variant-border: rgb(230 230 230 / 1.0);
1025        --color-variant-text: rgb(0 0 0 / 1.0);
1026        --color-variant-text-rgb: 0 0 0;
1027        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1028        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1029        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1030        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1031        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1032        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1033        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1034        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1035        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1036
1037        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1038        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1039        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1040        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1041        --font-h1--color: var(--color-foreground-heading);
1042        --font-h2--color: var(--color-foreground-heading);
1043        --font-h3--color: var(--color-foreground-heading);
1044        --font-h4--color: var(--color-foreground-heading);
1045        --font-h5--color: var(--color-foreground-heading);
1046        --font-h6--color: var(--color-foreground-heading);
1047
1048        /* Shadows */
1049        
1050          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1051        
1052        
1053          --shadow-blur: 20px;
1054          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1055        
1056      }
1057  
1058    
1059    
1060    
1061    .color-scheme-4 {
1062        --color-background: rgb(225 237 245 / 1.0);
1063        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1064        --color-background-rgb: 225 237 245;
1065        --opacity-5-15: 0.05;
1066        --opacity-10-25: 0.1;
1067        --opacity-35-55: 0.35;
1068        --opacity-40-60: 0.4;
1069        --opacity-30-60: 0.3;
1070        --color-foreground: rgb(0 0 0 / 0.81);
1071        --color-foreground-rgb: 0 0 0;
1072        --color-foreground-heading: rgb(0 0 0 / 1.0);
1073        --color-foreground-heading-rgb: 0 0 0;
1074        --color-primary: rgb(0 0 0 / 0.81);
1075        --color-primary-rgb: 0 0 0;
1076        --color-primary-hover: rgb(0 0 0 / 1.0);
1077        --color-primary-hover-rgb: 0 0 0;
1078        --color-border: rgb(29 54 134 / 0.5);
1079        --color-border-rgb: 29 54 134;
1080        --color-shadow: rgb(0 0 0 / 1.0);
1081        --color-shadow-rgb: 0 0 0;
1082        --color-primary-button-text: rgb(255 255 255 / 1.0);
1083        --color-primary-button-background: rgb(0 0 0 / 1.0);
1084        --color-primary-button-border: rgb(29 54 134 / 1.0);
1085        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1086        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1087        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1088        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1089        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1090        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1091        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1092        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1093        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1094        --color-input-background: rgb(0 0 0 / 0.0);
1095        --color-input-text: rgb(0 0 0 / 0.81);
1096        --color-input-text-rgb: 0 0 0;
1097        --color-input-border: rgb(0 0 0 / 0.81);
1098        --color-input-hover-background: rgb(255 255 255 / 0.36);
1099        --color-variant-background: rgb(255 255 255 / 1.0);
1100        --color-variant-border: rgb(230 230 230 / 1.0);
1101        --color-variant-text: rgb(0 0 0 / 1.0);
1102        --color-variant-text-rgb: 0 0 0;
1103        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1104        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1105        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1106        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1107        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1108        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1109        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1110        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1111        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1112
1113        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1114        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1115        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1116        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1117        --font-h1--color: var(--color-foreground-heading);
1118        --font-h2--color: var(--color-foreground-heading);
1119        --font-h3--color: var(--color-foreground-heading);
1120        --font-h4--color: var(--color-foreground-heading);
1121        --font-h5--color: var(--color-foreground-heading);
1122        --font-h6--color: var(--color-foreground-heading);
1123
1124        /* Shadows */
1125        
1126          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1127        
1128        
1129          --shadow-blur: 20px;
1130          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1131        
1132      }
1133  
1134    
1135    
1136    
1137    .color-scheme-5 {
1138        --color-background: rgb(51 51 51 / 1.0);
1139        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1140        --color-background-rgb: 51 51 51;
1141        --opacity-5-15: 0.15;
1142        --opacity-10-25: 0.25;
1143        --opacity-35-55: 0.55;
1144        --opacity-40-60: 0.6;
1145        --opacity-30-60: 0.6;
1146        --color-foreground: rgb(255 255 255 / 1.0);
1147        --color-foreground-rgb: 255 255 255;
1148        --color-foreground-heading: rgb(255 255 255 / 1.0);
1149        --color-foreground-heading-rgb: 255 255 255;
1150        --color-primary: rgb(255 255 255 / 1.0);
1151        --color-primary-rgb: 255 255 255;
1152        --color-primary-hover: rgb(255 255 255 / 0.69);
1153        --color-primary-hover-rgb: 255 255 255;
1154        --color-border: rgb(255 255 255 / 0.69);
1155        --color-border-rgb: 255 255 255;
1156        --color-shadow: rgb(0 0 0 / 1.0);
1157        --color-shadow-rgb: 0 0 0;
1158        --color-primary-button-text: rgb(0 0 0 / 1.0);
1159        --color-primary-button-background: rgb(255 255 255 / 1.0);
1160        --color-primary-button-border: rgb(255 255 255 / 1.0);
1161        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1162        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1163        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1164        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1165        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1166        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1167        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1168        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1169        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1170        --color-input-background: rgb(51 51 51 / 1.0);
1171        --color-input-text: rgb(255 255 255 / 0.93);
1172        --color-input-text-rgb: 255 255 255;
1173        --color-input-border: rgb(255 255 255 / 0.69);
1174        --color-input-hover-background: rgb(255 255 255 / 0.04);
1175        --color-variant-background: rgb(255 255 255 / 1.0);
1176        --color-variant-border: rgb(230 230 230 / 1.0);
1177        --color-variant-text: rgb(0 0 0 / 1.0);
1178        --color-variant-text-rgb: 0 0 0;
1179        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1180        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1181        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1182        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1183        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1184        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1185        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1186        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1187        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1188
1189        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1190        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1191        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1192        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1193        --font-h1--color: var(--color-foreground-heading);
1194        --font-h2--color: var(--color-foreground-heading);
1195        --font-h3--color: var(--color-foreground-heading);
1196        --font-h4--color: var(--color-foreground-heading);
1197        --font-h5--color: var(--color-foreground-heading);
1198        --font-h6--color: var(--color-foreground-heading);
1199
1200        /* Shadows */
1201        
1202          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1203        
1204        
1205          --shadow-blur: 20px;
1206          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1207        
1208      }
1209  
1210    
1211    
1212    
1213    .color-scheme-6 {
1214        --color-background: rgb(0 0 0 / 0.0);
1215        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1216        --color-background-rgb: 0 0 0;
1217        --opacity-5-15: 0.15;
1218        --opacity-10-25: 0.25;
1219        --opacity-35-55: 0.55;
1220        --opacity-40-60: 0.6;
1221        --opacity-30-60: 0.6;
1222        --color-foreground: rgb(255 255 255 / 1.0);
1223        --color-foreground-rgb: 255 255 255;
1224        --color-foreground-heading: rgb(255 255 255 / 1.0);
1225        --color-foreground-heading-rgb: 255 255 255;
1226        --color-primary: rgb(255 255 255 / 1.0);
1227        --color-primary-rgb: 255 255 255;
1228        --color-primary-hover: rgb(255 255 255 / 0.69);
1229        --color-primary-hover-rgb: 255 255 255;
1230        --color-border: rgb(230 230 230 / 1.0);
1231        --color-border-rgb: 230 230 230;
1232        --color-shadow: rgb(0 0 0 / 1.0);
1233        --color-shadow-rgb: 0 0 0;
1234        --color-primary-button-text: rgb(0 0 0 / 1.0);
1235        --color-primary-button-background: rgb(255 255 255 / 1.0);
1236        --color-primary-button-border: rgb(255 255 255 / 1.0);
1237        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1238        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1239        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1240        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1240
1241        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1242        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1243        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1244        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1245        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1246        --color-input-background: rgb(255 255 255 / 1.0);
1247        --color-input-text: rgb(0 0 0 / 0.53);
1248        --color-input-text-rgb: 0 0 0;
1249        --color-input-border: rgb(0 0 0 / 0.13);
1250        --color-input-hover-background: rgb(250 250 250 / 1.0);
1251        --color-variant-background: rgb(255 255 255 / 1.0);
1252        --color-variant-border: rgb(230 230 230 / 1.0);
1253        --color-variant-text: rgb(0 0 0 / 1.0);
1254        --color-variant-text-rgb: 0 0 0;
1255        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1256        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1257        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1258        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1259        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1260        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1261        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1262        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1263        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1264
1265        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1266        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1267        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1268        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1269        --font-h1--color: var(--color-foreground-heading);
1270        --font-h2--color: var(--color-foreground-heading);
1271        --font-h3--color: var(--color-foreground-heading);
1272        --font-h4--color: var(--color-foreground-heading);
1273        --font-h5--color: var(--color-foreground-heading);
1274        --font-h6--color: var(--color-foreground-heading);
1275
1276        /* Shadows */
1277        
1278          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1279        
1280        
1281          --shadow-blur: 20px;
1282          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1283        
1284      }
1285  
1286    
1287    
1288    
1289    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1290        --color-background: rgb(0 0 0 / 0.0);
1291        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1292        --color-background-rgb: 0 0 0;
1293        --opacity-5-15: 0.15;
1294        --opacity-10-25: 0.25;
1295        --opacity-35-55: 0.55;
1296        --opacity-40-60: 0.6;
1297        --opacity-30-60: 0.6;
1298        --color-foreground: rgb(0 0 0 / 1.0);
1299        --color-foreground-rgb: 0 0 0;
1300        --color-foreground-heading: rgb(0 0 0 / 1.0);
1301        --color-foreground-heading-rgb: 0 0 0;
1302        --color-primary: rgb(0 0 0 / 1.0);
1303        --color-primary-rgb: 0 0 0;
1304        --color-primary-hover: rgb(0 0 0 / 0.53);
1305        --color-primary-hover-rgb: 0 0 0;
1306        --color-border: rgb(230 230 230 / 1.0);
1307        --color-border-rgb: 230 230 230;
1308        --color-shadow: rgb(0 0 0 / 1.0);
1309        --color-shadow-rgb: 0 0 0;
1310        --color-primary-button-text: rgb(255 255 255 / 1.0);
1311        --color-primary-button-background: rgb(0 0 0 / 1.0);
1312        --color-primary-button-border: rgb(0 0 0 / 1.0);
1313        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1314        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1315        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1316        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1317        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1318        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1319        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1320        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1321        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1322        --color-input-background: rgb(255 255 255 / 1.0);
1323        --color-input-text: rgb(0 0 0 / 0.53);
1324        --color-input-text-rgb: 0 0 0;
1325        --color-input-border: rgb(0 0 0 / 0.13);
1326        --color-input-hover-background: rgb(250 250 250 / 1.0);
1327        --color-variant-background: rgb(255 255 255 / 1.0);
1328        --color-variant-border: rgb(230 230 230 / 1.0);
1329        --color-variant-text: rgb(0 0 0 / 1.0);
1330        --color-variant-text-rgb: 0 0 0;
1331        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1332        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1333        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1334        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1335        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1336        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1337        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1338        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1339        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1340
1341        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1342        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1343        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1344        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1345        --font-h1--color: var(--color-foreground-heading);
1346        --font-h2--color: var(--color-foreground-heading);
1347        --font-h3--color: var(--color-foreground-heading);
1348        --font-h4--color: var(--color-foreground-heading);
1349        --font-h5--color: var(--color-foreground-heading);
1350        --font-h6--color: var(--color-foreground-heading);
1351
1352        /* Shadows */
1353        
1354          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1355        
1356        
1357          --shadow-blur: 20px;
1358          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1359        
1360      }
1361  
1362
1363  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1364    color: var(--color-foreground);
1365    background-color: var(--color-background);
1366  }
1367</style>
1368<link rel="preconnect" href="https://fonts.googleapis.com">
1369    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1370    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap" onload="this.onload=null;this.rel='stylesheet'">
1371    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap"></noscript><style>
1372      html, body, button, input, select, textarea,
1373      h1, h2, h3, h4, h5, h6, p,
1374      .paragraph > *, .custom-typography > *,
1375      .text-block.h1 > *, .text-block.h2 > *, .text-block.h3 > *,
1376      .text-block.h4 > *, .text-block.h5 > *, .text-block.h6 > *,
1377      .button, .button-secondary, .button-unstyled, .show-more__label,
1378      button.shopify-payment-button__button--unbranded,
1379      .product-grid-view-zoom-out--details s,
1380      [class*="pp-"], [class*="ppc-"], [class*="pdp-"],
1381      .logo, .hero-copy h1, .hero-badge strong, .benefit-card b, .section-title,
1382      .why-stage h3, .why-card h3, .product-card h3, .commerce-intro h2, .stat b,
1383      .spotlight-copy h2, .moment-card h3, .review-card .quote, .recipe-panel h3,
1384      .recipe-picker button b, .blog-heading h2, .blog-feature h3, .blog-row h3,
1385      .footer h3, .footer h4 {
1386        font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
1387      }
1388
1389      /* Collections page: full-width banner */
1390      .pp-col-v2 .ppcv2-hero-grid { grid-template-columns: 1fr !important; }
1391      .pp-col-v2 .ppcv2-hero-right { display: none !important; }
1392      /* Product page: hide recipe badges */
1393      #pp-pdp .pdp-recipe-badges { display: none !important; }
1394    </style>
1395
1396    
1397
1398    
1398<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1398<meta name="google-site-verification" content="-lKEhZo8ZQWXeDbOHcYC_YEdhkMmodK85dZfT1Hut2g">
1399<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/95521374497/digital_wallets/dialog">
1400<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/52894999642401:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://polkapop.in/products/blueberry-sparkling-water-300ml-each-packs-of-12-24.oembed">
1401<script async="async" src="/checkouts/internal/preloads.js?locale=en-IN"></script>
vendor: 1 bytes, line 1401
1401
1402<script id="shopify-features" type="application/json">{"accessToken":"c929778995f73f3125a46df43d4daa8a","betas":["rich-media-storefront-analytics"],"domain":"polkapop.in","predictiveSearch":true,"shopId":95521374497,"locale":"en"}</script>
vendor: 1 bytes, line 1402
1402
1403<script>var Shopify = Shopify || {};
1404Shopify.shop = "9zdryq-3r.myshopify.com";
1405Shopify.locale = "en";
1406Shopify.currency = {"active":"INR","rate":"1.0"};
1407Shopify.country = "IN";
1408Shopify.theme = {"name":"polkapop orginal copy theme","id":189252960545,"schema_name":"Horizon","schema_version":"2.1.6","theme_store_id":2481,"role":"main"};
1409Shopify.theme.handle = "null";
1410Shopify.theme.style = {"id":null,"handle":null};
1411Shopify.cdnHost = "polkapop.in/cdn";
1412Shopify.routes = Shopify.routes || {};
1413Shopify.routes.root = "/";
1414Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1415Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1416Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1417Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1417
1417
1418<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1418
1418
1419<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1419
1419
1420<script>
1421  window.Shopify = window.Shopify || {};
1422  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1423  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1424  window.Shopify.SignInWithShop.eligible = false;
1425</script>
vendor: 1 bytes, line 1425
1425
1426<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1426
1426
1427<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1427
1427
1428<script type="module">
1429  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1430
1431  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1432
1433</script>
vendor: 1 bytes, line 1433
1433
1434<script id="__st">var __st={"a":95521374497,"offset":19800,"reqid":"e3b54a67-8eba-49d5-ae2d-d77d8b9ded61-1791413967","pageurl":"polkapop.in\/products\/blueberry-sparkling-water-300ml-each-packs-of-12-24","u":"a9d3ec9e91f4","p":"product","rtyp":"product","rid":10383734767905};</script>
vendor: 1 bytes, line 1434
1434
1435<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1435
1435
1436<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1436
1436
1437<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//polkapop.in/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1437
1437
1438<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//polkapop.in/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1438<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1438
1438
1439<script>
1440  window.Shopify = window.Shopify || {};
1441  window.Shopify.MCP = window.Shopify.MCP || {};
1442  window.Shopify.MCP.enabled = true;
1443  window.Shopify.MCP.shop = "9zdryq-3r.myshopify.com";
1444  window.Shopify.MCP.mcpEndpoint = "https:\/\/polkapop.in\/api\/mcp";
1445  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1446</script>
vendor: 1 bytes, line 1446
1446
1447<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/polkapop.in\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1448</script>
vendor: 1 bytes, line 1448
1448
1449<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://polkapop.in/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1450</script>
vendor: 1 bytes, line 1450
1450
1451<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1452  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1453</script>
vendor: 1 bytes, line 1453
1453
1454<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1455</script>
1455
1456<link rel="stylesheet" media="screen" href="//polkapop.in/cdn/shop/t/9/compiled_assets/styles.css?v=81825003745589725621791191573">
1457<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1457
1458  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1459<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 95521374497,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1459
1459
1460<script>
1461  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1462</script>
vendor: 1 bytes, line 1462
1462
1463<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1463).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 95521374497,storefrontBaseUrl: "https://polkapop.in",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://polkapop.in/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2917564705","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-SPQTL8G70Q\\\",\\\"GT-MRLGTM5K\\\",\\\"GT-T94VPNCC\\\",\\\"GTM-WK884QJT\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-SPQTL8G70Q\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-M5H4YD2HZJ\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-SPQTL8G70Q\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-M5H4YD2HZJ\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-M5H4YD2HZJ\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-SPQTL8G70Q\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-SPQTL8G70Q\\\",\\\"MC-BRWWHXX8WP\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-SPQTL8G70Q\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2883846433","configuration":"{\"pixel_id\":\"616645772382418\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Polkapop","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"9zdryq-3r.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/polkapop.in"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":480.0,"currencyCode":"INR"},"product":{"title":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","vendor":"Polka Pop Sparkling Water","id":"10383734767905","untranslatedTitle":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/blueberry-sparkling-water-300ml-each-packs-of-12-24","type":""},"id":"52894999642401","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"},"sku":"PPOP0112","title":"Pack of 12","untranslatedTitle":"Pack of 12"},{"price":{"amount":960.0,"currencyCode":"INR"},"product":{"title":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","vendor":"Polka Pop Sparkling Water","id":"10383734767905","untranslatedTitle":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/blueberry-sparkling-water-300ml-each-packs-of-12-24","type":""},"id":"52894999675169","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"},"sku":"PPOP0124","title":"Pack of 24","untranslatedTitle":"Pack of 24"}
1463],"products":[{"id":"10383734767905","handle":"blueberry-sparkling-water-300ml-each-packs-of-12-24","isCollective":null,"title":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","type":null,"untranslatedTitle":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/blueberry-sparkling-water-300ml-each-packs-of-12-24","vendor":"Polka Pop Sparkling Water","remoteShopId":null,"variants":[{"id":"52894999642401","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"},"price":{"amount":480.0,"currencyCode":"INR"},"sku":"PPOP0112","title":"Pack of 12","untranslatedTitle":"Pack of 12"},{"id":"52894999675169","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852"},"price":{"amount":960.0,"currencyCode":"INR"},"sku":"PPOP0124","title":"Pack of 24","untranslatedTitle":"Pack of 24"}]},{"id":"10127962145057","handle":"cranberry-sparkling-water-300ml-each-packs-of-12-24","isCollective":null,"title":"Cranberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","type":null,"untranslatedTitle":"Cranberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/cranberry-sparkling-water-300ml-each-packs-of-12-24","vendor":"Polka Pop Sparkling Water","remoteShopId":null,"variants":[{"id":"51804082766113","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_1_dad86d37-2d79-4663-8001-39c4eec5cf43.png?v=1789100389"},"price":{"amount":480.0,"currencyCode":"INR"},"sku":"PPOP0312","title":"Pack of 12","untranslatedTitle":"Pack of 12"}]},{"id":"10127957590305","handle":"lemon-lime-sparkling-water-300ml-each-packs-of-12-24","isCollective":null,"title":"Lemon-Lime Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","type":null,"untranslatedTitle":"Lemon-Lime Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/lemon-lime-sparkling-water-300ml-each-packs-of-12-24","vendor":"Polka Pop Sparkling Water","remoteShopId":null,"variants":[{"id":"51804062613793","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_10.png?v=1789036239"},"price":{"amount":480.0,"currencyCode":"INR"},"sku":"PPOP0412","title":"Pack of 12","untranslatedTitle":"Pack of 12"}]},{"id":"10127948120353","handle":"polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy","isCollective":null,"title":"Orange Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","type":null,"untranslatedTitle":"Orange Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy","vendor":"Polka Pop Sparkling Water","remoteShopId":null,"variants":[{"id":"51803952218401","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_8.png?v=1789033344"},"price":{"amount":480.0,"currencyCode":"INR"},"sku":"PPOP0212","title":"Pack of 12","untranslatedTitle":"Pack of 12"}]},{"id":"10127947170081","handle":"polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives","isCollective":null,"title":"Peach Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","type":null,"untranslatedTitle":"Peach Sparkling Water | (300ml Each) | Packs of 12 \u0026 24","url":"\/products\/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives","vendor":"Polka Pop Sparkling Water","remoteShopId":null,"variants":[{"id":"51803946025249","image":{"src":"\/\/polkapop.in\/cdn\/shop\/files\/1_2_ac87ff53-0a02-4722-9807-9ec7df80e805.png?v=1789115379"},"price":{"amount":480.0,"currencyCode":"INR"},"sku":"PPOP0512","title":"Pack of 12","untranslatedTitle":"Pack of 12"}]}],"purchasingCompany":null},},"https://polkapop.in/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189252960545","themeStoreId":"2481","themePublished":"true","eventMetadataId":"dd6ab4e5-ef58-4883-a952-53a57e51dcaf","pageType":"product","resourceId":"10383734767905","shopId":"95521374497","storefrontBaseUrl":"https:\/\/polkapop.in","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":480.0,\"currencyCode\":\"INR\"},\"product\":{\"title\":\"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24\",\"vendor\":\"Polka Pop Sparkling Water\",\"id\":\"10383734767905\",\"untranslatedTitle\":\"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24\",\"url\":\"\/products\/blueberry-sparkling-water-300ml-each-packs-of-12-24\",\"type\":\"\"},\"id\":\"52894999642401\",\"image\":{\"src\":\"\/\/polkapop.in\/cdn\/shop\/files\/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852\"},\"sku\":\"PPOP0112\",\"title\":\"Pack of 12\",\"untranslatedTitle\":\"Pack of 12\"}}]]"});})();</script>
1463<script>
1464  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1465  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1466  window.ShopifyAnalytics.meta.currency = 'INR';
1467  var meta = {"product":{"id":10383734767905,"gid":"gid:\/\/shopify\/Product\/10383734767905","vendor":"Polka Pop Sparkling Water","type":"","handle":"blueberry-sparkling-water-300ml-each-packs-of-12-24","variants":[{"id":52894999642401,"price":48000,"name":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24 - Pack of 12","public_title":"Pack of 12","sku":"PPOP0112"},{"id":52894999675169,"price":96000,"name":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24 - Pack of 24","public_title":"Pack of 24","sku":"PPOP0124"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10383734767905,"requestId":"e3b54a67-8eba-49d5-ae2d-d77d8b9ded61-1791413967"}};
1468  for (var attr in meta) {
1469    window.ShopifyAnalytics.meta[attr] = meta[attr];
1470  }
1471</script>
vendor: 1 bytes, line 1471
1471
1472<script class="analytics">
1473  (function () {
1474    var customDocumentWrite = function(content) {
1475      var jquery = null;
1476
1477      if (window.jQuery) {
1478        jquery = window.jQuery;
1479      } else if (window.Checkout && window.Checkout.$) {
1480        jquery = window.Checkout.$;
1481      }
1482
1483      if (jquery) {
1484        jquery('body').append(content);
1485      }
1486    };
1487
1488    var hasLoggedConversion = function(token) {
1489      if (token) {
1490        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1491      }
1492      return false;
1493    }
1494
1495    var setCookieIfConversion = function(token) {
1496      if (token) {
1497        var twoMonthsFromNow = new Date(Date.now());
1498        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1499
1500        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1501      }
1502    }
1503
1504    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1505    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1506    if (trekkie.integrations) {
1507      return;
1508    }
1509    trekkie.methods = [
1510      'identify',
1511      'page',
1512      'ready',
1513      'track',
1514      'trackForm',
1515      'trackLink'
1516    ];
1517    trekkie.factory = function(method) {
1518      return function() {
1519        var args = Array.prototype.slice.call(arguments);
1520        args.unshift(method);
1521        trekkie.push(args);
1522        if (method == 'track' || method == 'page') {
1523          var pageUrl;
1524          try {
1525            pageUrl = window.location.href;
1526          } catch (e) {}
1527          var pageReferrer;
1528          try {
1529            pageReferrer = document.referrer;
1530          } catch (e) {}
1531          try {
1532            if (window.__TREKKIE_SHIM_QUEUE == null) {
1533              window.__TREKKIE_SHIM_QUEUE = [];
1534            }
1535            window.__TREKKIE_SHIM_QUEUE.push({
1536              from: 'trekkie-stub',
1537              method: method,
1538              args: args.slice(1),
1539              pageContext: {
1540                url: pageUrl,
1541                referrer: pageReferrer
1542              }
1543            });
1544          } catch (e) {
1545            // no-op
1546          }
1547        }
1548        return trekkie;
1549      };
1550    };
1551    for (var i = 0; i < trekkie.methods.length; i++) {
1552      var key = trekkie.methods[i];
1553      trekkie[key] = trekkie.factory(key);
1554    }
1555    trekkie.load = function(config) {
1556      trekkie.config = config || {};
1557      trekkie.config.initialDocumentCookie = document.cookie;
1558      var first = document.getElementsByTagName('script')[0];
1559var script = document.createElement('script');
1560script.type = 'text/javascript';
1561script.onerror = function(e) {
1562  var scriptFallback = document.createElement('script');
1563  scriptFallback.type = 'text/javascript';
1564  scriptFallback.onerror = function(error) {
1565          var Monorail = {
1566      produce: function produce(monorailDomain, schemaId, payload) {
1567        var currentMs = new Date().getTime();
1568        var event = {
1569          schema_id: schemaId,
1570          payload: payload,
1571          metadata: {
1572            event_created_at_ms: currentMs,
1573            event_sent_at_ms: currentMs
1574          }
1575        };
1576        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1577      },
1578      sendRequest: function sendRequest(endpointUrl, payload) {
1579        // Try the sendBeacon API
1580        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1581          var blobData = new window.Blob([payload], {
1582            type: 'text/plain'
1583          });
1584
1585          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1586            return true;
1587          } // sendBeacon was not successful
1588
1589        } // XHR beacon
1590
1591        var xhr = new XMLHttpRequest();
1592
1593        try {
1594          xhr.open('POST', endpointUrl);
1595          xhr.setRequestHeader('Content-Type', 'text/plain');
1596          xhr.send(payload);
1597        } catch (e) {
1598          console.log(e);
1599        }
1600
1601        return false;
1602      },
1603      isIos12: function isIos12() {
1604        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1605      }
1606    };
1607    Monorail.produce('monorail-edge.shopifysvc.com',
1608      'trekkie_storefront_load_errors/1.1',
1609      {shop_id: 95521374497,
1610      theme_id: 189252960545,
1611      app_name: "storefront",
1612      context_url: window.location.href,
1613      source_url: "//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1614
1615  };
1616  scriptFallback.async = true;
1617  scriptFallback.src = '//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1618  first.parentNode.insertBefore(scriptFallback, first);
1619};
1620script.async = true;
1621script.src = '//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1622first.parentNode.insertBefore(script, first);
1623
1624    };
1625    trekkie.load(
1626      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95521374497,"isMerchantRequest":null,"themeId":189252960545,"themeCityHash":"6595076992717033771","contentLanguage":"en","currency":"INR","eventMetadataId":"dd6ab4e5-ef58-4883-a952-53a57e51dcaf"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1627    );
1628
1629    var loaded = false;
1630    trekkie.ready(function() {
1631      if (loaded) return;
1632      loaded = true;
1633
1634      window.ShopifyAnalytics.lib = window.trekkie;
1635
1636      var originalDocumentWrite = document.write;
1637      document.write = customDocumentWrite;
1638      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1639      document.write = originalDocumentWrite;
1640
1641      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1642      var token = match? match[1]: undefined;
1643      if (!hasLoggedConversion(token)) {
1644        setCookieIfConversion(token);
1645        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"INR","variantId":52894999642401,"productId":10383734767905,"productGid":"gid:\/\/shopify\/Product\/10383734767905","name":"Blueberry Sparkling Water | (300ml Each) | Packs of 12 \u0026 24 - Pack of 12","price":"480.00","sku":"PPOP0112","brand":"Polka Pop Sparkling Water","variant":"Pack of 12","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1646      }
1647    });
1648
1649    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10383734767905,"requestId":"e3b54a67-8eba-49d5-ae2d-d77d8b9ded61-1791413967","shopifyEmitted":true});
1650
1651    var eventsListenerScript = document.createElement('script');
1652    eventsListenerScript.async = true;
1653    eventsListenerScript.src = "//polkapop.in/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1654    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1655})();</script>
vendor: 1 bytes, line 1655
1655
1656<script
1657  defer
1658  src="https://polkapop.in/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1659  data-application="storefront-renderer"
1660  data-shop-id="95521374497"
1661  data-render-region="gcp-us-central1"
1662  data-page-type="product"
1663  data-theme-instance-id="189252960545"
1664  data-theme-name="Horizon"
1665  data-theme-version="2.1.6"
1666  data-monorail-region="shop_domain"
1667  data-resource-timing-sampling-rate="10"
1668  data-shs="true"
1669  data-shs-beacon="true"
1670  data-shs-export-with-fetch="true"
1671  data-shs-logs-sample-rate="1"
1672  data-shs-beacon-endpoint="https://polkapop.in/api/collect"
1673></script>
1673
1674<meta name="shopify-y" content="26e12d42-0326-4c95-8eaf-9401b5f3e390" data-expiration="1822971567000"><meta name="shopify-s" content="e3d19dbe-f33b-48cb-bb50-1aba24726d56" data-expiration="1791415767000"><meta name="new-cookie-storage-activated" content="t">
1675</head>
1676
1677  <body class="page-width-narrow card-hover-effect-none">
1678    <a
1679  class="skip-to-content-link button-secondary"
1680  href="#MainContent"
1681>
1682  Skip to content
1683</a>
1684
1685<div id="header-group">
1686      
1687<header class="ppcv2-header">
1688  <div class="ppcv2-container ppcv2-nav">
1689    <button class="ppcv2-hamburger" type="button" aria-label="Open menu" aria-expanded="false">
1690      <svg class="ppcv2-ham-open" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
1691      <svg class="ppcv2-ham-close" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="6" y1="18" x2="18" y2="6"></line></svg>
1692    </button>
1693    <a class="ppcv2-brand" href="/" aria-label="Polka Pop home">
1694      <img src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/pp-collection-logo.png?v=1785648309&width=128" alt="Polka Pop logo" width="112" height="112" fetchpriority="high" style="height:56px;width:auto;display:block;">
1695    </a>
1696    <nav class="ppcv2-nav-links" aria-label="Primary navigation">
1697      <a href="/">Home</a>
1698      <a href="/collections/all">Collections</a>
1699      <div class="ppcv2-dropdown">
1700        <button class="ppcv2-dropdown-toggle" type="button" aria-expanded="false" aria-haspopup="true">Products</button>
1701        <div class="ppcv2-dropdown-menu">
1702          <a href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Blueberry</a>
1703          <a href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24">Cranberry</a>
1704          <a href="/products/peach-sparkling-water-300ml-each-packs-of-12-24-copy">Lemon</a>
1705          <a href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives">Peach</a>
1706          <a href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy">Orange</a>
1707        </div>
1708      </div>
1709    </nav>
1710    <div class="ppcv2-nav-icons">
1711      <a class="ppcv2-icon" href="/search" aria-label="Search">
1712        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"></circle><line x1="20.5" y1="20.5" x2="16.5" y2="16.5"></line></svg>
1713      </a>
1714      <a class="ppcv2-icon" href="/pages/wishlist" aria-label="Wishlist">
1715        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 20.4C6.9 16.8 3.4 13.6 3.4 9.7c0-2.4 1.9-4.2 4.2-4.2 1.5 0 2.9.8 3.7 2.1l.7 1 .7-1c.8-1.3 2.2-2.1 3.7-2.1 2.3 0 4.2 1.8 4.2 4.2 0 3.9-3.5 7.1-8.6 10.7z"></path></svg>
1716      </a>
1717      <a class="ppcv2-icon ppcv2-cart" href="/cart" aria-label="Cart">
1718        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 4h2l2.1 10.4a1.3 1.3 0 0 0 1.3 1.1h7.6a1.3 1.3 0 0 0 1.3-1L20.4 8H6.3"></path><circle cx="9.5" cy="20" r="1.5"></circle><circle cx="17.5" cy="20" r="1.5"></circle></svg></a>
1719    </div>
1720  </div>
1721
1722  <!-- Mobile menu panel -->
1723  <div class="ppcv2-mobile-menu" id="ppcv2MobileMenu">
1724    <nav class="ppcv2-mobile-nav" aria-label="Mobile navigation">
1725      <a href="/">Home</a>
1726      <a href="/collections/all">Collections</a>
1727      <div class="ppcv2-mobile-accordion">
1728        <button class="ppcv2-mobile-accordion-toggle" type="button" aria-expanded="false">
1729          Products
1730          <svg class="ppcv2-mobile-chevron" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><polyline points="6 9 12 15 18 9"></polyline></svg>
1731        </button>
1732        <div class="ppcv2-mobile-accordion-panel">
1733          <a href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Blueberry</a>
1734          <a href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24">Cranberry</a>
1735          <a href="/products/peach-sparkling-water-300ml-each-packs-of-12-24-copy">Lemon</a>
1736          <a href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives">Peach</a>
1737          <a href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy">Orange</a>
1738        </div>
1739      </div>
1740    </nav>
1741  </div>
1742</header>
1743
1744<style>
1745  .ppcv2-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(248,248,236,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,123,86,.12);font-family:'Montserrat',Arial,sans-serif;color:#111827}
1746  .ppcv2-header *{box-sizing:border-box}
1747  .ppcv2-header a{color:#111827;text-decoration:none}
1748  .ppcv2-header img{display:block;max-width:100%}
1749  .ppcv2-header .ppcv2-container{width:min(1440px,calc(100% - 40px));margin-inline:auto}
1750  .ppcv2-header .ppcv2-nav{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
1751  .ppcv2-header .ppcv2-brand{display:inline-flex;align-items:center}
1752  .ppcv2-header .ppcv2-nav-links{display:flex;justify-self:center;gap:30px;font-size:14px;font-weight:600;align-items:center}
1753  .ppcv2-header .ppcv2-nav-links>a{position:relative;display:inline-flex;align-items:center}
1754  .ppcv2-header .ppcv2-nav-links>a:hover{color:#0b7b56}
1755  .ppcv2-header .ppcv2-nav-links>a::after{content:"";display:inline-block;width:.62em;height:.62em;margin-left:6px;background-color:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
1756  .ppcv2-header .ppcv2-nav-links>a:hover::after{transform:rotate(180deg)}
1757  .ppcv2-header .ppcv2-nav-links>a:last-child::after{display:none}
1758
1759  /* Hamburger button — hidden on desktop */
1760  .ppcv2-hamburger{display:none;background:none;border:none;cursor:pointer;padding:0;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;color:#111827;transition:background .2s ease}
1761  .ppcv2-hamburger:hover{background:rgba(11,123,86,.08)}
1762  .ppcv2-hamburger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
1763  /* FIX: Force hide close icon by default, show only when expanded */
1764  .ppcv2-ham-open{display:block!important}
1765  .ppcv2-ham-close{display:none!important}
1766  .ppcv2-hamburger[aria-expanded="true"] .ppcv2-ham-open{display:none!important}
1767  .ppcv2-hamburger[aria-expanded="true"] .ppcv2-ham-close{display:block!important}
1768
1769  /* Desktop Products dropdown */
1770  .ppcv2-dropdown{position:relative;display:inline-flex;align-items:center}
1771  .ppcv2-dropdown-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:#111827;padding:0;display:inline-flex;align-items:center;gap:0;line-height:1}
1772  .ppcv2-dropdown-toggle:hover{color:#0b7b56}
1773  .ppcv2-dropdown-toggle::after{content:"";display:inline-block;width:.62em;height:.62em;margin-left:6px;background-color:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
1774  .ppcv2-dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
1775  .ppcv2-dropdown-toggle[aria-expanded="true"]{color:#0b7b56}
1776  .ppcv2-dropdown-menu{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:8px 0;min-width:160px;z-index:50;flex-direction:column}
1777  .ppcv2-dropdown.is-open .ppcv2-dropdown-menu{display:flex}
1778  .ppcv2-dropdown-menu a{display:block;padding:10px 20px;font-size:13px;font-weight:600;color:#111827;white-space:nowrap;transition:background .15s ease,color .15s ease}
1779  .ppcv2-dropdown-menu a:hover{background:#f0f9eb;color:#0b7b56}
1780
1781  /* Mobile menu panel */
1782  .ppcv2-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(248,248,236,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,123,86,.12);box-shadow:0 12px 32px rgba(0,0,0,.1);z-index:50;max-height:0;overflow:hidden;transition:max-height .35s ease}
1783  .ppcv2-mobile-menu.is-open{max-height:500px}
1784  .ppcv2-mobile-nav{padding:8px 20px 20px;display:flex;flex-direction:column;gap:0}
1785  .ppcv2-mobile-nav>a{display:block;padding:14px 0;font-size:15px;font-weight:700;color:#111827;border-bottom:1px solid rgba(11,123,86,.08)}
1786  .ppcv2-mobile-nav>a:hover{color:#0b7b56}
1787
1788  /* Mobile accordion for Products */
1789  .ppcv2-mobile-accordion{border-bottom:1px solid rgba(11,123,86,.08)}
1790  .ppcv2-mobile-accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;font-size:15px;font-weight:700;color:#111827;background:none;border:none;cursor:pointer;font-family:inherit}
1791  .ppcv2-mobile-accordion-toggle:hover{color:#0b7b56}
1792  .ppcv2-mobile-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
1793  .ppcv2-mobile-accordion-toggle[aria-expanded="true"] .ppcv2-mobile-chevron{transform:rotate(180deg)}
1794  .ppcv2-mobile-accordion-panel{display:none;padding:0 0 8px 16px;flex-direction:column;gap:0}
1795  .ppcv2-mobile-accordion-panel.is-open{display:flex}
1796  .ppcv2-mobile-accordion-panel a{display:block;padding:10px 0;font-size:14px;font-weight:600;color:#444;border-bottom:1px solid rgba(11,123,86,.05)}
1797  .ppcv2-mobile-accordion-panel a:last-child{border-bottom:none}
1798  .ppcv2-mobile-accordion-panel a:hover{color:#0b7b56}
1799
1800  .ppcv2-header .ppcv2-nav-icons{display:flex;justify-self:end;gap:16px;align-items:center}
1801  .ppcv2-header .ppcv2-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#111827;position:relative;transition:background .2s ease}
1802  .ppcv2-header .ppcv2-icon:hover{background:#ecf5de}
1803  .ppcv2-header .ppcv2-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
1804  .ppcv2-header .ppcv2-cart-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#0b7b56;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}
1805
1806  /* Mobile layout */
1807  @media(max-width:700px){
1808    .ppcv2-header .ppcv2-nav{height:64px;grid-template-columns:38px 1fr auto;gap:12px}
1809    .ppcv2-hamburger{display:flex}
1810    .ppcv2-header .ppcv2-brand{justify-self:center}
1811    .ppcv2-header .ppcv2-brand img{height:44px!important}
1812    .ppcv2-header .ppcv2-nav-links{display:none}
1813    .ppcv2-header .ppcv2-nav-icons{gap:8px}
1814    .ppcv2-header .ppcv2-icon{width:30px;height:30px}
1815    .ppcv2-header .ppcv2-icon svg{width:19px;height:19px}
1816    .ppcv2-mobile-menu{display:block}
1817  }
1818</style>
1819
1820<script>
1821(function(){
1822  /* Desktop Products dropdown */
1823  var dropdown = document.querySelector('.ppcv2-dropdown');
1824  var toggle = document.querySelector('.ppcv2-dropdown-toggle');
1825  if (dropdown && toggle) {
1826    toggle.addEventListener('click', function(e) {
1827      e.preventDefault();
1828      var open = dropdown.classList.toggle('is-open');
1829      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
1830    });
1831    document.addEventListener('click', function(e) {
1832      if (!dropdown.contains(e.target)) {
1833        dropdown.classList.remove('is-open');
1834        toggle.setAttribute('aria-expanded', 'false');
1835      }
1836    });
1837  }
1838
1839  /* Mobile hamburger menu */
1840  var hamburger = document.querySelector('.ppcv2-hamburger');
1841  var mobileMenu = document.getElementById('ppcv2MobileMenu');
1842  if (hamburger && mobileMenu) {
1843    hamburger.addEventListener('click', function() {
1844      var isOpen = mobileMenu.classList.toggle('is-open');
1845      hamburger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
1846      hamburger.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');
1847    });
1848    document.addEventListener('click', function(e) {
1849      if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {
1850        mobileMenu.classList.remove('is-open');
1851        hamburger.setAttribute('aria-expanded', 'false');
1852        hamburger.setAttribute('aria-label', 'Open menu');
1853      }
1854    });
1855  }
1856
1857  /* Mobile Products accordion */
1858  var accToggle = document.querySelector('.ppcv2-mobile-accordion-toggle');
1859  var accPanel = document.querySelector('.ppcv2-mobile-accordion-panel');
1860  if (accToggle && accPanel) {
1861    accToggle.addEventListener('click', function() {
1862      var isOpen = accPanel.classList.toggle('is-open');
1863      accToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
1864    });
1865  }
1866})();
1867</script>
1867
1868
1869    </div>
1870
1871    
1871<script
1872      src="//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573"
1873      type="module"
1874      async
1875      blocking="render"
1876    ></script>
1876
1877
1878    <main
1879      id="MainContent"
1880      class="content-for-layout"
1881      role="main"
1882      data-page-transition-enabled="false"
1883      data-product-transition="false"
1884      data-template="product"
1885    >
1886      <div id="shopify-section-template--27566130397473__polkapop-style-base" class="shopify-section"><div id="polkapop-style-base-template--27566130397473__polkapop-style-base" class="polkapop-style-base" style="--pp-green: #0d7146; --pp-lime: #d8ff3e; --pp-cream: #fffdf0; --pp-ink: #24110d;"></div>
1887
1888
1889
1890
1891</div><section id="shopify-section-template--27566130397473__main" class="shopify-section polkapop-pdp-section"><style>body:has(#pp-pdp) .shopify-section-group-header-group,
1892body:has(#pp-pdp) .shopify-section-group-footer-group,
1893body:has(#pp-pdp) header.shopify-section,
1894body:has(#pp-pdp) footer.shopify-section,
1895body:has(#pp-pdp) .announcement-bar,
1896body:has(#pp-pdp) .announcement-bar-section,
1897body:has(#pp-pdp) .header,
1898body:has(#pp-pdp) .footer{display:none!important}
1899body:has(#pp-pdp){background:#fbf8ee}
1900/* Fix sticky gallery: any ancestor with overflow:hidden/auto creates a scroll
1901   container that traps position:sticky. Force clip/visible on ALL ancestors
1902   between the viewport and the sticky gallery. */
1903html:has(#pp-pdp),
1904body:has(#pp-pdp),
1905body:has(#pp-pdp) #MainContent,
1906body:has(#pp-pdp) main,
1907body:has(#pp-pdp) .main-content,
1908body:has(#pp-pdp) .shopify-section,
1909body:has(#pp-pdp) .shopify-section--main,
1910body:has(#pp-pdp) [id^="shopify-section"],
1911body:has(#pp-pdp) .content-for-layout,
1912body:has(#pp-pdp) #content,
1913body:has(#pp-pdp) .page-width,
1914body:has(#pp-pdp) .page-container{overflow-x:clip!important;overflow-y:visible!important}
1915#pp-pdp{display:block}
1916#pp-pdp{
1917      --ink:#102a24;
1918      --muted:#5e6d68;
1919      --blue:#2f79cf;
1920      --blue-deep:#17589f;
1921      --blue-soft:#eaf4ff;
1922      --lime:#c9f249;
1923      --green:#08784f;
1924      --green-deep:#04573b;
1925      --cream:#fbf8ee;
1926      --cream-2:#f3efdf;
1927      --white:#ffffff;
1928      --line:rgba(16,42,36,.15);
1929      --shadow:0 18px 55px rgba(17,52,44,.10);
1930      --radius:22px;
1931    }
1932#pp-pdp *{box-sizing:border-box}
1933#pp-pdp{scroll-behavior:smooth}
1934#pp-pdp{
1935      margin:0;
1936      color:var(--ink);
1937      background:var(--cream);
1938      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
1939      line-height:1.55;
1940    }
1941#pp-pdp button,#pp-pdp input{font:inherit}
1942#pp-pdp a{color:inherit;text-decoration:none}
1943#pp-pdp img{display:block;max-width:100%}
1944#pp-pdp .container{width:min(1180px, calc(100% - 40px));margin-inline:auto}
1945#pp-pdp .announcement{
1946      min-height:36px;
1947      display:flex;align-items:center;justify-content:center;
1948      background:var(--green-deep);color:white;
1949      font-size:12px;letter-spacing:.05em;text-transform:uppercase;
1950    }
1951#pp-pdp .site-header{
1952      position:sticky;top:0;z-index:30;
1953      background:rgba(251,248,238,.92);
1954      backdrop-filter:blur(16px);
1955      border-bottom:1px solid var(--line);
1956    }
1957#pp-pdp .nav{
1958      height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;
1959    }
1960#pp-pdp .brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em;font-size:20px}
1961#pp-pdp .brand-mark{
1962      width:38px;height:38px;border-radius:50%;background:var(--blue);
1963      display:grid;place-items:center;color:white;font-size:14px;box-shadow:inset 0 0 0 7px rgba(255,255,255,.15)
1964    }
1965#pp-pdp .nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}
1966#pp-pdp .nav-actions{display:flex;gap:8px}
1967#pp-pdp .icon-btn{
1968      width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:50%;
1969      display:grid;place-items:center;cursor:pointer;position:relative;transition:.2s ease;
1970    }
1971#pp-pdp .icon-btn:hover{transform:translateY(-2px);border-color:var(--blue)}
1972#pp-pdp .cart-badge{position:absolute;top:-3px;right:-3px;background:var(--lime);min-width:18px;height:18px;border-radius:999px;font-size:10px;font-weight:900;display:grid;place-items:center}
1973#pp-pdp .breadcrumb{padding:20px 0 14px;font-size:12px;color:var(--muted)}
1974#pp-pdp .breadcrumb span{opacity:.55;padding:0 7px}
1975#pp-pdp .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:42px;align-items:start;padding:8px 0 42px}
1976#pp-pdp .gallery-wrap{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;position:-webkit-sticky;position:sticky;top:100px;align-self:start;height:-webkit-max-content;height:max-content}
1977#pp-pdp .thumbs{display:flex;flex-direction:column;gap:12px}
1978#pp-pdp .thumb{
1979      aspect-ratio:1;border:1px solid var(--line);border-radius:16px;background:white;padding:7px;cursor:pointer;
1980      transition:.2s ease;overflow:hidden;display:grid;place-items:center;
1981    }
1982#pp-pdp .thumb.active{border:2px solid var(--blue);box-shadow:0 8px 25px rgba(47,121,207,.12)}
1983#pp-pdp .thumb img{width:100%;height:100%;object-fit:contain}
1984#pp-pdp .thumb .detail-chip{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center}
1985#pp-pdp .product-stage{
1986      width:100%;aspect-ratio:1 / 1;min-height:0;border-radius:30px;background:
1987      radial-gradient(circle at 76% 18%, rgba(255,255,255,.95) 0 8%, transparent 9%),
1988      radial-gradient(circle at 22% 72%, rgba(255,255,255,.92) 0 5%, transparent 6%),
1989      linear-gradient(145deg,#edf7ff,#d9ebff 54%,#eef9ef);
1990      position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(47,121,207,.13);
1991    }
1992#pp-pdp .product-stage::before,#pp-pdp .product-stage::after{
1993      content:"";position:absolute;border-radius:50%;filter:blur(.2px);opacity:.95;
1994      background:linear-gradient(145deg,#3b7bd6,#173e91);
1995      box-shadow:inset -7px -8px 14px rgba(7,22,75,.22), inset 5px 4px 10px rgba(255,255,255,.18);
1996    }
1997#pp-pdp .product-stage::before{width:74px;height:74px;left:8%;top:12%}
1998#pp-pdp .product-stage::after{width:48px;height:48px;right:8%;bottom:14%}
1999#pp-pdp .bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.26);animation:float 6s ease-in-out infinite}
2000#pp-pdp .b1{width:18px;height:18px;left:19%;bottom:18%}
2001#pp-pdp .b2{width:28px;height:28px;right:18%;top:22%;animation-delay:-2s}
2002#pp-pdp .b3{width:12px;height:12px;right:28%;bottom:29%;animation-delay:-4s}
2003@keyframes float{50%{transform:translateY(-18px)}}
2004#pp-pdp .hero-product{
2005      width:min(64%,430px);filter:drop-shadow(0 34px 32px rgba(18,59,105,.22));
2006      transform-origin:center;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s ease;z-index:2;
2007    }
2008#pp-pdp .hero-product.lifestyle-image{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;filter:none;background:#fff}
2009#pp-pdp .hero-product.bottle-image{width:min(64%,430px);height:auto;object-fit:contain}
2010#pp-pdp .product-stage.primary-photo{background:#fff;padding:0}
2011#pp-pdp .product-stage.primary-photo::before,#pp-pdp .product-stage.primary-photo::after,#pp-pdp .product-stage.primary-photo .bubble,#pp-pdp .product-stage.primary-photo .stage-pill{display:none}
2012#pp-pdp .product-stage.primary-photo:hover .hero-product{transform:none;filter:none}
2013#pp-pdp .product-stage:not(.primary-photo):hover .hero-product{transform:scale(1.08) rotate(-1deg);filter:drop-shadow(0 42px 38px rgba(18,59,105,.28))}
2014#pp-pdp .zoom-note{position:absolute;left:18px;bottom:16px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-size:11px;color:var(--muted);backdrop-filter:blur(8px)}
2015#pp-pdp .stage-pill{position:absolute;right:18px;top:18px;background:var(--lime);padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
2016#pp-pdp .product-panel{padding:8px 0}
2017#pp-pdp .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
2018#pp-pdp .eyebrow::before{content:"";width:18px;height:2px;background:var(--green)}
2019#pp-pdp h1,#pp-pdp h2,#pp-pdp h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0}
2020#pp-pdp h1{font-size:clamp(42px,5vw,66px);margin-top:14px;letter-spacing:-.04em}
2021#pp-pdp .subtitle{font-size:18px;font-weight:800;color:var(--blue-deep);margin:8px 0 12px}
2022#pp-pdp .rating{display:flex;align-items:center;gap:10px;font-size:13px;margin:12px 0 17px}
2023#pp-pdp .stars{letter-spacing:2px;color:var(--green)}
2024#pp-pdp .price{display:flex;align-items:end;gap:12px;margin:0 0 16px}
2025#pp-pdp .price strong{font-size:28px}
2026#pp-pdp .price s{color:#8c9692}
2027#pp-pdp .tax{font-size:11px;color:var(--muted)}
2028#pp-pdp .lead{color:#42534e;font-size:14px;max-width:580px}
2029#pp-pdp .field-label{font-size:12px;font-weight:900;margin:22px 0 9px;display:flex;justify-content:space-between}
2030#pp-pdp .field-label small{font-weight:500;color:var(--muted)}
2031#pp-pdp .option-row{display:flex;gap:9px;flex-wrap:wrap}
2032#pp-pdp .option{
2033      min-width:74px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer;font-size:12px;font-weight:800;transition:.2s ease;
2034    }
2035#pp-pdp .option:hover,#pp-pdp .option.active{border-color:var(--green);background:#effaf5;box-shadow:inset 0 0 0 1px var(--green)}
2036#pp-pdp .purchase-row{display:flex;gap:12px;align-items:stretch;margin-top:22px}
2037#pp-pdp .qty{display:grid;grid-template-columns:38px 42px 38px;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}
2038#pp-pdp .qty button{border:0;background:white;cursor:pointer;font-size:18px}
2039#pp-pdp .qty output{display:grid;place-items:center;border-inline:1px solid var(--line);font-weight:800}
2040#pp-pdp .primary,#pp-pdp .secondary{border:0;border-radius:14px;padding:15px 18px;font-weight:900;cursor:pointer;transition:.2s ease}
2041#pp-pdp .primary{background:var(--green);color:white;flex:1}
2042#pp-pdp .primary:hover{background:var(--green-deep);transform:translateY(-2px)}
2043#pp-pdp .secondary{width:100%;margin-top:10px;background:var(--lime);color:var(--ink)}
2044#pp-pdp .secondary:hover{filter:brightness(.95)}
2045#pp-pdp .quick-commerce{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
2046#pp-pdp .quick-commerce-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}
2047#pp-pdp .quick-commerce-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
2048#pp-pdp .quick-commerce-head small{font-size:10px;color:var(--muted);text-align:right}
2049#pp-pdp .quick-commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
2050#pp-pdp .commerce-btn{min-height:54px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:9px 11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
2051#pp-pdp .commerce-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,42,36,.10);border-color:rgba(8,120,79,.35)}
2052#pp-pdp .commerce-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 30px;font-size:14px;font-weight:900}
2053#pp-pdp .commerce-copy{min-width:0;flex:1}
2054#pp-pdp .commerce-copy strong{display:block;font-size:11px;line-height:1.1}
2055#pp-pdp .commerce-copy small{display:block;margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap}
2056#pp-pdp .commerce-arrow{font-size:13px;color:var(--muted)}
2057#pp-pdp .commerce-btn.zepto .commerce-mark{background:#6f2cff;color:#fff}
2058#pp-pdp .commerce-btn.instamart .commerce-mark{background:#ff6b35;color:#fff}
2059#pp-pdp .commerce-btn.blinkit .commerce-mark{background:#f7df1e;color:#153f2f}
2060#pp-pdp .micro-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:14px}
2061#pp-pdp .micro-trust span{display:flex;align-items:center;gap:6px}
2062#pp-pdp .shipping-box{margin-top:20px;border:1px dashed rgba(8,120,79,.35);background:#f4fbf7;padding:13px 15px;border-radius:14px;font-size:12px}
2063#pp-pdp .pdp-detail-accordion{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
2064#pp-pdp .pdp-detail-accordion .acc-item{background:#fff;border:0;box-shadow:none}
2065#pp-pdp .pdp-detail-accordion .acc-item+.acc-item{border-top:1px solid var(--line)}
2066#pp-pdp .pdp-detail-accordion .acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:var(--ink);padding:18px 20px;font-family:inherit;font-size:15px;letter-spacing:0;font-weight:800;border:0;text-align:left;cursor:pointer;transition:background .2s ease;caret-color:transparent;user-select:none;-webkit-user-select:none}
2067#pp-pdp .pdp-detail-accordion .acc-head:hover{background:#f7faf7}
2068#pp-pdp .pdp-detail-accordion .acc-head span{caret-color:transparent;user-select:none;-webkit-user-select:none}
2069#pp-pdp .pdp-detail-accordion .accordion-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;transition:transform .22s ease;color:var(--green-deep)}
2070#pp-pdp .pdp-detail-accordion .accordion-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
2071#pp-pdp .pdp-detail-accordion .acc-body{display:none;padding:0 20px 18px;background:#fff;color:var(--muted);font-size:13px;line-height:1.65}
2072#pp-pdp .pdp-detail-accordion .acc-item.open .acc-body{display:block}
2073#pp-pdp .pdp-detail-accordion .acc-item.open .accordion-icon{transform:rotate(180deg)}
2074#pp-pdp{--section-space-y:40px}
2075#pp-pdp .section{padding:var(--section-space-y) 0}
2076#pp-pdp .trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
2077#pp-pdp .trust-item{background:white;padding:25px 22px;display:flex;align-items:center;gap:13px}
2078#pp-pdp .trust-icon{width:44px;height:44px;border-radius:15px;background:var(--blue-soft);color:var(--blue-deep);display:grid;place-items:center;font-weight:900}
2079#pp-pdp .trust-item strong{font-size:13px;display:block}
2080#pp-pdp .trust-item small{font-size:11px;color:var(--muted)}
2081#pp-pdp .section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--green);margin-bottom:10px;text-align:center}
2082#pp-pdp .section-title{font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;margin-bottom:17px}
2083#pp-pdp .flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
2084#pp-pdp .flavor-card{border:1px solid var(--line);background:white;border-radius:16px;padding:14px;min-height:100px;cursor:pointer;position:relative}
2085#pp-pdp .flavor-card.active{box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}
2086#pp-pdp .swatch{width:22px;height:22px;border-radius:50%;margin-bottom:18px}
2087#pp-pdp .blueberry{background:#326dc5}
2088#pp-pdp .cranberry{background:#d84c69}
2089#pp-pdp .lemon{background:#dcec42}
2090#pp-pdp .orange{background:#ef9140}
2091#pp-pdp .peach{background:#f4a59c}
2092#pp-pdp .flavor-card strong{font-size:12px}
2093#pp-pdp .flavor-card small{display:block;color:var(--muted);font-size:10px}
2094#pp-pdp .story{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:center}
2095#pp-pdp .story-visual{min-height:540px;border-radius:30px;background:linear-gradient(145deg,#e2f0ff,#eff8ec);position:relative;display:grid;place-items:center;overflow:hidden}
2096#pp-pdp .story-visual img{width:68%;filter:drop-shadow(0 30px 28px rgba(16,42,36,.18));z-index:2}
2097#pp-pdp .story-visual::before{content:"";width:260px;height:260px;border-radius:50%;background:rgba(201,242,73,.72);position:absolute;right:-70px;top:-60px}
2098#pp-pdp .story-visual::after{content:"Blueberry";position:absolute;left:25px;bottom:18px;font-family:Georgia,serif;font-size:42px;color:rgba(23,88,159,.17);font-style:italic}
2099#pp-pdp .story-copy p{color:#4c5d58;font-size:14px}
2100#pp-pdp .story-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
2101#pp-pdp .story-columns h3{font-size:19px}
2102#pp-pdp .story-columns ul{padding-left:18px;margin:10px 0 0;font-size:12px;color:#53645f}
2103#pp-pdp .story-columns li{margin:5px 0}
2104#pp-pdp .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
2105#pp-pdp .benefit{border-radius:18px;padding:22px;min-height:128px;border:1px solid rgba(8,120,79,.18);background:white;position:relative;overflow:hidden}
2106#pp-pdp .benefit:nth-child(2),#pp-pdp .benefit:nth-child(5){background:#dff1ff}
2107#pp-pdp .benefit:nth-child(3),#pp-pdp .benefit:nth-child(6){background:#e5f5db}
2108#pp-pdp .benefit::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;bottom:-36px;background:rgba(201,242,73,.45)}
2109#pp-pdp .benefit strong{display:block;margin-bottom:6px}
2110#pp-pdp .benefit p{font-size:12px;color:var(--muted);margin:0}
2111#pp-pdp .product-editorial{padding:18px 0 var(--section-space-y)}
2112#pp-pdp .product-editorial-intro{max-width:1180px;margin:0 auto 30px;color:#283e37;font-size:14px;line-height:1.75}
2113#pp-pdp .product-editorial-main{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;margin-bottom:34px}
2114#pp-pdp .product-editorial-visual{min-height:260px;border-radius:22px;background:linear-gradient(145deg,#e8efff,#eef5e4);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(23,88,159,.12)}
2115#pp-pdp .product-editorial-visual img{max-width:72%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(18,59,105,.2))}
2116#pp-pdp .product-editorial-copy h2{font-size:clamp(32px,4vw,48px);margin-bottom:14px;letter-spacing:-.03em}
2117#pp-pdp .product-editorial-copy p{font-size:14px;color:#425650;line-height:1.72;margin:0 0 12px}
2118#pp-pdp .product-editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:10px 0 34px}
2119#pp-pdp .product-editorial-columns h3{font-size:25px;margin-bottom:12px}
2120#pp-pdp .product-editorial-columns ul{margin:0;padding-left:20px;color:#2f443e;font-size:13px;line-height:1.75}
2121#pp-pdp .product-editorial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
2122#pp-pdp .editorial-card{min-height:116px;padding:18px 20px;border-radius:10px;background:#dafa4e;color:#102a24;display:flex;flex-direction:column;justify-content:space-between}
2123#pp-pdp .editorial-card:nth-child(2),#pp-pdp .editorial-card:nth-child(5){background:#5bbb48}
2124#pp-pdp .editorial-card:nth-child(3),#pp-pdp .editorial-card:nth-child(6){background:#08794f;color:white}
2125#pp-pdp .editorial-card h3{font-size:22px;margin:0 0 15px}
2126#pp-pdp .editorial-card p{font-size:12px;line-height:1.5;margin:0;color:inherit}
2127#pp-pdp .editorial-card:nth-child(3) h3,#pp-pdp .editorial-card:nth-child(6) h3{color:#dafa4e}
2128#pp-pdp .reviews-card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px}
2129#pp-pdp .review-summary{display:grid;grid-template-columns:200px 1fr 180px;
2129gap:30px;align-items:center}
2130#pp-pdp .big-rating{font-size:62px;font-family:Georgia,serif}
2131#pp-pdp .bars{display:grid;gap:8px}
2132#pp-pdp .bar-row{display:grid;grid-template-columns:28px 1fr 32px;gap:10px;align-items:center;font-size:10px}
2133#pp-pdp .bar{height:8px;background:#edf0ed;border-radius:999px;overflow:hidden}
2134#pp-pdp .bar i{display:block;height:100%;background:var(--green);border-radius:999px}
2135#pp-pdp .review-list{margin-top:28px;border-top:1px solid var(--line)}
2136#pp-pdp .review{padding:22px 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px}
2137#pp-pdp .review h4{margin:6px 0;font-family:Georgia,serif;font-size:18px}
2138#pp-pdp .review p{margin:0;color:var(--muted);font-size:12px}
2139#pp-pdp .review small{color:var(--muted)}
2140#pp-pdp .wave-section{background:var(--green-deep);color:white;position:relative;margin-top:80px;padding:110px 0 80px}
2141#pp-pdp .wave-section::before{content:"";position:absolute;top:-58px;left:0;right:0;height:90px;background:var(--green-deep);clip-path:polygon(0 62%,7% 48%,14% 56%,23% 30%,33% 42%,45% 22%,55% 37%,66% 15%,78% 35%,87% 18%,100% 40%,100% 100%,0 100%)}
2142#pp-pdp .wave-section .section-kicker{color:var(--lime)}
2143#pp-pdp .wave-section .section-title{text-align:center;color:#ffffff}
2144#pp-pdp .products-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
2145#pp-pdp .product-card{background:white;color:var(--ink);border-radius:18px;overflow:hidden;position:relative}
2146#pp-pdp .product-card-visual{height:220px;background:#eff6ed;display:grid;place-items:center;padding:18px 12px}</style>
2147<style>
2148#pp-pdp .product-card-visual img{max-height:100%;width:auto;max-width:78%;display:block;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(8,36,31,.18))}
2149#pp-pdp .product-card-copy{padding:16px}
2150#pp-pdp .product-card h3{font-family:inherit;font-size:13px;}
2151#pp-pdp .product-card p{font-size:11px;color:var(--muted);margin:4px 0}
2152#pp-pdp .add-circle{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--green);background:white;color:var(--green);font-size:20px;cursor:pointer}
2153#pp-pdp .community{padding:80px 0;overflow:hidden}
2154#pp-pdp .community-heading{max-width:980px;margin:0 auto 26px;text-align:center}
2155#pp-pdp .community-heading .section-title{margin-bottom:12px}
2156#pp-pdp .community-subtitle{margin:0 auto;color:var(--muted);font-size:13px;max-width:650px;line-height:1.65}
2157#pp-pdp .ig-carousel{position:relative;margin-top:30px}
2158#pp-pdp .ig-carousel-viewport{overflow:hidden;padding:4px 2px 18px;touch-action:pan-y;cursor:grab}
2159#pp-pdp .ig-carousel-viewport:active{cursor:grabbing}
2160#pp-pdp .ig-carousel-track{display:flex;gap:16px;will-change:transform;transition:transform 1.2s cubic-bezier(.22,.74,.25,1)}
2161#pp-pdp .ig-card{flex:0 0 calc((100% - 64px)/5);min-width:0;background:white;border:1px solid rgba(9,55,45,.12);border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(16,42,36,.08);transform:translateZ(0)}
2162#pp-pdp .ig-media{position:relative;aspect-ratio:4/5;background:linear-gradient(145deg,#dcedff,#eef7ed);overflow:hidden}
2163#pp-pdp .ig-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:white;display:block}
2164#pp-pdp .ig-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:var(--green-deep);font-size:11px;font-weight:800;letter-spacing:.04em;pointer-events:none;background:linear-gradient(145deg,#dcedff,#eef7ed);transition:opacity .3s ease}
2165#pp-pdp .ig-loading::before{content:"";position:absolute;width:58px;height:58px;border-radius:18px;border:2px solid rgba(8,120,79,.25);animation:igPulse 1.7s ease-in-out infinite}
2166#pp-pdp .ig-card.loaded .ig-loading{opacity:0}
2167@keyframes igPulse{0%,100%{transform:scale(.82);opacity:.35}50%{transform:scale(1.08);opacity:.8}}
2168#pp-pdp .ig-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:white}
2169#pp-pdp .ig-post-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:900;color:var(--ink)}
2170#pp-pdp .ig-post-label svg{width:17px;height:17px;flex:0 0 auto}
2171#pp-pdp .ig-post-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
2172#pp-pdp .ig-open{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(8,120,79,.3);color:var(--green);font-size:15px;font-weight:900;transition:.2s ease}
2173#pp-pdp .ig-open:hover{background:var(--green);color:white;transform:translateY(-1px)}
2174#pp-pdp .ig-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
2175#pp-pdp .ig-arrow,#pp-pdp .ig-pause{border:1px solid rgba(8,120,79,.28);background:white;color:var(--green-deep);height:42px;border-radius:999px;display:grid;place-items:center;cursor:pointer;font-weight:900;box-shadow:0 8px 20px rgba(16,42,36,.06);transition:.2s ease}
2176#pp-pdp .ig-arrow{width:42px;font-size:20px}
2177#pp-pdp .ig-pause{padding:0 16px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
2178#pp-pdp .ig-arrow:hover,#pp-pdp .ig-pause:hover{background:var(--green);color:white;border-color:var(--green)}
2179#pp-pdp .ig-progress{display:flex;align-items:center;justify-content:center;gap:6px;min-width:112px}
2180#pp-pdp .ig-dot{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#cbd5d1;cursor:pointer;transition:.25s ease}
2181#pp-pdp .ig-dot.active{width:22px;border-radius:999px;background:var(--green)}
2182#pp-pdp .ig-note{text-align:center;margin:10px 0 0;color:var(--muted);font-size:10px}
2183#pp-pdp .product-faq{padding-top:54px;padding-bottom:28px}
2184#pp-pdp .product-faq-heading{text-align:center;max-width:760px;margin:0 auto 28px}
2185#pp-pdp .product-faq-heading .section-title{margin-bottom:10px}
2186#pp-pdp .product-faq-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
2187#pp-pdp .faq-list{max-width:960px;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
2188#pp-pdp .faq-item+.faq-item{border-top:1px solid var(--line)}
2189#pp-pdp .faq-question{width:100%;border:0;background:#fff;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-size:15px;font-weight:800;cursor:pointer;transition:background .2s ease}
2190#pp-pdp .faq-question:hover{background:#f7faf7}
2191#pp-pdp .faq-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;transition:transform .25s ease}
2192#pp-pdp .faq-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
2193#pp-pdp .faq-answer{display:none;padding:0 64px 22px 24px;color:var(--muted);font-size:13px;line-height:1.7}
2194#pp-pdp .faq-item.open .faq-answer{display:block}
2195#pp-pdp .faq-item.open .faq-icon{transform:rotate(180deg)}
2196#pp-pdp .recent{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
2197#pp-pdp .recent-card{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:10px}
2198#pp-pdp .recent-card img{width:55px;height:65px;object-fit:contain}
2199#pp-pdp .recent-card strong{font-size:11px}
2200#pp-pdp .recent-card small{display:block;color:var(--muted);font-size:10px}
2201#pp-pdp .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
2202#pp-pdp .blog-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
2203#pp-pdp .blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(16,42,36,.12);border-color:rgba(8,120,79,.3)}
2204#pp-pdp .blog-visual{height:245px;position:relative;display:grid;place-items:center;overflow:hidden}
2205#pp-pdp .blog-visual.blue{background:linear-gradient(145deg,#dbeaff,#eef7ff 58%,#e9f5e5)}
2206#pp-pdp .blog-visual.green{background:linear-gradient(145deg,#e9f5d8,#f5fae9 58%,#d7ede4)}
2207#pp-pdp .blog-visual.orange{background:linear-gradient(145deg,#ffe8d5,#fff4e8 58%,#f3e5cf)}
2208#pp-pdp .blog-visual::before,#pp-pdp .blog-visual::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}
2209#pp-pdp .blog-visual::before{width:130px;height:130px;left:-35px;top:-40px}
2210#pp-pdp .blog-visual::after{width:80px;height:80px;right:-16px;bottom:-20px}
2211#pp-pdp .blog-visual img{height:205px;width:auto;max-width:75%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 22px rgba(16,42,36,.2));transition:transform .35s ease}
2212#pp-pdp .blog-card:hover .blog-visual img{transform:translateY(-5px) rotate(-2deg)}
2213#pp-pdp .blog-tag{position:absolute;
2213left:16px;top:16px;z-index:3;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--green-deep)}
2214#pp-pdp .blog-copy{padding:20px;display:flex;flex-direction:column;flex:1}
2215#pp-pdp .blog-meta{font-size:10px;color:var(--muted);margin-bottom:9px;text-transform:uppercase;letter-spacing:.06em}
2216#pp-pdp .blog-copy h3{font-family:Georgia,serif;font-size:23px;line-height:1.12;margin:0 0 10px}
2217#pp-pdp .blog-copy p{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 18px}
2218#pp-pdp .blog-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:900}
2219#pp-pdp .blog-link span{transition:transform .2s ease}
2220#pp-pdp .blog-card:hover .blog-link span{transform:translateX(4px)}
2221#pp-pdp .cta-banner{margin:72px auto;background:linear-gradient(120deg,#dff0ff,#e8f4d6);border:1px solid rgba(8,120,79,.22);border-radius:28px;padding:42px 48px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}
2222#pp-pdp .cta-banner h2{font-size:42px}
2223#pp-pdp .cta-banner p{color:var(--muted);max-width:540px}
2224#pp-pdp .cta-art{position:relative;min-height:210px}
2225#pp-pdp .cta-art img{position:absolute;width:180px;right:18%;bottom:-46px;filter:drop-shadow(0 24px 22px rgba(16,42,36,.20));transform:rotate(7deg)}
2226#pp-pdp .cta-art::before,#pp-pdp .cta-art::after{content:"";position:absolute;border-radius:50%;background:#316fca}
2227#pp-pdp .cta-art::before{width:100px;height:100px;right:5%;top:10%}
2228#pp-pdp .cta-art::after{width:62px;height:62px;left:15%;bottom:5%;background:var(--lime)}
2229#pp-pdp .footer-logo-link{display:inline-block;margin-bottom:14px}
2230#pp-pdp .footer-logo-image{width:88px;height:88px;object-fit:contain;display:block;border-radius:2px}
2231#pp-pdp footer{background:#063f2c;color:white;padding:64px 0 28px}
2232#pp-pdp .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.35fr;gap:30px}
2233#pp-pdp .footer-brand p{font-size:12px;color:rgba(255,255,255,.68);max-width:220px}
2234#pp-pdp .footer-col strong{font-size:12px}
2235#pp-pdp .footer-col a{display:block;color:rgba(255,255,255,.7);font-size:11px;margin-top:10px}
2236#pp-pdp .newsletter{display:flex;margin-top:14px}
2237#pp-pdp .newsletter input{min-width:0;flex:1;border:0;padding:12px;border-radius:11px 0 0 11px}
2238#pp-pdp .newsletter button{border:0;background:var(--lime);padding:0 14px;border-radius:0 11px 11px 0;font-weight:900}
2239#pp-pdp .footer-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.55)}
2240#pp-pdp .toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:white;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.3s ease;z-index:70;font-size:12px}
2241#pp-pdp .toast.show{transform:translateY(0);opacity:1}
2242#pp-pdp .mobile-menu{display:none}
2243@media(max-width:980px){#pp-pdp .nav-links{display:none}
2244#pp-pdp .mobile-menu{display:grid}
2245#pp-pdp .product-stage{aspect-ratio:1 / 1;min-height:0}
2246#pp-pdp .trust-strip{grid-template-columns:repeat(2,1fr)}
2247#pp-pdp .ig-card{flex-basis:calc((100% - 32px)/3)}
2248#pp-pdp .story{grid-template-columns:1fr}
2249#pp-pdp .story-visual{min-height:480px}
2250#pp-pdp .metrics{grid-template-columns:repeat(5,1fr)}
2251#pp-pdp .products-row{grid-template-columns:repeat(2,1fr)}
2252#pp-pdp .blog-grid{grid-template-columns:repeat(2,1fr)}
2253#pp-pdp .ugc-row{grid-template-columns:repeat(3,1fr)}
2254#pp-pdp .recent{grid-template-columns:repeat(2,1fr)}
2255#pp-pdp .footer-grid{grid-template-columns:repeat(3,1fr)}
2256#pp-pdp .cta-banner{grid-template-columns:1fr}
2257#pp-pdp .cta-art{display:none}
2258}
2259@media(max-width:768px){#pp-pdp{--section-space-y:28px}
2260#pp-pdp .hero-grid{grid-template-columns:1fr}
2261#pp-pdp .hero-grid .gallery-wrap{position:relative;top:auto}
2262#pp-pdp .product-panel{padding-top:0}
2263}
2264@media(max-width:680px){#pp-pdp .container{width:min(100% - 24px,1180px)}
2265#pp-pdp .announcement{font-size:9px}
2266#pp-pdp .nav{height:62px}
2267#pp-pdp .brand{font-size:16px}
2268#pp-pdp .brand-mark{width:34px;height:34px}
2269#pp-pdp .nav-actions .icon-btn:nth-child(2){display:none}
2270#pp-pdp .hero-grid{gap:22px}
2271#pp-pdp .gallery-wrap{grid-template-columns:1fr}
2272#pp-pdp .thumbs{order:2;flex-direction:row}
2273#pp-pdp .thumb{width:62px}
2274#pp-pdp .product-stage{aspect-ratio:1 / 1;min-height:0}
2275#pp-pdp .hero-product{width:68%}
2276#pp-pdp .product-panel h1{font-size:44px}
2277#pp-pdp .purchase-row{flex-wrap:wrap}
2278#pp-pdp .qty{width:100%;grid-template-columns:1fr 1fr 1fr;height:46px}
2279#pp-pdp .primary{width:100%}
2280#pp-pdp .quick-commerce-grid{grid-template-columns:1fr}
2281#pp-pdp .quick-commerce-head{align-items:flex-start}
2282#pp-pdp .quick-commerce-head small{max-width:160px}
2283#pp-pdp .product-editorial-main{grid-template-columns:1fr;gap:22px}
2284#pp-pdp .product-editorial-visual{min-height:300px}
2285#pp-pdp .product-editorial-columns{grid-template-columns:1fr;gap:18px}
2286#pp-pdp .product-editorial-cards{grid-template-columns:1fr}
2287#pp-pdp .product-editorial-copy h2{font-size:34px}
2288#pp-pdp .product-editorial-intro{font-size:13px}
2289#pp-pdp .trust-strip{grid-template-columns:1fr}
2290#pp-pdp .flavor-grid{grid-template-columns:repeat(2,1fr)}
2291#pp-pdp .metrics{grid-template-columns:repeat(2,1fr);row-gap:24px}
2292#pp-pdp .metrics .metric:last-child{grid-column:1/-1}
2293#pp-pdp .story-columns,#pp-pdp .benefits-grid{grid-template-columns:1fr}
2294#pp-pdp .review-summary{grid-template-columns:1fr}
2295#pp-pdp .products-row{grid-template-columns:1fr}
2296#pp-pdp .blog-grid{grid-template-columns:1fr}
2297#pp-pdp .blog-visual{height:220px}
2298#pp-pdp .ig-card{flex-basis:82%}
2299#pp-pdp .ig-carousel-track{gap:12px}
2300#pp-pdp .recent{grid-template-columns:1fr}
2301#pp-pdp .cta-banner{padding:32px 24px}
2302#pp-pdp .cta-banner h2{font-size:34px}
2303#pp-pdp .footer-grid{grid-template-columns:1fr 1fr}
2304#pp-pdp .footer-brand{grid-column:1/-1}
2305#pp-pdp .footer-bottom{display:block}
2306#pp-pdp .footer-bottom span{display:block;margin-top:8px}
2307}
2308/* Video-only Instagram auto-slider */
2309#pp-pdp .community{padding:54px 0 76px;overflow:hidden}
2310#pp-pdp .community-title{font-size:clamp(34px,4vw,54px);letter-spacing:-.03em;text-align:center;margin:0 0 34px;color:var(--ink)}
2311#pp-pdp .ig-carousel{margin-top:0}
2312#pp-pdp .ig-carousel-viewport{overflow:hidden;padding:6px 2px 22px;touch-action:pan-y;cursor:grab}
2313#pp-pdp .ig-carousel-viewport:active{cursor:grabbing}
2314#pp-pdp .ig-carousel-track{gap:18px;transition:transform 1.55s cubic-bezier(.22,.74,.25,1)}
2315#pp-pdp .ig-card{flex:0 0 calc((100% - 72px)/5);border:0;border-radius:20px;background:#000;box-shadow:0 14px 36px rgba(16,42,36,.13)}
2316#pp-pdp .ig-media{aspect-ratio:9/16;background:#000;border-radius:20px;overflow:hidden}
2317#pp-pdp .ig-media iframe{inset:auto;top:-72px;left:-2px;width:calc(100% + 4px);height:calc(100% + 164px);border:0;background:#000}
2318#pp-pdp .ig-loading{font-size:0;background:linear-gradient(145deg,#dcedff,#eef7ed)}
2319#pp-pdp .ig-loading::before{width:58px;height:58px;border-radius:50%;border:2px solid rgba(8,120,79,.22);border-top-color:var(--green)}
2320#pp-pdp .ig-card-footer,#pp-pdp .ig-controls,#pp-pdp .ig-note,#pp-pdp .community-heading{display:none!important}
2321#pp-pdp .ig-arrow{position:absolute;top:50%;z-index:8;width:48px;height:48px;border-radius:50%;border:1px solid rgba(8,120,79,.25);background:rgba(255,255,255,.94);color:var(--green);display:grid;place-items:center;font-size:28px;line-height:1;box-shadow:0 10px 28px rgba(16,42,36,.16);cursor:pointer;transform:translateY(-50%);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
2322#pp-pdp .ig-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);box-shadow:0 14px 34px rgba(16,42,36,.22)}
2323#pp-pdp .ig-arrow:focus-visible{outline:3px solid rgba(8,120,79,.22);outline-offset:3px}
2324#pp-pdp .ig-arrow.prev{left:-22px}
2325#pp-pdp .ig-arrow.next{right:-22px}
2326@media(max-width:980px){#pp-pdp .ig-card{flex-basis:calc((100% - 32px)/3)}
2327#pp-pdp .ig-carousel-track{gap:16px}
2328}
2329@media(max-width:680px){#pp-pdp .community{padding:42px 0 58px}
2330#pp-pdp .ig-carousel-viewport{overflow:hidden;padding-left:14px;padding-right:14px}
2331#pp-pdp .ig-card{flex-basis:78%;border-radius:18px}
2332#pp-pdp .ig-media{border-radius:18px}
2333#pp-pdp .ig-carousel-track{gap:12px}
2334#pp-pdp .ig-arrow{width:40px;height:40px;font-size:24px;background:rgba(255,255,255,.96)}
2335#pp-pdp .ig-arrow.prev{left:2px}
2336#pp-pdp .ig-arrow.next{right:2px}
2337}
2338/* Global typography update */
2339#pp-pdp,#pp-pdp button,#pp-pdp input,#pp-pdp select,#pp-pdp textarea,#pp-pdp *,#pp-pdp *::before,#pp-pdp *::after{
2340  font-family:"Montserrat",Arial,sans-serif !important;
2341}
2342#pp-pdp h2{
2343  text-align:center !important;
2344}
2345/* Reference navigation bar */
2346#pp-pdp .reference-header{
2347  top:0;
2348  background:#fbfaef;
2349  border-bottom:1px solid rgba(16,42,36,.08);
2350  box-shadow:none;
2351  backdrop-filter:none;
2352}
2353#pp-pdp .reference-nav-shell{
2354  width:100%;
2355  min-height:90px;
2356  padding:0 38px;
2357  display:grid;
2358  grid-template-columns:130px 1fr 150px;
2359  align-items:center;
2360  gap:24px;
2361}
2362#pp-pdp .header-logo{width:74px;height:74px;display:block;justify-self:start}
2363#pp-pdp .header-logo img{width:74px;height:74px;object-fit:contain;display:block}
2364#pp-pdp .reference-nav-links{
2365  display:flex;
2366  align-items:center;
2367  justify-content:center;
2368  gap:38px;
2369  font-size:16px;
2370  font-weight:600;
2371  color:#111827;
2372}
2373#pp-pdp .nav-item{position:relative;display:flex;align-items:center;min-height:90px}
2374#pp-pdp .nav-item>a{display:flex;align-items:center;gap:7px;white-space:nowrap;transition:color .2s ease}
2375#pp-pdp .nav-item>a:hover{color:var(--blue-deep)}
2376#pp-pdp .menu-chevron{font-size:11px;color:#68716e;transform:translateY(-1px)}
2377#pp-pdp .nav-dropdown{
2378  position:absolute;
2379  top:72px;
2380  left:50%;
2381  min-width:210px;
2382  padding:10px;
2383  border:1px solid rgba(16,42,36,.12);
2384  border-radius:14px;
2385  background:#fff;
2386  box-shadow:0 18px 45px rgba(16,42,36,.14);
2387  opacity:0;
2388  visibility:hidden;
2389  transform:translate(-50%,10px);
2390  transition:.2s ease;
2391  z-index:60;
2392}
2393#pp-pdp .nav-dropdown a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:600;color:#24332f}
2394#pp-pdp .nav-dropdown a:hover{background:#f3f6ef;color:var(--green)}
2395#pp-pdp .has-dropdown:hover .nav-dropdown,#pp-pdp .has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
2396#pp-pdp .reference-actions{justify-content:flex-end;
2396gap:17px}
2397#pp-pdp .reference-actions .icon-btn{
2398  width:27px;height:27px;
2399  border:0;
2400  border-radius:0;
2401  background:transparent;
2402  padding:3px;
2403  color:#111827;
2404}
2405#pp-pdp .reference-actions .icon-btn:hover{transform:none;color:var(--blue-deep)}
2406#pp-pdp .reference-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
2407#pp-pdp .reference-actions .cart-icon svg{width:22px;height:22px}
2408#pp-pdp .reference-actions .cart-badge{top:-4px;right:-7px;background:var(--blue);color:#fff}
2409#pp-pdp .mobile-nav-panel{display:none;background:#fbfaef;border-top:1px solid rgba(16,42,36,.08);padding:10px 20px 18px}
2410#pp-pdp .mobile-nav-panel a{display:block;padding:12px 4px;border-bottom:1px solid rgba(16,42,36,.08);font-size:14px;font-weight:600}
2411#pp-pdp .mobile-nav-panel.open{display:block}
2412#pp-pdp .gallery-wrap{top:100px}
2413@media(max-width:1100px){#pp-pdp .reference-nav-shell{grid-template-columns:100px 1fr 130px;padding:0 24px}
2414#pp-pdp .reference-nav-links{gap:22px;font-size:14px}
2415}
2416@media(max-width:980px){#pp-pdp .reference-nav-shell{min-height:74px;grid-template-columns:1fr auto;padding:0 18px}
2417#pp-pdp .header-logo,#pp-pdp .header-logo img{width:58px;height:58px}
2418#pp-pdp .reference-nav-links{display:none}
2419#pp-pdp .reference-actions{gap:12px}
2420#pp-pdp .reference-actions .mobile-menu{display:grid}
2421}
2422@media(max-width:680px){#pp-pdp .reference-nav-shell{min-height:68px;padding:0 14px}
2423#pp-pdp .header-logo,#pp-pdp .header-logo img{width:52px;height:52px}
2424#pp-pdp .reference-actions{gap:8px}
2425#pp-pdp .reference-actions .icon-btn{width:25px;height:25px}
2426#pp-pdp .reference-actions .account-icon{display:none}
2427}
2428</style>
2429<style>/* ═══ PRODUCT STORY / EDITORIAL SECTION ═══ */
2430#pp-pdp .product-story{padding:var(--section-space-y) 0}
2431#pp-pdp .product-story-hero{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;margin-bottom:36px}
2432#pp-pdp .product-story-visual{min-height:260px;border-radius:22px;background:linear-gradient(145deg,#e8efff,#eef5e4);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(23,88,159,.12)}
2433#pp-pdp .product-story-visual img{max-width:72%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(18,59,105,.2))}
2434#pp-pdp .product-story-copy h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.03em;margin-bottom:14px}
2435#pp-pdp .product-story-copy p{font-size:14px;color:#425650;line-height:1.72;margin:0}
2436#pp-pdp .product-story-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}
2437#pp-pdp .product-story-columns h3{font-family:Georgia,"Times New Roman",serif}
2438#pp-pdp .product-story-columns ul{margin:0;padding-left:20px;color:#2f443e;font-size:13px;line-height:1.75}
2439#pp-pdp .product-story-columns li{margin:4px 0}
2440#pp-pdp .product-story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
2441@media(max-width:768px){
2442  #pp-pdp .product-story-hero{grid-template-columns:1fr;gap:20px}
2443  #pp-pdp .product-story-visual{min-height:220px;max-width:260px}
2444  #pp-pdp .product-story-columns{grid-template-columns:1fr;gap:22px}
2445}
2446@media(max-width:680px){
2447  #pp-pdp .product-story-cards{grid-template-columns:1fr}
2448  #pp-pdp .product-story-copy h2{font-size:26px}
2449}
2450
2451/* ═══ TESTIMONIALS ═══ */
2452#pp-pdp .testimonials-section{padding:var(--section-space-y) 0;background:#faf6ed}
2453#pp-pdp .testimonials-section h2{text-align:center;font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;margin-bottom:32px;color:var(--ink)}
2454#pp-pdp .testimonials-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
2455#pp-pdp .testimonial-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px rgba(16,42,36,.06);display:flex;flex-direction:column;align-items:center}
2456#pp-pdp .testimonial-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;flex-shrink:0}
2457#pp-pdp .testimonial-avatar svg{width:28px;height:28px}
2458#pp-pdp .testimonial-avatar.male{background:#d0e4f7;color:#2f6baf}
2459#pp-pdp .testimonial-avatar.female{background:#f0d6e8;color:#a84d8b}
2460#pp-pdp .testimonial-text{font-size:14px;color:#425650;line-height:1.65;margin:0 0 16px;flex:1}
2461#pp-pdp .testimonial-footer{margin-top:auto;text-align:center}
2462#pp-pdp .testimonial-footer strong{font-size:15px;color:var(--green-deep);font-weight:800;display:block}
2463#pp-pdp .testimonial-stars{margin-top:6px;font-size:14px;color:#f5a623;letter-spacing:1px}
2464#pp-pdp .testimonial-stars span{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:4px}
2465@media(max-width:980px){
2466  #pp-pdp .testimonials-grid{grid-template-columns:repeat(3,1fr)}
2467}
2468@media(max-width:680px){
2469  #pp-pdp .testimonials-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
2470  #pp-pdp .testimonial-card{padding:24px 20px}
2471}
2472
2473/* ═══ RECIPE IDEAS ═══ */
2474#pp-pdp .recipe-lab{
2475  display:block;
2476  width:100%;
2477  position:relative;
2478}
2479#pp-pdp .recipe-viewport{
2480  display:block;
2481  width:100%;
2482  overflow:hidden;
2483  border-radius:24px;
2484}
2485#pp-pdp .recipe-track{
2486  display:flex;
2487  width:100%;
2488  will-change:transform;
2489}
2490#pp-pdp .recipe-slide{
2491  flex:0 0 100%;
2492  width:100%;
2493  min-width:0;
2494  display:grid;
2495  grid-template-columns:1fr 1fr;
2496  background:#fff;
2497  border-radius:24px;
2498  overflow:hidden;
2499  border:1px solid var(--line);
2500  box-shadow:0 12px 40px rgba(16,42,36,.06);
2501}
2502#pp-pdp .recipe-visual{
2503  background:linear-gradient(145deg,#d9ebcc,#e8f0d6);
2504  display:grid;
2505  place-items:center;
2506  min-height:420px;
2507  overflow:hidden;
2508  padding:0;
2509}
2510#pp-pdp .recipe-visual img,
2511#pp-pdp .pdp-recipe-photo{
2512  width:100%;height:100%;object-fit:cover;border-radius:0;
2513}
2514#pp-pdp .recipe-panel-content{
2515  padding:40px 36px;
2516  display:flex;
2517  flex-direction:column;
2518  justify-content:center;
2519  gap:12px;
2520}
2521#pp-pdp .recipe-tag{
2522  display:inline-block;
2523  color:var(--green-deep);
2524  font-size:11px;
2525  font-weight:900;
2526  text-transform:uppercase;
2527  letter-spacing:.1em;
2528  width:fit-content;
2529}
2530#pp-pdp .recipe-panel-content h3{
2531  font-size:clamp(28px,3.5vw,40px);
2532  margin:2px 0 4px;
2533  letter-spacing:-.02em;
2534}
2535#pp-pdp .recipe-panel-content>p{
2536  font-size:14px;
2537  color:var(--muted);
2538  line-height:1.6;
2539  margin:0 0 4px;
2540}
2541#pp-pdp .recipe-ingredients{
2542  display:flex;
2543  flex-wrap:wrap;
2544  gap:8px;
2545  margin:8px 0 16px;
2546}
2547#pp-pdp .recipe-ingredients button{
2548  padding:9px 18px;
2549  border:1px solid var(--line);
2550  border-radius:8px;
2551  background:#fff;
2552  font-size:14px;
2553  font-weight:600;
2554  cursor:default;
2555  color:var(--ink);
2556}
2557#pp-pdp .recipe-steps{
2558  display:grid;
2559  gap:6px;
2560  margin:0 0 18px;
2561}
2562#pp-pdp .recipe-steps div{
2563  display:flex;
2564  align-items:baseline;
2565  gap:6px;
2566  font-size:15px;
2567  color:var(--ink);
2568  line-height:1.6;
2569  font-weight:700;
2570}
2571#pp-pdp .recipe-steps b{
2572  font-weight:900;
2573  color:var(--ink);
2574  font-size:15px;
2575}
2576#pp-pdp .recipe-steps span{
2577  font-weight:700;
2578}
2579/* Read More button */
2580#pp-pdp .recipe-readmore{
2581  display:inline-block;
2582  padding:14px 28px;
2583  background:#1B3A6B;
2584  color:#fff;
2585  border-radius:10px;
2586  font-size:14px;
2587  font-weight:800;
2588  width:fit-content;
2589  transition:.2s ease;
2590}
2591#pp-pdp .recipe-readmore:hover{
2592  background:#244B8A;
2593  transform:translateY(-1px);
2594}
2595/* Recipe navigation arrows */
2596#pp-pdp .recipe-arrow{
2597  position:absolute;
2598  top:50%;
2599  transform:translateY(-50%);
2600  width:46px;height:46px;
2601  border-radius:50%;
2602  background:rgba(255,255,255,.92);
2603  border:1px solid rgba(0,0,0,.08);
2604  display:grid;place-items:center;
2605  cursor:pointer;
2606  z-index:3;
2607  box-shadow:0 2px 10px rgba(0,0,0,.1);
2608  transition:.2s ease;
2609}
2610#pp-pdp .recipe-arrow:hover{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.16);transform:translateY(-50%) scale(1.06)}
2611#pp-pdp .recipe-arrow svg{width:20px;height:20px;color:var(--ink)}
2612#pp-pdp .recipe-prev{left:16px}
2613#pp-pdp .recipe-next{right:16px}
2614/* Recipe picker tabs — separated pill style */
2615#pp-pdp .recipe-picker{
2616  display:flex;
2617  flex-wrap:wrap;
2618  gap:10px;
2619  margin-top:22px;
2620  justify-content:center;
2621}
2622#pp-pdp .pdp-recipe-tab{
2623  padding:12px 26px;
2624  border:1.5px solid var(--line);
2625  border-radius:50px;
2626  background:#fff;
2627  font-size:14px;
2628  font-weight:600;
2629  cursor:pointer;
2630  transition:.2s ease;
2631  color:var(--ink);
2632  text-align:center;
2633}
2634#pp-pdp .pdp-recipe-tab.is-active{
2635  background:#1B3A6B;
2636  color:#fff;
2637  border-color:#1B3A6B;
2638  box-shadow:0 4px 14px rgba(27,58,107,.25);
2639}
2640#pp-pdp .pdp-recipe-tab:hover:not(.is-active){
2641  background:#f0f4fa;
2642  border-color:#b8c9de;
2643}
2644/* Recipe responsive */
2645@media(max-width:768px){
2646  #pp-pdp .recipe-slide{grid-template-columns:1fr}
2647  #pp-pdp .recipe-visual{min-height:260px}
2648  #pp-pdp .recipe-panel-content{padding:24px 20px}
2649  #pp-pdp .recipe-picker{gap:8px}
2650  #pp-pdp .pdp-recipe-tab{padding:10px 18px;font-size:13px}
2651  #pp-pdp .recipe-arrow{width:38px;height:38px}
2652  #pp-pdp .recipe-arrow svg{width:16px;height:16px}
2653  #pp-pdp .recipe-prev{left:8px}
2654  #pp-pdp .recipe-next{right:8px}
2655}
2656@media(max-width:680px){
2657  #pp-pdp .recipe-visual{min-height:220px}
2658  #pp-pdp .recipe-panel-content{padding:20px 16px}
2659  #pp-pdp .recipe-panel-content h3{font-size:22px}
2660  #pp-pdp .pdp-recipe-tab{padding:9px 16px;font-size:12px}
2661}
2662
2663/* ═══ EDITORIAL CONTENT INSIDE ACCORDION ═══ */
2664#pp-pdp .acc-body .product-editorial-main{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
2665#pp-pdp .acc-body .product-editorial-visual{min-height:200px;border-radius:16px;background:linear-gradient(145deg,#e8efff,#eef5e4);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(23,88,159,.12)}
2666#pp-pdp .acc-body .product-editorial-visual img{max-width:80%;max-height:180px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(18,59,105,.15))}
2667#pp-pdp .acc-body .product-editorial-copy h2{font-size:clamp(20px,3vw,28px);text-align:left!important;margin-bottom:10px;letter-spacing:-.02em}
2668#pp-pdp .acc-body .product-editorial-copy p{font-size:13px;color:#425650;line-height:1.65;margin:0}
2669#pp-pdp .acc-body .product-editorial-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px}
2670#pp-pdp .acc-body .editorial-card{min-height:90px;padding:14px 16px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}
2671#pp-pdp .acc-body .editorial-card h3{font-size:16px;margin:0 0 8px}
2672#pp-pdp .acc-body .editorial-card p{font-size:11px;line-height:1.5;margin:0}
2673@media(max-width:680px){
2674  #pp-pdp .acc-body .product-editorial-main{grid-template-columns:1fr;gap:14px}
2675  #pp-pdp .acc-body .product-editorial-visual{min-height:200px}
2676  #pp-pdp .acc-body .product-editorial-cards{grid-template-columns:1fr}
2677}
2677
2678
2679/* ═══ BLOG GRID (4-column) — full-width images ═══ */
2680#pp-pdp .blog-grid{grid-template-columns:repeat(4,1fr)}
2681#pp-pdp .blog-card .blog-visual{height:auto !important;aspect-ratio:4/3;border-radius:16px;overflow:hidden;position:relative}
2682#pp-pdp .blog-card .blog-visual::before,
2683#pp-pdp .blog-card .blog-visual::after{display:none !important}
2684#pp-pdp .blog-card .blog-visual img{width:100% !important;height:100% !important;max-width:100% !important;object-fit:cover !important;position:static !important;filter:none !important;transform:none !important;transition:transform .35s ease}
2685#pp-pdp .blog-card:hover .blog-visual img{transform:scale(1.04) !important}
2686@media(max-width:980px){
2687  #pp-pdp .blog-grid{grid-template-columns:repeat(2,1fr)}
2688}
2689@media(max-width:680px){
2690  #pp-pdp .blog-grid{grid-template-columns:1fr}
2691}
2692</style>
2693<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
2694<style>
2695#pp-pdp .product-panel, #pp-pdp .product-panel p, #pp-pdp .lead {
2696  font-family: 'Montserrat', Inter, ui-sans-serif, system-ui, sans-serif;
2697}
2698#pp-pdp .product-panel .rte, #pp-pdp .product-panel .rte p {
2699  font-family: 'Montserrat', Inter, ui-sans-serif, system-ui, sans-serif;
2700  font-size: 14px;
2701  color: #42534e;
2702  line-height: 1.55;
2703  max-width: 580px;
2704}
2705.product-story-visual {
2706  width:100%;
2707  aspect-ratio:1 / 1;
2708  overflow:hidden;
2709  border-radius:28px;
2710  display:flex;
2711}
2712
2713.product-story-visual img {
2714  width:100%;
2715  height:100%;
2716  object-fit:cover;
2717  object-position:center;
2718}
2719.price {
2720  display:flex;
2721  align-items:center;
2722  gap:14px;
2723  flex-wrap:nowrap;
2724}
2725
2726
2727#displayPrice {
2728  font-size:42px;
2729  line-height:1;
2730  margin:0;
2731  white-space:nowrap;
2732}
2733
2734
2735#displayCompare {
2736  font-size:20px;
2737  line-height:1;
2738  margin:0;
2739  white-space:nowrap;
2740}
2741
2742
2743.discount-badge {
2744  background:#0d7146;
2745  color:#fff;
2746  padding:10px 18px;
2747  border-radius:30px;
2748  font-size:16px;
2749  font-weight:700;
2750  line-height:1;
2751  height:auto;
2752  white-space:nowrap;
2753}
2754
2755
2756.tax {
2757  font-size:16px;
2758  font-weight:700;
2759  color:#52635d;
2760  white-space:nowrap;
2761}
2762#pp-pdp .pp-readmore-toggle,
2763#pp-pdp .pp-readmore-text,
2764#pp-pdp .pp-lead-wrap .pp-readmore-toggle,
2765#pp-pdp .pp-lead-wrap .pp-readmore-text,
2766#pp-pdp .product-panel .rte,
2767#pp-pdp .product-panel .product-description,
2768#pp-pdp .product-panel .product__description,
2769#pp-pdp .product-panel [data-product-description] {
2770  display: none !important;
2771}
2772#pp-pdp .price {
2773  display: flex;
2774  align-items: center;
2775  gap: 12px;
2776  flex-wrap: wrap;
2777  margin: 0 0 16px;
2778}
2779</style>
2780
2781<div id="pp-pdp">
2782
2783  <!-- BREADCRUMBS -->
2784  <nav class="breadcrumb container" aria-label="Breadcrumb">
2785    <a href="/">Home</a>
2786    <span>›</span>
2787    
2788      
2789      <a href="/collections/peach">Peach</a>
2790      <span>›</span>
2791    
2792    <span style="opacity:1;padding:0">Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24</span>
2793  </nav>
2794
2795  <!-- HERO GRID: Gallery + Product Info -->
2796  <section class="hero-grid container">
2797    <div class="gallery-wrap">
2798      <div class="thumbs">
2799        
2800          <button class="thumb active"
2801            data-index="0"
2802            data-src="//polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852&width=1200"
2803            aria-label="View image 1">
2804            <img src="//polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852&width=150"
2805              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2806              width="64" height="64" loading="eager">
2807          </button>
2808        
2809          <button class="thumb"
2810            data-index="1"
2811            data-src="//polkapop.in/cdn/shop/files/3_4e76bd9c-7a64-4b17-8f4e-2b2c514b20aa.jpg?v=1789033852&width=1200"
2812            aria-label="View image 2">
2813            <img src="//polkapop.in/cdn/shop/files/3_4e76bd9c-7a64-4b17-8f4e-2b2c514b20aa.jpg?v=1789033852&width=150"
2814              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2815              width="64" height="64" loading="lazy">
2816          </button>
2817        
2818          <button class="thumb"
2819            data-index="2"
2820            data-src="//polkapop.in/cdn/shop/files/2_8_9f16c933-18d8-499d-b738-4c78a7090e52.png?v=1789033852&width=1200"
2821            aria-label="View image 3">
2822            <img src="//polkapop.in/cdn/shop/files/2_8_9f16c933-18d8-499d-b738-4c78a7090e52.png?v=1789033852&width=150"
2823              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2824              width="64" height="64" loading="lazy">
2825          </button>
2826        
2827          <button class="thumb"
2828            data-index="3"
2829            data-src="//polkapop.in/cdn/shop/files/7_7_6a8697e5-b1c4-455b-8f2a-ab25c26ad63f.png?v=1789033852&width=1200"
2830            aria-label="View image 4">
2831            <img src="//polkapop.in/cdn/shop/files/7_7_6a8697e5-b1c4-455b-8f2a-ab25c26ad63f.png?v=1789033852&width=150"
2832              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2833              width="64" height="64" loading="lazy">
2834          </button>
2835        
2836          <button class="thumb"
2837            data-index="4"
2838            data-src="//polkapop.in/cdn/shop/files/4_6_6c5591e3-f9d8-487c-9530-19a4eaeaa7aa.png?v=1789033853&width=1200"
2839            aria-label="View image 5">
2840            <img src="//polkapop.in/cdn/shop/files/4_6_6c5591e3-f9d8-487c-9530-19a4eaeaa7aa.png?v=1789033853&width=150"
2841              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2842              width="64" height="64" loading="lazy">
2843          </button>
2844        
2845          <button class="thumb"
2846            data-index="5"
2847            data-src="//polkapop.in/cdn/shop/files/5_6_180bb7fc-310e-4737-8e6c-60362272314d.png?v=1789033852&width=1200"
2848            aria-label="View image 6">
2849            <img src="//polkapop.in/cdn/shop/files/5_6_180bb7fc-310e-4737-8e6c-60362272314d.png?v=1789033852&width=150"
2850              alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2851              width="64" height="64" loading="lazy">
2852          </button>
2853        
2854      </div>
2855      <div class="product-stage primary-photo" id="productStage">
2856        
2857          <img id="heroProduct"
2858            class="hero-product lifestyle-image"
2859            src="//polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852&width=1200"
2860            alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 &amp; 24"
2861            width="1200" height="1200">
2862        
2863        <span id="zoomNote" class="zoom-note">Click to zoom</span>
2864        <button class="gallery-arrow gallery-prev" id="galleryPrev" aria-label="Previous image">
2865          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
2866        </button>
2867        <button class="gallery-arrow gallery-next" id="galleryNext" aria-label="Next image">
2868          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
2869        </button>
2870      </div>
2871    </div>
2872
2873    <div class="product-panel">
2874      
2875      <h1>Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 | Premium Sparkling Water</h1>
2876      <p class="subtitle">Zero Sugar | Zero Calories | Naturally Flavoured</p>
2877      <div class="rating">
2878        <span class="stars">★★★★★</span>
2879        <span>4.8 (126 reviews)</span>
2880      </div>
2881      <p class="lead">A vibrant sparkling water crafted with zero sugar, zero calories and zero artificial sweeteners. Naturally flavoured with a crisp, refreshing finish lightly sparkling and best served chilled, on its own or as a sparkling mixer.</p>
2882      
2883<div class="price">
2884
2885  <strong id="displayPrice">
2886    ₹480.00
2887  </strong>
2888
2889
2890  
2891  
2892
2893
2894  
2895
2896    <s id="displayCompare">
2897      ₹500.00
2898    </s>
2899
2900
2901    
2902    
2903
2904
2905    <span class="discount-badge">
2906      4% OFF
2907    </span>
2908
2909
2910  
2911
2912
2913  <span class="tax">
2914    MRP Incl. of all taxes
2915  </span>
2916
2917</div>
2918
2919      <p class="field-label">Pack Size</p>
2920      <div id="packOptions" class="option-row">
2921        
2922          <button class="option active"
2923            data-variant-id="52894999642401"
2924            data-price-money="₹ 480.00"
2925            data-compare-money="₹ 500.00"
2926            data-available="true">
2927            Pack of 12
2928          </button>
2929        
2930          <button class="option"
2931            data-variant-id="52894999675169"
2932            data-price-money="₹ 960.00"
2933            data-compare-money="₹ 1,000.00"
2934            data-available="false">
2935            Pack of 24
2936          </button>
2937        
2938      </div>
2939
2940      <p class="field-label">Quantity</p>
2941      <div class="purchase-row">
2942        <div class="qty">
2943          <button id="minus" aria-label="Decrease quantity">−</button>
2944          <output id="qtyOutput">1</output>
2945          <button id="plus" aria-label="Increase quantity">+</button>
2946        </div>
2947        <button class="primary add-cart" id="addToCart">Add to Cart — <span class="buttonPrice">₹ 480.00</span></button>
2948      </div>
2949      <button id="buyNow" class="secondary">Buy Now — <span class="buttonPrice">₹ 480.00</span></button>
2950
2951      <!-- Product Detail Accordions -->
2952      <div class="pdp-detail-accordion">
2953        <div class="acc-item">
2954          <button class="acc-head" aria-expanded="false">
2955            <span>Product Features</span>
2956            <span class="accordion-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
2957          </button>
2958          <div class="acc-body">
2959            <div style="display:grid;gap:18px">
2960              <div><strong style="font-size:15px;color:var(--ink)">Lightly Sparkling</strong><p style="margin:4px 0 0;font-size:14px;color:#425650;line-height:1.6">A crisp fizz that keeps every sip refreshing and easy to enjoy.</p></div>
2961              <div><strong style="font-size:15px;color:var(--ink)">Naturally Flavoured</strong><p style="margin:4px 0 0;font-size:14px;color:#425650;line-height:1.6">Real 24 flavour with no artificial additives.</p></div>
2962              <div><strong style="font-size:15px;color:var(--ink)">Zero Sugar, Zero Calories</strong><p style="margin:4px 0 0;font-size:14px;color:#425650;line-height:1.6">All the taste, none of the guilt.</p></div>
2963              <div><strong style="font-size:15px;color:var(--ink)">Best Served Chilled</strong><p style="margin:4px 0 0;font-size:14px;color:#425650;line-height:1.6">Perfectly refreshing straight from the fridge.</p></div>
2964            </div>
2965          </div>
2966        </div>
2967        <div class="acc-item">
2968          <button class="acc-head" aria-expanded="false">
2969            <span>Ingredients</span>
2970            <span class="accordion-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
2971          </button>
2972          <div class="acc-body"><p>Carbonated Water, Natural Flavour, Acidity Regulator (Citric Acid), Natural Colour. No added sugar. No artificial sweeteners. No preservatives.</p></div>
2973        </div>
2974        <div class="acc-item">
2975          <button class="acc-head" aria-expanded="false">
2976            <span>Why You'll Love It</span>
2977            <span class="accordion-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
2978          </button>
2979          <div class="acc-body">
2980            
2981            <p style="font-size:14px;color:#425650;line-height:1.65;margin:0 0 16px">Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 is a crisp, naturally flavoured sparkling water designed for guilt-free refreshment. It combines a light, satisfying fizz with a refreshing taste and a clean-label formula — zero sugar, zero calories, zero artificial sweeteners.</p>
2982            <ul style="margin:0 0 16px;padding-left:20px;color:#2f443e;font-size:14px;line-height:1.75">
2983              <li>Premium sparkling water</li>
2984              <li>Zero sugar and zero calories</li>
2985              <li>Naturally flavoured, no artificial sweeteners</li>
2986              <li>Light, crisp and refreshing</li>
2987              <li>Convenient 300 ml serving</li>
2988              <li>Perfect for everyday sipping</li>
2989            </ul>
2990            <p style="font-size:14px;color:#425650;line-height:1.65;margin:0">Bright and effortlessly refreshing. Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 is the sparkling water you'll reach for again and again. No sugar, no compromise, just clean, fruit-forward fizz in every bottle.</p>
2991            
2992          </div>
2993        </div>
2994      </div>
2995
2996      <!-- Quick Commerce -->
2997      <div class="quick-commerce">
2998        <div class="quick-commerce-head">
2999          <strong>Ways to Quick Commerce</strong>
3000          <small>Get it delivered in minutes</small>
3001        </div>
3002        <div class="quick-commerce-grid">
3003          
3004          
3005          
3006            <a href="#" class="commerce-btn zepto"><span class="commerce-mark">Z</span><span class="commerce-copy"><strong>Zepto</strong><small>10 min delivery</small></span><span class="commerce-arrow">→</span></a>
3007            <a href="#" class="commerce-btn instamart"><span class="commerce-mark">S</span><span class="commerce-copy"><strong>Swiggy Instamart</strong><small>Instant delivery</small></span><span class="commerce-arrow">→</span></a>
3008            <a href="#" class="commerce-btn blinkit"><span class="commerce-mark">B</span><span class="commerce-copy"><strong>Blinkit</strong><small>10 min delivery</small></span><span class="commerce-arrow">→</span></a>
3009          
3010        </div>
3011      </div>
3012    </div>
3013  </section>
3014
3015  <!-- TRUST STRIP -->
3016  <div class="trust-strip container">
3017    <div class="trust-item"><span class="trust-icon">✓</span><div><strong>Zero Sugar</strong><small>No added sweeteners</small></div></div>
3018    <div class="trust-item"><span class="trust-icon">✦</span><div><strong>Natural Flavours</strong><small>Real fruit essence</small></div></div>
3019    <div class="trust-item"><span class="trust-icon">◌</span><div><strong>Low Calories</strong><small>Under 5 per bottle</small></div></div>
3020    <div class="trust-item"><span class="trust-icon">★</span><div><strong>Premium Quality</strong><small>Crafted with care</small></div></div>
3021  </div>
3022
3023  <!-- PRODUCT STORY / EDITORIAL -->
3024  <section class="product-story section">
3025    <div class="container">
3026      <div class="product-story-hero">
3027        <div class="product-story-visual">
3028          
3029          <img
3030src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Blueberry_Lifestyle.png?v=1789027821"
3031alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24"
3032style="width:100%;height:100%;object-fit:contain;"
3033>
3034          
3035        </div>
3036        <div class="product-story-copy">
3037          
3038          <h2 style="text-align:left!important;font-size:35px;line-height:1.3;margin-bottom:24px;">
3039  Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24<br>
3040  Clean, Crisp Refreshment
3041</h2>
3042          <p>
3042Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 combines lively bubbles with a bright, refreshing flavour for a drink that's balanced and easy to enjoy throughout the day. With zero sugar and zero calories, it offers a flavourful alternative to sugary carbonated drinks. The crisp finish works equally well during lunch, after a workout, or while relaxing at home. Enjoy it straight from the fridge, over ice, or as a simple twist on refreshing drinks.</p>
3043          
3044        </div>
3045      </div>
3046      <div class="product-story-columns">
3047        
3048        <div>
3049          <h3 style="font-size:18px;margin-bottom:12px;text-align:center">Why You'll Love It</h3>
3050          <ul><li>Light and refreshing natural flavour</li><li>Crisp carbonation without heaviness</li><li>Easy to enjoy throughout the day</li><li>Works well with meals and light snacks</li><li>A flavourful alternative to sugary soft drinks</li></ul>
3051        </div>
3052        <div>
3053          <h3 style="font-size:18px;margin-bottom:12px;text-align:center">Key Details</h3>
3054          <ul><li>Flavour: Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24</li><li>Calories: Zero calories</li><li>Sugar: Zero sugar</li><li>Best Served: Ice cold</li><li>Format: Premium sparkling water</li></ul>
3055        </div>
3056        <div>
3057          <h3 style="font-size:18px;margin-bottom:12px;text-align:center">Perfect For</h3>
3058          <ul><li>Office and deskside refreshment</li><li>Postworkout sipping</li><li>Lunches, travel and casual gatherings</li><li>Refreshing drinks and light mixers</li><li>Anyone reducing sugary soft drinks</li></ul>
3059        </div>
3060        
3061      </div>
3062      <div class="product-story-cards">
3063  
3064  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3065    <h3>Flavour</h3>
3066    <p>Crisp, refreshing notes</p>
3067  </div>
3068  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3069    <h3>Fizz</h3>
3070    <p>Bright sparkling refreshment</p>
3071  </div>
3072  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3073    <h3>Texture</h3>
3074    <p>Clean and light</p>
3075  </div>
3076  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3077    <h3>Energy</h3>
3078    <p>Fresh and uplifting</p>
3079  </div>
3080  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3081    <h3>Vibrance</h3>
3082    <p>Naturally refreshing character</p>
3083  </div>
3084  <div class="editorial-card" style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;">
3085    <h3>Coolness</h3>
3086    <p>Best served chilled</p>
3087  </div>
3088  
3089</div>
3090    </div>
3091  </section>
3092
3093  <!-- TESTIMONIALS -->
3094  <section class="testimonials-section">
3095    <div class="container">
3096      <h2>Testimonials</h2>
3097      <div class="testimonials-grid">
3098        <div class="testimonial-card">
3099          <div class="testimonial-avatar male"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></div>
3100          <p class="testimonial-text">Wasn't expecting much but the blueberry flavour is actually really good. Not too sweet, tastes pretty close to real blueberries. Been keeping a few in my fridge for evenings.</p>
3101          <div class="testimonial-footer">
3102            <strong>Arjun Nair</strong>
3103            <div class="testimonial-stars" data-rating="4.5">★★★★☆ <span>4.5</span></div>
3104          </div>
3105        </div>
3106        <div class="testimonial-card">
3107          <div class="testimonial-avatar female"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></div>
3108          <p class="testimonial-text">This is now my favourite one from their range. The blueberry taste feels natural, not like those fake fruity sodas. Goes really well chilled after lunch.</p>
3109          <div class="testimonial-footer">
3110            <strong>Divya Menon</strong>
3111            <div class="testimonial-stars" data-rating="4.8">★★★★★ <span>4.8</span></div>
3112          </div>
3113        </div>
3114        <div class="testimonial-card">
3115          <div class="testimonial-avatar male"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></div>
3116          <p class="testimonial-text">Light, fizzy, and the blueberry flavour isn't overpowering at all. I usually don't like flavoured sparkling water but this one's grown on me.</p>
3117          <div class="testimonial-footer">
3118            <strong>Karthik Suresh</strong>
3119            <div class="testimonial-stars" data-rating="4.3">★★★★☆ <span>4.3</span></div>
3120          </div>
3121        </div>
3122        <div class="testimonial-card">
3123          <div class="testimonial-avatar female"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></div>
3124          <p class="testimonial-text">Ordered this on a whim and honestly it's really refreshing. The blueberry flavour is subtle, not too sugary, and pairs well with just about anything.</p>
3125          <div class="testimonial-footer">
3126            <strong>Ritu Chawla</strong>
3127            <div class="testimonial-stars" data-rating="4.6">★★★★★ <span>4.6</span></div>
3128          </div>
3129        </div>
3130        <div class="testimonial-card">
3131          <div class="testimonial-avatar male"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></div>
3132          <p class="testimonial-text">Good balance of fizz and fruit flavour. Doesn't taste artificial like most blueberry drinks. Will definitely be reordering this one.</p>
3133          <div class="testimonial-footer">
3134            <strong>Sanjay Bhat</strong>
3135            <div class="testimonial-stars" data-rating="4.4">★★★★☆ <span>4.4</span></div>
3136          </div>
3137        </div>
3138      </div>
3139    </div>
3140  </section>
3141
3142  <!-- RECIPE IDEAS -->
3143  <section class="section" id="recipeSection">
3144    <div class="container">
3145      <div style="text-align:center;margin-bottom:32px">
3146        <span class="section-kicker">Recipe Ideas</span>
3147        <h2 class="section-title" style="margin:10px 0 8px">Mix It Your Way</h2>
3148        <p class="section-sub" style="color:var(--muted);font-size:14px;max-width:580px;margin:0 auto;">Simple serves for bright flavour and sparkling refreshment.</p>
3149      </div>
3150      <div class="recipe-lab" id="recipeLab">
3151        <div class="recipe-viewport" id="recipeViewport">
3152          <div class="recipe-track" id="recipeTrack">
3153            
3154            
3155            
3156              
3157              <div class="recipe-slide" data-recipe-index="0">
3158                <div class="recipe-visual"><div style="width:100%;height:100%;background:linear-gradient(145deg,#d9ebcc,#e8f0d6);display:grid;place-items:center;">Recipe Image</div></div>
3159                <div class="recipe-panel-content">
3160                  <span class="recipe-tag">Classic</span>
3161                  <h3>Blueberry Basil Fizz</h3>
3162                  <p>A bright blueberry refresher with basil, citrus and plenty of fizz.</p>
3163                  <div class="recipe-ingredients"><button>Blueberry</button><button>Basil</button><button>Ice</button><button>Lime</button></div>
3164                  <div class="recipe-steps">
3165                    <div><b>1.</b> <span>Muddle basil and blueberries.</span></div>
3166                    <div><b>2.</b> <span>Fill a glass with ice.</span></div>
3167                    <div><b>3.</b> <span>Pour Polka Pop Blueberry and finish with lime.</span></div>
3168                  </div>
3169                  <a class="recipe-readmore" href="#">Read More →</a>
3170                </div>
3171              </div>
3172              <div class="recipe-slide" data-recipe-index="1">
3173                <div class="recipe-visual"><div style="width:100%;height:100%;background:linear-gradient(145deg,#fff5e0,#ffedd5);display:grid;place-items:center;">Recipe Image</div></div>
3174                <div class="recipe-panel-content">
3175                  <span class="recipe-tag">Refreshing</span>
3176                  <h3>Lemon Cooler</h3>
3177                  <p>A citrusy spin on blueberry fizz — cool, tangy, and perfect for hot days.</p>
3178                  <div class="recipe-ingredients"><button>Blueberry</button><button>Lemon</button><button>Honey</button><button>Ice</button></div>
3179                  <div class="recipe-steps">
3180                    <div><b>1.</b> <span>Squeeze half a lemon into a glass.</span></div>
3181                    <div><b>2.</b> <span>Add a drizzle of honey and ice.</span></div>
3182                    <div><b>3.</b> <span>Top with Polka Pop Blueberry and stir.</span></div>
3183                  </div>
3184                  <a class="recipe-readmore" href="#">Read More →</a>
3185                </div>
3186              </div>
3187              <div class="recipe-slide" data-recipe-index="2">
3188                <div class="recipe-visual"><div style="width:100%;height:100%;background:linear-gradient(145deg,#e0f0e8,#d4ead9);display:grid;place-items:center;">Recipe Image</div></div>
3189                <div class="recipe-panel-content">
3190                  <span class="recipe-tag">Evening</span>
3191                  <h3>Mint Night</h3>
3192                  <p>A cool minty blueberry serve for unwinding after a long day.</p>
3193                  <div class="recipe-ingredients"><button>Blueberry</button><button>Mint</button><button>Lime</button><button>Ice</button></div>
3194                  <div class="recipe-steps">
3195                    <div><b>1.</b> <span>Muddle mint leaves with lime wedges.</span></div>
3196                    <div><b>2.</b> <span>Add crushed ice to the glass.</span></div>
3197                    <div><b>3.</b> <span>Pour Polka Pop Blueberry and garnish.</span></div>
3198                  </div>
3199                  <a class="recipe-readmore" href="#">Read More →</a>
3200                </div>
3201              </div>
3202              <div class="recipe-slide" data-recipe-index="3">
3203                <div class="recipe-visual"><div style="width:100%;height:100%;background:linear-gradient(145deg,#e8e0f5,#dfd6ee);display:grid;place-items:center;">Recipe Image</div></div>
3204                <div class="recipe-panel-content">
3205                  <span class="recipe-tag">Refresher</span>
3206                  <h3>Citrus Fizz</h3>
3207                  <p>A simple blueberry citrus spritzer with bright fizz and clean flavour.</p>
3208                  <div class="recipe-ingredients"><button>Blueberry</button><button>Lime Juice</button><button>Lime</button><button>Ice</button></div>
3209                  <div class="recipe-steps">
3210                    <div><b>1.</b> <span>Pour lime juice over ice in a tall glass.</span></div>
3211                    <div><b>2.</b> <span>Top with Polka Pop Blueberry.</span></div>
3212                    <div><b>3.</b> <span>Squeeze lime and serve.</span></div>
3213                  </div>
3214                  <a class="recipe-readmore" href="#">Read More →</a>
3215                </div>
3216              </div>
3217              <div class="recipe-slide" data-recipe-index="4">
3218                <div class="recipe-visual"><div style="width:100%;height:100%;background:linear-gradient(145deg,#f5e8d0,#efe0c8);display:grid;place-items:center;">Recipe Image</div></div>
3219                <div class="recipe-panel-content">
3220                  <span class="recipe-tag">Refresher</span>
3221                  <h3>Ginger Highball</h3>
3222                  <p>A smooth blueberry highball with ginger ale — easy, refreshing, classic.</p>
3223                  <div class="recipe-ingredients"><button>Blueberry</button><button>Ginger Ale</button><button>Ice</button><button>Lemon</button></div>
3224                  <div class="recipe-steps">
3225                    <div><b>1.</b> <span>Fill a highball glass with ice.</span></div>
3226                    <div><b>2.</b> <span>Pour ginger ale and top with Polka Pop Blueberry.</span></div>
3227                    <div><b>3.</b> <span>Garnish with a lemon twist.</span></div>
3228                  </div>
3229                  <a class="recipe-readmore" href="#">Read More →</a>
3230                </div>
3231              </div>
3232              
3233            
3234          </div>
3235        </div>
3236        <button class="recipe-arrow recipe-prev" id="recipePrev" aria-label="Previous recipe"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg></button>
3237        <button class="recipe-arrow recipe-next" id="recipeNext" aria-label="Next recipe"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button>
3238      </div>
3239      <!-- Recipe tabs -->
3240      <div class="recipe-picker" id="recipePicker">
3241        
3242        
3243        
3244          
3245          <button class="pdp-recipe-tab is-active" data-index="0">Basil Fizz</button>
3246          <button class="pdp-recipe-tab" data-index="1">Lemon Cooler</button>
3247          <button class="pdp-recipe-tab" data-index="2">Mint Night</button>
3248          <button class="pdp-recipe-tab" data-index="3">Citrus Fizz</button>
3249          <button class="pdp-recipe-tab" data-index="4">Ginger Highball</button>
3250          
3251        
3252      </div>
3253      
3253<script>
3254      (function(){
3255        var prev=document.getElementById('recipePrev'),next=document.getElementById('recipeNext');
3256        if(!prev||!next)return;
3257        function go(dir){
3258          var tabs=document.querySelectorAll('#recipePicker .pdp-recipe-tab');
3259          if(!tabs.length)return;
3260          var cur=0;tabs.forEach(function(t,i){if(t.classList.contains('is-active'))cur=i;});
3261          var n=cur+dir;if(n<0)n=tabs.length-1;if(n>=tabs.length)n=0;
3262          tabs[n].click();
3263        }
3264        prev.addEventListener('click',function(){go(-1);});
3265        next.addEventListener('click',function(){go(1);});
3266      })();
3267      </script>
3267
3268    </div>
3269  </section>
3270
3271  <!-- RELATED PRODUCTS / EXPLORE OUR RANGE -->
3272  <section class="wave-section">
3273    <div class="container">
3274      <div class="section-kicker" style="color:var(--lime)">Our Range</div>
3275      <h2 class="section-title" style="color:#fff">Explore Our Range</h2>
3276      <div class="products-row">
3277        
3278        
3279        
3280          
3281            
3282          
3283            
3284              <a href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24" class="product-card">
3285                <div class="product-card-visual"><img src="//polkapop.in/cdn/shop/files/1_1_dad86d37-2d79-4663-8001-39c4eec5cf43.png?v=1789100389&width=400" alt="Cranberry Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"></div>
3286                <div class="product-card-copy"><h3>Cranberry Sparkling Water | (300ml Each) | Packs of 12 & 24</h3><p>Polka Pop Cranberry Sparkling Water
3287
3288Finally, a fizzy dri...</p><strong style="color:var(--green)">₹ 480.00</strong></div>
3289              </a>
3290            
3291          
3292            
3293              <a href="/products/lemon-lime-sparkling-water-300ml-each-packs-of-12-24" class="product-card">
3294                <div class="product-card-visual"><img src="//polkapop.in/cdn/shop/files/1_10.png?v=1789036239&width=400" alt="Lemon-Lime Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"></div>
3295                <div class="product-card-copy"><h3>Lemon-Lime Sparkling Water | (300ml Each) | Packs of 12 & 24</h3><p>Polka Pop Lemon-Lime Sparkling Water
3296
3297Finally, a fizzy dr...</p><strong style="color:var(--green)">₹ 480.00</strong></div>
3298              </a>
3299            
3300          
3301            
3302              <a href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy" class="product-card">
3303                <div class="product-card-visual"><img src="//polkapop.in/cdn/shop/files/1_8.png?v=1789033344&width=400" alt="Orange Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"></div>
3304                <div class="product-card-copy"><h3>Orange Sparkling Water | (300ml Each) | Packs of 12 & 24</h3><p>Polka Pop Orange Sparkling Water
3305
3306Finally, a fizzy drink ...</p><strong style="color:var(--green)">₹ 480.00</strong></div>
3307              </a>
3308            
3309          
3310            
3311              <a href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives" class="product-card">
3312                <div class="product-card-visual"><img src="//polkapop.in/cdn/shop/files/1_2_ac87ff53-0a02-4722-9807-9ec7df80e805.png?v=1789115379&width=400" alt="Peach Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"></div>
3313                <div class="product-card-copy"><h3>Peach Sparkling Water | (300ml Each) | Packs of 12 & 24</h3><p> Polka Pop Peach Sparkling Water
3314
3315Finally, a fizzy drink ...</p><strong style="color:var(--green)">₹ 480.00</strong></div>
3316              </a>
3317            
3318          
3319        
3320      </div>
3321    </div>
3322  </section>
3323
3324  <!-- COMMUNITY / INSTAGRAM -->
3325  <section class="community">
3326    <div class="container">
3327      <h2 class="community-title">Loved by Customers</h2>
3328      <div class="ig-carousel">
3329        <div id="igViewport" class="ig-carousel-viewport">
3330          <div id="igTrack" class="ig-carousel-track">
3331            
3332            
3333            
3334              
3335              
3336                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DRl6Vt2Eqh8/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3337              
3338                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DRE_Fh-Eqy_/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3339              
3340                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DQdfNnCgeYM/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3341              
3342                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DPOin75CEnY/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3343              
3344                <div class="ig-card"><div class="ig-media">
3344<iframe data-src="https://www.instagram.com/p/DOdWkd_Afpb/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3345              
3346                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DMz85c7Bg3c/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3347              
3348                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DJR83h7tnkQ/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3349              
3350                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DHtI1ptBE4T/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3351              
3352                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DGdekMZhI0J/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3353              
3354                <div class="ig-card"><div class="ig-media"><iframe data-src="https://www.instagram.com/p/DDzSx94S45D/embed/" title="Instagram Post" frameborder="0" allowfullscreen loading="lazy"></iframe><div class="ig-loading">Loading...</div></div></div>
3355              
3356            
3357          </div>
3358        </div>
3359        <button id="igPrev" class="ig-arrow prev" aria-label="Previous">‹</button>
3360        <button id="igNext" class="ig-arrow next" aria-label="Next">›</button>
3361      </div>
3362    </div>
3363  </section>
3364
3365  <!-- FAQ -->
3366  <section class="product-faq section">
3367    <div class="container">
3368      <div class="product-faq-heading"><h2 class="section-title">Frequently Asked Questions</h2></div>
3369      <div class="faq-list">
3370        
3371        
3372        
3373          <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>How is Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 different from regular flavoured water?</span><span class="faq-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="faq-answer"><p>Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 is made with natural flavour. Zero sugar, zero calories, no artificial sweeteners. Just clean fizz.</p></div></div>
3374          <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>When is the best time to drink Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24?</span><span class="faq-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="faq-answer"><p>Anytime. Enjoy it chilled during the day, with meals, or as a refreshing evening sipper.</p></div></div>
3375          <div class="faq-item"><button class="faq-question" aria-expanded="false"><span> Where can I buy Polka Pop?</span><span class="faq-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="faq-answer"><p>Polka Pop is available on our website in packs of 12 or 24.</p></div></div>
3376          <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>How should I store Polka Pop?</span><span class="faq-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="faq-answer"><p> Keep it cool and dry, away from sunlight. Refrigerate before drinking for the best fizz.</p></div></div>
3377          <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>Where can I use Polka Pop other than just drinking it?</span><span class="faq-icon"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="faq-answer"><p>It works well as a sparkling base for refreshing drinks and fruit spritzers, or paired with meals.</p></div></div>
3378        
3379      </div>
3380    </div>
3381  </section>
3382
3383 <!-- BLOG CARDS -->
3384<section class="section">
3385  <div class="container">
3386
3387    <div style="text-align:center;margin-bottom:28px">
3388      <span class="section-kicker">From the Journal</span>
3389      <h2 class="section-title">Fresh Reads</h2>
3390    </div>
3391
3392
3393    <div class="blog-grid">
3394
3395      
3396
3397        <a href="/blogs/news/sparkling-water-vs-soda-difference" class="blog-card">
3398
3399          <div class="blog-visual blue">
3400
3401            
3402              <img
3403                src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_45_37_PM_1af73e90-c820-4c5f-a987-f456e070c54e.png?v=1789026878&width=900"
3404                alt="Sparkling Water vs. Soda: What&#39;s Really the Difference?"
3405                loading="lazy"
3406              >
3407            
3408
3409          </div>
3410
3411
3412          <div class="blog-copy">
3413
3414            <span class="blog-meta">
3415              Article
3416            </span>
3417
3418
3419            <h3>
3420              Sparkling Water vs. Soda: What's Really the Difference?
3421            </h3>
3422
3423
3424            <p>
3425              
3426
3427
3428Quick Answer: The main difference is ingredients. Soda usually contains added sugar, artificia...
3429            </p>
3430
3431
3432            <span class="blog-link">
3433              Read Article <span>→</span>
3434            </span>
3435
3436          </div>
3437
3438        </a>
3439
3440
3441      
3442
3443        <a href="/blogs/news/easy-mocktail-recipes-polka-pop" class="blog-card">
3444
3445          <div class="blog-visual blue">
3446
3447            
3448              <img
3449                src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_44_49_PM.png?v=1789024599&width=900"
3450                alt="5 Easy Mocktail Recipes Using Polka Pop"
3451                loading="lazy"
3452              >
3453            
3454
3455          </div>
3456
3457
3458          <div class="blog-copy">
3459
3460            <span class="blog-meta">
3461              Article
3462            </span>
3463
3464
3465            <h3>
3466              5 Easy Mocktail Recipes Using Polka Pop
3467            </h3>
3468
3469
3470            <p>
3471              
3472
3473
3474Want a fun, fizzy drink at home without alcohol? Mocktails are the answer, and with Polka Pop ...
3475            </p>
3476
3477
3478            <span class="blog-link">
3479              Read Article <span>→</span>
3480            </span>
3481
3482          </div>
3483
3484        </a>
3485
3486
3487      
3488
3489        <a href="/blogs/news/restaurant-style-mocktails-at-home" class="blog-card">
3490
3491          <div class="blog-visual blue">
3492
3493            
3494              <img
3495                src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_39_58_PM.png?v=1789024227&width=900"
3496                alt="How to Make Restaurant-Style Mocktails at Home"
3497                loading="lazy"
3498              >
3499            
3500
3501          </div>
3502
3503
3504          <div class="blog-copy">
3505
3506            <span class="blog-meta">
3507              Article
3508            </span>
3509
3510
3511            <h3>
3512              How to Make Restaurant-Style Mocktails at Home
3513            </h3>
3514
3515
3516            <p>
3517              
3518
3519
3520Ever ordered a mocktail at a restaurant and wondered how it tasted so good? Restaurant style m...
3521            </p>
3522
3523
3524            <span class="blog-link">
3525              Read Article <span>→</span>
3526            </span>
3527
3528          </div>
3529
3530        </a>
3531
3532
3533      
3534
3535        <a href="/blogs/news/what-is-clean-label-zero-sugar-explained" class="blog-card">
3536
3537          <div class="blog-visual blue">
3538
3539            
3540              <img
3541                src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_37_39_PM.png?v=1789024145&width=900"
3542                alt="Zero Sugar, Zero Guilt: What &quot;Clean Label&quot; Really Means"
3543                loading="lazy"
3544              >
3545            
3546
3547          </div>
3548
3549
3550          <div class="blog-copy">
3551
3552            <span class="blog-meta">
3553              Article
3554            </span>
3555
3556
3557            <h3>
3558              Zero Sugar, Zero Guilt: What "Clean Label" Really Means
3559            </h3>
3560
3561
3562            <p>
3563              
3564
3565Have you ever picked up a drink that says "healthy" on the front, flipped it over, and found a ...
3566            </p>
3567
3568
3569            <span class="blog-link">
3570              Read Article <span>→</span>
3571            </span>
3572
3573          </div>
3574
3575        </a>
3576
3577
3578      
3579
3580
3581    </div>
3582
3583
3584  </div>
3585</section>
3586
3587  <!-- MOBILE CAROUSEL OVERRIDES -->
3588  <style>
3589  @media(max-width:680px){
3590    /* 1. Hide gallery arrows on mobile */
3591    #pp-pdp .gallery-arrow{display:none !important}
3592
3593    /* 2. Testimonials carousel */
3594    #pp-pdp .testimonials-grid{
3595      display:flex !important;
3596      overflow-x:auto !important;
3597      scroll-snap-type:x mandatory;
3598      -webkit-overflow-scrolling:touch;
3599      scrollbar-width:none;
3600      gap:14px;
3601      max-width:none !important;
3602      margin:0 !important;
3603      padding:0 4px 16px;
3604    }
3605    #pp-pdp .testimonials-grid::-webkit-scrollbar{display:none}
3606    #pp-pdp .testimonial-card{
3607      flex:0 0 82vw !important;
3608      max-width:82vw;
3609      scroll-snap-align:start;
3610    }
3611
3612    /* 3. Our Range carousel */
3613    #pp-pdp .products-row{
3614      display:flex !important;
3615      overflow-x:auto !important;
3616      scroll-snap-type:x mandatory;
3617      -webkit-overflow-scrolling:touch;
3618      scrollbar-width:none;
3619      gap:14px;
3620      padding:0 4px 16px;
3621    }
3622    #pp-pdp .products-row::-webkit-scrollbar{display:none}
3623    #pp-pdp .product-card{
3624      flex:0 0 72vw !important;
3625      max-width:72vw;
3626      scroll-snap-align:start;
3627    }
3628    #pp-pdp .product-card-visual{
3629      height:180px;
3630      padding:14px 10px;
3631    }
3632    #pp-pdp .product-card-visual img{
3633      max-height:100% !important;
3634      width:auto !important;
3635      max-width:70% !important;
3636      object-fit:contain !important;
3637    }
3638
3639    /* 4. Blog carousel */
3640    #pp-pdp .blog-grid{
3641      display:flex !important;
3642      overflow-x:auto !important;
3643      scroll-snap-type:x mandatory;
3644      -webkit-overflow-scrolling:touch;
3645      scrollbar-width:none;
3646      gap:14px;
3647      padding:0 4px 16px;
3648    }
3649    #pp-pdp .blog-grid::-webkit-scrollbar{display:none}
3650    #pp-pdp .blog-card{
3651      flex:0 0 80vw !important;
3652      max-width:80vw;
3653      scroll-snap-align:start;
3654    }
3655    #pp-pdp .blog-visual{
3656      height:200px !important;
3657    }
3658    #pp-pdp .blog-visual img{
3659      width:100% !important;
3660      height:100% !important;
3661      max-width:100% !important;
3662      object-fit:cover !important;
3663      position:static !important;
3664      filter:none !important;
3665    }
3666  }
3667  </style>
3668
3669  <!-- LIGHTBOX -->
3670  <div id="lightbox" class="pdp-lightbox" role="dialog" aria-modal="true" aria-label="Image zoom" style="display:none;">
3671    <div class="lightbox-overlay"></div>
3672    <div class="lightbox-content">
3673      <img id="lightboxImg" src="" alt="">
3674      <button id="lightboxClose" class="lightbox-close" aria-label="Close zoom"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
3675      <button id="lightboxPrev" class="lightbox-arrow lightbox-prev" aria-label="Previous"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg></button>
3676      <button id="lightboxNext" class="lightbox-arrow lightbox-next" aria-label="Next"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button>
3677    </div>
3678  </div>
3679
3680  <div id="toast" class="toast"></div>
3681
3682</div>
3683
3684<script>
3685(function(){
3686  function replaceRs(){
3687    var el=document.getElementById('pp-pdp');
3688    if(!el)return;
3689    var w=document.createTreeWalker(el,NodeFilter.SHOW_TEXT,null,false);
3690    while(w.nextNode()){
3691      if(w.currentNode.nodeValue&&w.currentNode.nodeValue.indexOf('Rs.')!==-1){
3692        w.currentNode.nodeValue=w.currentNode.nodeValue.replace(/Rs\.\s*/g,'₹');
3693      }
3694    }
3695  }
3696  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',function(){setTimeout(replaceRs,150);});
3697  else setTimeout(replaceRs,150);
3698  var t=document.getElementById('pp-pdp');
3699  if(t){var o=new MutationObserver(function(){replaceRs();});o.observe(t,{childList:true,subtree:true,characterData:true});}
3700})();
3701</script>
vendor: 1 bytes, line 3701
3701
3702<script>(function(){
3703  'use strict';
3704
3705  /* ── Utilities ── */
3706  var toast = document.getElementById('toast');
3707  function showToast(msg){ if(!toast) return; toast.textContent=msg; toast.classList.add('show'); setTimeout(function(){ toast.classList.remove('show'); },2200); }
3708
3709  /* ── Sticky Gallery (unstick at Quick Commerce) ── */
3710  (function(){
3711    var gallery = document.querySelector('#pp-pdp .gallery-wrap');
3712    var qc = document.querySelector('#pp-pdp .quick-commerce');
3713    if(!gallery || !qc || !('IntersectionObserver' in window)) return;
3714    var observer = new IntersectionObserver(function(entries){
3715      entries.forEach(function(entry){
3716        if(entry.isIntersecting){
3717          gallery.style.position = 'relative';
3718          gallery.style.top = 'auto';
3719        } else {
3720          gallery.style.position = '';
3721          gallery.style.top = '';
3722        }
3723      });
3724    }, { threshold: 0.1 });
3725    observer.observe(qc);
3726  })();
3727
3728  /* ── Gallery ── */
3729  (function(){
3730    var thumbs = Array.from(document.querySelectorAll('#pp-pdp .thumbs .thumb'));
3731    var hero = document.getElementById('heroProduct');
3732    var stage = document.getElementById('productStage');
3733    var prevBtn = document.getElementById('galleryPrev');
3734    var nextBtn = document.getElementById('galleryNext');
3735    var currentIndex = 0;
3736    if(!thumbs.length || !hero) return;
3737
3738    function goTo(idx){
3739      if(idx < 0) idx = thumbs.length - 1;
3740      if(idx >= thumbs.length) idx = 0;
3741      currentIndex = idx;
3742      thumbs.forEach(function(t){ t.classList.remove('active'); });
3743      thumbs[idx].classList.add('active');
3744      var src = thumbs[idx].dataset.src;
3745      hero.style.opacity = '0';
3746      hero.style.transition = 'opacity .25s ease';
3747      setTimeout(function(){
3748        hero.src = src;
3749        hero.alt = thumbs[idx].querySelector('img').alt;
3750        hero.style.opacity = '1';
3751      }, 250);
3752      thumbs[idx].scrollIntoView({ behavior:'smooth', block:'nearest', inline:'center' });
3753    }
3754
3755    thumbs.forEach(function(thumb, i){
3756      thumb.addEventListener('click', function(){ goTo(i); });
3757    });
3758    if(prevBtn) prevBtn.addEventListener('click', function(){ goTo(currentIndex - 1); });
3759    if(nextBtn) nextBtn.addEventListener('click', function(){ goTo(currentIndex + 1); });
3760
3761    if(stage) stage.addEventListener('click', function(e){
3762      if(e.target.closest('.gallery-arrow')) return;
3763      openLightbox(currentIndex);
3764    });
3765  })();
3766
3767  /* ── Lightbox ── */
3768  var lightbox = document.getElementById('lightbox');
3769  var lightboxImg = document.getElementById('lightboxImg');
3770  var lightboxClose = document.getElementById('lightboxClose');
3771  var lightboxPrev = document.getElementById('lightboxPrev');
3772  var lightboxNext = document.getElementById('lightboxNext');
3773  var lightboxOverlay = lightbox ? lightbox.querySelector('.lightbox-overlay') : null;
3774  var lbIndex = 0;
3775
3776  function getLightboxSources(){
3777    return Array.from(document.querySelectorAll('#pp-pdp .thumbs .thumb')).map(function(t){ return t.dataset.src; });
3778  }
3779
3780  function openLightbox(idx){
3781    if(!lightbox || !lightboxImg) return;
3782    var sources = getLightboxSources();
3783    if(!sources.length) return;
3784    lbIndex = idx;
3785    lightboxImg.src = sources[lbIndex];
3786    lightbox.style.display = 'flex';
3787    document.body.style.overflow = 'hidden';
3788    lightbox.focus();
3789  }
3790  window.openLightbox = openLightbox;
3791
3792  function closeLightbox(){
3793    if(!lightbox) return;
3794    lightbox.style.display = 'none';
3795    document.body.style.overflow = '';
3796  }
3797
3798  function lbNav(dir){
3799    var sources = getLightboxSources();
3800    lbIndex += dir;
3801    if(lbIndex < 0) lbIndex = sources.length - 1;
3802    if(lbIndex >= sources.length) lbIndex = 0;
3803    lightboxImg.src = sources[lbIndex];
3804  }
3805
3806  if(lightboxClose) lightboxClose.addEventListener('click', closeLightbox);
3807  if(lightboxOverlay) lightboxOverlay.addEventListener('click', closeLightbox);
3808  if(lightboxPrev) lightboxPrev.addEventListener('click', function(){ lbNav(-1); });
3809  if(lightboxNext) lightboxNext.addEventListener('click', function(){ lbNav(1); });
3810  document.addEventListener('keydown', function(e){
3811    if(!lightbox || lightbox.style.display === 'none') return;
3812    if(e.key === 'Escape') closeLightbox();
3813    if(e.key === 'ArrowLeft') lbNav(-1);
3814    if(e.key === 'ArrowRight') lbNav(1);
3815  });
3816
3817  /* ── Variants + Cart ── */
3818  (function(){
3819    var packWrap = document.getElementById('packOptions');
3820    var opts = packWrap ? Array.from(packWrap.querySelectorAll('.option')) : [];
3821    var qtyOut = document.getElementById('qtyOutput');
3822    var displayPrice = document.getElementById('displayPrice');
3823    var displayCompare = document.getElementById('displayCompare');
3824    var buttonPrices = Array.from(document.querySelectorAll('#pp-pdp .buttonPrice'));
3825    var addBtn = document.getElementById('addToCart');
3826    var buyBtn = document.getElementById('buyNow');
3827    var addBtnOriginalHTML = addBtn ? addBtn.innerHTML : '';
3828    var buyBtnOriginalHTML = buyBtn ? buyBtn.innerHTML : '';
3829    var quantity = 1;
3830
3831    function selectedOpt(){ return packWrap ? packWrap.querySelector('.option.active') : null; }
3832
3833    function refresh(){
3834      var opt = selectedOpt();
3835      var money = opt ? opt.dataset.priceMoney : '';
3836      if(displayPrice && money) displayPrice.textContent = money;
3837      buttonPrices.forEach(function(el){ if(money) el.textContent = money; });
3838      if(qtyOut) qtyOut.textContent = quantity;
3839
3840      if(displayCompare){
3841        var cmp = opt ? opt.dataset.compareMoney : '';
3842        if(cmp){ displayCompare.textContent = cmp; displayCompare.style.display = ''; }
3843        else { displayCompare.style.display = 'none'; }
3844      }
3845
3846      var available = !!opt && opt.dataset.available !== 'false';
3847      if(addBtn){
3848        addBtn.disabled = !available;
3849        addBtn.style.opacity = available ? '' : '0.45';
3850        addBtn.style.cursor = available ? '' : 'not-allowed';
3851        addBtn.innerHTML = addBtnOriginalHTML;
3852      }
3853      if(buyBtn){
3854        buyBtn.disabled = !available;
3855        buyBtn.style.opacity = available ? '' : '0.45';
3856        buyBtn.style.cursor = available ? '' : 'not-allowed';
3857        buyBtn.innerHTML = buyBtnOriginalHTML;
3858      }
3859    }
3860
3861    opts.forEach(function(opt){
3862      opt.addEventListener('click', function(){
3863        opts.forEach(function(x){ x.classList.remove('active'); x.removeAttribute('style'); });
3864        opt.classList.add('active');
3865        refresh();
3866      });
3867    });
3868
3869    var minus = document.getElementById('minus');
3870    var plus = document.getElementById('plus');
3871    if(minus) minus.addEventListener('click', function(){ quantity = Math.max(1, quantity - 1); refresh(); });
3872    if(plus) plus.addEventListener('click', function(){ quantity++; refresh(); });
3873
3874    var busy = false;
3875    function addToCart(goToCheckout){
3876      if(busy) return;
3877      var opt = selectedOpt();
3878      if(!opt || !opt.dataset.variantId){ showToast('Please select a pack size'); return; }
3879      if(opt.dataset.available === 'false'){ showToast('Selected pack is sold out'); return; }
3880      var id = Number(opt.dataset.variantId);
3881      busy = true;
3882      fetch('/cart/add.js', {
3883        method:'POST',
3884        headers:{'Content-Type':'application/json','Accept':'application/json'},
3885        body: JSON.stringify({ items:[{ id:id, quantity:quantity }] })
3886      }).then(function(res){
3887        if(!res.ok) return res.json().then(function(err){ showToast(err.description || 'Could not add to cart'); });
3888        if(goToCheckout){ window.location.href='/checkout'; return; }
3889        showToast(quantity + (quantity > 1 ? ' packs' : ' pack') + ' added to cart');
3890        fetch('/cart.js',{headers:{'Accept':'application/json'}}).then(function(r){ return r.json(); }).then(function(cart){
3891          var badge = document.querySelector('.ppcv2-cart-badge');
3892          if(badge) badge.textContent = cart.item_count;
3893          var badge2 = document.getElementById('cartBadge');
3894          if(badge2) badge2.textContent = cart.item_count;
3895        }).catch(function(){});
3896      }).catch(function(){ showToast('Network error — please try again.'); })
3897      .finally(function(){ busy = false; });
3898    }
3899
3900    if(addBtn) addBtn.addEventListener('click', function(){ addToCart(false); });
3901    if(buyBtn) buyBtn.addEventListener('click', function(){ addToCart(true); });
3902
3903    refresh();
3904  })();
3905
3906  /* ── Accordions (Product Detail) ── */
3907  document.querySelectorAll('#pp-pdp .acc-head').forEach(function(btn){
3908    btn.addEventListener('click', function(){
3909      requestAnimationFrame(function(){ btn.blur(); });
3910      var item = btn.parentElement;
3911      var willOpen = !item.classList.contains('open');
3912      var parent = btn.closest('.pdp-detail-accordion');
3913      if(parent){
3914        parent.querySelectorAll('.acc-item').forEach(function(other){
3915          if(other !== item){ other.classList.remove('open'); var ob = other.querySelector('.acc-head'); if(ob) ob.setAttribute('aria-expanded','false'); }
3916        });
3917      }
3918      item.classList.toggle('open', willOpen);
3919      btn.setAttribute('aria-expanded', String(willOpen));
3920    });
3921  });
3922
3923  /* ── FAQ Accordions ── */
3924  document.querySelectorAll('#pp-pdp .faq-question').forEach(function(btn){
3925    btn.addEventListener('click', function(){
3926      var item = btn.closest('.faq-item');
3927      var shouldOpen = !item.classList.contains('open');
3928      document.querySelectorAll('#pp-pdp .faq-item').forEach(function(other){
3929        other.classList.remove('open');
3930        var ob = other.querySelector('.faq-question');
3931        if(ob) ob.setAttribute('aria-expanded','false');
3932      });
3933      if(shouldOpen){ item.classList.add('open'); btn.setAttribute('aria-expanded','true'); }
3934    });
3935  });
3936
3937  /* ── Recipe Carousel ── */
3938  (function(){
3939    var track = document.getElementById('recipeTrack');
3940    var viewport = document.getElementById('recipeViewport');
3941    var prevBtn = document.getElementById('recipePrev');
3942    var nextBtn = document.getElementById('recipeNext');
3943    var tabs = Array.from(document.querySelectorAll('#recipePicker .pdp-recipe
3943-tab'));
3944    if(!track || !viewport) return;
3945
3946    var slides = Array.from(track.querySelectorAll('.recipe-slide'));
3947    var current = 0;
3948    var total = slides.length;
3949    if(!total) return;
3950
3951    function goTo(idx){
3952      if(idx < 0) idx = total - 1;
3953      if(idx >= total) idx = 0;
3954      current = idx;
3955      track.style.transition = 'transform 0.6s cubic-bezier(.4,0,.2,1)';
3956      track.style.transform = 'translateX(-' + (current * 100) + '%)';
3957      tabs.forEach(function(t,i){ t.classList.toggle('is-active', i === current); });
3958    }
3959
3960    if(prevBtn) prevBtn.addEventListener('click', function(){ goTo(current - 1); });
3961    if(nextBtn) nextBtn.addEventListener('click', function(){ goTo(current + 1); });
3962    tabs.forEach(function(tab){
3963      tab.addEventListener('click', function(){ goTo(Number(tab.dataset.index)); });
3964    });
3965
3966    var startX = 0, startY = 0, isDragging = false;
3967    viewport.addEventListener('touchstart', function(e){ startX = e.touches[0].clientX; startY = e.touches[0].clientY; isDragging = true; }, {passive:true});
3968    viewport.addEventListener('touchend', function(e){
3969      if(!isDragging) return;
3970      isDragging = false;
3971      var dx = e.changedTouches[0].clientX - startX;
3972      var dy = e.changedTouches[0].clientY - startY;
3973      if(Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40){
3974        goTo(current + (dx < 0 ? 1 : -1));
3975      }
3976    }, {passive:true});
3977
3978    goTo(0);
3979  })();
3980
3981  /* ── Instagram Carousel (video embeds) ── */
3982  (function(){
3983    var viewport = document.getElementById('igViewport');
3984    var track = document.getElementById('igTrack');
3985    var prevButton = document.getElementById('igPrev');
3986    var nextButton = document.getElementById('igNext');
3987    if(!viewport || !track) return;
3988
3989    var originalCards = Array.from(track.children);
3990    var total = originalCards.length;
3991    if(!total) return;
3992
3993    var cloneCount = Math.min(5, total);
3994    originalCards.slice(0, cloneCount).forEach(function(card){
3995      var clone = card.cloneNode(true);
3996      clone.setAttribute('aria-hidden','true');
3997      clone.querySelectorAll('iframe').forEach(function(f){ f.removeAttribute('src'); });
3998      track.appendChild(clone);
3999    });
4000
4001    var index = 0, timer = null, pointerStart = null;
4002    var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
4003
4004    function stepSize(){
4005      var first = track.querySelector('.ig-card');
4006      if(!first) return 0;
4007      var gap = parseFloat(getComputedStyle(track).gap) || 0;
4008      return first.getBoundingClientRect().width + gap;
4009    }
4010
4011    function visibleCount(){
4012      if(window.innerWidth <= 680) return 2;
4013      if(window.innerWidth <= 980) return 3;
4014      return 5;
4015    }
4016
4017    function hydrateNearby(){
4018      var cards = Array.from(track.children);
4019      var start = Math.max(0, index - 1);
4020      var end = Math.min(cards.length, index + visibleCount() + 1);
4021      cards.slice(start, end).forEach(function(card){
4022        var frame = card.querySelector('iframe[data-src]');
4023        if(frame && !frame.src){
4024          frame.src = frame.dataset.src;
4025          frame.addEventListener('load', function(){ card.classList.add('loaded'); }, {once:true});
4026        }
4027      });
4028    }
4029
4030    function render(animate){
4031      track.style.transition = animate ? 'transform 1.55s cubic-bezier(.22,.74,.25,1)' : 'none';
4032      track.style.transform = 'translate3d(' + (-index * stepSize()) + 'px,0,0)';
4033      hydrateNearby();
4034    }
4035
4036    function move(dir){
4037      index += dir;
4038      if(index < 0){ index = total - 1; render(false); requestAnimationFrame(function(){ render(true); }); return; }
4039      render(true);
4040      if(index >= total){ setTimeout(function(){ index = 0; render(false); }, 1600); }
4041    }
4042
4043    function start(){ if(reduceMotion || document.hidden) return; clearInterval(timer); timer = setInterval(function(){ move(1); }, 5200); }
4044    function stop(){ clearInterval(timer); timer = null; }
4045
4046    if(prevButton) prevButton.addEventListener('click', function(){ stop(); move(-1); start(); });
4047    if(nextButton) nextButton.addEventListener('click', function(){ stop(); move(1); start(); });
4048
4049    viewport.addEventListener('mouseenter', stop);
4050    viewport.addEventListener('mouseleave', start);
4051    viewport.addEventListener('pointerdown', function(e){ pointerStart = e.clientX; stop(); });
4052    viewport.addEventListener('pointerup', function(e){
4053      if(pointerStart !== null){
4054        var d = e.clientX - pointerStart;
4055        if(Math.abs(d) > 45) move(d < 0 ? 1 : -1);
4056      }
4057      pointerStart = null; start();
4058    });
4059    viewport.addEventListener('pointercancel', function(){ pointerStart = null; start(); });
4060    document.addEventListener('visibilitychange', function(){ document.hidden ? stop() : start(); });
4061    window.addEventListener('resize', function(){ render(false); });
4062
4063    render(false);
4064    start();
4065  })();
4066
4067
4068})();
4069</script>
4069
4070
4071</section><div id="shopify-section-template--27566130397473__polkapop-footer-custom" class="shopify-section"><footer class="pp-wrap pp-footer">
4072  <div class="pp-inner">
4073    <div class="pp-footer-grid">
4074      <div>
4075        <h3>Polka Pop</h3>
4076        <p>Zero sugar sparkling water made for crisp, colourful everyday refreshment.</p>
4077      </div>
4078      
4079    </div>
4080    <div class="pp-copyright">
4081      <span>© 2026 Polka Pop. Homepage redesign concept.</span>
4082      <span>Designed for Shopify homepage implementation</span>
4083    </div>
4084  </div>
4085</footer>
4086
4087
4088</div>
4089    </main>
4090
4091    <!-- BEGIN sections: footer-group -->
4092<footer id="shopify-section-sections--27566123778337__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
4093
4094<div class="section-background color-scheme-1"></div>
4095<div
4096  class="
4097    section section--page-width color-scheme-1
4098    
4099  "
4100>
4101  
4102
4103
4104  <div
4105    class="
4106      spacing-style
4107      layout-panel-flex
4108      layout-panel-flex--column
4109      section-content-wrapper
4110       mobile-column
4111    "
4112    style="
4113      --flex-direction: column; --flex-wrap: nowrap;
4114
4115--gap: max(24px, calc(var(--gap-scale, 1.0) * 48px));
4116
4117--horizontal-alignment: center; --vertical-alignment: center;
4118--vertical-alignment-mobile: center;
4119
4120      --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
4121    "
4122  >
4123    
4124
4125<div
4126  class="divider divider-ARUlRWS9PblpwQ01aV__divider_hFm3am spacing-style"
4127  style="
4128    --divider-justify-content: center;
4129    --padding-block-start: 0px;--padding-block-end: 0px;
4130  "
4131  
4132
4133>
4134  <span
4135    class="divider__line"
4136    style="
4137      --divider-border-thickness: 1px;
4138      
4139        --divider-border-rounded: 0;
4140      
4141      --divider-flex-basis: 100%;
4142    "
4143  ></span>
4144</div>
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154<div
4155  class="
4156    group-block
4157    group-block--height-fit
4158    group-block--width-fill
4159    border-style
4160    spacing-style
4161    size-style
4162    
4163    
4164  "
4165  style="
4166    --border-width: 1px; --border-style: none; --border-color:
4167rgb(var(--color-border-rgb) / 1.0); --border-radius:
41680px; 
4169
4170    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4171    --size-style-width: 100%;--size-style-height: fit;
4172  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
4173    
4174  "
4175  
4176  data-testid="group-block"
4177><div class="group-block__media-wrapper">
4178    
4179
4180    
4181  </div>
4182
4183  <div
4184    class="
4185      group-block-content
4186      
4187      layout-panel-flex
4188      layout-panel-flex--row
4189       mobile-column
4190    "
4191    style="--flex-direction: row; --flex-wrap: nowrap;
4192
4193--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4194
4195--horizontal-alignment: space-between; --vertical-alignment: flex-end;
4196--vertical-alignment-mobile: flex-end;
4197"
4198  >
4199  
4200
4201
4202
4203<div
4204  class="
4205    group-block
4206    group-block--height-fit
4207    group-block--width-fit-content
4208    border-style
4209    spacing-style
4210    size-style
4211    
4212    
4213  "
4214  style="
4215    --border-width: 1px; --border-style: none; --border-color:
4216rgb(var(--color-border-rgb) / 1.0); --border-radius:
42170px; 
4218
4219    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4220    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4221    
4222  "
4223  
4224  data-testid="group-block"
4225><div class="group-block__media-wrapper">
4226    
4227
4228    
4229  </div>
4230
4231  <div
4232    class="
4233      group-block-content
4234      
4235      layout-panel-flex
4236      layout-panel-flex--column
4237       mobile-column
4238    "
4239    style="--flex-direction: column; --flex-wrap: nowrap;
4240
4241--gap: 12px;
4242
4243--horizontal-alignment: flex-start; --vertical-alignment: center;
4244--vertical-alignment-mobile: center;
4245"
4246  >
4247  
4248
4249
4250
4251
4252
4253
4254
4255  <div 
4256  class=" spacing-style text-block text-block--AMnpvc2dreFk4SFRjd__text_3L9Fjq h4
4257    
4258  "
4259
4260  style="
4261    --padding-block-start: 0px; --padding-block-end:0px; 
4262--padding-inline-start:0px; --padding-inline-end:0px; 
4263
4264    
4265
4266    --width: fit-content;
4267    --max-width: var(--max-width--body-normal);
4268    
4269    
4270  "
4271
4272  
4273>
4274    <p>Join our email list</p>
4275  </div>
4276
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286
4287
4288
4289
4290  <rte-formatter 
4291  class=" spacing-style text-block text-block--AL2xxcDA1MjVleVdEV__text_eC4rXd rte
4292     rte 
4293  "
4294
4295  style="
4296    --padding-block-start: 0px; --padding-block-end:0px; 
4297--padding-inline-start:0px; --padding-inline-end:0px; 
4298
4299    
4300
4301    --width: fit-content;
4302    --max-width: var(--max-width--body-normal);
4303    
4304    
4305  "
4306
4307  
4308>
4309    <p>Get exclusive deals and early access to new products. </p>
4310  </rte-formatter>
4311
4312
4313
4314
4315
4316
4317
4318</div>
4319</div>
4320
4321
4322
4323
4324
4325
4326
4327
4328<div
4329  class="email-signup-block size-style spacing-style"
4330  style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4331  
4332>
4333  
4334<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
4335    <div
4336      class="email-signup__input-group "
4337      style="--border-width: 1px; --border-radius: 39px;"
4338    >
4339      <label
4340        for="EmailInput-AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb"
4341        class="visually-hidden"
4342      >
4343        Email
4344      </label>
4345      <input
4346        id="EmailInput-AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb"
4347        class="email-signup__input email-signup__input--all paragraph "
4348        type="email"
4349        name="contact[email]"
4350        autocorrect="off"
4351        autocapitalize="off"
4352        autocomplete="email"
4353        placeholder="Email address"
4354        required
4355        
4356      >
4357      <button
4358        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb "
4359        
4360          aria-label="Sign up"
4361        
4362      >
4363        
4364          <svg
4365            viewBox="0 0 20 20"
4366            xmlns="http://www.w3.org/2000/svg"
4367            focusable="false"
4368            aria-hidden="true"
4369            class="email-signup__button-icon"
4370          >
4371            
4372<path
4373      clip-rule="evenodd"
4374      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
4375      fill="currentColor"
4376      fill-rule="evenodd"
4377    />
4378          </svg>
4379        
4380      </button>
4381    </div></form>
4382</div>
4383
4384
4385
4386
4387
4388</div>
4389</div>
4390
4391
4392
4393
4394
4395
4396
4397<div
4398  class="footer-utilities spacing-style"
4399  style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 0px;"
4400  
4401>
4402  <div class="footer-utilities__group footer-utilities__group--left">
4403    
4404
4405<div
4406  class="
4407    footer-utilities__group-copyright
4408    custom-typography
4409    custom-font-size
4410  "
4411  style="
4412--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
4413  
4414>
4415  <span class="footer-utilities__text">
4416    &copy; 2026
4417    <a href="/" title="">Polkapop</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
4418</span>
4419</div>
4420
4421
4422
4423    
4424
4425  <anchored-popover-component data-hover-triggered="true">
4426    <button
4427      class="policy-list-trigger button-unstyled"
4428      popovertarget="terms-policies-popover"
4429      popovertargetaction="toggle"
4430      ref="trigger"
4431      style="
4432--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
4433      
4434    >
4435      Terms and Policies
4436    </button>
4437    <div
4438      class="terms-policies-popover color-scheme-1"
4439      id="terms-policies-popover"
4440      popover="auto"
4441      ref="popover"
4442    >
4443      <ul
4444        class="
4445          policy_list list-unstyled
4446          custom-typography
4447          custom-font-size
4448        "
4449      ><li>
4450              <a
4451                href="/policies/privacy-policy"
4452                class="footer-utilities__text"
4453              >Privacy policy</a>
4454            </li><li>
4455              <a
4456                href="/policies/refund-policy"
4457                class="footer-utilities__text"
4458              >Refund policy</a>
4459            </li><li>
4460              <a
4461                href="/policies/terms-of-service"
4462                class="footer-utilities__text"
4463              >Terms of service</a>
4464            </li></ul>
4465    </div>
4466  </anchored-popover-component>
4467
4468
4469
4470
4471
4472
4473  </div>
4474
4475  <div class="footer-utilities__group footer-utilities__group--right">
4476    
4477
4478<div
4479  class="social-icons__wrapper"
4480  
4481>
4482  
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523
4524
4525
4526
4527
4528
4529
4530
4531
4532
4533</div>
4534
4535
4536
4537
4538
4539  </div>
4540</div>
4541
4542
4543
4544
4545
4546  </div>
4547</div>
4548
4549
4550</footer>
4551<!-- END sections: footer-group -->
4552
4553    
4553<script
4554  src="//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573"
4555  type="module"
4556></script>
4556
4557
4558<dialog-component
4559  id="search-modal"
4560  class="search-modal"
4561  
4562>
4563  <dialog
4564    ref="dialog"
4565    on:click="/closeDialogOnClickOutside"
4566    on:keydown="/closeDialogOnEscapePress"
4567    class="search-modal__content dialog-modal"
4568    scroll-lock
4569  >
4570    
4570<script
4571  src="//polkapop.in/cdn/shop/t/9/assets/predictive-search.js?v=53445493388242646041791191573"
4572  type="module"
4573  fetchpriority="low"
4574></script>
4574
4575
4576<predictive-search-component
4577  class="predictive-search color-scheme-1"
4578  style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
4579  data-section-id="predictive-search"
4580  data-testid="search-component--modal"
4581  role="search"
4582  aria-label="Search"
4583>
4584  <form
4585    action="/search"
4586    method="get"
4587    role="search"
4588    class="predictive-search-form"
4589    ref="form"
4590    on:keydown="/onSearchKeyDown"
4591  >
4592    <div
4593      class="predictive-search-form__header"
4594    >
4595      <div class="predictive-search-form__header-inner">
4596        <label
4597          for="cmdk-input"
4598          class="visually-hidden"
4599        >Search</label>
4600        <input
4601          class="search-input"
4602          id="cmdk-input"
4603          type="search"
4604          name="q"
4605          role="combobox"
4606          aria-expanded="false"
4607          aria-owns="predictive-search-results"
4608          aria-controls="predictive-search-results"
4609          aria-haspopup="listbox"
4610          aria-autocomplete="list"
4611          autocomplete="off"
4612          placeholder="Search"
4613          ref="searchInput"
4614          on:input="/search"
4615          on:keydown="/onSearchKeyDown"
4616        >
4617        <input
4618          name="options[prefix]"
4619          type="hidden"
4620          value="last"
4621        >
4622        <span class="svg-wrapper predictive-search__icon">
4623          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4624
4625        </span>
4626        <button
4627          type="button"
4628          class="button-unstyled predictive-search__reset-button"
4629          aria-label="Reset search"
4630          ref="resetButton"
4631          hidden
4632          on:click="/resetSearch"
4633        >
4634          <span class="svg-wrapper predictive-search__reset-button-icon">
4635            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
4636
4637          </span>
4638          <span class="predictive-search__reset-button-text">Clear</span>
4639        </button>
4640      </div>
4641      <button
4642        type="button"
4643        class="button predictive-search__close-modal-button"
4644        aria-label="Close dialog"
4645        on:click="dialog-component/closeDialog"
4646        ref="closeModalButton"
4647      >
4648        <span class="svg-wrapper">
4649          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4650  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4651  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4652</svg>
4653
4654        </span>
4655      </button>
4656    </div>
4657
4658    <div class="predictive-search-form__content-wrapper">
4659      <div
4660        class="predictive-search-form__content"
4661        tabindex="-1"
4662        ref="predictiveSearchResults"
4663        on:click="/handleModalClick"
4664      >
4665        
4666
4667<div
4668  id="predictive-search-results"
4669  class="predictive-search-dropdown"
4670  role="listbox"
4671  aria-expanded="true"
4672  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
4673>
4674  
4675</div>
4676
4677      </div>
4678
4679      <div class="predictive-search-form__footer">
4680        <button
4681          class="button button-primary predictive-search__search-button"
4682          ref="viewAllButton"
4683        >
4684          View all
4685        </button>
4686      </div>
4687    </div>
4688  </form>
4689</predictive-search-component>
4690
4691
4692
4693  </dialog>
4694</dialog-component>
4695
4696
4697
4698
4699    
4700      <quick-add-dialog id="quick-add-dialog">
4701  <dialog
4702    class="quick-add-modal dialog-modal color-scheme-1"
4703    ref="dialog"
4704    scroll-lock
4705  >
4706    <button
4707      ref="closeButton"
4708      on:click="/closeDialog"
4709      class="button button-unstyled close-button quick-add-modal__close"
4710      aria-label="Close dialog"
4711    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4712  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4713  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4714</svg>
4715</button>
4716    <div
4717      id="quick-add-modal-content"
4718      class="quick-add-modal__content"
4719    ></div>
4720  </dialog>
4721</quick-add-dialog>
4722
4723
4724
4725    
4726
4727    
4728<link href="//polkapop.in/cdn/shop/t/9/assets/pp-icon-patch.css?v=3141028406341823091791191573" rel="stylesheet" type="text/css" media="all" />
4729<link href="//polkapop.in/cdn/shop/t/9/assets/pp-mobile-fixes.css?v=97860424674375196291791191573" rel="stylesheet" type="text/css" media="all" />
4730<script src="//polkapop.in/cdn/shop/t/9/assets/pp-icon-patch.js?v=92275226895601966701791191573" defer="defer"></script>
4730
4731<style>
4732#pp-pdp{--green:#3a7ac9;--green-deep:#1e509a;--lime:#aecbe9;--blue:#3a7ac9;--blue-deep:#1e509a;--blue-soft:#e5eff8;--product-color:#3a7ac9}
4733#pp-pdp .secondary{color:#ffffff}
4734#pp-pdp .editorial-card:nth-child(1){background:#e5eff8 !important;color:#062f28 !important}
4735#pp-pdp .editorial-card:nth-child(1) h3{color:#062f28 !important}
4736#pp-pdp .editorial-card:nth-child(2){background:#c4dbf0 !important;color:#062f28 !important}
4737#pp-pdp .editorial-card:nth-child(2) h3{color:#062f28 !important}
4738#pp-pdp .editorial-card:nth-child(3){background:#9dc0e4 !important;color:#062f28 !important}
4739#pp-pdp .editorial-card:nth-child(3) h3{color:#062f28 !important}
4740#pp-pdp .editorial-card:nth-child(4){background:#77a5d8 !important;color:#062f28 !important}
4741#pp-pdp .editorial-card:nth-child(4) h3{color:#062f28 !important}
4742#pp-pdp .editorial-card:nth-child(5){background:#5c8ec5 !important;color:#ffffff !important}
4743#pp-pdp .editorial-card:nth-child(5) h3{color:#ffffff !important}
4744#pp-pdp .editorial-card:nth-child(6){background:#132841 !important;color:#ffffff !important}
4745#pp-pdp .editorial-card:nth-child(6) h3{color:#ffffff !important}
4746#pp-pdp .pdp-recipe-showcase{background:linear-gradient(158deg,#e5eff8,#aecbe9 52%,#e5eff8) !important}
4747#pp-pdp .wave-section{background:#1e509a !important}
4748#pp-pdp .wave-section::before{background:#1e509a !important}
4749#pp-pdp .wave-section .section-kicker{color:#aecbe9 !important}
4750#pp-pdp .cta-banner{background:linear-gradient(120deg,#e5eff8,#e5eff8) !important;border-color:#aecbe9 !important}
4751#pp-pdp .benefit{border-color:#e5eff8 !important}
4752.pp-ptr-dots button.on{background:#3a7ac9 !important}
4753#pp-pdp .product-editorial-intro{display:none !important}
4754#pp-pdp .product-panel h1{font-size:28px !important}
4755#pp-pdp .product-panel .subtitle{font-size:15px !important}
4756/* Rearranged purchase layout */
4757#pp-pdp .purchase-row{display:flex !important;gap:10px !important;align-items:stretch}
4758#pp-pdp .purchase-row .qty{display:none !important}
4759#pp-pdp .purchase-row.has-qty .qty{display:grid !important}
4760#pp-pdp .purchase-row .primary.add-cart{flex:1}
4761#pp-pdp .purchase-row #buyNow{flex:1;margin-top:0 !important;width:auto !important}
4762/* Qty counter inside add-to-cart after click */
4763#pp-pdp .pp-qty-inline{display:inline-flex;align-items:center;gap:8px}
4764#pp-pdp .pp-qty-inline button{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;color:#062f28;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}
4765#pp-pdp .pp-qty-inline button:hover{background:rgba(0,0,0,.06)}
4766#pp-pdp .pp-qty-inline output{font-weight:800;font-size:15px;min-width:20px;text-align:center}
4767/* Pack size label row with Notify Me */
4768#pp-pdp .pp-pack-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
4769#pp-pdp .pp-pack-label-row .field-label{margin:0 !important}
4770#pp-pdp .pp-notify-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#3a7ac9;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;padding:0;transition:opacity .2s}
4771#pp-pdp .pp-notify-link:hover{opacity:.7}
4772#pp-pdp .pp-notify-link svg{width:14px;height:14px;fill:currentColor}
4773/* Read more toggle */
4774#pp-pdp .pp-lead-wrap{margin:8px 0 16px}
4775#pp-pdp .pp-lead-wrap .lead{display:inline !important;margin:0 !important}
4776#pp-pdp .pp-readmore-toggle{background:none;border:none;color:#3a7ac9;font-size:inherit;font-weight:700;cursor:pointer;padding:0;font-family:inherit}
4777#pp-pdp .pp-readmore-toggle:hover{text-decoration:underline}
4778#pp-pdp .pp-readmore-text{display:none;margin-top:6px;font-size:14px;color:#555;line-height:1.6}
4779#pp-pdp .pp-readmore-text.is-open{display:block}
4780/* Pack option unselected state — visible border */
4781#pp-pdp .option{border:2px solid rgba(0,0,0,.15) !important;background:#fff !important}
4782#pp-pdp .option.active{border-color:#3a7ac9 !important;background:#e5eff8 !important;box-shadow:inset 0 0 0 1px #3a7ac9 !important}
4783/* Notify Me modal */
4784.pp-notify-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
4785.pp-notify-overlay.is-open{opacity:1;pointer-events:auto}
4786.pp-notify-modal{background:#fff;border-radius:20px;padding:36px 32px;max-width:420px;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.18);transform:translateY(20px);transition:transform .25s}
4787.pp-notify-overlay.is-open .pp-notify-modal{transform:translateY(0)}
4788.pp-notify-modal .pp-nm-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:22px;
4788cursor:pointer;color:#999;line-height:1;padding:4px}
4789.pp-notify-modal .pp-nm-close:hover{color:#333}
4790.pp-notify-modal .pp-nm-icon{width:48px;height:48px;border-radius:50%;background:#e5eff8;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
4791.pp-notify-modal .pp-nm-icon svg{width:24px;height:24px;fill:#3a7ac9}
4792.pp-notify-modal h3{font-size:20px;font-weight:800;color:#1a1a1a;text-align:center;margin:0 0 6px;letter-spacing:-.02em}
4793.pp-notify-modal p{font-size:14px;color:#666;text-align:center;margin:0 0 20px;line-height:1.5}
4794.pp-notify-modal .pp-nm-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}
4795.pp-notify-modal .pp-nm-input:focus{border-color:#3a7ac9}
4796.pp-notify-modal .pp-nm-submit{width:100%;margin-top:12px;padding:14px;background:#3a7ac9;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}
4797.pp-notify-modal .pp-nm-submit:hover{background:#1e509a}
4798.pp-notify-modal .pp-nm-success{text-align:center;padding:20px 0}
4799.pp-notify-modal .pp-nm-success svg{width:48px;height:48px;margin-bottom:12px}
4800.pp-notify-modal .pp-nm-success h3{margin-bottom:4px}
4801</style>
4802<script>
4803(function(){
4804  var pc='#3a7ac9',deep='#1e509a',light='#e5eff8',lime='#aecbe9',lt='#ffffff',dkr='#132841',ml='#aecbe9';
4805  function applyColors(){
4806    var p=document.querySelector('#pp-pdp .primary');
4807    if(p){p.style.setProperty('background',lime,'important');p.style.setProperty('border','1px solid '+pc,'important');p.style.setProperty('color','#062f28','important');}
4808    var s=document.querySelector('#pp-pdp .secondary')||document.querySelector('#pp-pdp #buyNow');
4809    if(s){s.style.setProperty('background',deep,'important');s.style.setProperty('color','#ffffff','important');s.style.setProperty('border','1px solid '+deep,'important');}
4810    var rm=document.querySelector('#pp-pdp .pdp-recipe-more');
4811    if(rm){rm.style.setProperty('background',pc,'important');rm.style.setProperty('color',lt,'important');}
4812    document.querySelectorAll('#pp-pdp .add-circle').forEach(function(b){b.style.setProperty('border-color',pc,'important');b.style.setProperty('color',pc,'important');});
4813    var nb=document.querySelector('#pp-pdp .newsletter button');
4814    if(nb){nb.style.setProperty('background',pc,'important');nb.style.setProperty('color',lt,'important');}
4815    document.querySelectorAll('#pp-pdp .option.active').forEach(function(o){o.style.setProperty('border-color',pc,'important');o.style.setProperty('box-shadow','inset 0 0 0 1px '+pc,'important');o.style.setProperty('background',light,'important');});
4816  }
4817  function rearrangePanel(){
4818    var panel=document.querySelector('#pp-pdp .product-panel');
4819    if(!panel) return;
4820    var price=panel.querySelector('.price');
4821    var lead=panel.querySelector('.lead');
4822    var fieldLabels=panel.querySelectorAll('.field-label');
4823    var packLabel=null,qtyLabel=null;
4824    fieldLabels.forEach(function(fl){
4825      var t=fl.textContent.trim().toLowerCase();
4826      if(t.indexOf('pack')!==-1) packLabel=fl;
4827      if(t.indexOf('quantity')!==-1) qtyLabel=fl;
4828    });
4829    var optionRow=panel.querySelector('#packOptions,.option-row');
4830    var purchaseRow=panel.querySelector('.purchase-row');
4831    var buyNow=panel.querySelector('#buyNow');
4832
4833    /* 1. Read more on lead paragraph */
4834    if(lead){
4835      var wrap=document.createElement('div');
4836      wrap.className='pp-lead-wrap';
4837      lead.parentNode.insertBefore(wrap,lead);
4838      wrap.appendChild(lead);
4839      var toggleBtn=document.createElement('button');
4840      toggleBtn.type='button';
4841      toggleBtn.className='pp-readmore-toggle';
4842      toggleBtn.textContent='Read more';
4843      wrap.appendChild(toggleBtn);
4844      var moreText=document.createElement('div');
4845      moreText.className='pp-readmore-text';
4846      moreText.textContent='Naturally flavoured with a crisp, tart fruity finish, lightly sparkling and best served chilled, on its own or as a cocktail mixer.';
4847      wrap.appendChild(moreText);
4848      toggleBtn.addEventListener('click',function(){
4849        var open=moreText.classList.toggle('is-open');
4850        toggleBtn.textContent=open?'Read less':'Read more';
4851      });
4852    }
4853
4854    /* 2. Remove "Save more on larger packs" and qty label */
4855    if(packLabel){
4856      var small=packLabel.querySelector('small');
4857      if(small) small.remove();
4858    }
4859    if(qtyLabel) qtyLabel.style.display='none';
4860
4861    /* 3. Wrap pack label + Notify Me in a row */
4862    if(packLabel){
4863      var labelRow=document.createElement('div');
4864      labelRow.className='pp-pack-label-row';
4865      packLabel.parentNode.insertBefore(labelRow,packLabel);
4866      labelRow.appendChild(packLabel);
4867      var notifyLink=document.createElement('button');
4868      notifyLink.type='button';
4869      notifyLink.className='pp-notify-link';
4870      notifyLink.innerHTML='<svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg> Notify Me';
4871      labelRow.appendChild(notifyLink);
4872
4873      /* Notify Me modal */
4874      var overlay=document.createElement('div');
4875      overlay.className='pp-notify-overlay';
4876      overlay.innerHTML='<div class="pp-notify-modal">'+
4877        '<button class="pp-nm-close" aria-label="Close">&times;</button>'+
4878        '<div class="pp-nm-icon"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>'+
4879        '<h3>Get Notified</h3>'+
4880        '<p>Enter your email and we&#39;ll let you know about restocks, new flavours and exclusive drops.</p>'+
4881        '<form class="pp-nm-form" method="post" action="/contact#contact_form">'+
4882          '<input type="hidden" name="form_type" value="customer">'+
4883          '<input type="hidden" name="utf8" value="✓">'+
4884          '<input type="hidden" name="contact[tags]" value="notify-me">'+
4885          '<input class="pp-nm-input" type="email" name="contact[email]" placeholder="Enter your email" required>'+
4886          '<button class="pp-nm-submit" type="submit">Notify Me</button>'+
4887        '</form>'+
4888      '</div>';
4889      document.body.appendChild(overlay);
4890      notifyLink.addEventListener('click',function(){overlay.classList.add('is-open');});
4891      overlay.querySelector('.pp-nm-close').addEventListener('click',function(){overlay.classList.remove('is-open');});
4892      overlay.addEventListener('click',function(e){if(e.target===overlay) overlay.classList.remove('is-open');});
4893      var form=overlay.querySelector('.pp-nm-form');
4894      form.addEventListener('submit',function(e){
4895        e.preventDefault();
4896        var email=form.querySelector('input[type="email"]').value;
4897        var fd=new FormData(form);
4898        fetch('/contact#contact_form',{method:'POST',body:fd,headers:{'X-Requested-With':'XMLHttpRequest'}}).then(function(){
4899          overlay.querySelector('.pp-notify-modal').innerHTML='<button class="pp-nm-close" aria-label="Close">&times;</button>'+
4900            '<div class="pp-nm-success">'+
4901              '<svg viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="'+light+'"/><path d="M15 24l6 6 12-12" stroke="'+pc+'" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>'+
4902              '<h3>You&#39;re on the list!</h3>'+
4903              '<p style="color:#666;font-size:14px">We&#39;ll email you at <strong>'+email+'</strong> with updates.</p>'+
4904            '</div>';
4905          overlay.querySelector('.pp-nm-close').addEventListener('click',function(){overlay.classList.remove('is-open');});
4906        }).catch(function(){form.submit();});
4907      });
4908    }
4909
4910    /* 4. Move Buy Now into purchase row, hide qty */
4911    if(purchaseRow&&buyNow){
4912      purchaseRow.appendChild(buyNow);
4913    }
4914
4915    /* 5. Add to cart → show qty on click */
4916    var addBtn=purchaseRow&&purchaseRow.querySelector('.add-cart');
4917    if(addBtn){
4918      var origHTML=addBtn.innerHTML;
4919      var cartQty=1;
4920      addBtn.addEventListener('click',function(e){
4921        if(!addBtn.classList.contains('pp-added')){
4922          addBtn.classList.add('pp-added');
4923          addBtn.innerHTML='<span class="pp-qty-inline"><button type="button" data-dir="-">&minus;</button><output>'+cartQty+'</output><button type="button" data-dir="+">+</button></span>';
4924          addBtn.querySelector('[data-dir="-"]').addEventListener('click',function(ev){
4925            ev.stopPropagation();
4926            if(cartQty>1){cartQty--;addBtn.querySelector('output').textContent=cartQty;}
4927          });
4928          addBtn.querySelector('[data-dir="+"]').addEventListener('click',function(ev){
4929            ev.stopPropagation();
4930            cartQty++;addBtn.querySelector('output').textContent=cartQty;
4931          });
4932        }
4933      });
4934    }
4935
4936    /* 6. Move Quick Commerce below accordion */
4937    var qc=panel.querySelector('.quick-commerce');
4938    var accordion=panel.querySelector('.pdp-detail-accordion');
4939    if(qc&&accordion&&accordion.nextSibling){
4940      accordion.parentNode.insertBefore(qc,accordion.nextSibling);
4941    } else if(qc&&accordion){
4942      accordion.parentNode.appendChild(qc);
4943    }
4944
4945    /* 7. Reorder DOM: lead wrap → price → pack label row → option row → purchase row */
4946    var leadWrap=lead&&lead.closest('.pp-lead-wrap');
4947    var plr=panel.querySelector('.pp-pack-label-row');
4948    var elems=[];
4949    if(leadWrap) elems.push(leadWrap);
4950    if(price) elems.push(price);
4951    if(plr) elems.push(plr);
4952    if(optionRow) elems.push(optionRow);
4953    if(purchaseRow) elems.push(purchaseRow);
4954    if(elems.length<2) return;
4955    var refNode=elems[0];
4956    for(var i=1;i<elems.length;i++){
4957      refNode.parentNode.insertBefore(elems[i],refNode.nextSibling);
4958      refNode=elems[i];
4959    }
4960  }
4961  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){applyColors();rearrangePanel();});}else{applyColors();rearrangePanel();}
4962  setTimeout(applyColors,500);
4963  var pdpEl=document.querySelector('#pp-pdp');
4964  if(pdpEl&&pdpEl.previousSibling&&pdpEl.previousSibling.nodeType===3){pdpEl.parentNode.removeChild(pdpEl.previousSibling);}
4965  var ecopy=document.querySelector('#pp-pdp .product-editorial-copy');
4966  if(ecopy){var h=ecopy.querySelector('h2'),hhtml=h?h.outerHTML:'';var ps=ecopy.querySelectorAll('p'),txt='';ps.forEach(function(p){txt+=p.textContent.trim()+' '});ecopy.innerHTML=hhtml+'<p>'+txt.trim()+'</p>';}
4967})();
4968</script>
4968
4969<style>
4970/* 1. Hide duplicate product title inside stage */
4971.ppcv2-product-title{display:none !important}
4972
4973/* 2. Ingredient badges — non-interactive, behind card text */
4974.ppcv2-ingredient{z-index:2 !important;pointer-events:none}
4975
4976/* 3. Product card — shift stage content up so image+badges clear the text panel */
4977.ppcv2-product-card{position:relative;height:auto !important;min-height:680px !important}
4978.ppcv2-product-stage{height:520px !important;overflow:visible !important}
4979.ppcv2-product-stage .ppcv2-packshot{max-height:55% !important;transform:translateY(-60px) !important}
4980.ppcv2-ingredient.ppcv2-i1,.ppcv2-ingredient.ppcv2-i2{transform:translateY(-60px) !important}
4981.ppcv2-ingredient.ppcv2-i3,.ppcv2-ingredient.ppcv2-i4{transform:translateY(-100px) !important}
4982
4983/* Force product-specific card backgrounds */
4984.ppcv2-product-card{background:var(--card-bg) !important}
4985.ppcv2-product-stage::before{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.45),transparent 45%) !important}
4986
4987/* Card info panel — use card color as background tint */
4988.ppcv2-card-info{position:absolute !important;bottom:0 !important;left:0;right:0;background:var(--card-bg,#fff) !important;padding:12px 14px !important;text-align:center;z-index:4;height:auto !important;max-height:160px !important;overflow:hidden !important;border-top:1px solid rgba(0,0,0,.06)}
4989.ppcv2-card-info p,.ppcv2-card-info span{display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;line-height:1.3 !important;box-sizing:border-box !important}
4990.ppcv2-card-info .ci-name{font-size:15px !important;font-weight:800 !important;color:#1a1a1a !important;margin:0 0 2px 0 !important;letter-spacing:-.02em !important}
4991.ppcv2-card-info .ci-desc{font-size:11px !important;color:#555 !important;margin:0 0 4px !important;font-style:italic !important}
4992.ppcv2-card-info .ci-pack{font-size:12px !important;color:#333 !important;font-weight:600 !important;margin:0 0 3px !important}
4993.ppcv2-card-info .ci-rating{font-size:11px !important;color:#facc15 !important;margin:0 0 6px !important}
4994.ppcv2-card-info .ci-rating span{color:#888 !important;font-size:11px !important;display:inline !important}
4995.ppcv2-card-info .ci-cta{display:inline-block !important;background:#1a1a1a !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;padding:7px 18px !important;border-radius:999px !important;text-decoration:none !important;letter-spacing:.03em !important;transition:background .2s !important;line-height:1 !important}
4996.ppcv2-card-info .ci-cta:hover{background:#333 !important}
4997
4998/* 4. FAQ — homepage card style */
4999.ppcv2-faq .ppcv2-accordion{display:none !important}
5000.ppcv2-faq-heading-group{margin-bottom:24px !important}
5001.pp-col-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-items:start;max-width:1160px;margin:0 auto}
5002.pp-col-faq-card{background:#fff;border-radius:14px;border:1px solid #111;padding:20px 24px;box-shadow:4px 4px 0 0 #111;list-style:none}
5003.pp-col-faq-card summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;cursor:pointer;font-size:17px;font-weight:700;color:#0a0a0a;list-style:none}
5004.pp-col-faq-card summary::-webkit-details-marker{display:none}
5005.pp-col-faq-card summary::marker{display:none;content:''}
5006.pp-col-faq-card .pp-col-faq-chev{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#2b2b2b;position:relative;display:block}
5007.pp-col-faq-card .pp-col-faq-chev::after{content:'';position:absolute;left:50%;top:46%;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg);transition:transform .22s}
5008.pp-col-faq-card[open] .pp-col-faq-chev::after{transform:translate(-50%,-20%) rotate(-135deg)}
5009.pp-col-faq-card .pp-col-faq-answer{padding:12px 0 0;font-size:15px;color:#555;line-height:24px}
5010.pp-col-faq-card .pp-col-faq-answer p{margin:0}
5011
5012/* 5. Consistent button colors — CTA banner button matches all others */
5013.ppcv2-cta-btn{background:#1a1a1a !important;color:#fff !important;border-radius:999px !important}
5014.ppcv2-cta-btn:hover{background:#333 !important}
5015
5016/* 6. Banner text — keep left side visible */
5017.ppcv2-hero-banner-image{object-position:left center !important}
5018
5019/* Mixed case section */
5020.ppcv2-mixed-case{padding:60px 20px;text-align:center}
5021.ppcv2-mixed-case .mc-badge{display:inline-block;background:#facc15;
5021color:#1a1a1a;font-size:11px;font-weight:900;padding:4px 14px;border-radius:999px;letter-spacing:.08em;margin-bottom:12px}
5022.ppcv2-mixed-case h2{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.03em}
5023.ppcv2-mixed-case .mc-desc{font-size:15px;color:#666;margin:0 0 24px;max-width:500px;display:inline-block}
5024.ppcv2-mixed-case .mc-options{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
5025.ppcv2-mixed-case .mc-opt{border:2px solid #e5e7eb;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:700;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
5026.ppcv2-mixed-case .mc-opt.is-active,.ppcv2-mixed-case .mc-opt:hover{border-color:#1a1a1a;background:#f5f5f5}
5027.ppcv2-mixed-case .mc-cta{display:inline-block;background:#1a1a1a;color:#fff;font-size:14px;font-weight:700;padding:14px 32px;border-radius:999px;text-decoration:none;letter-spacing:.03em;transition:background .2s}
5028.ppcv2-mixed-case .mc-cta:hover{background:#333}
5029
5030/* ===== MOBILE RESPONSIVE ===== */
5031@media(max-width:768px){
5032  .ppcv2-product-card{min-height:500px !important}
5033  .ppcv2-product-stage{height:360px !important}
5034  .ppcv2-product-stage .ppcv2-packshot{max-height:60% !important;transform:translateY(-30px) !important}
5035  .ppcv2-ingredient.ppcv2-i1,.ppcv2-ingredient.ppcv2-i2{transform:translateY(-30px) !important}
5036  .ppcv2-ingredient.ppcv2-i3,.ppcv2-ingredient.ppcv2-i4{transform:translateY(-60px) !important}
5037  .ppcv2-ingredient{transform-origin:center center}
5038  .ppcv2-card-info{max-height:140px !important;padding:10px 12px !important}
5039  .ppcv2-card-info .ci-name{font-size:14px !important}
5040  .ppcv2-card-info .ci-cta{padding:6px 16px !important;font-size:11px !important}
5041  .ppcv2-faq-heading-group h2,.ppcv2-faq-title{font-size:22px !important}
5042  .ppcv2-faq-heading-group{margin-bottom:16px !important}
5043  .pp-col-faq-grid{grid-template-columns:1fr;gap:12px}
5044  .pp-col-faq-card{padding:16px 18px;box-shadow:3px 3px 0 0 #111}
5045  .pp-col-faq-card summary{font-size:15px;padding:8px 0}
5046  .pp-col-faq-card .pp-col-faq-chev{width:28px;height:28px}
5047  .pp-col-faq-card .pp-col-faq-answer{font-size:14px;line-height:22px}
5048  .ppcv2-mixed-case{padding:40px 16px}
5049  .ppcv2-mixed-case h2{font-size:22px}
5050  .ppcv2-mixed-case .mc-desc{font-size:14px}
5051  .ppcv2-mixed-case .mc-opt{padding:12px 22px;font-size:13px}
5052  .ppcv2-mixed-case .mc-cta{padding:12px 28px;font-size:13px}
5053  .ppcv2-cta-title{font-size:26px !important}
5054  .ppcv2-cta-section .ppcv2-cta-box{padding:40px 18px !important}
5055  .ppcv2-cta-btn{font-size:13px !important;padding:12px 24px !important}
5056  .ppcv2-hero-banner-image{object-position:20% center !important}
5057}
5058
5059/* Tablet tweaks */
5060@media(min-width:769px) and (max-width:1024px){
5061  .ppcv2-product-card{min-height:620px !important}
5062  .ppcv2-product-stage{height:460px !important}
5063  .ppcv2-mixed-case h2{font-size:24px}
5064  .ppcv2-faq-heading-group h2,.ppcv2-faq-title{font-size:26px !important}
5065}
5066</style>
5067
5068<script>
5069document.addEventListener('DOMContentLoaded',function(){
5070  var isCollection=document.querySelector('.pp-col-v2');
5071  if(!isCollection) return;
5072
5073  /* 1. Upgrade product cards with ecommerce info */
5074  var productData=[
5075    {name:'Blueberry Bliss',desc:'Crisp, bright and lightly fruity',pack:'Pack of 12',price:'₹480',rating:'4.7',reviews:'126',url:'/products/blueberry-sparkling-water-300ml-each-packs-of-12-24'},
5076    {name:'Cranberry Crush',desc:'Tart, refreshing and naturally bold',pack:'Pack of 12',price:'₹480',rating:'4.6',reviews:'98',url:'/products/cranberry-sparkling-water-300ml-each-packs-of-12-24'},
5077    {name:'Lemon Lime Lift',desc:'Zesty, clean and effortlessly cool',pack:'Pack of 12',price:'₹480',rating:'4.8',reviews:'142',url:'/products/peach-sparkling-water-300ml-each-packs-of-12-24-copy'},
5078    {name:'Orange Spark',desc:'Bright, citrusy and full of life',pack:'Pack of 12',price:'₹480',rating:'4.5',reviews:'87',url:'/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy'},
5079    {name:'Peach Pop',desc:'Soft, golden and naturally sweet',pack:'Pack of 12',price:'₹480',rating:'4.7',reviews:'110',url:'/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives'}
5080  ];
5081
5082  var cards=document.querySelectorAll('.ppcv2-product-card');
5083  cards.forEach(function(card,i){
5084    if(!productData[i]) return;
5085    var d=productData[i];
5086
5087    if(card.tagName==='BUTTON'){
5088      var link=document.createElement('a');
5089      link.href=d.url;
5090      link.className=card.className;
5091      link.innerHTML=card.innerHTML;
5092      link.setAttribute('style',card.getAttribute('style'));
5093      link.setAttribute('aria-label',d.name+' - view product');
5094      card.parentNode.replaceChild(link,card);
5095      card=link;
5096    }
5097
5098    var info=document.createElement('div');
5099    info.className='ppcv2-card-info';
5100    info.innerHTML='<p class="ci-name">'+d.name+'</p>'+
5101      '<p class="ci-desc">'+d.desc+'</p>'+
5102      '<p class="ci-pack">'+d.pack+' · '+d.price+'</p>'+
5103      '<p class="ci-rating">★★★★★ '+d.rating+' <span>('+d.reviews+')</span></p>'+
5104      '<span class="ci-cta">Choose Pack</span>';
5105    card.appendChild(info);
5106  });
5107
5108  /* 2. Add mixed-case section after product grid */
5109  var collectionsSection=document.querySelector('#collections');
5110  if(collectionsSection){
5111    var mc=document.createElement('section');
5112    mc.className='ppcv2-mixed-case ppcv2-container';
5113    mc.innerHTML='<span class="mc-badge">BEST VALUE</span>'+
5114      '<h2>Build Your Own Mixed Case</h2>'+
5115      '<p class="mc-desc">Choose any flavours and create a case that is completely your own.</p>'+
5116      '<div class="mc-options">'+
5117        '<button class="mc-opt is-active" type="button">12 bottles</button>'+
5118        '<button class="mc-opt" type="button">24 bottles</button>'+
5119      '</div>'+
5120      '<a class="mc-cta" href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Build Your Case</a>';
5121    collectionsSection.insertAdjacentElement('afterend',mc);
5122
5123    mc.querySelectorAll('.mc-opt').forEach(function(btn){
5124      btn.addEventListener('click',function(){
5125        mc.querySelectorAll('.mc-opt').forEach(function(b){b.classList.remove('is-active')});
5126        btn.classList.add('is-active');
5127      });
5128    });
5129  }
5130
5131  /* 3. Replace FAQ with homepage-style card grid */
5132  var faqContainer=document.querySelector('.ppcv2-faq');
5133  if(faqContainer){
5134    var newFAQs=[
5135      {q:'Is sparkling water actually good for you?',a:'Yes. It’s just carbonated water with natural fruit flavour — zero sugar, zero calories, zero artificial sweeteners. A healthier alternative to soda.'},
5136      {q:'How is this different from other sparkling waters?',a:'Most brands use artificial sweeteners like aspartame or stevia. Polka Pop doesn’t. Just natural flavour, no preservatives, no added sugar.'},
5137      {q:'Does it taste like soda?',a:'No. It’s lighter and crisper, with a real fruit taste instead of a sugary soda flavour.'},
5138      {q:'Is it keto-friendly or safe for diabetics?',a:'Yes, since it has zero sugar and zero calories. But it’s always best to check with your doctor first.'},
5139      {q:'Can kids or pregnant women drink it?',a:'Yes, it’s caffeine-free and has no artificial sweeteners or preservatives. Still, check with a doctor if you have any concerns.'},
5140      {q:'How long does it stay fresh after opening?',a:'Best enjoyed within 24 hours of opening. Keep it refrigerated for maximum freshness and fizz.'}
5141    ];
5142
5143    var grid=document.createElement('div');
5144    grid.className='pp-col-faq-grid';
5145    newFAQs.forEach(function(faq){
5146      var card=document.createElement('details');
5147      card.className='pp-col-faq-card';
5148      card.innerHTML='<summary><span>'+faq.q+'</span><span class="pp-col-faq-chev" aria-hidden="true"></span></summary>'+
5149        '<div class="pp-col-faq-answer"><p>'+faq.a+'</p></div>';
5150      grid.appendChild(card);
5151    });
5152    faqContainer.appendChild(grid);
5153  }
5154
5155  /* 4. Replace CTA section */
5156  var ctaSection=document.querySelector('.ppcv2-cta-section');
5157  if(ctaSection){
5158    var ctaBox=ctaSection.querySelector('.ppcv2-cta-box');
5159    if(ctaBox){
5160      ctaBox.innerHTML=
5161        '<span class="ppcv2-cta-fruit ppcv2-cf1">🍒</span>'+
5162        '<span class="ppcv2-cta-fruit ppcv2-cf2">🍏</span>'+
5163        '<span class="ppcv2-cta-fruit ppcv2-cf3">🍋</span>'+
5164        '<span class="ppcv2-cta-fruit ppcv2-cf4">🪰</span>'+
5165        '<div>'+
5166          '<p class="ppcv2-eyebrow">Can’t pick one?</p>'+
5167          '<h2 class="ppcv2-cta-title">Try Them All.</h2>'+
5168          '<p>Explore all five naturally flavoured sparkling waters and find your perfect sip. Choose your favourite flavour and enjoy crisp, refreshing fizz with zero sugar, zero calories and no sweeteners.</p>'+
5169          '<a class="ppcv2-cta-btn" href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Build Your Case</a>'+
5170        '</div>';
5171    }
5172  }
5173});
5174</script>
5174
5175
5176    <style>
5177#pp-pdp #reviews .section-kicker,
5178#pp-pdp #reviews .section-title,
5179#pp-pdp #reviews .reviews-card{display:none !important}
5180
5181#pp-pdp .pdp-recipe-showcase{padding:0 !important;background:none !important}
5182#pp-pdp .pdp-recipe-photo{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:cover !important;border-radius:16px !important;animation:none !important;filter:none !important}
5183
5184.pp-ptr-section{padding:60px 0;background:transparent;overflow:hidden}
5185.pp-ptr-section h2{text-align:center;font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 48px;font-family:inherit;letter-spacing:-.03em}
5186.pp-ptr-wrap{max-width:1100px;margin:0 auto;overflow:hidden;padding:0 24px;position:relative}
5187.pp-ptr-track{display:flex;transition:transform .5s ease;gap:20px}
5188.pp-ptr-card{flex:0 0 calc(33.333% - 14px);background:#fff;border-radius:16px;padding:30px 24px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;text-align:center;min-width:0}
5189.pp-ptr-card.is-center{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.12)}
5190.pp-ptr-card .av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;overflow:hidden;position:relative}
5191.pp-ptr-card .av::after{content:'';position:absolute;inset:-10px;border:1px dashed rgba(0,0,0,.15);border-radius:50%}
5192.pp-ptr-card .av svg{width:44px;height:44px}
5193.pp-ptr-card .bd{font-size:14px;line-height:1.65;color:#555;margin-bottom:16px;font-style:italic}
5194.pp-ptr-card .st{color:#facc15;font-size:17px;letter-spacing:2px;margin-bottom:6px}
5195.pp-ptr-card .nm{font-weight:700;font-size:15px;color:#1a1a1a}
5196.pp-ptr-card .rl{font-size:12px;color:#999;margin-top:2px}
5197.pp-ptr-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}
5198.pp-ptr-dots button{width:10px;height:10px;border-radius:50%;background:#ccc;border:none;cursor:pointer;padding:0;transition:background .3s}
5199.pp-ptr-dots button.on{background:#38bdf8}
5200.pp-ptr-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#666;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:2}
5201.pp-ptr-arrow:hover{background:#f0f0f0}
5202.pp-ptr-arrow.al{left:0}
5203.pp-ptr-arrow.ar{right:0}
5204@media(max-width:900px){.pp-ptr-card{flex:0 0 calc(50% - 10px)}}
5205@media(max-width:600px){.pp-ptr-card{flex:0 0 100%}}
5206</style>
5207
5208<script>
5209document.addEventListener('DOMContentLoaded',function(){
5210  var target=document.querySelector('#pp-pdp #reviews');
5211  if(!target) return;
5212
5213  var femaleAvatar='<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="22" r="10" fill="#7c3aed"/><ellipse cx="32" cy="52" rx="18" ry="14" fill="#7c3aed"/><circle cx="32" cy="22" r="9" fill="#a78bfa"/><path d="M23 18c0-6 4-12 9-12s9 6 9 12" fill="#6d28d9"/><ellipse cx="32" cy="52" rx="16" ry="12" fill="#a78bfa"/></svg>';
5214  var maleAvatar='<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="22" r="10" fill="#4f46e5"/><ellipse cx="32" cy="52" rx="18" ry="14" fill="#4f46e5"/><circle cx="32" cy="22" r="9" fill="#818cf8"/><rect x="24" y="12" width="16" height="6" rx="3" fill="#3730a3"/><ellipse cx="32" cy="52" rx="16" ry="12" fill="#818cf8"/></svg>';
5215
5216  var html='<div class="pp-ptr-section">';
5217  html+='<h2>Testimonials</h2>';
5218  html+='<div class="pp-ptr-wrap" id="ppPtrWrap">';
5219  html+='<button class="pp-ptr-arrow al" id="ppPtrL" aria-label="Previous">&lsaquo;</button>';
5220  html+='<div style="overflow:hidden"><div class="pp-ptr-track" id="ppPtrT">';
5221
5222  var reviews=[
5223    {av:femaleAvatar,n:'Priya Sharma',s:'★★★★★',t:'The Blueberry flavour is absolutely divine. I switched from regular soda three months ago and honestly cannot go back. It has just the right amount of fizz with a natural berry taste that feels so refreshing after a long day.'},
5224    {av:maleAvatar,n:'Arjun Mehta',s:'★★★★★',t:'Bought the Blueberry pack for a house party and it was an instant hit. Everyone kept asking where I got it from. No added sugar, no artificial aftertaste — just clean, fruity sparkling water. Already ordered my second case.'},
5225    {av:femaleAvatar,n:'Kavitha Ramesh',s:'★★★★☆',t:'My kids are obsessed with the Blueberry PolkaPop. As a parent, I feel great giving them something fizzy that is actually healthy. The flavour is subtle and natural — not overly sweet like other drinks on the market.'},
5226    {av:maleAvatar,n:'Rohit Desai',s:'★★★★★',t:'Perfect post-workout refreshment. The Blueberry variant is light, crisp, and genuinely hydrating. I keep a couple of cans in my gym bag at all times now. Tastes like a treat but without any of the guilt.'},
5227    {av:femaleAvatar,n:'Sneha Iyer',s:'★★★★☆',t:'I have tried almost every sparkling water brand available in India and the PolkaPop Blueberry is hands down the best. The berry aroma hits you the moment you open the can. I recommend it to literally everyone I know.'}
5228  ];
5229
5230  reviews.forEach(function(r){
5231    html+='<div class="pp-ptr-card">';
5232    html+='<div class="av">'+r.av+'</div>';
5233    html+='<p class="bd">'+r.t+'</p>';
5234    html+='<div class="st">'+r.s+'</div>';
5235    html+='<div class="nm">'+r.n+'</div>';
5236    html+='<div class="rl">Verified Buyer</div>';
5237    html+='</div>';
5238  });
5239
5240  html+='</div></div>';
5241  html+='<button class="pp-ptr-arrow ar" id="ppPtrR" aria-label="Next">&rsaquo;</button>';
5242  html+='<div class="pp-ptr-dots" id="ppPtrD"></div>';
5243  html+='</div></div>';
5244
5245  target.insertAdjacentHTML('beforeend',html);
5246
5247  var track=document.getElementById('ppPtrT'),
5248      cards=track.querySelectorAll('.pp-ptr-card'),
5249      dw=document.getElementById('ppPtrD'),
5250      wrap=document.getElementById('ppPtrWrap'),
5251      n=cards.length,idx=0,autoTimer=null;
5252
5253  function v(){return innerWidth<=600?1:innerWidth<=900?2:3}
5254  function go(){
5255    var vis=v(),p=100/vis;
5256    track.style.transform='translateX(-'+idx*p+'%)';
5257    cards.forEach(function(c,i){c.classList.toggle('is-center',i===idx+Math.floor(vis/2))});
5258    dw.querySelectorAll('button').forEach(function(d,i){d.classList.toggle('on',i===idx)});
5259  }
5260  function dots(){
5261    dw.innerHTML='';
5262    var vis=v(),pages=Math.max(n-vis+1,1);
5263    for(var i=0;i<pages;i++){
5264      var b=document.createElement('button');
5265      b.className=i===0?'on':'';
5266      b.dataset.i=i;
5267      b.addEventListener('click',function(){idx=+this.dataset.i;go();restartAuto()});
5268      dw.appendChild(b);
5269    }
5270  }
5271
5272  function advance(){
5273    var vis=v();
5274    if(idx<n-vis) idx++; else idx=0;
5275    go();
5276  }
5277  function startAuto(){stopAuto();autoTimer=setInterval(advance,4000);}
5278  function stopAuto(){if(autoTimer){clearInterval(autoTimer);autoTimer=null;}}
5279  function restartAuto(){startAuto();}
5280
5281  wrap.addEventListener('mouseenter',stopAuto);
5282  wrap.addEventListener('mouseleave',startAuto);
5283  wrap.addEventListener('touchstart',stopAuto,{passive:true});
5284  wrap.addEventListener('touchend',function(){setTimeout(startAuto,3000)});
5285
5286  dots();go();startAuto();
5287
5288  document.getElementById('ppPtrL').onclick=function(){if(idx>0){idx--;go();restartAuto()}};
5289  document.getElementById('ppPtrR').onclick=function(){var vis=v();if(idx<n-vis){idx++;go();restartAuto();}else{idx=0;go();restartAuto();}};
5290
5291  var sx;
5292  track.addEventListener('touchstart',function(e){sx=e.touches[0].clientX},{passive:true});
5293  track.addEventListener('touchend',function(e){
5294    var d=sx-e.changedTouches[0].clientX;
5295    if(d>40){var vis=v();if(idx<n-vis)idx++;else idx=0;}
5296    else if(d<-40){if(idx>0)idx--;else idx=n-v();}
5297    go();
5298  });
5299
5300  var rt;
5301  addEventListener('resize',function(){clearTimeout(rt);rt=setTimeout(function(){idx=0;dots();go()},200)});
5302
5303  /* Swap recipe image per tab */
5304  var recipeImg=document.querySelector('.pdp-recipe-photo');
5305  if(recipeImg){
5306    var recipeImages={
5307      0:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/ChatGPT_Image_Aug_27_2026_11_00_38_AM_1.png?v=1787889667',
5308      1:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Blueberry_Lemon_Sparkling_Kitchen_Still_Life.png?v=1787889667',
5309      2:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Blueberry_Mint_Spritz_with_Lime.png?v=1787889667',
5310      3:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Generated_image__Sparkling_Blueberry_Mint_Mocktail.png?v=1787889667',
5311      4:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Generated_image__Blueberry_Sparkling_Water_Still_Life.png?v=1787889667'
5312    };
5313    recipeImg.src=recipeImages[0];
5314    recipeImg.srcset='';
5315    var recipeTabs=document.querySelectorAll('.pdp-recipe-tab');
5316    recipeTabs.forEach(function(tab){
5317      tab.addEventListener('click',function(){
5318        var i=+this.dataset.index;
5319        setTimeout(function(){
5320          recipeImg.src=recipeImages[i];
5321          recipeImg.srcset='';
5322        },100);
5323      });
5324    });
5325  }
5326
5327  /* Remove Instagram embed DHoHEsISQ3Y from Loved by Customers */
5328  document.querySelectorAll('iframe').forEach(function(f){
5329    var src=f.src||f.dataset.src||'';
5330    if(src.indexOf('DHoHEsISQ3Y')!==-1){
5331      var card=f.closest('.ig-card')||f.parentElement;
5332      if(card) card.remove();
5333    }
5334  });
5335});
5336</script>
5336
5337  
5337<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5337
5338</body>
5339</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.