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 & 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; 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'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 & 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; 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's binge friendly!) No Sw" 84> 85 86<title> 87 Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24 88 – 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; 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'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 & 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 & 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 & 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 & 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 & 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 & 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 & 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'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 "Clean Label" 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 © 2026 4417 <a href="/" title="">Polkapop</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&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">×</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'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">×</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're on the list!</h3>'+ 4903 '<p style="color:#666;font-size:14px">We'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="-">−</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">‹</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">›</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.