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/" 39> 40<meta 41 property="og:title" 42 content="Polkapop" 43> 44<meta 45 property="og:type" 46 content="website" 47> 48<meta 49 property="og:description" 50 content="Polkapop" 51><meta 52 name="twitter:card" 53 content="summary_large_image" 54> 55<meta 56 name="twitter:title" 57 content="Polkapop" 58> 59<meta 60 name="twitter:description" 61 content="Polkapop" 62> 63 64<title> 65 Polkapop 66</title> 67 68<link 69 rel="canonical" 70 href="https://polkapop.in/" 71> 72 73 74<link 75 rel="preconnect" 76 href="https://fonts.shopifycdn.com" 77 crossorigin 78 > 79<link 80 rel="preload" 81 as="font" 82 href="//polkapop.in/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" 83 type="font/woff2" 84 crossorigin 85 ><link 86 rel="preload" 87 as="font" 88 href="//polkapop.in/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2" 89 type="font/woff2" 90 crossorigin 91 ><link 92 rel="preload" 93 as="font" 94 href="//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2" 95 type="font/woff2" 96 crossorigin 97 >
98<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 98
98
99<script type="importmap"> 100 { 101 "imports": { 102 "@theme/critical": "//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573", 103 "@theme/product-title": "//polkapop.in/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781791191573", 104 "@theme/component": "//polkapop.in/cdn/shop/t/9/assets/component.js?v=74239122572524296041791191573", 105 "@theme/dialog": "//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573", 106 "@theme/events": "//polkapop.in/cdn/shop/t/9/assets/events.js?v=59172389608566392641791191573", 107 "@theme/focus": "//polkapop.in/cdn/shop/t/9/assets/focus.js?v=60436577539430446401791191573", 108 "@theme/morph": "//polkapop.in/cdn/shop/t/9/assets/morph.js?v=175376767362814376631791191573", 109 "@theme/paginated-list": "//polkapop.in/cdn/shop/t/9/assets/paginated-list.js?v=95298315036233333871791191573", 110 "@theme/performance": "//polkapop.in/cdn/shop/t/9/assets/performance.js?v=160961134082498414901791191573", 111 "@theme/product-form": "//polkapop.in/cdn/shop/t/9/assets/product-form.js?v=127515301325557712001791191573", 112 "@theme/recently-viewed-products": "//polkapop.in/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651791191573", 113 "@theme/scrolling": "//polkapop.in/cdn/shop/t/9/assets/scrolling.js?v=10957690925586738441791191573", 114 "@theme/section-renderer": "//polkapop.in/cdn/shop/t/9/assets/section-renderer.js?v=117273408521114569061791191573", 115 "@theme/section-hydration": "//polkapop.in/cdn/shop/t/9/assets/section-hydration.js?v=177651605160027701221791191573", 116 "@theme/utilities": "//polkapop.in/cdn/shop/t/9/assets/utilities.js?v=20543301071820501481791191573", 117 "@theme/variant-picker": "//polkapop.in/cdn/shop/t/9/assets/variant-picker.js?v=113536721324242252251791191573", 118 "@theme/media-gallery": "//polkapop.in/cdn/shop/t/9/assets/media-gallery.js?v=111441960308641931071791191573", 119 "@theme/quick-add": "//polkapop.in/cdn/shop/t/9/assets/quick-add.js?v=74531385036627369001791191573", 120 "@theme/paginated-list-aspect-ratio": "//polkapop.in/cdn/shop/t/9/assets/paginated-list-aspect-ratio.js?v=25254270272143792451791191573", 121 "@theme/popover-polyfill": "//polkapop.in/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201791191573" 122 } 123 } 124</script>
124 125 126 127 128<link 129 rel="modulepreload" 130 href="//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573" 131> 132 133<link 134 rel="modulepreload" 135 href="//polkapop.in/cdn/shop/t/9/assets/utilities.js?v=20543301071820501481791191573" 136 fetchpriority="low" 137> 138<link 139 rel="modulepreload" 140 href="//polkapop.in/cdn/shop/t/9/assets/component.js?v=74239122572524296041791191573" 141 fetchpriority="low" 142> 143<link 144 rel="modulepreload" 145 href="//polkapop.in/cdn/shop/t/9/assets/section-renderer.js?v=117273408521114569061791191573" 146 fetchpriority="low" 147> 148<link 149 rel="modulepreload" 150 href="//polkapop.in/cdn/shop/t/9/assets/section-hydration.js?v=177651605160027701221791191573" 151 fetchpriority="low" 152> 153 154 155 156<link 157 rel="modulepreload" 158 href="//polkapop.in/cdn/shop/t/9/assets/focus.js?v=60436577539430446401791191573" 159 fetchpriority="low" 160> 161<link 162 rel="modulepreload" 163 href="//polkapop.in/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651791191573" 164 fetchpriority="low" 165> 166<link 167 rel="modulepreload" 168 href="//polkapop.in/cdn/shop/t/9/assets/scrolling.js?v=10957690925586738441791191573" 169 fetchpriority="low" 170> 171<link 172 rel="modulepreload" 173 href="//polkapop.in/cdn/shop/t/9/assets/events.js?v=59172389608566392641791191573" 174 fetchpriority="low" 175> 176 177
178<script> 179 if (!('popover' in HTMLElement.prototype)) { 180 var popoverPolyfill = document.createElement('script'); 181 popoverPolyfill.type = 'module'; 182 popoverPolyfill.src = '//polkapop.in/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201791191573'; 183 document.head.appendChild(popoverPolyfill); 184 } 185</script>
185 186 187
188<script> 189 window.ppLazyModules = { 190 'quick-add-component, quick-add-dialog': '//polkapop.in/cdn/shop/t/9/assets/quick-add.js?v=74531385036627369001791191573', 191 'dialog-component, [scroll-lock]': '//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573', 192 'variant-picker': '//polkapop.in/cdn/shop/t/9/assets/variant-picker.js?v=113536721324242252251791191573', 193 'product-card, swatches-variant-picker-component': '//polkapop.in/cdn/shop/t/9/assets/product-card.js?v=174129639976667491711791191573', 194 'add-to-cart-component, product-form-component': '//polkapop.in/cdn/shop/t/9/assets/product-form.js?v=127515301325557712001791191573', 195 'accordion-custom': '//polkapop.in/cdn/shop/t/9/assets/accordion-custom.js?v=99000499017714805851791191573', 196 'disclosure-custom': '//polkapop.in/cdn/shop/t/9/assets/disclosure-custom.js?v=168050880623268140331791191573', 197 'deferred-media, product-model': '//polkapop.in/cdn/shop/t/9/assets/media.js?v=37825095869491791421791191573', 198 'product-price': '//polkapop.in/cdn/shop/t/9/assets/product-price.js?v=30079423257668675401791191573', 199 'product-title': '//polkapop.in/cdn/shop/t/9/assets/product-title-truncation.js?v=81744426891537421781791191573', 200 'product-inventory': '//polkapop.in/cdn/shop/t/9/assets/product-inventory.js?v=16343734458933704981791191573', 201 'show-more-component': '//polkapop.in/cdn/shop/t/9/assets/show-more.js?v=94563802205717136101791191573', 202 'slideshow-component': '//polkapop.in/cdn/shop/t/9/assets/slideshow.js?v=63092151078244317761791191573', 203 'anchored-popover-component': '//polkapop.in/cdn/shop/t/9/assets/anchored-popover.js?v=95953304814728754461791191573', 204 'floating-panel-component': '//polkapop.in/cdn/shop/t/9/assets/floating-panel.js?v=128677600744947036551791191573', 205 'video-background-component': '//polkapop.in/cdn/shop/t/9/assets/video-background.js?v=25237992823806706551791191573', 206 'quantity-selector-component': '//polkapop.in/cdn/shop/t/9/assets/component-quantity-selector.js?v=56330027151833116691791191573', 207 'media-gallery': '//polkapop.in/cdn/shop/t/9/assets/media-gallery.js?v=111441960308641931071791191573', 208 'rte-formatter': '//polkapop.in/cdn/shop/t/9/assets/rte-formatter.js?v=101420294193111439321791191573', 209 'gift-card-recipient-form': '//polkapop.in/cdn/shop/t/9/assets/gift-card-recipient-form.js?v=129634859299628245901791191573', 210 'cart-discount-component': '//polkapop.in/cdn/shop/t/9/assets/cart-discount.js?v=107077853990124422021791191573' 211 }; 212</script>
vendor: 1 bytes, line 212
212
213<script 214 src="//polkapop.in/cdn/shop/t/9/assets/pp-lazy.js?v=157843256171173057241791191573" 215 defer="defer" 216></script>
216 217 218 219 220 221 222 223
224<script 225 src="//polkapop.in/cdn/shop/t/9/assets/auto-close-details.js?v=58350291535404441581791191573" 226 defer="defer" 227></script>
227 228
229<script> 230 const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders'; 231 const Theme = { 232 placeholders: { 233 general: [ 234 `${basePath}/general-1.png`, 235 `${basePath}/general-2.png`, 236 `${basePath}/general-3.png`, 237 `${basePath}/general-4.png`, 238 `${basePath}/general-5.png`, 239 `${basePath}/general-6.png`, 240 `${basePath}/general-7.png`, 241 ], 242 product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`], 243 }, 244 translations: { 245 placeholder_image: `Placeholder image`, 246 added: `Added`, 247 recipient_form_fields_visible: `Recipient form fields are now visible`, 248 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 249 recipient_form_error: `There was an error with the form submission`, 250 }, 251 routes: { 252 cart_add_url: '/cart/add.js', 253 cart_change_url: '/cart/change', 254 cart_update_url: '/cart/update', 255 cart_url: '/cart', 256 predictive_search_url: '/search/suggest', 257 search_url: '/search', 258 }, 259 template: { 260 name: 'index', 261 }, 262 }; 263</script>
263 264<style data-shopify> 265 266 267 @font-face { 268 font-family: Montserrat; 269 font-weight: 400; 270 font-style: normal; 271 font-display: swap; 272 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 273 url("//polkapop.in/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 274} 275 276 @font-face { 277 font-family: Montserrat; 278 font-weight: 700; 279 font-style: normal; 280 font-display: swap; 281 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"), 282 url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff"); 283} 284 285 @font-face { 286 font-family: Montserrat; 287 font-weight: 400; 288 font-style: italic; 289 font-display: swap; 290 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"), 291 url("//polkapop.in/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff"); 292} 293 294 @font-face { 295 font-family: Montserrat; 296 font-weight: 700; 297 font-style: italic; 298 font-display: swap; 299 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"), 300 url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff"); 301} 302 303 304 305 306 307 @font-face { 308 font-family: Montserrat; 309 font-weight: 500; 310 font-style: normal; 311 font-display: swap; 312 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"), 313 url("//polkapop.in/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff"); 314} 315 316 @font-face { 317 font-family: Montserrat; 318 font-weight: 700; 319 font-style: normal; 320 font-display: swap; 321 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"), 322 url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff"); 323} 324 325 @font-face { 326 font-family: Montserrat; 327 font-weight: 500; 328 font-style: italic; 329 font-display: swap; 330 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"), 331 url("//polkapop.in/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff"); 332} 333 334 @font-face { 335 font-family: Montserrat; 336 font-weight: 700; 337 font-style: italic; 338 font-display: swap; 339 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"), 340 url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff"); 341} 342 343 344 345 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: 700; 360 font-style: normal; 361 font-display: swap; 362 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"), 363 url("//polkapop.in/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.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 @font-face { 376 font-family: Montserrat; 377 font-weight: 700; 378 font-style: italic; 379 font-display: swap; 380 src: url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"), 381 url("//polkapop.in/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff"); 382} 383 384 385 386 387 388 :root { 389 /* Page Layout */ 390 --sidebar-width: 25rem; 391 --narrow-content-width: 36rem; 392 --normal-content-width: 42rem; 393 --wide-content-width: 46rem; 394 --narrow-page-width: 90rem; 395 --normal-page-width: 120rem; 396 --wide-page-width: 150rem; 397 398 /* Section Heights */ 399 --section-height-small: 15rem; 400 --section-height-medium: 25rem; 401 --section-height-large: 35rem; 402 403 @media screen and (min-width: 40em) { 404 --section-height-small: 40svh; 405 --section-height-medium: 55svh; 406 --section-height-large: 70svh; 407 } 408 409 @media screen and (min-width: 60em) { 410 --section-height-small: 50svh; 411 --section-height-medium: 65svh; 412 --section-height-large: 80svh; 413 } 414 415 /* Letter spacing */ 416 --letter-spacing-sm: 0.06em; 417 --letter-spacing-md: 0.13em; 418 419 /* Font families */ 420 --font-body--family: Montserrat, sans-serif; 421 --font-body--style: normal; 422 --font-body--weight: 400; 423 --font-subheading--family: Montserrat, sans-serif; 424 --font-subheading--style: normal; 425 --font-subheading--weight: 500; 426 --font-heading--family: Montserrat, sans-serif; 427 --font-heading--style: normal; 428 --font-heading--weight: 700; 429 --font-accent--family: Montserrat, sans-serif; 430 --font-accent--style: normal; 431 --font-accent--weight: 700; 432 433 /* Margin sizes */ 434 --font-h1--spacing: 0.25em; 435 --font-h2--spacing: 0.25em; 436 --font-h3--spacing: 0.25em; 437 --font-h4--spacing: 0.25em; 438 --font-h5--spacing: 0.25em; 439 --font-h6--spacing: 0.25em; 440 --font-paragraph--spacing: 0.5em; 441 442 /* Heading colors */ 443 --font-h1--color: var(--color-foreground-heading); 444 --font-h2--color: var(--color-foreground-heading); 445 --font-h3--color: var(--color-foreground-heading); 446 --font-h4--color: var(--color-foreground-heading); 447 --font-h5--color: var(--color-foreground-heading); 448 --font-h6--color: var(--color-foreground-heading); 449 450 /** Z-Index / Layering */ 451 --layer-section-background: -2; 452 --layer-lowest: -1; 453 --layer-base: 0; 454 --layer-flat: 1; 455 --layer-raised: 2; 456 --layer-heightened: 4; 457 --layer-sticky: 8; 458 --layer-window-overlay: 10; 459 --layer-header-menu: 12; 460 --layer-overlay: 16; 461 --layer-menu-drawer: 18; 462 --layer-temporary: 20; 463 464 /* Max-width / Measure */ 465 --max-width--body-normal: 50ch; 466 --max-width--body-narrow: 35ch; 467 468 --max-width--heading-normal: 50ch; 469 --max-width--heading-narrow: 30ch; 470 471 --max-width--display-normal: 20ch; 472 --max-width--display-narrow: 15ch; 473 --max-width--display-tight: 5ch; 474 475 /* Letter-spacing / Tracking */ 476 --letter-spacing--display-tight: -0.03em; 477 --letter-spacing--display-normal: 0em; 478 --letter-spacing--display-loose: 0.03em; 479 480 --letter-spacing--heading-tight: -0.03em; 481 --letter-spacing--heading-normal: 0em; 482 --letter-spacing--heading-loose: 0.03em; 483 484 --letter-spacing--body-tight: -0.03em; 485 --letter-spacing--body-normal: 0em; 486 --letter-spacing--body-loose: 0.03em; 487 488 /* Line height / Leading */ 489 --line-height: 1; 490 491 --line-height--display-tight: 1; 492 --line-height--display-normal: 1.1; 493 --line-height--display-loose: 1.2; 494 495 --line-height--heading-tight: 1.15; 496 --line-height--heading-normal: 1.25; 497 --line-height--heading-loose: 1.35; 498 499 --line-height--body-tight: 1.2; 500 --line-height--body-normal: 1.4; 501 --line-height--body-loose: 1.6; 502 503 /* Typography presets */ 504 --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); 505 506 /* Hardcoded font sizes */ 507 --font-size--2xs: 0.625rem; 508 --font-size--xs: 0.8125rem; 509 --font-size--sm: 0.875rem; 510 --font-size--md: 1rem; 511 --font-size--lg: 1.125rem; 512 --font-size--xl: 1.25rem; 513 --font-size--2xl: 1.5rem; 514 --font-size--3xl: 2rem; 515 --font-size--4xl: 2.5rem; 516 --font-size--5xl: 3rem; 517 --font-size--6xl: 3.5rem; 518 519 /* Menu font sizes */ 520 --menu-font-sm--size: 0.875rem; 521 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 522 --menu-font-md--size: 1rem; 523 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 524 --menu-font-lg--size: 1.125rem; 525 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 526 --menu-font-xl--size: 1.25rem; 527 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 528 --menu-font-2xl--size: 1.75rem; 529 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 530 531 /* Colors */ 532 --color-error: #8B0000; 533 --color-success: #006400; 534 --color-white: #FFFFFF; 535 --color-white-rgb: 255 255 255; 536 --color-black: #000000; 537 --color-instock: #3ED660; 538 --color-lowstock: #EE9441; 539 --color-outofstock: #C8C8C8; 540 541 /* Opacity */ 542 --opacity-5: 0.05; 543 --opacity-8: 0.08; 544 --opacity-10: 0.1; 545 --opacity-15: 0.15; 546 --opacity-20: 0.2;
547 --opacity-25: 0.25; 548 --opacity-30: 0.3; 549 --opacity-40: 0.4; 550 --opacity-50: 0.5; 551 --opacity-60: 0.6; 552 --opacity-70: 0.7; 553 --opacity-80: 0.8; 554 --opacity-85: 0.85; 555 --opacity-90: 0.9; 556 --opacity-subdued-text: var(--opacity-70); 557 558 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 559 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 560 561 /* Spacing */ 562 --margin-3xs: 0.125rem; 563 --margin-2xs: 0.3rem; 564 --margin-xs: 0.5rem; 565 --margin-sm: 0.7rem; 566 --margin-md: 0.8rem; 567 --margin-lg: 1rem; 568 --margin-xl: 1.25rem; 569 --margin-2xl: 1.5rem; 570 --margin-3xl: 1.75rem; 571 --margin-4xl: 2rem; 572 --margin-5xl: 3rem; 573 --margin-6xl: 5rem; 574 575 --scroll-margin: 50px; 576 577 --padding-3xs: 0.125rem; 578 --padding-2xs: 0.25rem; 579 --padding-xs: 0.5rem; 580 --padding-sm: 0.7rem; 581 --padding-md: 0.8rem; 582 --padding-lg: 1rem; 583 --padding-xl: 1.25rem; 584 --padding-2xl: 1.5rem; 585 --padding-3xl: 1.75rem; 586 --padding-4xl: 2rem; 587 --padding-5xl: 3rem; 588 --padding-6xl: 4rem; 589 590 --gap-3xs: 0.125rem; 591 --gap-2xs: 0.3rem; 592 --gap-xs: 0.5rem; 593 --gap-sm: 0.7rem; 594 --gap-md: 0.9rem; 595 --gap-lg: 1rem; 596 --gap-xl: 1.25rem; 597 --gap-2xl: 2rem; 598 --gap-3xl: 3rem; 599 600 --spacing-scale-sm: 0.6; 601 --spacing-scale-md: 0.7; 602 --spacing-scale-default: 1.0; 603 604 /* Checkout buttons gap */ 605 --checkout-button-gap: 8px; 606 607 /* Borders */ 608 --style-border-width: 1px; 609 --style-border-radius-xs: 0.2rem; 610 --style-border-radius-sm: 0.6rem; 611 --style-border-radius-md: 0.8rem; 612 --style-border-radius-50: 50%; 613 --style-border-radius-lg: 1rem; 614 --style-border-radius-pills: 40px; 615 --style-border-radius-inputs: 4px; 616 --style-border-radius-buttons-primary: 14px; 617 --style-border-radius-buttons-secondary: 14px; 618 --style-border-width-primary: 0px; 619 --style-border-width-secondary: 1px; 620 --style-border-width-inputs: 1px; 621 --style-border-radius-popover: 14px; 622 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 623 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 624 --style-border-swatch-opacity: 10%; 625 --style-border-swatch-width: 1px; 626 --style-border-swatch-style: solid; 627 628 /* Animation */ 629 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 630 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 631 --animation-speed-fast: 0.0625s; 632 --animation-speed: 0.125s; 633 --animation-speed-slow: 0.2s; 634 --animation-speed-medium: 0.15s; 635 --animation-easing: ease-in-out; 636 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 637 --drawer-animation-speed: 0.2s; 638 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 639 --animation-values: var(--animation-speed) var(--animation-easing); 640 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 641 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 642 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 643 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 644 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 645 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 646 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 647 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 648 649 /* View transitions */ 650 /* View transition old */ 651 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 652 653 /* View transition new */ 654 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 655 656 /* Focus */ 657 --focus-outline-width: 0.09375rem; 658 --focus-outline-offset: 0.2em; 659 660 /* Badges */ 661 --badge-blob-padding-block: 1px; 662 --badge-blob-padding-inline: 12px 8px; 663 --badge-rectangle-padding-block: 1px; 664 --badge-rectangle-padding-inline: 6px; 665 @media screen and (min-width: 750px) { 666 --badge-blob-padding-block: 4px; 667 --badge-blob-padding-inline: 16px 12px; 668 --badge-rectangle-padding-block: 4px; 669 --badge-rectangle-padding-inline: 10px; 670 } 671 672 /* Icons */ 673 --icon-size-2xs: 0.6rem; 674 --icon-size-xs: 0.85rem; 675 --icon-size-sm: 1.25rem; 676 --icon-size-md: 1.375rem; 677 --icon-size-lg: 1.5rem; 678 --icon-stroke-width: 1.5px; 679 680 /* Input */ 681 --input-email-min-width: 200px; 682 --input-search-max-width: 650px; 683 --input-padding-y: 0.8rem; 684 --input-padding-x: 0.8rem; 685 --input-padding: var(--input-padding-y) var(--input-padding-x); 686 --input-box-shadow-width: var(--style-border-width-inputs); 687 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 688 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 689 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 690 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 691 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
692 --input-textarea-min-height: 55px; 693 694 /* Button size */ 695 --button-size-sm: 30px; 696 --button-size-md: 36px; 697 --button-size: var(--minimum-touch-target); 698 --button-padding-inline: 24px; 699 --button-padding-block: 16px; 700 701 /* Button font-family */ 702 --button-font-family-primary: var(--font-body--family); 703 --button-font-family-secondary: var(--font-body--family); 704 705 /* Button font-weight */ 706 --button-font-weight-primary: default; 707 --button-font-weight-secondary: default; 708 709 /* Button text case */ 710 --button-text-case: ; 711 --button-text-case-primary: default; 712 --button-text-case-secondary: default; 713 714 /* Borders */ 715 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 716 --border-width-sm: 1px; 717 --border-width-md: 2px; 718 --border-width-lg: 5px; 719 720 /* Drawers */ 721 --drawer-inline-padding: 25px; 722 --drawer-menu-inline-padding: 2.5rem; 723 --drawer-header-block-padding: 20px; 724 --drawer-content-block-padding: 10px; 725 --drawer-header-desktop-top: 0rem; 726 --drawer-padding: calc(var(--padding-sm) + 7px); 727 --drawer-height: 100dvh; 728 --drawer-width: 95vw; 729 --drawer-max-width: 500px; 730 731 /* Variant Picker Swatches */ 732 --variant-picker-swatch-width-unitless: 34; 733 --variant-picker-swatch-height-unitless: 34; 734 --variant-picker-swatch-width: 34px; 735 --variant-picker-swatch-height: 34px; 736 --variant-picker-swatch-radius: 32px; 737 --variant-picker-border-width: 1px; 738 --variant-picker-border-style: solid; 739 --variant-picker-border-opacity: 10%; 740 741 /* Variant Picker Buttons */ 742 --variant-picker-button-radius: 14px; 743 --variant-picker-button-border-width: 1px; 744 745 /* Slideshow */ 746 --slideshow-controls-size: 3.5rem; 747 --slideshow-controls-icon: 2rem; 748 --peek-next-slide-size: 3rem; 749 750 /* Utilities */ 751 --backdrop-opacity: 0.15; 752 --backdrop-color-rgb: var(--color-shadow-rgb); 753 --minimum-touch-target: 44px; 754 --disabled-opacity: 0.5; 755 --skeleton-opacity: 0.025; 756 757 /* Shapes */ 758 --shape--circle: circle(50% at center); 759 --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%); 760 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 761 --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
761% 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%); 762 763 /* Buy buttons */ 764 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 765 766 /* Card image height variables */ 767 --height-small: 10rem; 768 --height-medium: 11.5rem; 769 --height-large: 13rem; 770 --height-full: 100vh; 771 772 @media screen and (min-width: 750px) { 773 --height-small: 17.5rem; 774 --height-medium: 21.25rem; 775 --height-large: 25rem; 776 } 777 778 /* Modal */ 779 --modal-max-height: 65dvh; 780 781 /* Card styles for search */ 782 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 783 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 784 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 785 786 /* Cart */ 787 --cart-primary-font-family: var(--font-body--family); 788 --cart-primary-font-style: var(--font-body--style); 789 --cart-primary-font-weight: var(--font-body--weight); 790 --cart-secondary-font-family: var(--font-secondary--family); 791 --cart-secondary-font-style: var(--font-secondary--style); 792 --cart-secondary-font-weight: var(--font-secondary--weight); 793 } 794</style><style data-shopify> 795 796 797 :root, 798 799 800 801 .color-scheme-1 { 802 --color-background: rgb(255 255 255 / 1.0); 803 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 804 --color-background-rgb: 255 255 255; 805 --opacity-5-15: 0.05; 806 --opacity-10-25: 0.1; 807 --opacity-35-55: 0.35; 808 --opacity-40-60: 0.4; 809 --opacity-30-60: 0.3; 810 --color-foreground: rgb(0 0 0 / 0.81); 811 --color-foreground-rgb: 0 0 0; 812 --color-foreground-heading: rgb(0 0 0 / 1.0); 813 --color-foreground-heading-rgb: 0 0 0; 814 --color-primary: rgb(0 0 0 / 0.81); 815 --color-primary-rgb: 0 0 0; 816 --color-primary-hover: rgb(0 0 0 / 1.0); 817 --color-primary-hover-rgb: 0 0 0; 818 --color-border: rgb(0 0 0 / 0.06); 819 --color-border-rgb: 0 0 0; 820 --color-shadow: rgb(0 0 0 / 1.0); 821 --color-shadow-rgb: 0 0 0; 822 --color-primary-button-text: rgb(255 255 255 / 1.0); 823 --color-primary-button-background: rgb(0 0 0 / 1.0); 824 --color-primary-button-border: rgb(0 0 0 / 1.0); 825 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 826 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 827 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 828 --color-secondary-button-text: rgb(0 0 0 / 1.0); 829 --color-secondary-button-background: rgb(0 0 0 / 0.0); 830 --color-secondary-button-border: rgb(0 0 0 / 1.0); 831 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 832 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 833 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 834 --color-input-background: rgb(255 255 255 / 0.78); 835 --color-input-text: rgb(51 51 51 / 1.0); 836 --color-input-text-rgb: 51 51 51; 837 --color-input-border: rgb(223 223 223 / 1.0); 838 --color-input-hover-background: rgb(0 0 0 / 0.01); 839 --color-variant-background: rgb(255 255 255 / 1.0); 840 --color-variant-border: rgb(0 0 0 / 0.13); 841 --color-variant-text: rgb(0 0 0 / 1.0); 842 --color-variant-text-rgb: 0 0 0; 843 --color-variant-hover-background: rgb(245 245 245 / 1.0); 844 --color-variant-hover-text: rgb(0 0 0 / 1.0); 845 --color-variant-hover-border: rgb(230 230 230 / 1.0); 846 --color-selected-variant-background: rgb(0 0 0 / 1.0); 847 --color-selected-variant-border: rgb(0 0 0 / 1.0); 848 --color-selected-variant-text: rgb(255 255 255 / 1.0); 849 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 850 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 851 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 852 853 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 854 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 855 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 856 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 857 --font-h1--color: var(--color-foreground-heading); 858 --font-h2--color: var(--color-foreground-heading); 859 --font-h3--color: var(--color-foreground-heading); 860 --font-h4--color: var(--color-foreground-heading); 861 --font-h5--color: var(--color-foreground-heading); 862 --font-h6--color: var(--color-foreground-heading); 863 864 /* Shadows */ 865 866 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 867 868 869 --shadow-blur: 20px; 870 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 871 872 } 873 874 875 876 877 .color-scheme-2 {
878 --color-background: rgb(245 245 245 / 1.0); 879 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 880 --color-background-rgb: 245 245 245; 881 --opacity-5-15: 0.05; 882 --opacity-10-25: 0.1; 883 --opacity-35-55: 0.35; 884 --opacity-40-60: 0.4; 885 --opacity-30-60: 0.3; 886 --color-foreground: rgb(0 0 0 / 0.81); 887 --color-foreground-rgb: 0 0 0; 888 --color-foreground-heading: rgb(0 0 0 / 1.0); 889 --color-foreground-heading-rgb: 0 0 0; 890 --color-primary: rgb(0 0 0 / 0.81); 891 --color-primary-rgb: 0 0 0; 892 --color-primary-hover: rgb(255 255 255 / 1.0); 893 --color-primary-hover-rgb: 255 255 255; 894 --color-border: rgb(223 223 223 / 1.0); 895 --color-border-rgb: 223 223 223; 896 --color-shadow: rgb(0 0 0 / 1.0); 897 --color-shadow-rgb: 0 0 0; 898 --color-primary-button-text: rgb(255 255 255 / 1.0); 899 --color-primary-button-background: rgb(0 0 0 / 1.0); 900 --color-primary-button-border: rgb(0 0 0 / 1.0); 901 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 902 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 903 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 904 --color-secondary-button-text: rgb(0 0 0 / 1.0); 905 --color-secondary-button-background: rgb(0 0 0 / 0.0); 906 --color-secondary-button-border: rgb(0 0 0 / 1.0); 907 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 908 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 909 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 910 --color-input-background: rgb(0 0 0 / 0.0); 911 --color-input-text: rgb(0 0 0 / 0.53); 912 --color-input-text-rgb: 0 0 0; 913 --color-input-border: rgb(0 0 0 / 0.13); 914 --color-input-hover-background: rgb(255 255 255 / 0.36); 915 --color-variant-background: rgb(255 255 255 / 1.0); 916 --color-variant-border: rgb(230 230 230 / 1.0); 917 --color-variant-text: rgb(0 0 0 / 1.0); 918 --color-variant-text-rgb: 0 0 0; 919 --color-variant-hover-background: rgb(245 245 245 / 1.0); 920 --color-variant-hover-text: rgb(0 0 0 / 1.0); 921 --color-variant-hover-border: rgb(230 230 230 / 1.0); 922 --color-selected-variant-background: rgb(0 0 0 / 1.0); 923 --color-selected-variant-border: rgb(0 0 0 / 1.0); 924 --color-selected-variant-text: rgb(255 255 255 / 1.0); 925 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 926 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 927 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 928 929 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 930 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 931 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 932 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 933 --font-h1--color: var(--color-foreground-heading); 934 --font-h2--color: var(--color-foreground-heading); 935 --font-h3--color: var(--color-foreground-heading); 936 --font-h4--color: var(--color-foreground-heading); 937 --font-h5--color: var(--color-foreground-heading); 938 --font-h6--color: var(--color-foreground-heading); 939 940 /* Shadows */ 941 942 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 943 944 945 --shadow-blur: 20px; 946 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 947 948 } 949 950 951 952 953 .color-scheme-3 { 954 --color-background: rgb(238 241 234 / 1.0); 955 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 956 --color-background-rgb: 238 241 234; 957 --opacity-5-15: 0.05; 958 --opacity-10-25: 0.1; 959 --opacity-35-55: 0.35; 960 --opacity-40-60: 0.4; 961 --opacity-30-60: 0.3; 962 --color-foreground: rgb(0 0 0 / 0.81); 963 --color-foreground-rgb: 0 0 0; 964 --color-foreground-heading: rgb(0 0 0 / 1.0); 965 --color-foreground-heading-rgb: 0 0 0; 966 --color-primary: rgb(0 0 0 / 0.81); 967 --color-primary-rgb: 0 0 0; 968 --color-primary-hover: rgb(0 0 0 / 1.0); 969 --color-primary-hover-rgb: 0 0 0; 970 --color-border: rgb(0 0 0 / 0.81); 971 --color-border-rgb: 0 0 0; 972 --color-shadow: rgb(0 0 0 / 1.0); 973 --color-shadow-rgb: 0 0 0; 974 --color-primary-button-text: rgb(255 255 255 / 1.0); 975 --color-primary-button-background: rgb(0 0 0 / 1.0); 976 --color-primary-button-border: rgb(0 0 0 / 1.0); 977 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 978 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 979 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 980 --color-secondary-button-text: rgb(0 0 0 / 1.0); 981 --color-secondary-button-background: rgb(0 0 0 / 0.0); 982 --color-secondary-button-border: rgb(0 0 0 / 1.0); 983 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 984 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 985 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 986 --color-input-background: rgb(0 0 0 / 0.0); 987 --color-input-text: rgb(0 0 0 / 0.81); 988 --color-input-text-rgb: 0 0 0; 989 --color-input-border: rgb(0 0 0 / 0.81); 990 --color-input-hover-background: rgb(255 255 255 / 0.36); 991 --color-variant-background: rgb(255 255 255 / 1.0); 992 --color-variant-border: rgb(230 230 230 / 1.0); 993 --color-variant-text: rgb(0 0 0 / 1.0); 994 --color-variant-text-rgb: 0 0 0; 995 --color-variant-hover-background: rgb(245 245 245 / 1.0); 996 --color-variant-hover-text: rgb(0 0 0 / 1.0); 997 --color-variant-hover-border: rgb(230 230 230 / 1.0); 998 --color-selected-variant-background: rgb(0 0 0 / 1.0); 999 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1000 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1001 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1002 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1003 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1004 1005 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1006 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1007 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1008 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1009 --font-h1--color: var(--color-foreground-heading); 1010 --font-h2--color: var(--color-foreground-heading); 1011 --font-h3--color: var(--color-foreground-heading); 1012 --font-h4--color: var(--color-foreground-heading); 1013 --font-h5--color: var(--color-foreground-heading); 1014 --font-h6--color: var(--color-foreground-heading); 1015 1016 /* Shadows */ 1017 1018 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1019 1020 1021 --shadow-blur: 20px; 1022 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1023 1024 } 1025 1026 1027 1028 1029 .color-scheme-4 { 1030 --color-background: rgb(225 237 245 / 1.0); 1031 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1032 --color-background-rgb: 225 237 245; 1033 --opacity-5-15: 0.05; 1034 --opacity-10-25: 0.1; 1035 --opacity-35-55: 0.35; 1036 --opacity-40-60: 0.4; 1037 --opacity-30-60: 0.3; 1038 --color-foreground: rgb(0 0 0 / 0.81); 1039 --color-foreground-rgb: 0 0 0; 1040 --color-foreground-heading: rgb(0 0 0 / 1.0); 1041 --color-foreground-heading-rgb: 0 0 0; 1042 --color-primary: rgb(0 0 0 / 0.81); 1043 --color-primary-rgb: 0 0 0; 1044 --color-primary-hover: rgb(0 0 0 / 1.0); 1045 --color-primary-hover-rgb: 0 0 0; 1046 --color-border: rgb(29 54 134 / 0.5); 1047 --color-border-rgb: 29 54 134; 1048 --color-shadow: rgb(0 0 0 / 1.0); 1049 --color-shadow-rgb: 0 0 0; 1050 --color-primary-button-text: rgb(255 255 255 / 1.0); 1051 --color-primary-button-background: rgb(0 0 0 / 1.0); 1052 --color-primary-button-border: rgb(29 54 134 / 1.0); 1053 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1054 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1055 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1056 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1057 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1058 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1059 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1060 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1061 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1062 --color-input-background: rgb(0 0 0 / 0.0); 1063 --color-input-text: rgb(0 0 0 / 0.81); 1064 --color-input-text-rgb: 0 0 0; 1065 --color-input-border: rgb(0 0 0 / 0.81); 1066 --color-input-hover-background: rgb(255 255 255 / 0.36); 1067 --color-variant-background: rgb(255 255 255 / 1.0); 1068 --color-variant-border: rgb(230 230 230 / 1.0); 1069 --color-variant-text: rgb(0 0 0 / 1.0); 1070 --color-variant-text-rgb: 0 0 0; 1071 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1072 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1073 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1074 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1075 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1076 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1077 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1078 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1079 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1080 1081 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1082 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1083 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1084 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1085 --font-h1--color: var(--color-foreground-heading); 1086 --font-h2--color: var(--color-foreground-heading); 1087 --font-h3--color: var(--color-foreground-heading); 1088 --font-h4--color: var(--color-foreground-heading); 1089 --font-h5--color: var(--color-foreground-heading); 1090 --font-h6--color: var(--color-foreground-heading); 1091 1092 /* Shadows */ 1093 1094 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1095 1096 1097 --shadow-blur: 20px; 1098 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1099 1100 } 1101 1102 1103 1104 1105 .color-scheme-5 { 1106 --color-background: rgb(51 51 51 / 1.0); 1107 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1108 --color-background-rgb: 51 51 51; 1109 --opacity-5-15: 0.15; 1110 --opacity-10-25: 0.25; 1111 --opacity-35-55: 0.55; 1112 --opacity-40-60: 0.6; 1113 --opacity-30-60: 0.6; 1114 --color-foreground: rgb(255 255 255 / 1.0); 1115 --color-foreground-rgb: 255 255 255; 1116 --color-foreground-heading: rgb(255 255 255 / 1.0); 1117 --color-foreground-heading-rgb: 255 255 255; 1118 --color-primary: rgb(255 255 255 / 1.0); 1119 --color-primary-rgb: 255 255 255; 1120 --color-primary-hover: rgb(255 255 255 / 0.69); 1121 --color-primary-hover-rgb: 255 255 255; 1122 --color-border: rgb(255 255 255 / 0.69); 1123 --color-border-rgb: 255 255 255; 1124 --color-shadow: rgb(0 0 0 / 1.0); 1125 --color-shadow-rgb: 0 0 0; 1126 --color-primary-button-text: rgb(0 0 0 / 1.0); 1127 --color-primary-button-background: rgb(255 255 255 / 1.0); 1128 --color-primary-button-border: rgb(255 255 255 / 1.0); 1129 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1130 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1131 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1132 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1133 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1134 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1135 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1136 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1137 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1138 --color-input-background: rgb(51 51 51 / 1.0); 1139 --color-input-text: rgb(255 255 255 / 0.93); 1140 --color-input-text-rgb: 255 255 255; 1141 --color-input-border: rgb(255 255 255 / 0.69); 1142 --color-input-hover-background: rgb(255 255 255 / 0.04); 1143 --color-variant-background: rgb(255 255 255 / 1.0); 1144 --color-variant-border: rgb(230 230 230 / 1.0); 1145 --color-variant-text: rgb(0 0 0 / 1.0); 1146 --color-variant-text-rgb: 0 0 0; 1147 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1148 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1149 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1150 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1151 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1152 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1153 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1154 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1155 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1156 1157 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1158 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1159 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1160 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1161 --font-h1--color: var(--color-foreground-heading); 1162 --font-h2--color: var(--color-foreground-heading); 1163 --font-h3--color: var(--color-foreground-heading); 1164 --font-h4--color: var(--color-foreground-heading); 1165 --font-h5--color: var(--color-foreground-heading); 1166 --font-h6--color: var(--color-foreground-heading); 1167 1168 /* Shadows */ 1169 1170 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1171 1172 1173 --shadow-blur: 20px; 1174 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1175 1176 } 1177 1178 1179 1180 1181 .color-scheme-6 { 1182 --color-background: rgb(0 0 0 / 0.0); 1183 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1184 --color-background-rgb: 0 0 0; 1185 --opacity-5-15: 0.15; 1186 --opacity-10-25: 0.25; 1187 --opacity-35-55: 0.55; 1188 --opacity-40-60: 0.6; 1189 --opacity-30-60: 0.6; 1190 --color-foreground: rgb(255 255 255 / 1.0); 1191 --color-foreground-rgb: 255 255 255; 1192 --color-foreground-heading: rgb(255 255 255 / 1.0); 1193 --color-foreground-heading-rgb: 255 255 255; 1194 --color-primary: rgb(255 255 255 / 1.0); 1195 --color-primary-rgb: 255 255 255; 1196 --color-primary-hover: rgb(255 255 255 / 0.69); 1197 --color-primary-hover-rgb: 255 255 255; 1198 --color-border: rgb(230 230 230 / 1.0); 1199 --color-border-rgb: 230 230 230; 1200 --color-shadow: rgb(0 0 0 / 1.0); 1201 --color-shadow-rgb: 0 0 0; 1202 --color-primary-button-text: rgb(0 0 0 / 1.0); 1203 --color-primary-button-background: rgb(255 255 255 / 1.0); 1204 --color-primary-button-border: rgb(255 255 255 / 1.0); 1205 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1206 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1207 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1208 --color-secondary-button-text: rgb(255 255 255 / 1.0);
1208 1209 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1210 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1211 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1212 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1213 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1214 --color-input-background: rgb(255 255 255 / 1.0); 1215 --color-input-text: rgb(0 0 0 / 0.53); 1216 --color-input-text-rgb: 0 0 0; 1217 --color-input-border: rgb(0 0 0 / 0.13); 1218 --color-input-hover-background: rgb(250 250 250 / 1.0); 1219 --color-variant-background: rgb(255 255 255 / 1.0); 1220 --color-variant-border: rgb(230 230 230 / 1.0); 1221 --color-variant-text: rgb(0 0 0 / 1.0); 1222 --color-variant-text-rgb: 0 0 0; 1223 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1224 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1225 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1226 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1227 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1228 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1229 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1230 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1231 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1232 1233 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1234 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1235 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1236 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1237 --font-h1--color: var(--color-foreground-heading); 1238 --font-h2--color: var(--color-foreground-heading); 1239 --font-h3--color: var(--color-foreground-heading); 1240 --font-h4--color: var(--color-foreground-heading); 1241 --font-h5--color: var(--color-foreground-heading); 1242 --font-h6--color: var(--color-foreground-heading); 1243 1244 /* Shadows */ 1245 1246 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1247 1248 1249 --shadow-blur: 20px; 1250 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1251 1252 } 1253 1254 1255 1256 1257 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1258 --color-background: rgb(0 0 0 / 0.0); 1259 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1260 --color-background-rgb: 0 0 0; 1261 --opacity-5-15: 0.15; 1262 --opacity-10-25: 0.25; 1263 --opacity-35-55: 0.55; 1264 --opacity-40-60: 0.6; 1265 --opacity-30-60: 0.6; 1266 --color-foreground: rgb(0 0 0 / 1.0); 1267 --color-foreground-rgb: 0 0 0; 1268 --color-foreground-heading: rgb(0 0 0 / 1.0); 1269 --color-foreground-heading-rgb: 0 0 0; 1270 --color-primary: rgb(0 0 0 / 1.0); 1271 --color-primary-rgb: 0 0 0; 1272 --color-primary-hover: rgb(0 0 0 / 0.53); 1273 --color-primary-hover-rgb: 0 0 0; 1274 --color-border: rgb(230 230 230 / 1.0); 1275 --color-border-rgb: 230 230 230; 1276 --color-shadow: rgb(0 0 0 / 1.0); 1277 --color-shadow-rgb: 0 0 0; 1278 --color-primary-button-text: rgb(255 255 255 / 1.0); 1279 --color-primary-button-background: rgb(0 0 0 / 1.0); 1280 --color-primary-button-border: rgb(0 0 0 / 1.0); 1281 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1282 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1283 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1284 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1285 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1286 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1287 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1288 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1289 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1290 --color-input-background: rgb(255 255 255 / 1.0); 1291 --color-input-text: rgb(0 0 0 / 0.53); 1292 --color-input-text-rgb: 0 0 0; 1293 --color-input-border: rgb(0 0 0 / 0.13); 1294 --color-input-hover-background: rgb(250 250 250 / 1.0); 1295 --color-variant-background: rgb(255 255 255 / 1.0); 1296 --color-variant-border: rgb(230 230 230 / 1.0); 1297 --color-variant-text: rgb(0 0 0 / 1.0); 1298 --color-variant-text-rgb: 0 0 0; 1299 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1300 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1301 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1302 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1303 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1304 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1305 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1306 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1307 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1308 1309 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1310 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1311 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1312 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1313 --font-h1--color: var(--color-foreground-heading); 1314 --font-h2--color: var(--color-foreground-heading); 1315 --font-h3--color: var(--color-foreground-heading); 1316 --font-h4--color: var(--color-foreground-heading); 1317 --font-h5--color: var(--color-foreground-heading); 1318 --font-h6--color: var(--color-foreground-heading); 1319 1320 /* Shadows */ 1321 1322 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1323 1324 1325 --shadow-blur: 20px; 1326 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1327 1328 } 1329 1330 1331 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 { 1332 color: var(--color-foreground); 1333 background-color: var(--color-background); 1334 } 1335</style>
1336<link rel="preconnect" href="https://fonts.googleapis.com"> 1337 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1338 <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'"> 1339 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap"></noscript><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700;9..144,800&family=Inter:wght@400;500;600;700;800&display=swap" onload="this.onload=null;this.rel='stylesheet'"> 1340 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700;9..144,800&family=Inter:wght@400;500;600;700;800&display=swap"></noscript><style> 1341 html, body, button, input, select, textarea, 1342 h1, h2, h3, h4, h5, h6, p, 1343 .paragraph > *, .custom-typography > *, 1344 .text-block.h1 > *, .text-block.h2 > *, .text-block.h3 > *, 1345 .text-block.h4 > *, .text-block.h5 > *, .text-block.h6 > *, 1346 .button, .button-secondary, .button-unstyled, .show-more__label, 1347 button.shopify-payment-button__button--unbranded, 1348 .product-grid-view-zoom-out--details s, 1349 [class*="pp-"], [class*="ppc-"], [class*="pdp-"], 1350 .logo, .hero-copy h1, .hero-badge strong, .benefit-card b, .section-title, 1351 .why-stage h3, .why-card h3, .product-card h3, .commerce-intro h2, .stat b, 1352 .spotlight-copy h2, .moment-card h3, .review-card .quote, .recipe-panel h3, 1353 .recipe-picker button b, .blog-heading h2, .blog-feature h3, .blog-row h3, 1354 .footer h3, .footer h4 { 1355 font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; 1356 } 1357 1358 /* Collections page: full-width banner */ 1359 .pp-col-v2 .ppcv2-hero-grid { grid-template-columns: 1fr !important; } 1360 .pp-col-v2 .ppcv2-hero-right { display: none !important; } 1361 /* Product page: hide recipe badges */ 1362 #pp-pdp .pdp-recipe-badges { display: none !important; } 1363 </style> 1364 1365 1366 1367
1367<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1367<meta name="google-site-verification" content="-lKEhZo8ZQWXeDbOHcYC_YEdhkMmodK85dZfT1Hut2g"> 1368<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/95521374497/digital_wallets/dialog"> 1369<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1369<script async="async" src="/checkouts/internal/preloads.js?locale=en-IN"></script>
vendor: 1 bytes, line 1369
1369
1370<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 1370
1370
1371<script>var Shopify = Shopify || {}; 1372Shopify.shop = "9zdryq-3r.myshopify.com"; 1373Shopify.locale = "en"; 1374Shopify.currency = {"active":"INR","rate":"1.0"}; 1375Shopify.country = "IN"; 1376Shopify.theme = {"name":"polkapop orginal copy theme","id":189252960545,"schema_name":"Horizon","schema_version":"2.1.6","theme_store_id":2481,"role":"main"}; 1377Shopify.theme.handle = "null"; 1378Shopify.theme.style = {"id":null,"handle":null}; 1379Shopify.cdnHost = "polkapop.in/cdn"; 1380Shopify.routes = Shopify.routes || {}; 1381Shopify.routes.root = "/"; 1382Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1383Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1384Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1385Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1385
1385
1386<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1386
1386
1387<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 1387
1387
1388<script> 1389 window.Shopify = window.Shopify || {}; 1390 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1391 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1392 window.Shopify.SignInWithShop.eligible = false; 1393</script>
vendor: 1 bytes, line 1393
1393
1394<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1394
1394
1395<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 1395
1395
1396<script type="module"> 1397 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1398 1399 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1400 1401</script>
vendor: 1 bytes, line 1401
1401
1402<script id="__st">var __st={"a":95521374497,"offset":19800,"reqid":"21aab0f2-ae51-4ca1-8e66-3c81a5e442a3-1791413965","pageurl":"polkapop.in\/","u":"30e2ddc0511c","p":"home"};</script>
vendor: 1 bytes, line 1402
1402
1403<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1403
1403
1404<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 1404
1404
1405<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 1405
1405
1406<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>
1406<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 1406
1406
1407<script> 1408 window.Shopify = window.Shopify || {}; 1409 window.Shopify.MCP = window.Shopify.MCP || {}; 1410 window.Shopify.MCP.enabled = true; 1411 window.Shopify.MCP.shop = "9zdryq-3r.myshopify.com"; 1412 window.Shopify.MCP.mcpEndpoint = "https:\/\/polkapop.in\/api\/mcp"; 1413 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"]}}]; 1414</script>
vendor: 1 bytes, line 1414
1414
1415<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=");})(); 1416</script>
vendor: 1 bytes, line 1416
1416
1417<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)}}; 1418</script>
vendor: 1 bytes, line 1418
1418
1419<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1420 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); 1421</script>
vendor: 1 bytes, line 1421
1421
1422<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})}})); 1423</script>
1423 1424<link rel="stylesheet" media="screen" href="//polkapop.in/cdn/shop/t/9/compiled_assets/styles.css?v=81825003745589725621791191573">
1425<script id="sections-script" data-sections="polkapop-mobile-fix,polkapop-prototype-base,polkapop-prototype-shop" defer="defer" src="//polkapop.in/cdn/shop/t/9/compiled_assets/scripts.js?v=24803178623290755181791191573"></script>
vendor: 1 bytes, line 1425
1425
1426<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1426 1427 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1428<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: "index"};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 1428
1428
1429<script> 1430 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1431</script>
vendor: 1 bytes, line 1431
1431
1432<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}
1432).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":[],"products":[{"id":"
143210383734767905","handle":"blueberry-sparkling-water-300ml-each-packs-of-12-24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52894999642401","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10127962145057","handle":"cranberry-sparkling-water-300ml-each-packs-of-12-24","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51804082766113","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10127948120353","handle":"polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51803952218401","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10127947170081","handle":"polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51803946025249","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://polkapop.in/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189252960545","themeStoreId":"2481","themePublished":"true","eventMetadataId":"9733097e-16d9-4d8c-b316-3707d11b467f","pageType":"home","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\",{}]]"});})();</script>
1432<script> 1433 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1434 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1435 window.ShopifyAnalytics.meta.currency = 'INR'; 1436 var meta = {"page":{"pageType":"home","requestId":"21aab0f2-ae51-4ca1-8e66-3c81a5e442a3-1791413965"}}; 1437 for (var attr in meta) { 1438 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1439 } 1440</script>
vendor: 1 bytes, line 1440
1440
1441<script class="analytics"> 1442 (function () { 1443 var customDocumentWrite = function(content) { 1444 var jquery = null; 1445 1446 if (window.jQuery) { 1447 jquery = window.jQuery; 1448 } else if (window.Checkout && window.Checkout.$) { 1449 jquery = window.Checkout.$; 1450 } 1451 1452 if (jquery) { 1453 jquery('body').append(content); 1454 } 1455 }; 1456 1457 var hasLoggedConversion = function(token) { 1458 if (token) { 1459 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1460 } 1461 return false; 1462 } 1463 1464 var setCookieIfConversion = function(token) { 1465 if (token) { 1466 var twoMonthsFromNow = new Date(Date.now()); 1467 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1468 1469 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1470 } 1471 } 1472 1473 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1474 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1475 if (trekkie.integrations) { 1476 return; 1477 } 1478 trekkie.methods = [ 1479 'identify', 1480 'page', 1481 'ready', 1482 'track', 1483 'trackForm', 1484 'trackLink' 1485 ]; 1486 trekkie.factory = function(method) { 1487 return function() { 1488 var args = Array.prototype.slice.call(arguments); 1489 args.unshift(method); 1490 trekkie.push(args); 1491 if (method == 'track' || method == 'page') { 1492 var pageUrl; 1493 try { 1494 pageUrl = window.location.href; 1495 } catch (e) {} 1496 var pageReferrer; 1497 try { 1498 pageReferrer = document.referrer; 1499 } catch (e) {} 1500 try { 1501 if (window.__TREKKIE_SHIM_QUEUE == null) { 1502 window.__TREKKIE_SHIM_QUEUE = []; 1503 } 1504 window.__TREKKIE_SHIM_QUEUE.push({ 1505 from: 'trekkie-stub', 1506 method: method, 1507 args: args.slice(1), 1508 pageContext: { 1509 url: pageUrl, 1510 referrer: pageReferrer 1511 } 1512 }); 1513 } catch (e) { 1514 // no-op 1515 } 1516 } 1517 return trekkie; 1518 }; 1519 }; 1520 for (var i = 0; i < trekkie.methods.length; i++) { 1521 var key = trekkie.methods[i]; 1522 trekkie[key] = trekkie.factory(key); 1523 } 1524 trekkie.load = function(config) { 1525 trekkie.config = config || {}; 1526 trekkie.config.initialDocumentCookie = document.cookie; 1527 var first = document.getElementsByTagName('script')[0]; 1528var script = document.createElement('script'); 1529script.type = 'text/javascript'; 1530script.onerror = function(e) { 1531 var scriptFallback = document.createElement('script'); 1532 scriptFallback.type = 'text/javascript'; 1533 scriptFallback.onerror = function(error) { 1534 var Monorail = { 1535 produce: function produce(monorailDomain, schemaId, payload) { 1536 var currentMs = new Date().getTime(); 1537 var event = { 1538 schema_id: schemaId, 1539 payload: payload, 1540 metadata: { 1541 event_created_at_ms: currentMs, 1542 event_sent_at_ms: currentMs 1543 } 1544 }; 1545 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1546 }, 1547 sendRequest: function sendRequest(endpointUrl, payload) { 1548 // Try the sendBeacon API 1549 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1550 var blobData = new window.Blob([payload], { 1551 type: 'text/plain' 1552 }); 1553 1554 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1555 return true; 1556 } // sendBeacon was not successful 1557 1558 } // XHR beacon 1559 1560 var xhr = new XMLHttpRequest(); 1561 1562 try { 1563 xhr.open('POST', endpointUrl); 1564 xhr.setRequestHeader('Content-Type', 'text/plain'); 1565 xhr.send(payload); 1566 } catch (e) { 1567 console.log(e); 1568 } 1569 1570 return false; 1571 }, 1572 isIos12: function isIos12() { 1573 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1574 } 1575 }; 1576 Monorail.produce('monorail-edge.shopifysvc.com', 1577 'trekkie_storefront_load_errors/1.1', 1578 {shop_id: 95521374497, 1579 theme_id: 189252960545, 1580 app_name: "storefront", 1581 context_url: window.location.href, 1582 source_url: "//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1583 1584 }; 1585 scriptFallback.async = true; 1586 scriptFallback.src = '//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1587 first.parentNode.insertBefore(scriptFallback, first); 1588}; 1589script.async = true; 1590script.src = '//polkapop.in/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1591first.parentNode.insertBefore(script, first); 1592 1593 }; 1594 trekkie.load( 1595 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95521374497,"isMerchantRequest":null,"themeId":189252960545,"themeCityHash":"6595076992717033771","contentLanguage":"en","currency":"INR","eventMetadataId":"9733097e-16d9-4d8c-b316-3707d11b467f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1596 ); 1597 1598 var loaded = false;
1599 trekkie.ready(function() { 1600 if (loaded) return; 1601 loaded = true; 1602 1603 window.ShopifyAnalytics.lib = window.trekkie; 1604 1605 var originalDocumentWrite = document.write; 1606 document.write = customDocumentWrite; 1607 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1608 document.write = originalDocumentWrite; 1609 1610 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1611 var token = match? match[1]: undefined; 1612 if (!hasLoggedConversion(token)) { 1613 setCookieIfConversion(token); 1614 1615 } 1616 }); 1617 1618 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"21aab0f2-ae51-4ca1-8e66-3c81a5e442a3-1791413965","shopifyEmitted":true}); 1619 1620 var eventsListenerScript = document.createElement('script'); 1621 eventsListenerScript.async = true; 1622 eventsListenerScript.src = "//polkapop.in/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1623 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1624})();</script>
vendor: 1 bytes, line 1624
1624
1625<script 1626 defer 1627 src="https://polkapop.in/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 1628 data-application="storefront-renderer" 1629 data-shop-id="95521374497" 1630 data-render-region="gcp-us-central1" 1631 data-page-type="index" 1632 data-theme-instance-id="189252960545" 1633 data-theme-name="Horizon" 1634 data-theme-version="2.1.6" 1635 data-monorail-region="shop_domain" 1636 data-resource-timing-sampling-rate="10" 1637 data-shs="true" 1638 data-shs-beacon="true" 1639 data-shs-export-with-fetch="true" 1640 data-shs-logs-sample-rate="1" 1641 data-shs-beacon-endpoint="https://polkapop.in/api/collect" 1642></script>
1642 1643<meta name="shopify-y" content="c31c57e8-5950-4137-b742-0d7538421a82" data-expiration="1822971565000"><meta name="shopify-s" content="e45cb214-84b5-49fc-9c36-58fc496f8970" data-expiration="1791415765000"><meta name="new-cookie-storage-activated" content="t"> 1644</head> 1645 1646 <body class="page-width-narrow card-hover-effect-none"> 1647 <a 1648 class="skip-to-content-link button-secondary" 1649 href="#MainContent" 1650> 1651 Skip to content 1652</a> 1653 1654 1655<div class="pp-promo-bar" role="complementary" aria-label="Announcement">ZERO SUGAR • ZERO CALORIES • ZERO SWEETENERS</div> 1656 1657<style> 1658 .pp-promo-bar{ 1659 background:#06482e; 1660 color:#fff; 1661 font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; 1662 font-size:12px; 1663 font-weight:800; 1664 letter-spacing:.08em; 1665 text-transform:uppercase; 1666 text-align:center; 1667 padding:6px 16px; 1668 line-height:1.4; 1669 width:100%; 1670 } 1671</style> 1672 1673<div id="header-group"> 1674 1675<header class="ppcv2-header"> 1676 <div class="ppcv2-container ppcv2-nav"> 1677 <button class="ppcv2-hamburger" type="button" aria-label="Open menu" aria-expanded="false"> 1678 <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> 1679 <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> 1680 </button> 1681 <a class="ppcv2-brand" href="/" aria-label="Polka Pop home"> 1682 <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;"> 1683 </a> 1684 <nav class="ppcv2-nav-links" aria-label="Primary navigation"> 1685 <a href="/">Home</a> 1686 <a href="/collections/all">Collections</a> 1687 <div class="ppcv2-dropdown"> 1688 <button class="ppcv2-dropdown-toggle" type="button" aria-expanded="false" aria-haspopup="true">Products</button> 1689 <div class="ppcv2-dropdown-menu"> 1690 <a href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Blueberry</a> 1691 <a href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24">Cranberry</a> 1692 <a href="/products/peach-sparkling-water-300ml-each-packs-of-12-24-copy">Lemon</a> 1693 <a href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives">Peach</a> 1694 <a href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy">Orange</a> 1695 </div> 1696 </div> 1697 </nav> 1698 <div class="ppcv2-nav-icons"> 1699 <a class="ppcv2-icon" href="/search" aria-label="Search"> 1700 <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> 1701 </a> 1702 <a class="ppcv2-icon" href="/pages/wishlist" aria-label="Wishlist"> 1703 <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> 1704 </a> 1705 <a class="ppcv2-icon ppcv2-cart" href="/cart" aria-label="Cart"> 1706 <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> 1707 </div> 1708 </div> 1709 1710 <!-- Mobile menu panel --> 1711 <div class="ppcv2-mobile-menu" id="ppcv2MobileMenu"> 1712 <nav class="ppcv2-mobile-nav" aria-label="Mobile navigation"> 1713 <a href="/">Home</a> 1714 <a href="/collections/all">Collections</a> 1715 <div class="ppcv2-mobile-accordion"> 1716 <button class="ppcv2-mobile-accordion-toggle" type="button" aria-expanded="false"> 1717 Products
1718 <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> 1719 </button> 1720 <div class="ppcv2-mobile-accordion-panel"> 1721 <a href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Blueberry</a> 1722 <a href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24">Cranberry</a> 1723 <a href="/products/peach-sparkling-water-300ml-each-packs-of-12-24-copy">Lemon</a> 1724 <a href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives">Peach</a> 1725 <a href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy">Orange</a> 1726 </div> 1727 </div> 1728 </nav> 1729 </div> 1730</header> 1731 1732<style> 1733 .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} 1734 .ppcv2-header *{box-sizing:border-box} 1735 .ppcv2-header a{color:#111827;text-decoration:none} 1736 .ppcv2-header img{display:block;max-width:100%} 1737 .ppcv2-header .ppcv2-container{width:min(1440px,calc(100% - 40px));margin-inline:auto} 1738 .ppcv2-header .ppcv2-nav{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px} 1739 .ppcv2-header .ppcv2-brand{display:inline-flex;align-items:center} 1740 .ppcv2-header .ppcv2-nav-links{display:flex;justify-self:center;gap:30px;font-size:14px;font-weight:600;align-items:center} 1741 .ppcv2-header .ppcv2-nav-links>a{position:relative;display:inline-flex;align-items:center} 1742 .ppcv2-header .ppcv2-nav-links>a:hover{color:#0b7b56} 1743 .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} 1744 .ppcv2-header .ppcv2-nav-links>a:hover::after{transform:rotate(180deg)} 1745 .ppcv2-header .ppcv2-nav-links>a:last-child::after{display:none} 1746 1747 /* Hamburger button â hidden on desktop */ 1748 .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} 1749 .ppcv2-hamburger:hover{background:rgba(11,123,86,.08)} 1750 .ppcv2-hamburger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} 1751 /* FIX: Force hide close icon by default, show only when expanded */ 1752 .ppcv2-ham-open{display:block!important} 1753 .ppcv2-ham-close{display:none!important} 1754 .ppcv2-hamburger[aria-expanded="true"] .ppcv2-ham-open{display:none!important} 1755 .ppcv2-hamburger[aria-expanded="true"] .ppcv2-ham-close{display:block!important} 1756 1757 /* Desktop Products dropdown */ 1758 .ppcv2-dropdown{position:relative;display:inline-flex;align-items:center} 1759 .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} 1760 .ppcv2-dropdown-toggle:hover{color:#0b7b56} 1761 .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} 1762 .ppcv2-dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)} 1763 .ppcv2-dropdown-toggle[aria-expanded="true"]{color:#0b7b56} 1764 .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} 1765 .ppcv2-dropdown.is-open .ppcv2-dropdown-menu{display:flex} 1766 .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} 1767 .ppcv2-dropdown-menu a:hover{background:#f0f9eb;color:#0b7b56} 1768 1769 /* Mobile menu panel */ 1770 .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} 1771 .ppcv2-mobile-menu.is-open{max-height:500px} 1772 .ppcv2-mobile-nav{padding:8px 20px 20px;display:flex;flex-direction:column;gap:0} 1773 .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)} 1774 .ppcv2-mobile-nav>a:hover{color:#0b7b56} 1775 1776 /* Mobile accordion for Products */ 1777 .ppcv2-mobile-accordion{border-bottom:1px solid rgba(11,123,86,.08)} 1778 .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} 1779 .ppcv2-mobile-accordion-toggle:hover{color:#0b7b56} 1780 .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} 1781 .ppcv2-mobile-accordion-toggle[aria-expanded="true"] .ppcv2-mobile-chevron{transform:rotate(180deg)} 1782 .ppcv2-mobile-accordion-panel{display:none;padding:0 0 8px 16px;flex-direction:column;gap:0} 1783 .ppcv2-mobile-accordion-panel.is-open{display:flex} 1784 .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)} 1785 .ppcv2-mobile-accordion-panel a:last-child{border-bottom:none} 1786 .ppcv2-mobile-accordion-panel a:hover{color:#0b7b56} 1787 1788 .ppcv2-header .ppcv2-nav-icons{display:flex;justify-self:end;gap:16px;align-items:center} 1789 .ppcv2-header .ppcv2-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#111827;position:relative;transition:background .2s ease} 1790 .ppcv2-header .ppcv2-icon:hover{background:#ecf5de} 1791 .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} 1792 .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} 1793 1794 /* Mobile layout */ 1795 @media(max-width:700px){ 1796 .ppcv2-header .ppcv2-nav{height:64px;grid-template-columns:38px 1fr auto;gap:12px} 1797 .ppcv2-hamburger{display:flex} 1798 .ppcv2-header .ppcv2-brand{justify-self:center} 1799 .ppcv2-header .ppcv2-brand img{height:44px!important} 1800 .ppcv2-header .ppcv2-nav-links{display:none} 1801 .ppcv2-header .ppcv2-nav-icons{gap:8px} 1802 .ppcv2-header .ppcv2-icon{width:30px;height:30px} 1803 .ppcv2-header .ppcv2-icon svg{width:19px;height:19px} 1804 .ppcv2-mobile-menu{display:block} 1805 } 1806</style> 1807
1808<script> 1809(function(){ 1810 /* Desktop Products dropdown */ 1811 var dropdown = document.querySelector('.ppcv2-dropdown'); 1812 var toggle = document.querySelector('.ppcv2-dropdown-toggle'); 1813 if (dropdown && toggle) { 1814 toggle.addEventListener('click', function(e) { 1815 e.preventDefault(); 1816 var open = dropdown.classList.toggle('is-open'); 1817 toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 1818 }); 1819 document.addEventListener('click', function(e) { 1820 if (!dropdown.contains(e.target)) { 1821 dropdown.classList.remove('is-open'); 1822 toggle.setAttribute('aria-expanded', 'false'); 1823 } 1824 }); 1825 } 1826 1827 /* Mobile hamburger menu */ 1828 var hamburger = document.querySelector('.ppcv2-hamburger'); 1829 var mobileMenu = document.getElementById('ppcv2MobileMenu'); 1830 if (hamburger && mobileMenu) { 1831 hamburger.addEventListener('click', function() { 1832 var isOpen = mobileMenu.classList.toggle('is-open'); 1833 hamburger.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 1834 hamburger.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu'); 1835 }); 1836 document.addEventListener('click', function(e) { 1837 if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) { 1838 mobileMenu.classList.remove('is-open'); 1839 hamburger.setAttribute('aria-expanded', 'false'); 1840 hamburger.setAttribute('aria-label', 'Open menu'); 1841 } 1842 }); 1843 } 1844 1845 /* Mobile Products accordion */ 1846 var accToggle = document.querySelector('.ppcv2-mobile-accordion-toggle'); 1847 var accPanel = document.querySelector('.ppcv2-mobile-accordion-panel'); 1848 if (accToggle && accPanel) { 1849 accToggle.addEventListener('click', function() { 1850 var isOpen = accPanel.classList.toggle('is-open'); 1851 accToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 1852 }); 1853 } 1854})(); 1855</script>
1855 1856 1857 </div> 1858 1859
1859<script 1860 src="//polkapop.in/cdn/shop/t/9/assets/critical.js?v=169402557219780209121791191573" 1861 type="module" 1862 async 1863 blocking="render" 1864 ></script>
1864 1865 1866 <main 1867 id="MainContent" 1868 class="content-for-layout" 1869 role="main" 1870 data-page-transition-enabled="false" 1871 data-product-transition="false" 1872 data-template="index" 1873 > 1874 <div id="shopify-section-template--27566130168097__mobile_fix" class="shopify-section"><section class="polkapop-mobile-fix" aria-hidden="true"></section> 1875 1876 1877</div><div id="shopify-section-template--27566130168097__prototype_base" class="shopify-section"> 1878<link rel="preconnect" href="https://polkapop.in"> 1879<link rel="preconnect" href="https://fonts.googleapis.com"> 1880<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1881<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700;9..144,800&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 1882<section id="polkapop-prototype-base-template--27566130168097__prototype_base" class="polkapop-prototype-section polkapop-prototype-base" aria-hidden="true"></section> 1883 1884 1885 1886 1887 1888</div><div id="shopify-section-template--27566130168097__prototype_shell" class="shopify-section"> 1889 1890 1891</div><div id="shopify-section-template--27566130168097__prototype_hero" class="shopify-section"><section id="polkapop-prototype-hero-template--27566130168097__prototype_hero" class="polkapop-prototype-section"> 1892 <div class="page"> 1893 <section class="pp-hero pp-split-video-hero" aria-label="Polka Pop homepage video banner"> 1894 <div class="pp-ingredient-field" aria-hidden="true"></div> 1895 <div class="pp-video-panel"> 1896 <video class="pp-full-video" autoplay muted loop playsinline preload="metadata" aria-label="Polka Pop sparkling water banner video"> 1897 <source src="https://cdn.shopify.com/videos/c/vp/fb819fcea388458fa20ee7a8ae5b6171/fb819fcea388458fa20ee7a8ae5b6171.SD-480p-1.5Mbps-94039462.mp4" type="video/mp4" data-mobile-hero-video-source> 1898 <source src="https://cdn.shopify.com/videos/c/vp/fb819fcea388458fa20ee7a8ae5b6171/fb819fcea388458fa20ee7a8ae5b6171.HD-720p-4.5Mbps-94039462.mp4" type="video/mp4" data-desktop-hero-video-source> 1899 </video> 1900 </div> 1901 </section> 1902 </div> 1903</section>
1904<script> 1905(() => { 1906 const video = document.querySelector('#polkapop-prototype-hero-template--27566130168097__prototype_hero video'); 1907 if (!video) return; 1908 const mobileUrl = 'https://cdn.shopify.com/videos/c/vp/fb819fcea388458fa20ee7a8ae5b6171/fb819fcea388458fa20ee7a8ae5b6171.SD-480p-1.5Mbps-94039462.mp4'; 1909 const desktopUrl = 'https://cdn.shopify.com/videos/c/vp/fb819fcea388458fa20ee7a8ae5b6171/fb819fcea388458fa20ee7a8ae5b6171.HD-720p-4.5Mbps-94039462.mp4'; 1910 const applySource = () => { 1911 const url = window.matchMedia('(max-width: 620px)').matches ? mobileUrl : desktopUrl; 1912 if (video.dataset.activeSource !== url) { 1913 video.pause(); 1914 video.src = url; 1915 video.dataset.activeSource = url; 1916 video.load(); 1917 video.play().catch(() => {}); 1918 } 1919 }; 1920 applySource(); 1921 window.addEventListener('resize', applySource, { passive: true }); 1922})(); 1923</script>
1923 1924 1925 1926 1927 1928</div><div id="shopify-section-template--27566130168097__prototype_shop" class="shopify-section"><section id="polkapop-prototype-shop-template--27566130168097__prototype_shop" class="polkapop-prototype-section"> 1929 <div class="page"> 1930 <section class="section green-section" id="shop"> 1931 <div class="container"> 1932 <div class="section-head"><div class="kicker">Shop the range</div><h2 class="section-title">Discover Polka Pop's Best Selling Sparkling Water Flavours</h2><p class="section-sub">Zero sugar, zero calories, 100% flavour, explore India's favourite functional sparkling water, crafted for every mood and moment.</p></div> 1933 1934 <div class="pp-shop-carousel" data-pp-shop-carousel> 1935 <div class="pp-shop-viewport"> 1936 <div class="pp-shop-track"> 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948<article class="product-card"> 1949<a class="product-card-link" href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24"> 1950<span class="badge">New</span> 1951<div class="product-img"> 1952 1953<img src="//polkapop.in/cdn/shop/files/1_9_4d8337fd-bb49-4fd9-a40b-e2edcaf4141b.png?v=1789033852&width=900" alt="Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"> 1954 1955</div> 1956<div class="stars">★★★★★</div> 1957<h5 class="product-card-title">Blueberry Sparkling Water | (300ml Each) | Packs of 12 & 24</h5> 1958<p>Â Polka Pop Peach Sparkling Water 1959 1960Finally, a fizzy drink that puts health fir...</p> 1961<div class="price-row"> 1962<span class="price">â¹ 480.00</span> 1963<span class="small-btn">Shop Now</span> 1964</div> 1965</a> 1966</article> 1967 1968 1969 1970 1971 1972<article class="product-card"> 1973<a class="product-card-link" href="/products/cranberry-sparkling-water-300ml-each-packs-of-12-24"> 1974<span class="badge">Best Seller</span> 1975<div class="product-img"> 1976 1977<img src="//polkapop.in/cdn/shop/files/1_1_dad86d37-2d79-4663-8001-39c4eec5cf43.png?v=1789100389&width=900" alt="Cranberry Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"> 1978 1979</div> 1980<div class="stars">★★★★★</div> 1981<h5 class="product-card-title">Cranberry Sparkling Water | (300ml Each) | Packs of 12 & 24</h5> 1982<p>Polka Pop Cranberry Sparkling Water 1983 1984Finally, a fizzy drink that puts health ...</p> 1985<div class="price-row"> 1986<span class="price">â¹ 480.00</span> 1987<span class="small-btn">Shop Now</span> 1988</div> 1989</a> 1990</article> 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000<article class="product-card"> 2001<a class="product-card-link" href="/products/polka-pop-orange-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives-copy"> 2002<span class="badge">Fresh</span> 2003<div class="product-img"> 2004 2005<img src="//polkapop.in/cdn/shop/files/1_8.png?v=1789033344&width=900" alt="Orange Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"> 2006 2007</div> 2008<div class="stars">★★★★★</div> 2009<h5 class="product-card-title">Orange Sparkling Water | (300ml Each) | Packs of 12 & 24</h5> 2010<p>Polka Pop Orange Sparkling Water 2011 2012Finally, a fizzy drink that puts health fir...</p> 2013<div class="price-row"> 2014<span class="price">â¹ 480.00</span> 2015<span class="small-btn">Shop Now</span> 2016</div> 2017</a> 2018</article> 2019 2020 2021 2022 2023 2024<article class="product-card"> 2025<a class="product-card-link" href="/products/polka-pop-peach-sparkling-water-300ml-each-zero-sugar-zero-calories-no-aspartame-or-stevia-no-preservatives"> 2026<span class="badge">Smooth</span> 2027<div class="product-img"> 2028 2029<img src="//polkapop.in/cdn/shop/files/1_2_ac87ff53-0a02-4722-9807-9ec7df80e805.png?v=1789115379&width=900" alt="Peach Sparkling Water | (300ml Each) | Packs of 12 & 24" loading="lazy"> 2030 2031</div> 2032<div class="stars">★★★★★</div> 2033<h5 class="product-card-title">Peach Sparkling Water | (300ml Each) | Packs of 12 & 24</h5> 2034<p>Â Polka Pop Peach Sparkling Water 2035 2036Finally, a fizzy drink that puts health fir...</p> 2037<div class="price-row"> 2038<span class="price">â¹ 480.00</span> 2039<span class="small-btn">Shop Now</span> 2040</div> 2041</a> 2042</article> 2043 2044 2045 2046</div> 2047 </div> 2048 <button class="pp-shop-arrow prev" type="button" aria-label="Previous flavours"><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> 2049 <button class="pp-shop-arrow next" type="button" aria-label="Next flavours"><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> 2050 <div class="pp-shop-dots" role="tablist" aria-label="Flavour slides"></div> 2051 </div> 2052 2053 </div> 2054 </section> 2055 </div> 2056</section> 2057 2058 2059 2060 2061 2062 2063</div><div id="shopify-section-template--27566130168097__prototype_why" class="shopify-section"><section id="polkapop-prototype-why-template--27566130168097__prototype_why" class="polkapop-prototype-section"> <div class="page"> <section class="section" id="about"> <div class="container"> <div class="section-head"><div class="kicker">Why Polka Pop</div><h2 class="section-title">Tap Into the Fizz</h2></div> <div class="why-experience" style="--why-soft:#efffd4;--why-accent:#7dbf1d;"> <div class="why-stage why-stage-lifestyle" id="whyStage-template--27566130168097__prototype_why" style="--why-lifestyle-image:url('https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Lemon-lime_Lifestyle.png?v=1785075997');"> 2064 <img class="why-hover-slide" src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Lemon-lime_Lifestyle_1.png?v=1789056781" alt="Lemon Lime Lifestyle" data-sli
2064de-index="1" loading="eager"> 2065 <img class="why-hover-slide" src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Peach_Lifestyle_1.png?v=1789056780" alt="Peach Lifestyle" data-slide-index="2" loading="eager"> 2066 <img class="why-hover-slide" src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Cranberry_Lifestyle_74ce5508-b6a5-403f-bab2-0fa8d9c9ff48.png?v=1789056780" alt="Cranberry Lifestyle" data-slide-index="3" loading="eager"> 2067 <img class="why-hover-slide" src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Orange_Lifestyle_238780f0-9e59-4ab9-8ed6-ac5fa010e636.png?v=1789056780" alt="Orange Lifestyle" data-slide-index="4" loading="eager"> 2068</div> <div class="why-grid" id="whyGrid-template--27566130168097__prototype_why" aria-label="Choose a Polka Pop benefit"> <button class="why-card is-active" type="button" data-soft="#efffd4" data-accent="#7dbf1d" data-tag="Zero Sugar" data-title="Light fizz without the sugar load." data-text="Zero sugar, zero calories and no heavy sweet finish, made for everyday chilled sipping." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_lime-lemon__1-7-21.png?v=1757614099&width=760" data-slide="1"><div class="why-icon">01</div><h3>Zero Sugar</h3><p>A cleaner sip when you want flavour without heaviness.</p></button> <button class="why-card" type="button" data-soft="#ffe8ee" data-accent="#ff4778" data-tag="Fruit Led" data-title="Flavours that feel bright." data-text="Cranberry, citrus, orange and peach profiles designed to taste crisp, not syrupy." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_lime-lemon__1-7-21.png?v=1757614099&width=760" data-slide="2"><div class="why-icon">02</div><h3>Bright Flavours</h3><p>Fruit-forward sparkle with a clean finish.</p></button> <button class="why-card" type="button" data-soft="#fff0d8" data-accent="#ff8a2a" data-tag="Full Fizz" data-title="Cold, crisp bubbles." data-text="Built for chilled refreshment, quick breaks and sparkling serves." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_lime-lemon__1-7-21.png?v=1757614099&width=760" data-slide="3"><div class="why-icon">03</div><h3>Full Fizz</h3><p>Sharp bubbles that make each sip feel fresh.</p></button> <button class="why-card" type="button" data-soft="#fff7d7" data-accent="#d9ff48" data-tag="Moment Ready" data-title="Easy for every plan." data-text="Keep it ready for desk breaks, food pairings, house parties and quick-commerce cravings." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_lime-lemon__1-7-21.png?v=1757614099&width=760" data-slide="4"><div class="why-icon">04</div><h3>Moment Ready</h3><p>Drink it straight or use it as a refreshing spritz.</p></button> </div> </div> </div> </section> </div> </section> 2069 2070<style> 2071 .why-stage-lifestyle .why-hover-slide { 2072 display: block !important; 2073 position: absolute !important; 2074 top: 0 !important; 2075 right: 0 !important; 2076 bottom: 0 !important; 2077 left: 0 !important; 2078 width: 100% !important; 2079 height: 100% !important; 2080 max-width: none !important; 2081 max-height: none !important; 2082 object-fit: cover !important; 2083 object-position: center !important; 2084 border-radius: inherit !important; 2085 opacity: 0 !important; 2086 transition: opacity 0s ease !important; 2087 z-index: 3 !important; 2088 pointer-events: none !important; 2089 margin: 0 !important; 2090 padding: 0 !important; 2091 mix-blend-mode: normal !important; 2092 filter: none !important; 2093 -webkit-filter: none !important; 2094 animation: none !important; 2095 transform: none !important; 2096 } 2097 .why-stage-lifestyle .why-hover-slide.why-hover-slide-active { 2098 opacity: 1 !important; 2099 transition: opacity 0s ease !important; 2100 } 2101</style> 2102
2103<script> 2104(function() { 2105 function initWhySlider() { 2106 var stage = document.getElementById('whyStage-template--27566130168097__prototype_why'); 2107 var grid = document.getElementById('whyGrid-template--27566130168097__prototype_why'); 2108 if (!stage || !grid) return; 2109 var slides = stage.querySelectorAll('.why-hover-slide'); 2110 var cards = grid.querySelectorAll('.why-card'); 2111 if (!slides.length || !cards.length) return; 2112 2113 function showSlide(index) { 2114 for (var i = 0; i < slides.length; i++) { 2115 slides[i].classList.remove('why-hover-slide-active'); 2116 } 2117 if (index > 0) { 2118 for (var j = 0; j < slides.length; j++) { 2119 if (slides[j].getAttribute('data-slide-index') === String(index)) { 2120 slides[j].classList.add('why-hover-slide-active'); 2121 break; 2122 } 2123 } 2124 } 2125 } 2126 2127 for (var k = 0; k < cards.length; k++) { 2128 (function(card) { 2129 card.addEventListener('mouseenter', function() { 2130 var idx = card.getAttribute('data-slide'); 2131 if (idx) showSlide(parseInt(idx, 10)); 2132 }); 2133 card.addEventListener('mouseleave', function() { 2134 showSlide(0); 2135 }); 2136 })(cards[k]); 2137 } 2138 } 2139 2140 if (document.readyState === 'loading') { 2141 document.addEventListener('DOMContentLoaded', initWhySlider); 2142 } else { 2143 initWhySlider(); 2144 } 2145})(); 2146</script>
2146 2147 2148</div><div id="shopify-section-template--27566130168097__prototype_quick" class="shopify-section"><section id="polkapop-prototype-quick-template--27566130168097__prototype_quick" class="polkapop-prototype-section"> 2149 <div class="page"> 2150 <section class="section" id="quick"> 2151 <div class="container commerce"> 2152 <div class="commerce-intro"><h2>Craving It? Get It in Minutes.</h2><p>Order Polka Pop sparkling water on your favourite quickcommerce app and get it delivered to your doorstep in 10–15 minutes.</p></div> 2153 <div class="commerce-card"><div class="commerce-logo sw"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d4/Swiggy_Logo.svg/250px-Swiggy_Logo.svg.png" alt="Swiggy logo"></div><h3>Swiggy Instamart</h3><a class="btn btn-primary" href="#">Order Now</a></div> 2154 <div class="commerce-card"><div class="commerce-logo ze"><img src="https://upload.wikimedia.org/wikipedia/commons/8/81/Zepto_Logo.svg" alt="Zepto logo"></div><h3>Zepto</h3><a class="btn btn-primary" href="#">Order Now</a></div> 2155 <div class="commerce-card"><div class="commerce-logo bl"><img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Blinkit-yellow-app-icon.svg" alt="Blinkit logo"></div><h3>Blinkit</h3><a class="btn btn-primary" href="#">Order Now</a></div> 2156 </div> 2157 </section> 2158 </div> 2159</section> 2160 2161 2162 2163</div><div id="shopify-section-template--27566130168097__prototype_reviews" class="shopify-section"><section id="polkapop-prototype-reviews-template--27566130168097__prototype_reviews" class="polkapop-prototype-section"> 2164 <div class="page"> 2165 <section class="section green-section" id="reviews"> 2166 <div class="container"> 2167 <div class="section-head"><div class="kicker">Customer love</div><h2 class="section-title">Loved by Refreshment Seekers</h2><p class="section-sub">Real reviews from real customers see why Polka Pop is becoming India's goto sparkling water.</p></div> 2168 <div class="pp-review-carousel" data-pp-review-carousel> 2169 <div class="pp-review-viewport"> 2170 <div class="pp-review-track"> 2171 <div class="review"><div class="stars">★★★★★</div><p class="quote">I used to reach for soda every evening, but Polka Pop gives me that same fizzy satisfaction without the sugar crash. Haven't touched a soda can in months.</p><div class="person"><div class="avatar">P</div><div><b>Pri</b><span>January 2023</span></div></div></div> 2172 <div class="review"><div class="stars">★★★★★</div><p class="quote">I always struggled to drink enough water in a day, but the bubbles and flavour make it so much easier. I actually look forward to my water breaks now.</p><div class="person"><div class="avatar">T</div><div><b>Tushar Purohit</b><span>July 2024</span></div></div></div> 2173 <div class="review"><div class="stars">★★★★★</div><p class="quote">Ditched the sugary tonic water for good. Orange and Cranberry make such clean, refreshing serves for my evening drinks with no artificial aftertaste.</p><div class="person"><div class="avatar">A</div><div><b>Anthony</b><span>September 2025</span></div></div></div> 2174 <div class="review"><div class="stars">★★★★★</div><p class="quote">Plain water felt boring, but I didn't want anything sugary either. Blueberry adds just the right amount of flavour without feeling like I'm drinking a soft drink.</p><div class="person"><div class="avatar">S</div><div><b>Sneha</b><span>March 2026</span></div></div></div> 2175 <div class="review"><div class="stars">★★★★★</div><p class="quote">Perfect fizz for quick fruit spritzers. The flavour is bright, crisp, and very easy to pair.</p><div class="person"><div class="avatar">R</div><div><b>Rahul</b><span>June 2026</span></div></div></div> 2176 </div> 2177 </div> 2178 <button class="pp-review-arrow prev" type="button" aria-label="Previous review"><svg width="18" height="18" 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> 2179 <button class="pp-review-arrow next" type="button" aria-label="Next review"><svg width="18" height="18" 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> 2180 <div class="pp-review-dots" role="tablist" aria-label="Review slides"></div> 2181 </div> 2182 </div> 2183 </section> 2184 </div> 2185</section> 2186 2187<style> 2188 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-carousel{position:relative} 2189 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-viewport{overflow:visible} 2190 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch} 2191 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-arrow{display:none} 2192 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-dots{display:none} 2193 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review{display:flex;flex-direction:column;min-height:230px;border-radius:26px;padding:22px;background:#fff;color:#111827} 2194 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .stars{color:#f5a623;font-size:15px;margin-bottom:10px} 2195 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .quote{flex:1;font-size:14px;line-height:1.65;margin-bottom:20px;color:#333} 2196 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .person{display:flex;align-items:center;gap:10px} 2197 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .avatar{width:36px;height:36px;border-radius:50%;background:#0b7b56;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0} 2198 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .person b{display:block;font-size:13px;font-weight:700;color:#111} 2199 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .person span{dis
2199play:block;font-size:11px;color:#888;margin-top:2px} 2200 @media(max-width:980px){ 2201 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-track{grid-template-columns:repeat(2,minmax(0,1fr))} 2202 } 2203 @media(max-width:620px){ 2204 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-carousel{padding:0 16px} 2205 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-viewport{overflow:hidden;touch-action:pan-y;cursor:grab} 2206 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-viewport:active{cursor:grabbing} 2207 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-track{display:flex!important;gap:12px;will-change:transform;transition:transform .5s cubic-bezier(.22,.74,.25,1)} 2208 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review{flex:0 0 82vw;max-width:82vw;min-height:200px;padding:18px;border-radius:20px} 2209 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .review .quote{font-size:13px;line-height:1.55;margin-bottom:14px} 2210 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-arrow{display:flex;position:absolute;top:45%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:50%;border:2px solid #06482e;background:#d9ff48;
2210color:#06482e;font-size:0;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 3px 0 #06482e;transition:transform .15s ease} 2211 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-arrow svg{display:block} 2212 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-arrow.prev{left:0} 2213 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-arrow.next{right:0} 2214 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:16px} 2215 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s ease,background .25s ease} 2216 #polkapop-prototype-reviews-template--27566130168097__prototype_reviews .pp-review-dot.is-active{width:20px;border-radius:999px;background:#d9ff48} 2217 } 2218</style> 2219
2220<script> 2221(function(){ 2222 function init(root){ 2223 var viewport = root.querySelector('.pp-review-viewport'); 2224 var track = root.querySelector('.pp-review-track'); 2225 var prevBtn = root.querySelector('.pp-review-arrow.prev'); 2226 var nextBtn = root.querySelector('.pp-review-arrow.next'); 2227 var dotsWrap = root.querySelector('.pp-review-dots'); 2228 if(!viewport || !track) return; 2229 2230 var cards = Array.prototype.slice.call(track.querySelectorAll('.review')); 2231 var total = cards.length; 2232 if(!total) return; 2233 2234 var isMobile = function(){ return window.innerWidth <= 620; }; 2235 var index = 0, pointerStart = null; 2236 2237 var dots = cards.map(function(_, i){ 2238 var b = document.createElement('button'); 2239 b.type = 'button'; 2240 b.className = 'pp-review-dot' + (i === 0 ? ' is-active' : ''); 2241 b.setAttribute('role', 'tab'); 2242 b.setAttribute('aria-label', 'Review ' + (i + 1)); 2243 b.addEventListener('click', function(){ index = i; render(true); }); 2244 dotsWrap.appendChild(b); 2245 return b; 2246 }); 2247 2248 function stepSize(){ 2249 if(!cards[0]) return 0; 2250 var gap = parseFloat(getComputedStyle(track).gap) || 0; 2251 return cards[0].getBoundingClientRect().width + gap; 2252 } 2253 function render(animate){ 2254 if(!isMobile()){ 2255 track.style.transform = ''; 2256 track.style.transition = ''; 2257 return; 2258 } 2259 var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 2260 track.style.transition = (animate && !reduce) ? 'transform .5s cubic-bezier(.22,.74,.25,1)' : 'none'; 2261 track.style.transform = 'translate3d(' + (-index * stepSize()) + 'px,0,0)'; 2262 dots.forEach(function(d, i){ d.classList.toggle('is-active', i === index); }); 2263 } 2264 function move(dir){ 2265 index = Math.max(0, Math.min(total - 1, index + dir)); 2266 render(true); 2267 } 2268 2269 if(prevBtn) prevBtn.addEventListener('click', function(){ move(-1); }); 2270 if(nextBtn) nextBtn.addEventListener('click', function(){ move(1); }); 2271 2272 viewport.addEventListener('pointerdown', function(e){ 2273 if(isMobile()) pointerStart = e.clientX; 2274 }); 2275 viewport.addEventListener('pointerup', function(e){ 2276 if(pointerStart !== null){ 2277 var d = e.clientX - pointerStart; 2278 if(Math.abs(d) > 40) move(d < 0 ? 1 : -1); 2279 } 2280 pointerStart = null; 2281 }); 2282 viewport.addEventListener('pointercancel', function(){ pointerStart = null; }); 2283 2284 window.addEventListener('resize', function(){ render(false); }); 2285 render(false); 2286 } 2287 2288 function boot(){ 2289 document.querySelectorAll('[data-pp-review-carousel]').forEach(init); 2290 } 2291 if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); 2292 else boot(); 2293})(); 2294</script>
2294 2295 2296</div><div id="shopify-section-template--27566130168097__prototype_recipes" class="shopify-section"><section id="polkapop-prototype-recipes-template--27566130168097__prototype_recipes" class="polkapop-prototype-section"> 2297 <div class="page"> 2298 <section class="section recipe-lab-section" id="recipes"> 2299 <div class="container"> 2300 <div class="section-head"><div class="kicker">Recipe Ideas</div><h2 class="section-title">Mix It Your Way</h2><p class="section-sub">Tap a recipe, play with the ingredients, and build a quick Polka Pop cooler.</p></div> 2301 <div class="recipe-lab" style="--recipe-soft:#efffd4;--recipe-accent:#7dbf1d;" aria-live="polite"> 2302 <div class="recipe-visual"> 2303 <img id="recipeLabImage" src="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/cucumber-lemon-mint-cooler.png?v=1784096253&width=900" alt="Cucumber Lemon Mint Cooler with Polka Pop lemon lime sparkling water"> 2304 <div class="recipe-fizz" aria-hidden="true"><span></span><span></span><span></span><span></span></div> 2305 <button type="button" class="recipe-arrow recipe-arrow-left" aria-label="Previous recipe" data-recipe-prev>←</button> 2306 <button type="button" class="recipe-arrow recipe-arrow-right" aria-label="Next recipe" data-recipe-next>→</button> 2307 </div> 2308 <div class="recipe-panel"> 2309 <span class="recipe-tag" id="recipeLabTag">Lemon Lime</span> 2310 <h3 id="recipeLabTitle">Cucumber Lemon Mint Cooler</h3> 2311 <p id="recipeLabDesc">Polka Pop Lemon Lime with cucumber, lemon, mint and ice for a crisp garden-style cooler.</p> 2312 <div class="recipe-ingredients" id="recipeIngredients" aria-label="Recipe ingredients"> 2313 <button type="button" class="is-active">Cucumber</button> 2314 <button type="button">Lemon</button> 2315 <button type="button">Mint</button> 2316 <button type="button">Ice</button> 2317 </div> 2318 <ol class="recipe-steps" id="recipeSteps"> 2319 <li>Fill a glass with ice.</li> 2320 <li>Add cucumber and mint.</li> 2321 <li>Pour in chilled Lemon Lime Polka Pop and serve.</li> 2322 </ol> 2323 <button class="recipe-read" type="button" data-recipe-more aria-expanded="false" aria-controls="recipeMore">Read More</button> 2324 <div class="recipe-more" id="recipeMore" hidden>Best served very cold in a tall glass. Clap the mint once before adding it for a brighter aroma.</div> 2325 </div> 2326 <div class="recipe-picker" role="tablist" aria-label="Choose a recipe"> 2327 <button class="is-active" type="button" role="tab" aria-selected="true" data-recipe-option data-tag="Lemon Lime" data-title="Cucumber Lemon Mint Cooler" data-desc="Polka Pop Lemon Lime with cucumber, lemon, mint and ice for a crisp garden-style cooler." data-detail="Best served very cold in a tall glass. Clap the mint once before adding it for a brighter aroma." data-img="https://cdn.shopify.com/s/files/1/0955/2137/4497/files/cucumber-lemon-mint-cooler.png?v=1784096253&width=900" data-alt="Cucumber Lemon Mint Cooler with Polka Pop lemon lime sparkling water" data-soft="#efffd4" data-accent="#7dbf1d" data-ingredients="Cucumber|Lemon|Mint|Ice" data-steps="Fill a glass with ice.|Add cucumber and mint.|Pour in chilled Lemon Lime Polka Pop and serve."><span>Lemon Lime</span><b>Cucumber Mint</b></button> 2328 <button type="button" role="tab" aria-selected="false" data-recipe-option data-tag="Cranberry" data-title="Cranberry Mint Sparkle" data-desc="Cranberry Polka Pop with crushed ice, lime, mint and a handful of tart berries." data-detail="Use crushed ice and a squeeze of lime to make the cranberry note feel sharper and brighter." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_cranberry__1-7-28.png?v=1757614865&width=900" data-alt="Cranberry Polka Pop recipe" data-soft="#ffe8ee" data-accent="#ff4778" data-ingredients="Cranberries|Lime|Mint|Crushed ice" data-steps="Crush lime and mint gently.|Add ice and cranberries.|Top with chilled Cranberry Polka Pop."><span>Cranberry</span><b>Mint Sparkle</b></button> 2329 <button type="button" role="tab" aria-selected="false" data-recipe-option data-tag="Orange" data-title="Orange Brunch Fizz" data-desc="Orange Polka Pop with orange wheels, ice and a fresh herb garnish for a sunny brunch pour." data-detail="Serve in a short glass with a wide orange wheel so the citrus aroma lands first." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_orange__1-1-36.png?v=1757613042&width=900" data-alt
2329="Orange Polka Pop recipe" data-soft="#fff0d8" data-accent="#ff8a2a" data-ingredients="Orange|Basil|Ice|Zest" data-steps="Fill a glass with ice.|Add orange slices and a little peel.|Pour Orange Polka Pop on top."><span>Orange</span><b>Brunch Fizz</b></button> 2330 <button type="button" role="tab" aria-selected="false" data-recipe-option data-tag="Peach" data-title="Peach Iced Sparkle" data-desc="Peach Polka Pop with ice, lemon peel and mint for a soft golden refreshment." data-detail="A lemon peel twist keeps the peach profile clean, light and not too sweet." data-img="https://polkapop.in/cdn/shop/files/PolkaPOPlisting_peach__1-1-29.png?v=1757612540&width=900" data-alt="Peach Polka Pop recipe" data-soft="#fff4dc" data-accent="#ffb86a" data-ingredients="Peach|Lemon peel|Mint|Ice" data-steps="Add ice and peach slices.|Add mint and a little lemon peel.|Pour in chilled Peach Polka Pop."><span>Peach</span><b>Iced Sparkle</b></button> 2331 </div> 2332 2333 </div> 2334 </div> 2335 </section> 2336 </div> 2337</section> 2338 2339 2340</div><div id="shopify-section-template--27566130168097__prototype_faq" class="shopify-section"><section id="polkapop-prototype-faq-template--27566130168097__prototype_faq" class="polkapop-prototype-section pp-faq-v2"> 2341 <div class="pp-faq-inner"> 2342 <div class="pp-faq-head"> 2343 <h2 class="pp-faq-title">Questions People Actually Ask</h2> 2344 <p class="pp-faq-sub">Real answers for real customers helping you decide, and helping search engines find us.</p> 2345 </div> 2346 <div class="pp-faq-grid"> 2347 <details class="pp-faq-card" open> 2348 <summary><span>How is Polka Pop different from regular flavoured water?</span><span class="pp-faq-chev" aria-hidden="true"></span></summary> 2349 <div class="pp-faq-answer"><p>Polka Pop comes in natural flavours Cranberry, Lemon-Lime, Orange, Peach and Blueberry. Zero sugar, zero calories, no artificial sweeteners. Just clean fizz.</p></div> 2350 </details> 2351 <details class="pp-faq-card"> 2352 <summary><span>When is the best time to drink Polka Pop?</span><span class="pp-faq-chev" aria-hidden="true"></span></summary> 2353 <div class="pp-faq-answer"><p>Anytime. Enjoy it chilled during the day, with meals, or as a refreshing evening sipper.</p></div> 2354 </details> 2355 <details class="pp-faq-card"> 2356 <summary><span>Where is Polka Pop made?</span><span class="pp-faq-chev" aria-hidden="true"></span></summary> 2357 <div class="pp-faq-answer"><p>Polka Pop is proudly made in India, crafted with a clean-label formula for everyday refreshment.</p></div> 2358 </details> 2359 <details class="pp-faq-card"> 2360 <summary><span>How should I store Polka Pop?</span><span class="pp-faq-chev" aria-hidden="true"></span></summary> 2361 <div class="pp-faq-answer"><p>Keep it cool and dry, away from sunlight. Refrigerate before drinking for the best fizz.</p></div> 2362 </details> 2363 <details class="pp-faq-card"> 2364 <summary><span>Where can I use Polka Pop other than just drinking it?</span><span class="pp-faq-chev" aria-hidden="true"></span></summary> 2365 <div class="pp-faq-answer"><p>It works well as a sparkling base for refreshing drinks and fruit spritzers, or paired with meals.</p></div> 2366 </details> 2367 </div> 2368 </div> 2369</section> 2370 2371 2372 2373 2374</div><div id="shopify-section-template--27566130168097__prototype_blog" class="shopify-section"><section id="polkapop-blog-template--27566130168097__prototype_blog" class="polkapop-prototype-section pp-blog-v2"> 2375 2376<style> 2377.pp-blog-v2{ 2378 background:transparent; 2379 padding:60px 0; 2380 font-family:'Montserrat',system-ui,-apple-system,sans-serif 2381} 2382 2383.pp-blog-v2 *{ 2384 box-sizing:border-box; 2385 font-family:inherit 2386} 2387 2388.pp-blog-v2-inner{ 2389 max-width:1200px; 2390 margin:0 auto; 2391 padding:0 24px 2392} 2393 2394.pp-blog-v2-head{ 2395 display:flex; 2396 align-items:baseline; 2397 justify-content:space-between; 2398 margin-bottom:32px 2399} 2400 2401.pp-blog-v2-head h2{ 2402 font-size:clamp(28px,4vw,42px); 2403 font-weight:900; 2404 margin:0; 2405 color:#24110d; 2406 letter-spacing:-.02em 2407} 2408 2409.pp-blog-v2-head a{ 2410 font-size:15px; 2411 font-weight:700; 2412 color:#0d7146; 2413 text-decoration:underline; 2414 text-underline-offset:3px 2415} 2416 2417.pp-blog-v2-grid{ 2418 display:grid; 2419 grid-template-columns:repeat(4,1fr); 2420 gap:24px 2421} 2422 2423.pp-blog-v2-card{ 2424 display:flex; 2425 flex-direction:column 2426} 2427 2428.pp-blog-v2-card a{ 2429 text-decoration:none; 2430 color:inherit 2431} 2432 2433.pp-blog-v2-img{ 2434 width:100%; 2435 aspect-ratio:1/1; 2436 border-radius:16px; 2437 overflow:hidden; 2438 margin-bottom:16px; 2439 display:block 2440} 2441 2442.pp-blog-v2-img img{ 2443 width:100%; 2444 height:100%; 2445 object-fit:cover; 2446 display:block; 2447 transition:transform .3s ease 2448} 2449 2450.pp-blog-v2-card:hover .pp-blog-v2-img img{ 2451 transform:scale(1.04) 2452} 2453 2454.pp-blog-v2-card h3{ 2455 font-size:18px; 2456 font-weight:800; 2457 line-height:1.25; 2458 margin:0 0 8px; 2459 color:#24110d 2460} 2461 2462.pp-blog-v2-card p{ 2463 font-size:14px; 2464 line-height:1.6; 2465 color:#5b705f; 2466 margin:0 0 12px; 2467 font-weight:500 2468}
2468 2469 2470.pp-blog-v2-read{ 2471 font-size:14px; 2472 font-weight:700; 2473 color:#0d7146; 2474 margin-top:auto 2475} 2476 2477@media(max-width:980px){ 2478.pp-blog-v2-grid{ 2479grid-template-columns:repeat(2,1fr) 2480} 2481} 2482 2483@media(max-width:640px){ 2484.pp-blog-v2-grid{ 2485grid-template-columns:1fr 2486} 2487 2488.pp-blog-v2{ 2489padding:40px 0 2490} 2491} 2492@media(max-width:640px){ 2493.pp-blog-v2-grid{ 2494grid-template-columns:1fr 2495} 2496 2497.pp-blog-v2{ 2498padding:40px 0 2499} 2500 2501 2502/* Mobile blog slider */ 2503 2504.pp-blog-v2-grid { 2505 2506 display:flex; 2507 overflow-x:auto; 2508 gap:16px; 2509 scroll-snap-type:x mandatory; 2510 scrollbar-width:none; 2511 2512} 2513 2514 2515.pp-blog-v2-grid::-webkit-scrollbar{ 2516 display:none; 2517} 2518 2519 2520.pp-blog-v2-card { 2521 2522 flex:0 0 85%; 2523 scroll-snap-align:start; 2524 2525} 2526 2527 2528.pp-blog-v2-img { 2529 2530 aspect-ratio:1/1; 2531 2532} 2533 2534} 2535</style> 2536 2537 2538<div class="pp-blog-v2-inner"> 2539 2540 2541<div class="pp-blog-v2-head"> 2542 2543<h2> 2544From the Polka Pop Journal 2545</h2> 2546 2547 2548 2549<a href="/blogs/news"> 2550View all 2551</a> 2552 2553 2554 2555</div> 2556 2557 2558 2559 2560 2561 2562<div class="pp-blog-v2-grid"> 2563 2564 2565 2566 2567 2568<article class="pp-blog-v2-card"> 2569 2570 2571<a href="/blogs/news/sparkling-water-vs-soda-difference" class="pp-blog-v2-img"> 2572 2573 2574 2575 2576<img 2577src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_45_37_PM_1af73e90-c820-4c5f-a987-f456e070c54e.png?v=1789026878&width=800" 2578alt="Sparkling Water vs. Soda: What's Really the Difference?" 2579loading="lazy"> 2580 2581 2582 2583 2584</a> 2585 2586 2587 2588<h3> 2589<a href="/blogs/news/sparkling-water-vs-soda-difference"> 2590Sparkling Water vs. Soda: What's Really the Difference? 2591</a> 2592</h3> 2593 2594 2595 2596<p> 2597 2598 2599 2600Quick Answer: The main difference is ingredients. Soda usually contains added sugar, artificial flavours and preservatives, while spar... 2601</p> 2602 2603 2604 2605<a class="pp-blog-v2-read" href="/blogs/news/sparkling-water-vs-soda-difference"> 2606Read more 2607</a> 2608 2609 2610 2611</article> 2612 2613 2614 2615 2616 2617<article class="pp-blog-v2-card"> 2618 2619 2620<a href="/blogs/news/easy-mocktail-recipes-polka-pop" class="pp-blog-v2-img"> 2621 2622 2623 2624 2625<img 2626src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_44_49_PM.png?v=1789024599&width=800" 2627alt="5 Easy Mocktail Recipes Using Polka Pop" 2628loading="lazy"> 2629 2630 2631 2632 2633</a> 2634 2635 2636 2637<h3> 2638<a href="/blogs/news/easy-mocktail-recipes-polka-pop"> 26395 Easy Mocktail Recipes Using Polka Pop 2640</a> 2641</h3> 2642 2643 2644 2645<p> 2646 2647 2648 2649Want a fun, fizzy drink at home without alcohol? Mocktails are the answer, and with Polka Pop naturally flavoured sparkling water, you... 2650</p> 2651 2652 2653 2654<a class="pp-blog-v2-read" href="/blogs/news/easy-mocktail-recipes-polka-pop"> 2655Read more 2656</a> 2657 2658 2659 2660</article> 2661 2662 2663 2664 2665 2666<article class="pp-blog-v2-card"> 2667 2668 2669<a href="/blogs/news/restaurant-style-mocktails-at-home" class="pp-blog-v2-img"> 2670 2671 2672 2673 2674<img 2675src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_39_58_PM.png?v=1789024227&width=800" 2676alt="How to Make Restaurant-Style Mocktails at Home" 2677loading="lazy"> 2678 2679 2680 2681 2682</a> 2683 2684 2685 2686<h3> 2687<a href="/blogs/news/restaurant-style-mocktails-at-home"> 2688How to Make Restaurant-Style Mocktails at Home 2689</a> 2690</h3> 2691 2692 2693 2694<p> 2695 2696 2697 2698Ever ordered a mocktail at a restaurant and wondered how it tasted so good? Restaurant style mocktails are not as complicated as they ... 2699</p> 2700 2701 2702 2703<a class="pp-blog-v2-read" href="/blogs/news/restaurant-style-mocktails-at-home"> 2704Read more 2705</a> 2706 2707 2708 2709</article> 2710 2711 2712 2713 2714 2715<article class="pp-blog-v2-card"> 2716 2717 2718<a href="/blogs/news/what-is-clean-label-zero-sugar-explained" class="pp-blog-v2-img"> 2719 2720 2721 2722 2723<img 2724src="//polkapop.in/cdn/shop/articles/ChatGPT_Image_Sep_10_2026_12_37_39_PM.png?v=1789024145&width=800" 2725alt="Zero Sugar, Zero Guilt: What "Clean Label" Really Means" 2726loading="lazy"> 2727 2728 2729 2730 2731</a> 2732 2733 2734 2735<h3> 2736<a href="/blogs/news/what-is-clean-label-zero-sugar-explained"> 2737Zero Sugar, Zero Guilt: What "Clean Label" Really Means 2738</a> 2739</h3> 2740 2741 2742 2743<p> 2744 2745 2746Have you ever picked up a drink that says "healthy" on the front, flipped it over, and found a long list of ingredients you could not p... 2747</p> 2748 2749 2750 2751<a class="pp-blog-v2-read" href="/blogs/news/what-is-clean-label-zero-sugar-explained"> 2752Read more 2753</a> 2754 2755 2756 2757</article> 2758 2759 2760 2761 2762 2763</div> 2764 2765 2766 2767 2768 2769 2770</div> 2771 2772 2773</section> 2774 2775 2776 2777</div><div id="shopify-section-template--27566130168097__prototype_footer" class="shopify-section"><section id="polkapop-prototype-footer-template--27566130168097__prototype_footer" class="polkapop-prototype-section"> 2778 <div class="page"> 2779 <footer class="footer"> 2780 <div class="footer-grid"> 2781 <div><h3>Stay in the Pop Loop</h3><p>
2781Get flavour drops, offers and recipe ideas straight to your inbox.</p><div class="email-box"><input placeholder="Enter your email"><button>Subscribe</button></div></div> 2782 <div><h4>Shop</h4><a>All Flavours</a><a>Cranberry</a><a>Lemon Lime</a><a>Orange</a><a>Peach</a></div> 2783 <div><h4>Company</h4><a>About Us</a><a href="/pages/contact">Contact Us</a><a href="/policies/privacy-policy">Privacy Policy</a><a>FAQs</a></div> 2784 <div><h4>Quick Commerce</h4><a>Swiggy</a><a>Zepto</a><a>Blinkit</a></div> 2785 <div><h4>Social</h4><a>Instagram</a><a>Facebook</a><a>YouTube</a><a>LinkedIn</a></div> 2786 </div> 2787 <div class="copyright"><span>© 2026 Polka Pop. Homepage redesign concept.</span><span>Designed for Shopify homepage implementation</span></div> 2788 </footer> 2789 </div> 2790</section> 2791 2792 2793 2794 2795</div> 2796 </main> 2797 2798 <!-- BEGIN sections: footer-group --> 2799<footer id="shopify-section-sections--27566123778337__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 2800 2801<div class="section-background color-scheme-1"></div> 2802<div 2803 class=" 2804 section section--page-width color-scheme-1 2805 2806 " 2807> 2808 2809 2810 2811 <div 2812 class=" 2813 spacing-style 2814 layout-panel-flex 2815 layout-panel-flex--column 2816 section-content-wrapper 2817 mobile-column 2818 " 2819 style=" 2820 --flex-direction: column; --flex-wrap: nowrap; 2821 2822--gap: max(24px, calc(var(--gap-scale, 1.0) * 48px)); 2823 2824--horizontal-alignment: center; --vertical-alignment: center; 2825--vertical-alignment-mobile: center; 2826 2827 --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 2828 " 2829 > 2830 2831 2832<div 2833 class="divider divider-ARUlRWS9PblpwQ01aV__divider_hFm3am spacing-style" 2834 style=" 2835 --divider-justify-content: center; 2836 --padding-block-start: 0px;--padding-block-end: 0px; 2837 " 2838 2839 2840> 2841 <span 2842 class="divider__line" 2843 style=" 2844 --divider-border-thickness: 1px; 2845 2846 --divider-border-rounded: 0; 2847 2848 --divider-flex-basis: 100%; 2849 " 2850 ></span> 2851</div> 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861<div 2862 class=" 2863 group-block 2864 group-block--height-fit 2865 group-block--width-fill 2866 border-style 2867 spacing-style 2868 size-style 2869 2870 2871 " 2872 style=" 2873 --border-width: 1px; --border-style: none; --border-color: 2874rgb(var(--color-border-rgb) / 1.0); --border-radius: 28750px; 2876 2877 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2878 --size-style-width: 100%;--size-style-height: fit; 2879 --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; 2880 2881 " 2882 2883 data-testid="group-block" 2884><div class="group-block__media-wrapper"> 2885 2886 2887 2888 </div> 2889 2890 <div 2891 class=" 2892 group-block-content 2893 2894 layout-panel-flex 2895 layout-panel-flex--row 2896 mobile-column 2897 " 2898 style="--flex-direction: row; --flex-wrap: nowrap; 2899 2900--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 2901 2902--horizontal-alignment: space-between; --vertical-alignment: flex-end; 2903--vertical-alignment-mobile: flex-end; 2904" 2905 > 2906 2907 2908 2909 2910<div 2911 class=" 2912 group-block 2913 group-block--height-fit 2914 group-block--width-fit-content 2915 border-style 2916 spacing-style 2917 size-style 2918 2919 2920 " 2921 style=" 2922 --border-width: 1px; --border-style: none; --border-color: 2923rgb(var(--color-border-rgb) / 1.0); --border-radius: 29240px; 2925 2926 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2927 --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 2928 2929 " 2930 2931 data-testid="group-block" 2932><div class="group-block__media-wrapper"> 2933 2934 2935 2936 </div> 2937 2938 <div 2939 class=" 2940 group-block-content 2941 2942 layout-panel-flex 2943 layout-panel-flex--column 2944 mobile-column 2945 " 2946 style="--flex-direction: column; --flex-wrap: nowrap; 2947 2948--gap: 12px; 2949 2950--horizontal-alignment: flex-start; --vertical-alignment: center; 2951--vertical-alignment-mobile: center; 2952" 2953 > 2954 2955 2956 2957 2958 2959 2960 2961 2962 <div 2963 class=" spacing-style text-block text-block--AMnpvc2dreFk4SFRjd__text_3L9Fjq h4 2964 2965 " 2966 2967 style=" 2968 --padding-block-start: 0px; --padding-block-end:0px; 2969--padding-inline-start:0px; --padding-inline-end:0px; 2970 2971 2972 2973 --width: fit-content; 2974 --max-width: var(--max-width--body-normal); 2975 2976 2977 " 2978 2979 2980> 2981 <p>Join our email list</p> 2982 </div> 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 <rte-formatter 2998 class=" spacing-style text-block text-block--AL2xxcDA1MjVleVdEV__text_eC4rXd rte 2999 rte 3000 " 3001 3002 style=" 3003 --padding-block-start: 0px; --padding-block-end:0px; 3004--padding-inline-start:0px; --padding-inline-end:0px; 3005 3006 3007 3008 --width: fit-content; 3009 --max-width: var(--max-width--body-normal); 3010 3011 3012 " 3013 3014 3015> 3016 <p>Get exclusive deals and early access to new products. </p> 3017 </rte-formatter> 3018 3019 3020 3021 3022 3023 3024 3025</div> 3026</div> 3027 3028 3029 3030 3031 3032 3033 3034 3035<div 3036 class="email-signup-block size-style spacing-style" 3037 style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 3038 3039> 3040 3041<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="â" /> 3042 <div 3043 class="email-signup__input-group " 3044 style="--border-width: 1px; --border-radius: 39px;" 3045 > 3046 <label 3047 for="EmailInput-AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb" 3048 class="visually-hidden" 3049 > 3050 Email 3051 </label> 3052 <input 3053 id="EmailInput-AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb" 3054 class="email-signup__input email-signup__input--all paragraph " 3055 type="email" 3056 name="contact[email]" 3057 autocorrect="off" 3058 autocapitalize="off" 3059 autocomplete="email" 3060 placeholder="Email address" 3061 required 3062 3063 > 3064 <button 3065 class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AeEtIU1RDQlo5a3gzR__email_signup_NcLwNb " 3066 3067 aria-label="Sign up" 3068 3069 > 3070 3071 <svg
3072 viewBox="0 0 20 20" 3073 xmlns="http://www.w3.org/2000/svg" 3074 focusable="false" 3075 aria-hidden="true" 3076 class="email-signup__button-icon" 3077 > 3078 3079<path 3080 clip-rule="evenodd" 3081 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" 3082 fill="currentColor" 3083 fill-rule="evenodd" 3084 /> 3085 </svg> 3086 3087 </button> 3088 </div></form> 3089</div> 3090 3091 3092 3093 3094 3095</div> 3096</div> 3097 3098 3099 3100 3101 3102 3103 3104<div 3105 class="footer-utilities spacing-style" 3106 style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 0px;" 3107 3108> 3109 <div class="footer-utilities__group footer-utilities__group--left"> 3110 3111 3112<div 3113 class=" 3114 footer-utilities__group-copyright 3115 custom-typography 3116 custom-font-size 3117 " 3118 style=" 3119--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-);" 3120 3121> 3122 <span class="footer-utilities__text"> 3123 © 2026 3124 <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> 3125</span> 3126</div> 3127 3128 3129 3130 3131 3132 <anchored-popover-component data-hover-triggered="true"> 3133 <button 3134 class="policy-list-trigger button-unstyled" 3135 popovertarget="terms-policies-popover" 3136 popovertargetaction="toggle" 3137 ref="trigger" 3138 style=" 3139--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-);" 3140 3141 > 3142 Terms and Policies 3143 </button> 3144 <div 3145 class="terms-policies-popover color-scheme-1" 3146 id="terms-policies-popover" 3147 popover="auto" 3148 ref="popover" 3149 > 3150 <ul 3151 class=" 3152 policy_list list-unstyled 3153 custom-typography 3154 custom-font-size 3155 " 3156 ><li> 3157 <a 3158 href="/policies/privacy-policy" 3159 class="footer-utilities__text" 3160 >Privacy policy</a> 3161 </li><li> 3162 <a 3163 href="/policies/refund-policy" 3164 class="footer-utilities__text" 3165 >Refund policy</a> 3166 </li><li> 3167 <a 3168 href="/policies/terms-of-service" 3169 class="footer-utilities__text" 3170 >Terms of service</a> 3171 </li></ul> 3172 </div> 3173 </anchored-popover-component> 3174 3175 3176 3177 3178 3179 3180 </div> 3181 3182 <div class="footer-utilities__group footer-utilities__group--right"> 3183 3184 3185<div 3186 class="social-icons__wrapper" 3187 3188> 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240</div> 3241 3242 3243 3244 3245 3246 </div> 3247</div> 3248 3249 3250 3251 3252 3253 </div> 3254</div> 3255 3256 3257</footer> 3258<!-- END sections: footer-group --> 3259 3260
3260<script 3261 src="//polkapop.in/cdn/shop/t/9/assets/dialog.js?v=94382931671780430451791191573" 3262 type="module" 3263></script>
3263 3264 3265<dialog-component 3266 id="search-modal" 3267 class="search-modal" 3268 3269> 3270 <dialog 3271 ref="dialog" 3272 on:click="/closeDialogOnClickOutside" 3273 on:keydown="/closeDialogOnEscapePress" 3274 class="search-modal__content dialog-modal" 3275 scroll-lock 3276 > 3277
3277<script 3278 src="//polkapop.in/cdn/shop/t/9/assets/predictive-search.js?v=53445493388242646041791191573" 3279 type="module" 3280 fetchpriority="low" 3281></script>
3281 3282 3283<predictive-search-component 3284 class="predictive-search color-scheme-1" 3285 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 3286 data-section-id="predictive-search" 3287 data-testid="search-component--modal" 3288 role="search" 3289 aria-label="Search" 3290> 3291 <form 3292 action="/search" 3293 method="get" 3294 role="search" 3295 class="predictive-search-form" 3296 ref="form" 3297 on:keydown="/onSearchKeyDown" 3298 > 3299 <div 3300 class="predictive-search-form__header" 3301 > 3302 <div class="predictive-search-form__header-inner"> 3303 <label 3304 for="cmdk-input" 3305 class="visually-hidden" 3306 >Search</label> 3307 <input 3308 class="search-input" 3309 id="cmdk-input" 3310 type="search" 3311 name="q" 3312 role="combobox" 3313 aria-expanded="false" 3314 aria-owns="predictive-search-results" 3315 aria-controls="predictive-search-results" 3316 aria-haspopup="listbox" 3317 aria-autocomplete="list" 3318 autocomplete="off" 3319 placeholder="Search" 3320 ref="searchInput" 3321 on:input="/search" 3322 on:keydown="/onSearchKeyDown" 3323 > 3324 <input 3325 name="options[prefix]" 3326 type="hidden" 3327 value="last" 3328 > 3329 <span class="svg-wrapper predictive-search__icon"> 3330 <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> 3331 3332 </span> 3333 <button 3334 type="button" 3335 class="button-unstyled predictive-search__reset-button" 3336 aria-label="Reset search" 3337 ref="resetButton" 3338 hidden 3339 on:click="/resetSearch" 3340 > 3341 <span class="svg-wrapper predictive-search__reset-button-icon"> 3342 <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> 3343 3344 </span> 3345 <span class="predictive-search__reset-button-text">Clear</span> 3346 </button> 3347 </div> 3348 <button 3349 type="button" 3350 class="button predictive-search__close-modal-button" 3351 aria-label="Close dialog" 3352 on:click="dialog-component/closeDialog" 3353 ref="closeModalButton" 3354 > 3355 <span class="svg-wrapper"> 3356 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3357 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3358 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3359</svg> 3360 3361 </span> 3362 </button> 3363 </div> 3364 3365 <div class="predictive-search-form__content-wrapper"> 3366 <div 3367 class="predictive-search-form__content" 3368 tabindex="-1" 3369 ref="predictiveSearchResults" 3370 on:click="/handleModalClick" 3371 > 3372 3373 3374<div 3375 id="predictive-search-results" 3376 class="predictive-search-dropdown" 3377 role="listbox" 3378 aria-expanded="true" 3379 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 3380> 3381 3382</div> 3383 3384 </div> 3385 3386 <div class="predictive-search-form__footer"> 3387 <button 3388 class="button button-primary predictive-search__search-button" 3389 ref="viewAllButton" 3390 > 3391 View all 3392 </button> 3393 </div> 3394 </div> 3395 </form> 3396</predictive-search-component> 3397 3398 3399 3400 </dialog> 3401</dialog-component> 3402 3403 3404 3405 3406 3407 <quick-add-dialog id="quick-add-dialog"> 3408 <dialog 3409 class="quick-add-modal dialog-modal color-scheme-1" 3410 ref="dialog" 3411 scroll-lock 3412 > 3413 <button 3414 ref="closeButton" 3415 on:click="/closeDialog" 3416 class="button button-unstyled close-button quick-add-modal__close" 3417 aria-label="Close dialog" 3418 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3419 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3420 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3421</svg> 3422</button> 3423 <div 3424 id="quick-add-modal-content" 3425 class="quick-add-modal__content" 3426 ></div> 3427 </dialog> 3428</quick-add-dialog> 3429 3430 3431 3432 3433 3434 3435<link href="//polkapop.in/cdn/shop/t/9/assets/pp-icon-patch.css?v=3141028406341823091791191573" rel="stylesheet" type="text/css" media="all" /> 3436<link href="//polkapop.in/cdn/shop/t/9/assets/pp-mobile-fixes.css?v=97860424674375196291791191573" rel="stylesheet" type="text/css" media="all" />
3437<script src="//polkapop.in/cdn/shop/t/9/assets/pp-icon-patch.js?v=92275226895601966701791191573" defer="defer"></script>
3437 3438 3439<style> 3440/* 1. Hide duplicate product title inside stage */ 3441.ppcv2-product-title{display:none !important} 3442 3443/* 2. Ingredient badges â non-interactive, behind card text */ 3444.ppcv2-ingredient{z-index:2 !important;pointer-events:none} 3445 3446/* 3. Product card â shift stage content up so image+badges clear the text panel */ 3447.ppcv2-product-card{position:relative;height:auto !important;min-height:680px !important} 3448.ppcv2-product-stage{height:520px !important;overflow:visible !important} 3449.ppcv2-product-stage .ppcv2-packshot{max-height:55% !important;transform:translateY(-60px) !important} 3450.ppcv2-ingredient.ppcv2-i1,.ppcv2-ingredient.ppcv2-i2{transform:translateY(-60px) !important} 3451.ppcv2-ingredient.ppcv2-i3,.ppcv2-ingredient.ppcv2-i4{transform:translateY(-100px) !important} 3452 3453/* Force product-specific card backgrounds */ 3454.ppcv2-product-card{background:var(--card-bg) !important} 3455.ppcv2-product-stage::before{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.45),transparent 45%) !important} 3456 3457/* Card info panel â use card color as background tint */ 3458.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)} 3459.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} 3460.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} 3461.ppcv2-card-info .ci-desc{font-size:11px !important;color:#555 !important;margin:0 0 4px !important;font-style:italic !important} 3462.ppcv2-card-info .ci-pack{font-size:12px !important;color:#333 !important;font-weight:600 !important;margin:0 0 3px !important} 3463.ppcv2-card-info .ci-rating{font-size:11px !important;color:#facc15 !important;margin:0 0 6px !important} 3464.ppcv2-card-info .ci-rating span{color:#888 !important;font-size:11px !important;display:inline !important} 3465.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} 3466.ppcv2-card-info .ci-cta:hover{background:#333 !important} 3467 3468/* 4. FAQ â homepage card style */ 3469.ppcv2-faq .ppcv2-accordion{display:none !important} 3470.ppcv2-faq-heading-group{margin-bottom:24px !important} 3471.pp-col-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-items:start;max-width:1160px;margin:0 auto} 3472.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} 3473.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} 3474.pp-col-faq-card summary::-webkit-details-marker{display:none} 3475.pp-col-faq-card summary::marker{display:none;content:''} 3476.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} 3477.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} 3478.pp-col-faq-card[open] .pp-col-faq-chev::after{transform:translate(-50%,-20%) rotate(-135deg)} 3479.pp-col-faq-card .pp-col-faq-answer{padding:12px 0 0;font-size:15px;color:#555;line-height:24px} 3480.pp-col-faq-card .pp-col-faq-answer p{margin:0} 3481 3482/* 5. Consistent button colors â CTA banner button matches all others */ 3483.ppcv2-cta-btn{background:#1a1a1a !important;color:#fff !important;border-radius:999px !important} 3484.ppcv2-cta-btn:hover{background:#333 !important} 3485 3486/* 6. Banner text â keep left side visible */ 3487.ppcv2-hero-banner-image{object-position:left center !important} 3488 3489/* Mixed case section */ 3490.ppcv2-mixed-case{padding:60px 20px;text-align:center} 3491.ppcv2-mixed-case .mc-badge{display:inline-block;background:#facc15;
3491color:#1a1a1a;font-size:11px;font-weight:900;padding:4px 14px;border-radius:999px;letter-spacing:.08em;margin-bottom:12px} 3492.ppcv2-mixed-case h2{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.03em} 3493.ppcv2-mixed-case .mc-desc{font-size:15px;color:#666;margin:0 0 24px;max-width:500px;display:inline-block} 3494.ppcv2-mixed-case .mc-options{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap} 3495.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} 3496.ppcv2-mixed-case .mc-opt.is-active,.ppcv2-mixed-case .mc-opt:hover{border-color:#1a1a1a;background:#f5f5f5} 3497.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} 3498.ppcv2-mixed-case .mc-cta:hover{background:#333} 3499 3500/* ===== MOBILE RESPONSIVE ===== */ 3501@media(max-width:768px){ 3502 .ppcv2-product-card{min-height:500px !important} 3503 .ppcv2-product-stage{height:360px !important} 3504 .ppcv2-product-stage .ppcv2-packshot{max-height:60% !important;transform:translateY(-30px) !important} 3505 .ppcv2-ingredient.ppcv2-i1,.ppcv2-ingredient.ppcv2-i2{transform:translateY(-30px) !important} 3506 .ppcv2-ingredient.ppcv2-i3,.ppcv2-ingredient.ppcv2-i4{transform:translateY(-60px) !important} 3507 .ppcv2-ingredient{transform-origin:center center} 3508 .ppcv2-card-info{max-height:140px !important;padding:10px 12px !important} 3509 .ppcv2-card-info .ci-name{font-size:14px !important} 3510 .ppcv2-card-info .ci-cta{padding:6px 16px !important;font-size:11px !important} 3511 .ppcv2-faq-heading-group h2,.ppcv2-faq-title{font-size:22px !important} 3512 .ppcv2-faq-heading-group{margin-bottom:16px !important} 3513 .pp-col-faq-grid{grid-template-columns:1fr;gap:12px} 3514 .pp-col-faq-card{padding:16px 18px;box-shadow:3px 3px 0 0 #111} 3515 .pp-col-faq-card summary{font-size:15px;padding:8px 0} 3516 .pp-col-faq-card .pp-col-faq-chev{width:28px;height:28px} 3517 .pp-col-faq-card .pp-col-faq-answer{font-size:14px;line-height:22px} 3518 .ppcv2-mixed-case{padding:40px 16px} 3519 .ppcv2-mixed-case h2{font-size:22px} 3520 .ppcv2-mixed-case .mc-desc{font-size:14px} 3521 .ppcv2-mixed-case .mc-opt{padding:12px 22px;font-size:13px} 3522 .ppcv2-mixed-case .mc-cta{padding:12px 28px;font-size:13px} 3523 .ppcv2-cta-title{font-size:26px !important} 3524 .ppcv2-cta-section .ppcv2-cta-box{padding:40px 18px !important} 3525 .ppcv2-cta-btn{font-size:13px !important;padding:12px 24px !important} 3526 .ppcv2-hero-banner-image{object-position:20% center !important} 3527} 3528 3529/* Tablet tweaks */ 3530@media(min-width:769px) and (max-width:1024px){ 3531 .ppcv2-product-card{min-height:620px !important} 3532 .ppcv2-product-stage{height:460px !important} 3533 .ppcv2-mixed-case h2{font-size:24px} 3534 .ppcv2-faq-heading-group h2,.ppcv2-faq-title{font-size:26px !important} 3535} 3536</style> 3537
3538<script> 3539document.addEventListener('DOMContentLoaded',function(){ 3540 var isCollection=document.querySelector('.pp-col-v2'); 3541 if(!isCollection) return; 3542 3543 /* 1. Upgrade product cards with ecommerce info */ 3544 var productData=[ 3545 {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'}, 3546 {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'}, 3547 {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'}, 3548 {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'}, 3549 {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'} 3550 ]; 3551 3552 var cards=document.querySelectorAll('.ppcv2-product-card'); 3553 cards.forEach(function(card,i){ 3554 if(!productData[i]) return; 3555 var d=productData[i]; 3556 3557 if(card.tagName==='BUTTON'){ 3558 var link=document.createElement('a'); 3559 link.href=d.url; 3560 link.className=card.className; 3561 link.innerHTML=card.innerHTML; 3562 link.setAttribute('style',card.getAttribute('style')); 3563 link.setAttribute('aria-label',d.name+' - view product'); 3564 card.parentNode.replaceChild(link,card); 3565 card=link; 3566 } 3567 3568 var info=document.createElement('div'); 3569 info.className='ppcv2-card-info'; 3570 info.innerHTML='<p class="ci-name">'+d.name+'</p>'+ 3571 '<p class="ci-desc">'+d.desc+'</p>'+ 3572 '<p class="ci-pack">'+d.pack+' · '+d.price+'</p>'+ 3573 '<p class="ci-rating">â â â â â '+d.rating+' <span>('+d.reviews+')</span></p>'+ 3574 '<span class="ci-cta">Choose Pack</span>'; 3575 card.appendChild(info); 3576 }); 3577 3578 /* 2. Add mixed-case section after product grid */ 3579 var collectionsSection=document.querySelector('#collections'); 3580 if(collectionsSection){ 3581 var mc=document.createElement('section'); 3582 mc.className='ppcv2-mixed-case ppcv2-container'; 3583 mc.innerHTML='<span class="mc-badge">BEST VALUE</span>'+ 3584 '<h2>Build Your Own Mixed Case</h2>'+ 3585 '<p class="mc-desc">Choose any flavours and create a case that is completely your own.</p>'+ 3586 '<div class="mc-options">'+ 3587 '<button class="mc-opt is-active" type="button">12 bottles</button>'+ 3588 '<button class="mc-opt" type="button">24 bottles</button>'+ 3589 '</div>'+ 3590 '<a class="mc-cta" href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Build Your Case</a>'; 3591 collectionsSection.insertAdjacentElement('afterend',mc); 3592 3593 mc.querySelectorAll('.mc-opt').forEach(function(btn){ 3594 btn.addEventListener('click',function(){ 3595 mc.querySelectorAll('.mc-opt').forEach(function(b){b.classList.remove('is-active')}); 3596 btn.classList.add('is-active'); 3597 }); 3598 }); 3599 } 3600 3601 /* 3. Replace FAQ with homepage-style card grid */ 3602 var faqContainer=document.querySelector('.ppcv2-faq'); 3603 if(faqContainer){ 3604 var newFAQs=[ 3605 {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.'}, 3606 {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.'}, 3607 {q:'Does it taste like soda?',a:'No. Itâs lighter and crisper, with a real fruit taste instead of a sugary soda flavour.'}, 3608 {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.'}, 3609 {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.'}, 3610 {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.'} 3611 ]; 3612 3613 var grid=document.createElement('div'); 3614 grid.className='pp-col-faq-grid'; 3615 newFAQs.forEach(function(faq){ 3616 var card=document.createElement('details'); 3617 card.className='pp-col-faq-card'; 3618 card.innerHTML='<summary><span>'+faq.q+'</span><span class="pp-col-faq-chev" aria-hidden="true"></span></summary>'+ 3619 '<div class="pp-col-faq-answer"><p>'+faq.a+'</p></div>'; 3620 grid.appendChild(card); 3621 }); 3622 faqContainer.appendChild(grid); 3623 } 3624 3625 /* 4. Replace CTA section */ 3626 var ctaSection=document.querySelector('.ppcv2-cta-section'); 3627 if(ctaSection){ 3628 var ctaBox=ctaSection.querySelector('.ppcv2-cta-box'); 3629 if(ctaBox){ 3630 ctaBox.innerHTML= 3631 '<span class="ppcv2-cta-fruit ppcv2-cf1">ð</span>'+ 3632 '<span class="ppcv2-cta-fruit ppcv2-cf2">ð</span>'+ 3633 '<span class="ppcv2-cta-fruit ppcv2-cf3">ð</span>'+ 3634 '<span class="ppcv2-cta-fruit ppcv2-cf4">ðª°</span>'+ 3635 '<div>'+ 3636 '<p class="ppcv2-eyebrow">Canât pick one?</p>'+ 3637 '<h2 class="ppcv2-cta-title">Try Them All.</h2>'+ 3638 '<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>'+ 3639 '<a class="ppcv2-cta-btn" href="/products/blueberry-sparkling-water-300ml-each-packs-of-12-24">Build Your Case</a>'+ 3640 '</div>'; 3641 } 3642 } 3643}); 3644</script>
3644 3645 3646 <style> 3647#pp-pdp #reviews .section-kicker, 3648#pp-pdp #reviews .section-title, 3649#pp-pdp #reviews .reviews-card{display:none !important} 3650 3651#pp-pdp .pdp-recipe-showcase{padding:0 !important;background:none !important} 3652#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} 3653 3654.pp-ptr-section{padding:60px 0;background:transparent;overflow:hidden} 3655.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} 3656.pp-ptr-wrap{max-width:1100px;margin:0 auto;overflow:hidden;padding:0 24px;position:relative} 3657.pp-ptr-track{display:flex;transition:transform .5s ease;gap:20px} 3658.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} 3659.pp-ptr-card.is-center{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.12)} 3660.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} 3661.pp-ptr-card .av::after{content:'';position:absolute;inset:-10px;border:1px dashed rgba(0,0,0,.15);border-radius:50%} 3662.pp-ptr-card .av svg{width:44px;height:44px} 3663.pp-ptr-card .bd{font-size:14px;line-height:1.65;color:#555;margin-bottom:16px;font-style:italic} 3664.pp-ptr-card .st{color:#facc15;font-size:17px;letter-spacing:2px;margin-bottom:6px} 3665.pp-ptr-card .nm{font-weight:700;font-size:15px;color:#1a1a1a} 3666.pp-ptr-card .rl{font-size:12px;color:#999;margin-top:2px} 3667.pp-ptr-dots{display:flex;justify-content:center;gap:8px;margin-top:28px} 3668.pp-ptr-dots button{width:10px;height:10px;border-radius:50%;background:#ccc;border:none;cursor:pointer;padding:0;transition:background .3s} 3669.pp-ptr-dots button.on{background:#38bdf8} 3670.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} 3671.pp-ptr-arrow:hover{background:#f0f0f0} 3672.pp-ptr-arrow.al{left:0} 3673.pp-ptr-arrow.ar{right:0} 3674@media(max-width:900px){.pp-ptr-card{flex:0 0 calc(50% - 10px)}} 3675@media(max-width:600px){.pp-ptr-card{flex:0 0 100%}} 3676</style> 3677
3678<script> 3679document.addEventListener('DOMContentLoaded',function(){ 3680 var target=document.querySelector('#pp-pdp #reviews'); 3681 if(!target) return; 3682 3683 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>'; 3684 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>'; 3685 3686 var html='<div class="pp-ptr-section">'; 3687 html+='<h2>Testimonials</h2>'; 3688 html+='<div class="pp-ptr-wrap" id="ppPtrWrap">'; 3689 html+='<button class="pp-ptr-arrow al" id="ppPtrL" aria-label="Previous">‹</button>'; 3690 html+='<div style="overflow:hidden"><div class="pp-ptr-track" id="ppPtrT">'; 3691 3692 var reviews=[ 3693 {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.'}, 3694 {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.'}, 3695 {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.'}, 3696 {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.'}, 3697 {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.'} 3698 ]; 3699 3700 reviews.forEach(function(r){ 3701 html+='<div class="pp-ptr-card">'; 3702 html+='<div class="av">'+r.av+'</div>'; 3703 html+='<p class="bd">'+r.t+'</p>'; 3704 html+='<div class="st">'+r.s+'</div>'; 3705 html+='<div class="nm">'+r.n+'</div>'; 3706 html+='<div class="rl">Verified Buyer</div>'; 3707 html+='</div>'; 3708 }); 3709 3710 html+='</div></div>'; 3711 html+='<button class="pp-ptr-arrow ar" id="ppPtrR" aria-label="Next">›</button>'; 3712 html+='<div class="pp-ptr-dots" id="ppPtrD"></div>'; 3713 html+='</div></div>'; 3714 3715 target.insertAdjacentHTML('beforeend',html); 3716 3717 var track=document.getElementById('ppPtrT'), 3718 cards=track.querySelectorAll('.pp-ptr-card'), 3719 dw=document.getElementById('ppPtrD'), 3720 wrap=document.getElementById('ppPtrWrap'), 3721 n=cards.length,idx=0,autoTimer=null; 3722 3723 function v(){return innerWidth<=600?1:innerWidth<=900?2:3} 3724 function go(){ 3725 var vis=v(),p=100/vis; 3726 track.style.transform='translateX(-'+idx*p+'%)'; 3727 cards.forEach(function(c,i){c.classList.toggle('is-center',i===idx+Math.floor(vis/2))}); 3728 dw.querySelectorAll('button').forEach(function(d,i){d.classList.toggle('on',i===idx)}); 3729 } 3730 function dots(){ 3731 dw.innerHTML=''; 3732 var vis=v(),pages=Math.max(n-vis+1,1); 3733 for(var i=0;i<pages;i++){ 3734 var b=document.createElement('button'); 3735 b.className=i===0?'on':''; 3736 b.dataset.i=i; 3737 b.addEventListener('click',function(){idx=+this.dataset.i;go();restartAuto()}); 3738 dw.appendChild(b); 3739 } 3740 } 3741 3742 function advance(){ 3743 var vis=v(); 3744 if(idx<n-vis) idx++; else idx=0; 3745 go(); 3746 } 3747 function startAuto(){stopAuto();autoTimer=setInterval(advance,4000);} 3748 function stopAuto(){if(autoTimer){clearInterval(autoTimer);autoTimer=null;}} 3749 function restartAuto(){startAuto();} 3750 3751 wrap.addEventListener('mouseenter',stopAuto); 3752 wrap.addEventListener('mouseleave',startAuto);
3753 wrap.addEventListener('touchstart',stopAuto,{passive:true}); 3754 wrap.addEventListener('touchend',function(){setTimeout(startAuto,3000)}); 3755 3756 dots();go();startAuto(); 3757 3758 document.getElementById('ppPtrL').onclick=function(){if(idx>0){idx--;go();restartAuto()}}; 3759 document.getElementById('ppPtrR').onclick=function(){var vis=v();if(idx<n-vis){idx++;go();restartAuto();}else{idx=0;go();restartAuto();}}; 3760 3761 var sx; 3762 track.addEventListener('touchstart',function(e){sx=e.touches[0].clientX},{passive:true}); 3763 track.addEventListener('touchend',function(e){ 3764 var d=sx-e.changedTouches[0].clientX; 3765 if(d>40){var vis=v();if(idx<n-vis)idx++;else idx=0;} 3766 else if(d<-40){if(idx>0)idx--;else idx=n-v();} 3767 go(); 3768 }); 3769 3770 var rt; 3771 addEventListener('resize',function(){clearTimeout(rt);rt=setTimeout(function(){idx=0;dots();go()},200)}); 3772 3773 /* Swap recipe image per tab */ 3774 var recipeImg=document.querySelector('.pdp-recipe-photo'); 3775 if(recipeImg){ 3776 var recipeImages={ 3777 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', 3778 1:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Blueberry_Lemon_Sparkling_Kitchen_Still_Life.png?v=1787889667', 3779 2:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Blueberry_Mint_Spritz_with_Lime.png?v=1787889667', 3780 3:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Generated_image__Sparkling_Blueberry_Mint_Mocktail.png?v=1787889667', 3781 4:'https://cdn.shopify.com/s/files/1/0955/2137/4497/files/Generated_image__Blueberry_Sparkling_Water_Still_Life.png?v=1787889667' 3782 }; 3783 recipeImg.src=recipeImages[0]; 3784 recipeImg.srcset=''; 3785 var recipeTabs=document.querySelectorAll('.pdp-recipe-tab'); 3786 recipeTabs.forEach(function(tab){ 3787 tab.addEventListener('click',function(){ 3788 var i=+this.dataset.index; 3789 setTimeout(function(){ 3790 recipeImg.src=recipeImages[i]; 3791 recipeImg.srcset=''; 3792 },100); 3793 }); 3794 }); 3795 } 3796 3797 /* Remove Instagram embed DHoHEsISQ3Y from Loved by Customers */ 3798 document.querySelectorAll('iframe').forEach(function(f){ 3799 var src=f.src||f.dataset.src||''; 3800 if(src.indexOf('DHoHEsISQ3Y')!==-1){ 3801 var card=f.closest('.ig-card')||f.parentElement; 3802 if(card) card.remove(); 3803 } 3804 }); 3805}); 3806</script>
3806 3807
3807<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3807 3808</body> 3809</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.