1 2 3 4 5 6<!doctype html> 7<html class="no-js" lang="en"> 8<head> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" 11 content="IE=edge"> 12 <meta name="viewport" 13 content="width=device-width,initial-scale=1,viewport-fit=cover"> 14 <meta name="color-scheme" content="light only"> 15 <!-- avoiding chrome force dark mode --> 16
16<script> 17 var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; 18 if (isDarkMode) { 19 document.write(`<meta name="color-scheme" content="dark Only"><\/meta>`); 20 } 21 (() => { 22 const setCookie = (cookieName, cookieValue, cookieMinutes = 60 * 24) => { 23 if (typeof window === "undefined" || typeof document === "undefined") { 24 return false; 25 } 26 const d = new Date(); 27 d.setTime(d.getTime() + cookieMinutes * 60 * 1000); 28 const expires = d.toUTCString(); 29 document.cookie = `${cookieName}=${cookieValue};expires=${expires};path=/;SameSite=Strict;`; 30 return true; 31 }; 32 33 const getCookie = (cookieName) => { 34 if (typeof window === "undefined" || typeof document === "undefined") { 35 return false; 36 } 37 38 const name = `${cookieName}=`; 39 const cookieArray = document.cookie.split(";"); 40 for (let i = 0; i < cookieArray.length; i++) { 41 let cookie = cookieArray[i]; 42 while (cookie.charAt(0) === " ") { 43 cookie = cookie.substring(1); 44 } 45 if (cookie.indexOf(name) === 0) { 46 return cookie.substring(name.length, cookie.length); 47 } 48 } 49 return false; 50 }; 51 52 const checkCookie = (cookieName) => { 53 if (typeof window === "undefined" || typeof document === "undefined") { 54 return false; 55 } 56 return !!cookieName && document.cookie.includes(`${cookieName}=`); 57 }; 58 59 const removeCookie = (cookieName) => { 60 setCookie(cookieName, "", -1); 61 }; 62 window.utils = window.utils || { 63 setCookie, 64 getCookie, 65 checkCookie, 66 removeCookie, 67 }; 68 })(); 69 70 if (!Array.prototype.at) { 71 Array.prototype.at = function (index) { 72 // Ensure integer 73 index = Math.trunc(index) || 0; 74 // Convert negative index 75 if (index < 0) index += this.length; 76 // Return undefined if out of bounds 77 if (index < 0 || index >= this.length) return undefined; 78 return this[index]; 79 }; 80 } 81 82 if (!String.prototype.at) { 83 String.prototype.at = function (index) { 84 index = Math.trunc(index) || 0; 85 if (index < 0) index += this.length; 86 if (index < 0 || index >= this.length) return ""; 87 return this.charAt(index); 88 }; 89 } 90 91 if (typeof structuredClone !== "function") { 92 // Initial: Fast sync clone for most JSON-safe values 93 globalThis.structuredClone = (value) => { 94 return JSON.parse(JSON.stringify(value)); 95 }; 96 97 // Then upgrade to true structured clone using MessageChannel 98 (async () => { 99 try { 100 const { port1, port2 } = new MessageChannel(); 101 port2.onmessage = (event) => { 102 // Replace with proper async-compatible structured clone 103 globalThis.structuredClone = (value) => 104 new Promise((resolve, reject) => { 105 const { port1, port2 } = new MessageChannel(); 106 port2.onmessage = (e) => resolve(e.data); 107 port2.onerror = reject; 108 port1.postMessage(value); 109 }); 110 111 // Force a test clone now to verify compatibility 112 port1.postMessage({}); 113 }; 114 115 port1.postMessage({}); 116 } catch { 117 // Ignore if MessageChannel not supported (very old browsers) 118 } 119 })(); 120 } 121 122 if (!Array.prototype.toSorted) { 123 Object.defineProperty(Array.prototype, "toSorted", { 124 value: function (compareFn) { 125 return [...this].sort(compareFn); 126 }, 127 writable: true, 128 configurable: true, 129 enumerable: false, 130 }); 131 } 132 133 if (!Array.prototype.findLastIndex) { 134 Object.defineProperty(Array.prototype, 'findLastIndex', { 135 value: function (predicate, thisArg) { 136 if (this == null) { 137 throw new TypeError('"this" is null or not defined'); 138 } 139 if (typeof predicate !== 'function') { 140 throw new TypeError('predicate must be a function'); 141 } 142 143 const list = Object(this); 144 const length = list.length >>> 0; 145 146 for (let i = length - 1; i >= 0; i--) { 147 if (predicate.call(thisArg, list[i], i, list)) { 148 return i; 149 } 150 } 151 return -1; 152 }, 153 configurable: true, 154 writable: true, 155 }); 156 } 157 158 </script>
158 159 <style> 160 :root { 161 color-scheme: light only; 162 } 163 </style> 164 165 166 167 168 <style> 169 div#PBarNextFrameWrapper { 170 display: none; 171 } 172 </style> 173 174<link rel="canonical" href="https://hiseltzers.com/products/the-og-pack-1"> 175 176 177<title>The OG Pack 178– hi Seltzers 179</title> 180 181<meta name="description" content="The OG Pack 182&ndash; hi Seltzers"> 183 184 185<link rel="alternate" hreflang="en" href="https://hiseltzers.com/products/the-og-pack-1" /> 186 187<meta property="og:site_name" content="hi Seltzers"> 188<meta property="og:url" content="https://hiseltzers.com/products/the-og-pack-1"> 189<meta property="og:title" content="The OG Pack"> 190<meta property="og:type" content="product"> 191<meta property="og:description" content="hi Seltzers"><meta property="og:image" content="http://hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402"> 192 <meta property="og:image:secure_url" content="https://hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402"> 193 <meta property="og:image:width" content="620"> 194 <meta property="og:image:height" content="620"><meta property="og:price:amount" content="49.95"> 195 <meta property="og:price:currency" content="USD"> 196<meta name="twitter:card" content="summary_large_image"> 197<meta name="twitter:title" content="The OG Pack"> 198<meta name="twitter:description" content="hi Seltzers"><link rel="icon" type="image/png" href="//hiseltzers.com/cdn/shop/files/hi_logo_seltzer_black.png?crop=center&height=32&v=1750283733&width=32"> 199
199<script type="application/ld+json"> 200 { 201 "@context": "https://schema.org" 202 ,"@type": "Product", 203 "productID": 8908109054178, 204 "offers": [{ 205 "@type": "Offer", 206 "name": "The OG Pack", 207 "availability":"https://schema.org/OutOfStock", 208 "price": 49.95, 209 "priceCurrency": "USD", 210 "priceValidUntil": "2026-10-06","sku": "OGVAR1212EN-D9","url": "https://hiseltzers.com/products/the-og-pack-1?variant=46637382041826" 211 } 212],"aggregateRating": { 213 "@type": "AggregateRating", 214 "ratingValue": "4.44", 215 "reviewCount": "234", 216 "worstRating": "1.0", 217 "bestRating": "5.0" 218 },"brand": { 219 "@type": "Brand", 220 "name": "hi Seltzers" 221 }, 222 "name": "The OG Pack", 223 "description": "", 224 "category": "Beverages", 225 "url": "https://hiseltzers.com/products/the-og-pack-1", 226 "sku": "OGVAR1212EN-D9","image": { 227 "@type": "ImageObject", 228 "url": "https://hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=1024", 229 "image": "https://hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=1024", 230 "name": "", 231 "width": "1024", 232 "height": "1024" 233 } 234 } 235 </script>
235 236 237 238 239
239<script type="application/ld+json"> 240 { 241 "@context": "https://schema.org" 242 ,"@type": "BreadcrumbList", 243 "itemListElement": [{ 244 "@type": "ListItem", 245 "position": 1, 246 "name": "Home", 247 "item": "https://hiseltzers.com" 248 },{ 249 "@type": "ListItem", 250 "position": 2, 251 "name": "The OG Pack", 252 "item": "https://hiseltzers.com/products/the-og-pack-1" 253 }] 254 } 255 </script>
255 256 257 258<link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 259<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 260 261<link data-css-src rel="preload" as="style" href="//hiseltzers.com/cdn/shop/t/9/assets/reset.css?v=83089419364854622501752024502"> 262<link data-css-src rel="preload" as="style" href="//hiseltzers.com/cdn/shop/t/9/assets/tailwind.css?v=181718689405144173101752690109"> 263<link data-css-src rel="preload" as="style" href="//hiseltzers.com/cdn/shop/t/9/assets/custom.css?v=111603181540343972631752024502"> 264 265 266 <noscript data-css-src-noscript> 267 <link rel="stylesheet" href="//hiseltzers.com/cdn/shop/t/9/assets/reset.css?v=83089419364854622501752024502" type="text/css" media="all"> 268 <link rel="stylesheet" href="//hiseltzers.com/cdn/shop/t/9/assets/tailwind.css?v=181718689405144173101752690109" type="text/css" media="all"> 269 <link rel="stylesheet" href="//hiseltzers.com/cdn/shop/t/9/assets/custom.css?v=111603181540343972631752024502" type="text/css" media="all"> 270 </noscript> 271 272
272<script> 273 (() => { 274 const linkElements = document.querySelectorAll("[data-css-src]"); 275 const fetchPromises = []; 276 const CACHE_EXPIRATION_MS = 1000 * 60 * 60; // 1 hour 277 const now = Date.now(); 278 279 linkElements.forEach((linkElement) => { 280 const cssUrl = linkElement.getAttribute("href"); 281 const cssSrc = cssUrl.split("/").at(-1); 282 const [key, version] = cssSrc?.split("?") ?? []; 283 const cacheKey = `__css_${`150985244898`}_${key}`; 284 285 if (!cssUrl) return; 286 287 const cachedData = JSON.parse(localStorage.getItem(cacheKey) ?? "{}"); 288 289 if (typeof cachedData?.css === 'string') { 290 try { 291 const style = document.createElement("style"); 292 style.textContent = cachedData?.css; 293 document.head.appendChild(style); 294 linkElement?.remove(); 295 if (now - cachedData.timestamp < CACHE_EXPIRATION_MS && cachedData.version === version) { 296 return; 297 } 298 } catch (err) { 299 localStorage.removeItem(cacheKey); 300 } 301 } 302 303 if (linkElement && typeof cachedData?.css !== 'string') { 304 linkElement.setAttribute("rel", "stylesheet"); 305 linkElement.removeAttribute("as"); 306 } 307 308 309 const fetchPromise = fetch(cssUrl) 310 .then((res) => { 311 if (!res.ok) throw new Error(`Failed to fetch ${cssUrl}`); 312 return res.text(); 313 }) 314 .then((css) => { 315 localStorage.setItem( 316 cacheKey, 317 JSON.stringify({ 318 css: `/* Cached CSS */\n\n${css}`, 319 timestamp: now, 320 version: version, 321 }), 322 ); 323 324 const style = document.createElement("style"); 325 style.textContent = css; 326 document.head.appendChild(style); 327 328 linkElement?.remove(); 329 }) 330 .catch((err) => { 331 console.warn("Failed to inline CSS for", cssUrl, err); 332 }); 333 334 fetchPromises.push(fetchPromise); 335 }); 336 337 Promise.all(fetchPromises).then(() => { 338 // console.log("All CSS fetched and inlined"); 339 }); 340 })(); 341 </script>
341 342 343
344<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/theme.js?v=162227044460325220031753306778"></script>
vendor: 1 bytes, line 344
344
345<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/custom.js?v=161486037005085840401752024502" defer></script>
vendor: 1 bytes, line 345
345
346<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--bundle.js?v=35745474897746883001753306736" defer></script>
vendor: 1 bytes, line 346
346
347<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--color_wheel.js?v=110682988409147640951752786224" defer></script>
vendor: 1 bytes, line 347
347
348<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_article_card.js?v=168985374218092413801752024502" defer></script>
vendor: 1 bytes, line 348
348
349<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_blog_card.js?v=146032917474054732441752024502" defer></script>
vendor: 1 bytes, line 349
349
350<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_collection_card.js?v=169407834326330272521752024502" defer></script>
vendor: 1 bytes, line 350
350
351<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_comment_card.js?v=49546237482092904341752024502" defer></script>
vendor: 1 bytes, line 351
351
352<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_line_item_card.js?v=123762634097281884181753306736" defer></script>
vendor: 1 bytes, line 352
352
353<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_page_card.js?v=56698851833330901321752024502" defer></script>
vendor: 1 bytes, line 353
353
354<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--card_product_card.js?v=96665087045307672241752785741" defer></script>
vendor: 1 bytes, line 354
354
355<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--header_navigation_bar.js?v=141801830742517480251752790745" defer></script>
vendor: 1 bytes, line 355
355
356<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_article.js?v=120717165629531869551752024502" defer></script>
vendor: 1 bytes, line 356
356
357<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_blog.js?v=29342109877456940981752024502" defer></script>
vendor: 1 bytes, line 357
357
358<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_collection.js?v=28550606161955995091752024502" defer></script>
vendor: 1 bytes, line 358
358
359<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_list_collections.js?v=9740006077267834871752024502" defer></script>
vendor: 1 bytes, line 359
359
360<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_product.js?v=3591218539675428301752785741" defer></script>
vendor: 1 bytes, line 360
360
361<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--main_search.js?v=127116352282532477641752024502" defer></script>
vendor: 1 bytes, line 361
361
362<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__section--modal_search.js?v=108482414541257298431752024502" defer></script>
vendor: 1 bytes, line 362
362
363<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__block--countdown.js?v=21927920804928580511753306735" defer></script>
vendor: 1 bytes, line 363
363
364<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__block--marquee.js?v=72688804480176260471752024502" defer></script>
vendor: 1 bytes, line 364
364
365<script type="module" src="//hiseltzers.com/cdn/shop/t/9/assets/__block--parallax_image.js?v=249044986066882711752024502" defer></script>
365<script src="//hiseltzers.com/cdn/shop/t/9/assets/_barba-prefetch.umd.min.js?v=157850917247854199871752024502" defer></script>
vendor: 1 bytes, line 365
365
366<script src="//hiseltzers.com/cdn/shop/t/9/assets/_barba.umd.min.js?v=21665531387637007881752024502" defer></script>
vendor: 1 bytes, line 366
366
367<script src="//hiseltzers.com/cdn/shop/t/9/assets/_dayjs.min.js?v=118246384626344491081752024502" defer></script>
vendor: 1 bytes, line 367
367
368<script src="//hiseltzers.com/cdn/shop/t/9/assets/_alpinejs.focus.min.js?v=11879732775850096641752024502" defer></script>
vendor: 1 bytes, line 368
368
369<script src="//hiseltzers.com/cdn/shop/t/9/assets/_alpinejs.intersect.min.js?v=15699425664181935141752024502" defer></script>
vendor: 1 bytes, line 369
369
370<script src="//hiseltzers.com/cdn/shop/t/9/assets/_alpinejs.collapse.min.js?v=164669610819578944191752024502" defer></script>
vendor: 1 bytes, line 370
370
371<script src="//hiseltzers.com/cdn/shop/t/9/assets/_alpinejs.anchor.min.js?v=150580431371200105231752024502" defer></script>
vendor: 1 bytes, line 371
371
372<script src="//hiseltzers.com/cdn/shop/t/9/assets/_alpinejs.min.js?v=95530210460088110851752024502" defer></script>
vendor: 1 bytes, line 372
372
373<script src="//hiseltzers.com/cdn/shop/t/9/assets/_inert-polifyill.min.js?v=2889100292414432381752024502" defer></script>
vendor: 1 bytes, line 373
373
374<script data-no-block> 375 window.translations = { 376 "main_account": { 377 "product": "Product", 378 "sku": "SKU", 379 "quantity": "Quantity", 380 "total": "Total", 381 "subtotal": "Subtotal", 382 "discount": "Discount", 383 "shipping": "Shipping", 384 "tax_included": "Tax included", 385 "tax_excluded": "Tax excluded", 386 "refunded_amount": "Refunded amount", 387 "billing_address": "Billing Address", 388 "no_billing": "No Billing Address", 389 "shipping_address": "Shipping Address", 390 "no_shipping": "No shipping address was required for this order." 391 } 392}; 393</script>
393 394 <style> 395 :root { 396 --header-height: calc((var(--navigation-bar-height, 0px) + var(--progress-bar-height, 0px)) + var(--announcement-bar-height, 0px)); 397 --header-height-offset: calc((var(--navigation-bar-height, 0px) + var(--progress-bar-height, 0px)) + var(--announcement-bar-height, 0px)); 398 } 399 400 .header-sections-container [data-announcement-bar] { 401 height: var(--announcement-bar-height, 0px); 402 } 403 404 .header-sections-container [data-progress-bar] { 405 height: var(--progress-bar-height, 0px); 406 } 407 408 .header-sections-container { 409 position: sticky; 410 left: 0; 411 right: 0; 412 /*bottom: 0;*/ 413 top: calc(-1 * (var(--progress-bar-height, 0px) + var(--announcement-bar-height, 0px))); 414 z-index: 35; 415 /*pointer-events: none; 416 --header-full-height: calc(var(--progress-bar-height, 0px) + var(--announcement-bar-height, 0px) + var(--navigation-bar-height, 0px)); 417 --header-dynamic-height: calc(100vh + (var(--header-full-height) - var(--header-height-offset))); 418 height: var(--header-dynamic-height); 419 margin-bottom: calc(-1 * (var(--header-dynamic-height) - (var(--progress-bar-height, 0px) + var(--announcement-bar-height, 0px) + var(--navigation-bar-height, 0px))));*/ 420 } 421 422 .header-sections-container > * { 423 pointer-events: auto; 424 } 425 426 427 :root { 428 429 --container-width-fullwidth: 0px; 430 --container-width-xs: 640px; 431 --container-width-sm: 960px; 432 --container-width-md: 1440px; 433 --container-width-lg: 1860px; 434 435 } 436 437 :root { 438 --gutter: 24px; 439 --100vw-no-scrollbar: calc(100vw - var(--scrollbar-width, 19px)); 440 441 @media screen and (min-width: 768px) { 442 --gutter: 64px; 443 } 444 } 445 446 *, :before, :after { 447 --container-fullwidth: max(calc((var(--100vw-no-scrollbar) - var(--container-width-fullwidth)) / 2), var(--gutter)); 448 --container-xs: max(calc((var(--100vw-no-scrollbar) - var(--container-width-xs)) / 2), var(--gutter)); 449 --container-sm: max(calc((var(--100vw-no-scrollbar) - var(--container-width-sm)) / 2), var(--gutter)); 450 --container-md: max(calc((var(--100vw-no-scrollbar) - var(--container-width-md)) / 2), var(--gutter)); 451 --container-lg: max(calc((var(--100vw-no-scrollbar) - var(--container-width-lg)) / 2), var(--gutter)); 452 --layout-y-container: max(calc((100vh - 910px) / 2), var(--gutter)); 453 } 454 455 @media screen and (min-width: 768px) { 456 :root { 457 --layout-padding-sm: px; 458 --layout-padding-md: px; 459 --layout-padding-lg: px; 460 --layout-padding-xl: px; 461 } 462 } 463 464 465</style> 466<style> 467 468 html { 469 background: #fffef7; 470 color: #273426; 471 } 472 473 :focus-visible { 474 outline-color: #272824; 475 } 476 477 :root { 478 --color-error--rgb: 479 480252 0 0 481; 482 --color-error--hex: #fc0000; 483 --color-error-text--hex: #630000; 484 --color-error: var(--color-error--rgb, #fc0000); 485 --color-warning--rgb: 486 487245 158 11 488; 489 --color-warning--hex: #f59e0b; 490 --color-warning-text--hex: #634004; 491 --color-warning: var(--color-warning--rgb, #f59e0b); 492 --color-success--rgb: 493 49434 197 94 495; 496 --color-success--hex: #22c55e; 497 --color-success-text--hex: #0b4320; 498 --color-success: var(--color-success--rgb, #22c55e); 499 --color-info--rgb: 500 50156 189 248 502; 503 --color-info--hex: #38bdf8; 504 --color-info-text--hex: #056792; 505 --color-info: var(--color-info--rgb, #38bdf8); 506 --color-review-stars--rgb: 507 508243 224 8 509; 510 --color-review-stars--hex: #f3e008; 511 --color-review-stars: var(--color-review-stars--rgb, #f3e008); 512 --color-review-stars-base--rgb: 513 514209 213 219 515; 516 --color-review-stars-base--hex: #D1D5DB; 517 --color-review-stars-base: var(--color-review-stars--rgb, #D1D5DB); 518 --color-modal-backdrop-color: rgba(17,24,39, 0.1); 519 --color-modal-backdrop-blur: blur(12px); 520 } 521 522 :root { 523 --color-gray-50: 249 250 251; 524 --color-gray-100: 243 244 246; 525 --color-gray-200: 229 231 235; 526 --color-gray-300: 209 213 219; 527 --color-gray-400: 156 163 175; 528 --color-gray-500: 107 114 128; 529 --color-gray-600: 75 85 99; 530 --color-gray-700: 55 65 81; 531 --color-gray-800: 31 41 55; 532 --color-gray-900: 17 24 39; 533 } 534 535 536</style> 537 538
539<script type="application/javascript"> 540 window.routes = { 541 ...{"error":"json not allowed for this object"}, 542 file_url: `//hiseltzers.com/cdn/shop/files/`, 543 asset_url: `//hiseltzers.com/cdn/shop/t/9/assets/`, 544 }; 545 546 window.customer = null; 547 548 window.request_path = "\/products\/the-og-pack-1"; 549 window.template = "product"; 550 window._cart_data = window._cart_data || {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 551 window._cart_data_item_components = []; 552 window._cart_data = { 553 ...window._cart_data, 554 items: window._cart_data?.items?.map((item, index) => ({ 555 ...item, 556 index, 557 item_components: window._cart_data_item_components[index], 558 })) ?? [], 559 }; 560 window.money_format = "${{amount}}"; 561 window.design_mode = false; 562 window.theme_settings = {"color__background_color":"#fffef7","color__text_color":"#273426","color__error":"#fc0000","color__warning":"#f59e0b","color__success":"#22c55e","color__info":"#38bdf8","color__review_stars":"#f3e008","color__review_stars_base":"#D1D5DB","color__modal_backdrop":"rgba(17,24,39, 0.1)","color__modal_backdrop_blur":"blur(12px)","color__focus_outline":"#272824","seo__image_override":"smart.seo_image","layout__page_width_xs":640,"layout__page_width_sm":960,"layout__page_width_md":1440,"layout__page_width_lg":1860,"layout__page_gutter_desktop":64,"layout__page_gutter_mobile":24,"branding__favicon":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_logo_seltzer_black.png?v=1750283733","megamenu__text_color":"#273426","megamenu__background_color":"#fffef7","megamenu__custom_css":"\u0026 {\n min-height: 380px;\n}","data__product__reviews_rating":"reviews.rating","data__product__reviews_count":"reviews.rating_count","data__product__load_metafields":true,"data__product__product_metafield":"smart","data__product__variant_metafield":"","data__product__product__load_product_data":true,"data__product__variant__load_product_data":false,"data__product__restrict_product_card_metafield_keys":"","data__collection__metafield":"smart","data__collection__load_product_data":false,"data__article__metafield":"smart","data__article__load_product_data":false,"data__blog__metafield":"smart","data__blog__load_product_data":false,"data__page__metafield":"smart","data__page__load_product_data":false,"development__dev_mode":true,"development__block_app_scripts":false,"development__block_content_for_header":false,"development__block_modal_sections":false,"development__block_card_sections":false,"development__block_header_sections":false,"development__block_template_sections":false,"development__block_footer_sections":false,"development__disable_animations":false,"development__disable_shopify_preview_bar":true,"development__enable_marker_io":false,"development__marker_io_id":"68642a58c82bb9c680f4599b","checkout_logo_position":"left","checkout_logo_size":"medium","checkout_body_background_color":"#fff","checkout_input_background_color_mode":"white","checkout_sidebar_background_color":"#fafafa","checkout_heading_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_body_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_accent_color":"#1878b9","checkout_button_color":"#1878b9","checkout_error_color":"#e22120","customer_layout":"customer_area"}; 563 window.collection = null; 564 window._sections = window._sections || {}; 565 window._stores = window._stores || {}; 566 window._products = window._products || {}; 567 window._collections = window._collections || {}; 568 window._pages = window._pages || {}; 569 window._blogs = window._blogs || {}; 570 window._comments = window._comments || {}; 571 window._articles = window._articles || {}; 572 window._metaobjects = window._metaobjects || {}; 573</script>
573 574 575
575<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
575<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74036248802/digital_wallets/dialog"> 576<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/json+oembed" href="https://hiseltzers.com/products/the-og-pack-1.oembed">
577<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 577
577
578<script id="shopify-features" type="application/json">{"accessToken":"b7921f7c68ebb3420c19624dce1a6a48","betas":["rich-media-storefront-analytics"],"domain":"hiseltzers.com","predictiveSearch":true,"shopId":74036248802,"locale":"en"}</script>
vendor: 1 bytes, line 578
578
579<script>var Shopify = Shopify || {}; 580Shopify.shop = "d1dpfn-ug.myshopify.com"; 581Shopify.locale = "en"; 582Shopify.currency = {"active":"USD","rate":"1.0"}; 583Shopify.country = "US"; 584Shopify.theme = {"name":"Smart Theme - Thursday Release [Ready to Publish] ","id":150985244898,"schema_name":"Smart","schema_version":"4.3.9","theme_store_id":null,"role":"main"}; 585Shopify.theme.handle = "null"; 586Shopify.theme.style = {"id":null,"handle":null}; 587Shopify.cdnHost = "hiseltzers.com/cdn"; 588Shopify.routes = Shopify.routes || {}; 589Shopify.routes.root = "/"; 590Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 591Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 592Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 593Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 593
593
594<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 594
594
595<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 595
595
596<script> 597 window.Shopify = window.Shopify || {}; 598 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 599 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 600 window.Shopify.SignInWithShop.eligible = true; 601</script>
vendor: 1 bytes, line 601
601
602<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 602
602
603<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 603
603
604<script type="module"> 605 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 606 607 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 608 609</script>
vendor: 1 bytes, line 609
609
610<script> 611 window.Shopify = window.Shopify || {}; 612 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 613 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 614</script>
vendor: 1 bytes, line 614
614
615<script>(function() { 616 var isLoaded = false; 617 function asyncLoad() { 618 if (isLoaded) return; 619 isLoaded = true; 620 var urls = ["https:\/\/app.lootly.io\/js\/integrations\/shopify\/script.js?shop=d1dpfn-ug.myshopify.com"]; 621 for (var i = 0; i < urls.length; i++) { 622 var s = document.createElement('script'); 623 s.type = 'text/javascript'; 624 s.async = true; 625 s.src = urls[i]; 626 var x = document.getElementsByTagName('script')[0]; 627 x.parentNode.insertBefore(s, x); 628 } 629 }; 630 if(window.attachEvent) { 631 window.attachEvent('onload', asyncLoad); 632 } else { 633 window.addEventListener('load', asyncLoad, false); 634 } 635})();</script>
vendor: 1 bytes, line 635
635
636<script id="__st">var __st={"a":74036248802,"offset":-14400,"reqid":"51ef441a-e3f3-445a-b2ea-776dd789c47b-1790398219","pageurl":"hiseltzers.com\/products\/the-og-pack-1","u":"55e0be7614d7","p":"product","rtyp":"product","rid":8908109054178};</script>
vendor: 1 bytes, line 636
636
637<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 637
637
638<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 638
638
639<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hiseltzers.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 639
639
640<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 = "//hiseltzers.com/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>
640<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 640
640
641<script> 642 window.Shopify = window.Shopify || {}; 643 window.Shopify.MCP = window.Shopify.MCP || {}; 644 window.Shopify.MCP.enabled = true; 645 window.Shopify.MCP.shop = "d1dpfn-ug.myshopify.com"; 646 window.Shopify.MCP.mcpEndpoint = "https:\/\/hiseltzers.com\/api\/mcp"; 647 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?\"\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."}},"required":["query"]}}]; 648</script>
vendor: 1 bytes, line 648
648
649<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("\/\/hiseltzers.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 650</script>
vendor: 1 bytes, line 650
650
651<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://hiseltzers.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 652</script>
vendor: 1 bytes, line 652
652
653<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 654 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); 655</script>
vendor: 1 bytes, line 655
655
656<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})}})); 657</script>
657 658
659<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
659 660 661 662
663<script> 664 document.documentElement.style.setProperty( 665 "--scrollbar-width", 666 `${window.innerWidth - document.documentElement.clientWidth}px`, 667 ); 668 </script>
668 669
vendor: 4,729 bytes, lines 669-851
669<script> 670 (function (factory) { 671 if (typeof define === 'function' && define.amd) { 672 define([], factory); 673 } else if (typeof module === 'object' && module.exports) { 674 module.exports = factory(); 675 } else { 676 window.idleCallbackShim = factory(); 677 } 678 }(function () { 679 'use strict'; 680 var scheduleStart, throttleDelay, lazytimer, lazyraf; 681 var root = typeof window != 'undefined' ? 682 window : 683 typeof global != undefined ? 684 global : 685 this || {}; 686 var requestAnimationFrame = root.cancelRequestAnimationFrame && root.requestAnimationFrame || setTimeout; 687 var cancelRequestAnimationFrame = root.cancelRequestAnimationFrame || clearTimeout; 688 var tasks = []; 689 var runAttempts = 0; 690 var isRunning = false; 691 var remainingTime = 7; 692 var minThrottle = 35; 693 var throttle = 125; 694 var index = 0; 695 var taskStart = 0; 696 var tasklength = 0; 697 var IdleDeadline = { 698 get didTimeout() { 699 return false; 700 }, 701 timeRemaining: function () { 702 var timeRemaining = remainingTime - (Date.now() - taskStart); 703 return Math.max(0, timeRemaining); 704 }, 705 }; 706 var setInactive = debounce(function () { 707 remainingTime = 22; 708 throttle = 66; 709 minThrottle = 0; 710 }); 711 712 function debounce(fn) { 713 var id, timestamp; 714 var wait = 99; 715 var check = function () { 716 var last = (Date.now()) - timestamp; 717 718 if (last < wait) { 719 id = setTimeout(check, wait - last); 720 } else { 721 id = null; 722 fn(); 723 } 724 }; 725 return function () { 726 timestamp = Date.now(); 727 if (!id) { 728 id = setTimeout(check, wait); 729 } 730 }; 731 } 732 733 function abortRunning() { 734 if (isRunning) { 735 if (lazyraf) { 736 cancelRequestAnimationFrame(lazyraf); 737 } 738 if (lazytimer) { 739 clearTimeout(lazytimer); 740 } 741 isRunning = false; 742 } 743 } 744 745 function onInputorMutation() { 746 if (throttle != 125) { 747 remainingTime = 7; 748 throttle = 125; 749 minThrottle = 35; 750 751 if (isRunning) { 752 abortRunning(); 753 scheduleLazy(); 754 } 755 } 756 setInactive(); 757 } 758 759 function scheduleAfterRaf() { 760 lazyraf = null; 761 lazytimer = setTimeout(runTasks, 0); 762 } 763 764 function scheduleRaf() { 765 lazytimer = null; 766 requestAnimationFrame(scheduleAfterRaf); 767 } 768 769 function scheduleLazy() { 770 771 if (isRunning) {return;} 772 throttleDelay = throttle - (Date.now() - taskStart); 773 774 scheduleStart = Date.now(); 775 776 isRunning = true; 777 778 if (minThrottle && throttleDelay < minThrottle) { 779 throttleDelay = minThrottle; 780 } 781 782 if (throttleDelay > 9) { 783 lazytimer = setTimeout(scheduleRaf, throttleDelay); 784 } else { 785 throttleDelay = 0; 786 scheduleRaf(); 787 } 788 } 789 790 function runTasks() { 791 var task, i, len; 792 var timeThreshold = remainingTime > 9 ? 793 9 : 794 1 795 ; 796 797 taskStart = Date.now(); 798 isRunning = false; 799 800 lazytimer = null; 801 802 if (runAttempts > 2 || taskStart - throttleDelay - 50 < scheduleStart) { 803 for (i = 0, len = tasks.length; i < len && IdleDeadline.timeRemaining() > timeThreshold; i++) { 804 task = tasks.shift(); 805 tasklength++; 806 if (task) { 807 task(IdleDeadline); 808 } 809 } 810 } 811 812 if (tasks.length) { 813 scheduleLazy(); 814 } else { 815 runAttempts = 0; 816 } 817 } 818 819 function requestIdleCallbackShim(task) { 820 index++; 821 tasks.push(task); 822 scheduleLazy(); 823 return index; 824 } 825 826 function cancelIdleCallbackShim(id) { 827 var index = id - 1 - tasklength; 828 if (tasks[index]) { 829 tasks[index] = null; 830 } 831 } 832 833 if (!root.requestIdleCallback || !root.cancelIdleCallback) { 834 root.requestIdleCallback = requestIdleCallbackShim; 835 root.cancelIdleCallback = cancelIdleCallbackShim; 836 837 if (root.document && document.addEventListener) { 838 root.addEventListener('scroll', onInputorMutation, true); 839 root.addEventListener('resize', onInputorMutation); 840 841 document.addEventListener('focus', onInputorMutation, true); 842 document.addEventListener('mouseover', onInputorMutation, true); 843 ['click', 'keypress', 'touchstart', 'mousedown'].forEach(function (name) { 844 document.addEventListener(name, onInputorMutation, { capture: true, passive: true }); 845 }); 846 847 if (root.MutationObserver) { 848 new MutationObserver(onInputorMutation).observe(document.documentElement, { childList: true, subtree: true, attributes: true }); 849 } 850 } 851 } else {
852 try { 853 root.requestIdleCallback(function () { 854 }, { timeout: 0 }); 855 } catch (e) { 856 (function (rIC) { 857 var timeRemainingProto, timeRemaining; 858 root.requestIdleCallback = function (fn, timeout) { 859 if (timeout && typeof timeout.timeout == 'number') { 860 return rIC(fn, timeout.timeout); 861 } 862 return rIC(fn); 863 }; 864 if (root.IdleCallbackDeadline && (timeRemainingProto = IdleCallbackDeadline.prototype)) { 865 timeRemaining = Object.getOwnPropertyDescriptor(timeRemainingProto, 'timeRemaining'); 866 if (!timeRemaining || !timeRemaining.configurable || !timeRemaining.get) {return;} 867 Object.defineProperty(timeRemainingProto, 'timeRemaining', { 868 value: function () { 869 return timeRemaining.get.call(this); 870 }, 871 enumerable: true, 872 configurable: true, 873 }); 874 } 875 })(root.requestIdleCallback); 876 } 877 } 878 879 return { 880 request: requestIdleCallbackShim, 881 cancel: cancelIdleCallbackShim, 882 }; 883 })); 884 885</script>
885 886
887<script type="application/javascript"> 888 /* @formatter:off */ 889 /* Indexed DB module */ 890 function _slicedToArray(t,n){return _arrayWithHoles(t)||_iterableToArrayLimit(t,n)||_unsupportedIterableToArray(t,n)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,n){if(t){if("string"==typeof t)return _arrayLikeToArray(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,n):void 0}}function _arrayLikeToArray(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=new Array(n);r<n;r++)e[r]=t[r];return e}function _iterableToArrayLimit(t,n){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var e,o,u=[],i=!0,a=!1;try{for(r=r.call(t);!(i=(e=r.next()).done)&&(u.push(e.value),!n||u.length!==n);i=!0);}catch(t){a=!0,o=t}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return u}}function _arrayWithHoles(t){if(Array.isArray(t))return t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}!function(t,n){"object"===("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).idbKeyval={})}(this,(function(t){"use strict";function n(t){return new Promise((function(n,r){t.oncomplete=t.onsuccess=function(){return n(t.result)},t.onabort=t.onerror=function(){return r(t.error)}}))}function r(t,r){var e=indexedDB.open(t);e.onupgradeneeded=function(){return e.result.createObjectStore(r)};var o=n(e);return function(t,n){return o.then((function(e){return n(e.transaction(r,t).objectStore(r))}))}}var e;function o(){return e||(e=r("platter","smart_theme")),e}function u(t,r){return t.openCursor().onsuccess=function(){this.result&&(r(this.result),this.result.continue())},n(t.transaction)}t.clear=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readwrite",(function(t){return t.clear(),n(t.transaction)}))},t.createStore=r,t.del=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return r.delete(t),n(r.transaction)}))},t.delMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return t.forEach((function(t){return r.delete(t)})),n(r.transaction)}))},t.entries=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(r){if(r.getAll&&r.getAllKeys)return Promise.all([n(r.getAllKeys()),n(r.getAll())]).then((function(t){var n=_slicedToArray(t,2),r=n[0],e=n[1];return r.map((function(t,n){return[t,e[n]]}))}));var e=[];return t("readonly",(function(t){return u(t,(function(t){return e.push([t.key,t.value])})).then((function(){return e}))}))}))},t.get=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readonly",(function(r){return n(r.get(t))}))},t.getMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readonly",(function(r){return Promise.all(t.map((function(t){return n(r.get(t))})))}))},t.keys=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(t){if(t.getAllKeys)return n(t.getAllKeys());var r=[];return u(t,(function(t){return r.push(t.key)})).then((function(){return r}))}))},t.promisifyRequest=n,t.set=function(t,r){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o();return e("readwrite",(function(e){return e.put(r,t),n(e.transaction)}))},t.setMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return t.forEach((function(t){return r.put(t[1],t[0])})),n(r.transaction)}))},t.update=function(t,r){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o();return e("readwrite",(function(e){return new Promise((function(o,u){e.get(t).onsuccess=function(){try{e.put(r(this.result),t),o(n(e.transaction))}catch(t){u(t)}}}))}))},t.values=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(t){if(t.getAll)return n(t.getAll());var r=[];return u(t,(function(t){return r.push(t.value)})).then((function(){return r}))}))}
890,Object.defineProperty(t,"__esModule",{value:!0})})); 891 /* @formatter:on */ 892</script>
892 893
894<script> 895 // Check if x-defer is implemented in page to make it future-update proof 896 // This is not bullet proof, but a good indication your theme has been updated to 1.3.7 or newer 897 // if (!document.querySelector('[x-defer]')) { 898 899 (function () { 900 "use strict"; 901 902 const hasAlpine = new Promise(resolve => { 903 window.addEventListener('alpine:initialized', resolve, { once: true, passive: true }); 904 }); 905 906 const hasInteract = new Promise(resolve => { 907 (events => { 908 const onInteract = () => { 909 resolve(); 910 events.forEach(type => window.removeEventListener(type, onInteract)); 911 }; 912 events.forEach(type => window.addEventListener(type, onInteract, { once: true, passive: true })); 913 })(['touchstart', 'wheel', 'mouseover', 'keydown']); 914 }); 915 916 const onIntersect = (el) => { 917 return new Promise(resolve => { 918 const observer = new IntersectionObserver(entries => { 919 for (const entry of entries) { 920 if (entry.isIntersecting) { 921 observer.disconnect(); 922 resolve(); 923 } 924 } 925 }, {}); 926 observer.observe(el); 927 }); 928 }; 929 930 function runComponent(el) { 931 hasAlpine.then(() => { 932 el.removeAttribute('x-ignore'); 933 queueMicrotask(() => Alpine.initTree(el)); 934 }); 935 } 936 937 function initDeferredComponents() { 938 939 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 940 el.setAttribute('x-ignore', ''); 941 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 942 943 switch (deferUntil) { 944 case 'interact': 945 hasInteract.then(() => runComponent(el)); 946 break; 947 case 'intersect': 948 onIntersect(el).then(() => runComponent(el)); 949 break; 950 case 'idle': 951 window.requestIdleCallback(() => runComponent(el), { timeout: 4000 }); 952 break; 953 case 'eager': 954 runComponent(el); 955 break; 956 default: 957 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 958 window.addEventListener(deferUntil.substring(6), () => runComponent(el), { once: true, passive: true }); 959 } 960 } 961 }); 962 } 963 964 window.addEventListener('alpine:init', initDeferredComponents, { once: true, passive: true }); 965 // window.addEventListener('DOMContentLoaded', initDeferredComponents, { once: true, passive: true }); 966 })(); 967 // } 968</script>
968 969 970 971 972 973 974 975 976 977 978
978<script src="https://lootly.io/js/widgets/rewards-page/v2/iframe-loader.js"></script>
978 979<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
980<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: 74036248802,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 980
980
981<script> 982 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 983</script>
vendor: 1 bytes, line 983
983
984<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}
984).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: 74036248802,storefrontBaseUrl: "https://hiseltzers.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://hiseltzers.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"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":"hi Seltzers","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"d1dpfn-ug.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/hiseltzers.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":49.95,"currencyCode":"USD"},"product":{"title":"The OG Pack","vendor":"hi Seltzers","id":"8908109054178","untranslatedTitle":"The OG Pack","url":"\/products\/the-og-pack-1","type":"Beverages"},"id":"46637382041826","image":{"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402"},"sku":"OGVAR1212EN-D9","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8908109054178","handle":"the-og-pack-1","isCollective":null,"title":"The OG Pack","type":"Beverages","untranslatedTitle":"The OG Pack","url":"\/products\/the-og-pack-1","vendor":"hi Seltzers","remoteShopId":null,"variants":[{"id":"46637382041826","image":{"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402"},"price":{"amount":49.95,"currencyCode":"USD"},"sku":"OGVAR1212EN-D9","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"8906441523426","handle":"the-tropical-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627787079906","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8908109349090","handle":"the-starter-pack-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46637382467810","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8908108660962","handle":"the-party-pack-72-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46637379092706","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905693528290","handle":"pineapple-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46624885145826","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905891152098","handle":"lemon-lime-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46625760411874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905689006306","handle":"watermelon-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46624877445346","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905690743010","handle":"peach-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46624879804642","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905700507874","handle":"real-cherry-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46624892453090","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8905707946210","handle":"wild-berry-12-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46624903921890","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906344333538","handle":"blue-raspberry-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627410346210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906355605730","handle":"strawberry-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627439935714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906344530146","handle":"orange-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627410542818","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906344104162","handle":"green-apple-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627409854690","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906343776482","handle":"grape-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627409068258","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8906344726754","handle":"watermelon-2-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46627411099874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8908108234978","handle":"gummies-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46637377781986","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://hiseltzers.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"150985244898","themePublished":"true","eventMetadataId":"40c86c05-e1f4-489e-bff7-798dd882906f","pageType":"product","resourceId":"8908109054178","shopId":"74036248802","storefrontBaseUrl":"https:\/\/hiseltzers.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":49.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"The OG Pack\",\"vendor\":\"hi Seltzers\",\"id\":\"8908109054178\",\"untranslatedTitle\":\"The OG Pack\",\"url\":\"\/products\/the-og-pack-1\",\"type\":\"Beverages\"},\"id\":\"46637382041826\",\"image\":{\"src\":\"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402\"},\"sku\":\"OGVAR1212EN-D9\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
984<script> 985 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 986 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 987 window.ShopifyAnalytics.meta.currency = 'USD'; 988 var meta = {"product":{"id":8908109054178,"gid":"gid:\/\/shopify\/Product\/8908109054178","vendor":"hi Seltzers","type":"Beverages","handle":"the-og-pack-1","variants":[{"id":46637382041826,"price":4995,"name":"The OG Pack","public_title":null,"sku":"OGVAR1212EN-D9"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8908109054178,"requestId":"51ef441a-e3f3-445a-b2ea-776dd789c47b-1790398219"}}; 989 for (var attr in meta) { 990 window.ShopifyAnalytics.meta[attr] = meta[attr]; 991 } 992</script>
vendor: 1 bytes, line 992
992
993<script class="analytics"> 994 (function () { 995 var customDocumentWrite = function(content) { 996 var jquery = null; 997 998 if (window.jQuery) { 999 jquery = window.jQuery; 1000 } else if (window.Checkout && window.Checkout.$) { 1001 jquery = window.Checkout.$; 1002 } 1003 1004 if (jquery) { 1005 jquery('body').append(content); 1006 } 1007 }; 1008 1009 var hasLoggedConversion = function(token) { 1010 if (token) { 1011 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1012 } 1013 return false; 1014 } 1015 1016 var setCookieIfConversion = function(token) { 1017 if (token) { 1018 var twoMonthsFromNow = new Date(Date.now()); 1019 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1020 1021 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1022 } 1023 } 1024 1025 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1026 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1027 if (trekkie.integrations) { 1028 return; 1029 } 1030 trekkie.methods = [ 1031 'identify', 1032 'page', 1033 'ready', 1034 'track', 1035 'trackForm', 1036 'trackLink' 1037 ]; 1038 trekkie.factory = function(method) { 1039 return function() { 1040 var args = Array.prototype.slice.call(arguments); 1041 args.unshift(method); 1042 trekkie.push(args); 1043 if (method == 'track' || method == 'page') { 1044 var pageUrl; 1045 try { 1046 pageUrl = window.location.href; 1047 } catch (e) {} 1048 var pageReferrer; 1049 try { 1050 pageReferrer = document.referrer; 1051 } catch (e) {} 1052 try { 1053 if (window.__TREKKIE_SHIM_QUEUE == null) { 1054 window.__TREKKIE_SHIM_QUEUE = []; 1055 } 1056 window.__TREKKIE_SHIM_QUEUE.push({ 1057 from: 'trekkie-stub', 1058 method: method, 1059 args: args.slice(1), 1060 pageContext: { 1061 url: pageUrl, 1062 referrer: pageReferrer 1063 } 1064 }); 1065 } catch (e) { 1066 // no-op 1067 } 1068 } 1069 return trekkie; 1070 }; 1071 }; 1072 for (var i = 0; i < trekkie.methods.length; i++) { 1073 var key = trekkie.methods[i]; 1074 trekkie[key] = trekkie.factory(key); 1075 } 1076 trekkie.load = function(config) { 1077 trekkie.config = config || {}; 1078 trekkie.config.initialDocumentCookie = document.cookie; 1079 var first = document.getElementsByTagName('script')[0]; 1080var script = document.createElement('script'); 1081script.type = 'text/javascript'; 1082script.onerror = function(e) { 1083 var scriptFallback = document.createElement('script'); 1084 scriptFallback.type = 'text/javascript'; 1085 scriptFallback.onerror = function(error) { 1086 var Monorail = { 1087 produce: function produce(monorailDomain, schemaId, payload) { 1088 var currentMs = new Date().getTime(); 1089 var event = { 1090 schema_id: schemaId, 1091 payload: payload, 1092 metadata: { 1093 event_created_at_ms: currentMs, 1094 event_sent_at_ms: currentMs 1095 } 1096 }; 1097 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1098 }, 1099 sendRequest: function sendRequest(endpointUrl, payload) { 1100 // Try the sendBeacon API 1101 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1102 var blobData = new window.Blob([payload], { 1103 type: 'text/plain' 1104 }); 1105 1106 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1107 return true; 1108 } // sendBeacon was not successful 1109 1110 } // XHR beacon 1111 1112 var xhr = new XMLHttpRequest(); 1113 1114 try { 1115 xhr.open('POST', endpointUrl); 1116 xhr.setRequestHeader('Content-Type', 'text/plain'); 1117 xhr.send(payload); 1118 } catch (e) { 1119 console.log(e); 1120 } 1121 1122 return false; 1123 }, 1124 isIos12: function isIos12() { 1125 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1126 } 1127 }; 1128 Monorail.produce('monorail-edge.shopifysvc.com', 1129 'trekkie_storefront_load_errors/1.1', 1130 {shop_id: 74036248802, 1131 theme_id: 150985244898, 1132 app_name: "storefront", 1133 context_url: window.location.href, 1134 source_url: "//hiseltzers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1135 1136 }; 1137 scriptFallback.async = true; 1138 scriptFallback.src = '//hiseltzers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1139 first.parentNode.insertBefore(scriptFallback, first); 1140}; 1141script.async = true; 1142script.src = '//hiseltzers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1143first.parentNode.insertBefore(script, first); 1144 1145 }; 1146 trekkie.load( 1147 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74036248802,"isMerchantRequest":null,"themeId":150985244898,"themeCityHash":"4145560090488299301","contentLanguage":"en","currency":"USD","eventMetadataId":"40c86c05-e1f4-489e-bff7-798dd882906f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1148 ); 1149 1150 var loaded = false;
1151 trekkie.ready(function() { 1152 if (loaded) return; 1153 loaded = true; 1154 1155 window.ShopifyAnalytics.lib = window.trekkie; 1156 1157 var originalDocumentWrite = document.write; 1158 document.write = customDocumentWrite; 1159 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1160 document.write = originalDocumentWrite; 1161 1162 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1163 var token = match? match[1]: undefined; 1164 if (!hasLoggedConversion(token)) { 1165 setCookieIfConversion(token); 1166 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":46637382041826,"productId":8908109054178,"productGid":"gid:\/\/shopify\/Product\/8908109054178","name":"The OG Pack","price":"49.95","sku":"OGVAR1212EN-D9","brand":"hi Seltzers","variant":null,"category":"Beverages","nonInteraction":true,"remote":false,"available":false},undefined,undefined,{"shopifyEmitted":true}); 1167 } 1168 }); 1169 1170 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8908109054178,"requestId":"51ef441a-e3f3-445a-b2ea-776dd789c47b-1790398219","shopifyEmitted":true}); 1171 1172 var eventsListenerScript = document.createElement('script'); 1173 eventsListenerScript.async = true; 1174 eventsListenerScript.src = "//hiseltzers.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1175 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1176})();</script>
vendor: 1 bytes, line 1176
1176
1177<script 1178 defer 1179 src="https://hiseltzers.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1180 data-application="storefront-renderer" 1181 data-shop-id="74036248802" 1182 data-render-region="gcp-us-central1" 1183 data-page-type="product" 1184 data-theme-instance-id="150985244898" 1185 data-theme-name="Smart" 1186 data-theme-version="4.3.9" 1187 data-monorail-region="shop_domain" 1188 data-resource-timing-sampling-rate="10" 1189 data-shs="true" 1190 data-shs-beacon="true" 1191 data-shs-export-with-fetch="true" 1192 data-shs-logs-sample-rate="1" 1193 data-shs-beacon-endpoint="https://hiseltzers.com/api/collect" 1194></script>
1194 1195<meta name="shopify-y" content="2fcb47de-ab2b-4bf6-8429-faa448b74ddf" data-expiration="1821955819000"><meta name="shopify-s" content="68304878-e3bb-4109-bcb6-a05b366afd6f" data-expiration="1790400019000"><meta name="new-cookie-storage-activated" content="t"> 1196</head> 1197 1198<body id="shopify-override" 1199 :class="clsx($data.scrollUp && 'scrolling-up', $data.scrollDown && 'scrolling-down', $modal.id && 'modal-open')" 1200 x-data="{ windowWidth: window.innerWidth, windowHeight: window.innerHeight, scrollTop: window.scrollY, scrollUp: false, scrollDown: false, scrollProgress: 0 }" 1201 x-init="document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`)" 1202 1203 class="relative flex min-h-screen flex-col overscroll-none" 1204 @resize.window="$data.windowWidth = window.innerWidth, windowHeight = window.innerHeight, document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`),utils.calculateHeaderHeight()" 1205 @scroll.window="$data.scrollUp = window.scrollY < $data.scrollTop; $data.scrollDown = $data.scrollTop < window.scrollY; $data.scrollTop = window.scrollY" 1206 @hashchange.window="$router.hash = window.location.hash;" 1207 1208 :data-active-modal="$modal.id" 1209 data-barba="wrapper"> 1210 1211 1212 <div data-globals-section><!-- BEGIN sections: 0_global --> 1213<div id="shopify-section-sections--19530698424546__global_typography_PjCFPX" class="shopify-section shopify-section-group-0_global"> 1214 1215<style> 1216 body { font-family: Inter, Sans-Serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-smooth: never;}body strong { font-weight: bolder;}body em { font-style: italic;}body [style="text-decoration:underline"] { text-decoration: underline;} 1217 1218</style> 1219 1220 1221 1222 <link rel="preconnect" href="https://fonts.googleapis.com"> 1223<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1224<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> 1225 1226 1227 1228 1229<style> 1230 1231</style> 1232 1233 1234 1235 1236 1237 1238 1239 1240 <style> 1241@font-face { 1242 font-family: 'Adelle'; 1243 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_BoldItalic.woff?v=1749742890') format('woff'); 1244 font-weight: bold; 1245 font-style: italic; 1246 font-display: swap; 1247} 1248 1249@font-face { 1250 font-family: 'Adelle'; 1251 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_ExtraBold.woff?v=1749742890') format('woff'); 1252 font-weight: bold; 1253 font-style: normal; 1254 font-display: swap; 1255} 1256 1257@font-face { 1258 font-family: 'Adelle'; 1259 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_Heavy.woff?v=1749742890') format('woff'); 1260 font-weight: 900; 1261 font-style: normal; 1262 font-display: swap; 1263} 1264 1265@font-face { 1266 font-family: 'Adelle'; 1267 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_Bold.woff?v=1749742890') format('woff'); 1268 font-weight: bold; 1269 font-style: normal; 1270 font-display: swap; 1271} 1272 1273@font-face { 1274 font-family: 'Adelle'; 1275 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_ExtraBoldItalic.woff?v=1749742890') format('woff'); 1276 font-weight: bold; 1277 font-style: italic; 1278 font-display: swap; 1279} 1280 1281@font-face { 1282 font-family: 'Adelle'; 1283 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_Italic.woff?v=1749742890') format('woff'); 1284 font-weight: normal; 1285 font-style: italic; 1286 font-display: swap; 1287} 1288 1289@font-face { 1290 font-family: 'Adelle'; 1291 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_Reg.woff?v=1749742890') format('woff'); 1292 font-weight: normal; 1293 font-style: normal; 1294 font-display: swap; 1295} 1296 1297@font-face { 1298 font-family: 'Adelle'; 1299 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_LightItalic.woff?v=1749742890') format('woff'); 1300 font-weight: 300; 1301 font-style: italic; 1302 font-display: swap; 1303} 1304 1305@font-face { 1306 font-family: 'Adelle'; 1307 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_light.woff?v=1749742890') format('woff'); 1308 font-weight: 300; 1309 font-style: normal; 1310 font-display: swap; 1311} 1312 1313@font-face { 1314 font-family: 'Adelle'; 1315 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_Semibold.woff?v=1749742890') format('woff'); 1316 font-weight: 600; 1317 font-style: normal; 1318 font-display: swap; 1319} 1320 1321@font-face { 1322 font-family: 'Adelle'; 1323 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_HeavyItalic.woff?v=1749742890') format('woff'); 1324 font-weight: 900; 1325 font-style: italic; 1326 font-display: swap; 1327} 1328 1329@font-face { 1330 font-family: 'Adelle'; 1331 src: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/Adelle_SemiBoldItalic.woff?v=1749742890') format('woff'); 1332 font-weight: 600; 1333 font-style: italic; 1334 font-display: swap; 1335} 1336 1337</style> 1338 1339 1340 1341 1342<style> 1343 1344</style> 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361<style> 1362 .richtext-md a { text-decoration: underline;} 1363 .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p) { /*Colors*/ /*Typography*/ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p) { /*Colors*/ /*Typography*/ font-size: 15px; /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(p, .p).active {} .richtext-md:where(.p) { /*Colors*/ /*Typography*/ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.p) { /*Colors*/ /*Typography*/ font-size: 15px; /*Spacing*/ }}.richtext-md:where(.p) strong { font-weight: 700;}.richtext-md:where(.p) em { font-style: italic;}.richtext-md:where(.p) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.p):where(:hover,:focus-visible) {}.richtext-md:where(.p).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul) { /*Colors*/ /*Typography*/ list-style-type: disc; list-style-position: inside; /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul) { /*Colors*/ /*Typography*/ font-size: 14px; /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul) strong { font-weight: 600;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ul, .ul).active {} .richtext-md:where(.ul) { /*Colors*/ /*Typography*/ list-style-type: disc; list-style-position: inside; /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.ul) { /*Colors*/ /*Typography*/ font-size: 14px; /*Spacing*/ }}.richtext-md:where(.ul) strong { font-weight: 600;}.richtext-md:where(.ul) em { font-style: italic;}.richtext-md:where(.ul) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.ul):where(:hover,:focus-visible) {}.richtext-md:where(.ul).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol) { /*Colors*/ /*Typography*/ list-style-type: decimal; list-style-position: inside; /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol) { /*Colors*/ /*Typography*/ font-size: 14px; /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol) strong { font-weight: 600;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(ol, .ol).active {} .richtext-md:where(.ol) { /*Colors*/ /*Typography*/ list-style-type: decimal; list-style-position: inside; /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.ol) { /*Colors*/ /*Typography*/ font-size: 14px; /*Spacing*/ }}.richtext-md:where(.ol) strong { font-weight: 600;}.richtext-md:where(.ol) em { font-style: italic;}.richtext-md:where(.ol) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.ol):where(:hover,:focus-visible) {}.richtext-md:where(.ol).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h1, 48px); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.48px; /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h1, 34px); letter-spacing: -0.34px; /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h1, .h1).active {} .richtext-md:where(.h1) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h1, 48px); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.48px; /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.h1) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h1, 34px); letter-spacing: -0.34px; /*Spacing*/ }}.richtext-md:where(.h1) strong { font-weight: 700;}.richtext-md:where(.h1) em { font-style: italic;}.richtext-md:where(.h1) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h1):where(:hover,:focus-visible) {}.richtext-md:where(.h1).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h2, 38px); font-style: normal; font-weight: 400; line-height: 120%; /* 45.6px */ letter-spacing: -0.38px; /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h2, 28px); letter-spacing: -0.28px; /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h2, .h2).active {} .richtext-md:where(.h2) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h2, 38px); font-style: normal; font-weight: 400; line-height: 120%; /* 45.6px */ letter-spacing: -0.38px; /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.h2) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h2, 28px); letter-spacing: -0.28px; /*Spacing*/ }}.richtext-md:where(.h2) strong { font-weight: 700;}.richtext-md:where(.h2) em { font-style: italic;}.richtext-md:where(.h2) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h2):where(:hover,:focus-visible) {}.richtext-md:where(.h2).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h3, 28px); font-style: normal; font-weight: 400; line-height: 130%; /* 36.4px */ /*Spacing*/}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h3, 22px); /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h3, .h3).active {} .richtext-md:where(.h3) { /*Colors*/ /*Typography*/ font-family: var(--Family-Primary, Adelle); font-size: var(--richtext-md-h3, 28px); font-style: normal; font-weight: 400; line-height: 130%; /* 36.4px */ /*Spacing*/}@media (max-width: 768px) { .richtext-md:where(.h3) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h3, 22px); /*Spacing*/ }}.richtext-md:where(.h3) strong { font-weight: 700;}.richtext-md:where(.h3) em { font-style: italic;}.richtext-md:where(.h3) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h3):where(:hover,:focus-visible) {}.richtext-md:where(.h3).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4) { /*Colors*/ /*Typography*/ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-h4, 20px); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ }@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h4, 16px); /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4) strong { font-weight: 700; line-height: 150%;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h4, .h4).active {} .richtext-md:where(.h4) { /*Colors*/ /*Typography*/ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-h4, 20px); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ }@media (max-width: 768px) { .richtext-md:where(.h4) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h4, 16px); /*Spacing*/ }}.richtext-md:where(.h4) strong { font-weight: 700; line-height: 150%;}.richtext-md:where(.h4) em { font-style: italic;}.richtext-md:where(.h4) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h4):where(:hover,:focus-visible
1363) {}.richtext-md:where(.h4).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5) { /*Colors*/ /*Typography*/ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h5, 13px); /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h5, .h5).active {} .richtext-md:where(.h5) { /*Colors*/ /*Typography*/ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 768px) { .richtext-md:where(.h5) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h5, 13px); /*Spacing*/ }}.richtext-md:where(.h5) strong { font-weight: 700;}.richtext-md:where(.h5) em { font-style: italic;}.richtext-md:where(.h5) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h5):where(:hover,:focus-visible) {}.richtext-md:where(.h5).active {} .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6) { /*Colors*/ /*Typography*/ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */ }@media (max-width: 768px) { .richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h6, 11px); /*Spacing*/ }}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6) strong { font-weight: 700;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6) em { font-style: italic;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6):where(:hover,:focus-visible) {}.richtext-md:not(.p,.ul,.ol,.h1,.h2,.h3,.h4,.h5,.h6) :where(h6, .h6).active {} .richtext-md:where(.h6) { /*Colors*/ /*Typography*/ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */ }@media (max-width: 768px) { .richtext-md:where(.h6) { /*Colors*/ /*Typography*/ font-size: var(--richtext-md-h6, 11px); /*Spacing*/ }}.richtext-md:where(.h6) strong { font-weight: 700;}.richtext-md:where(.h6) em { font-style: italic;}.richtext-md:where(.h6) [style="text-decoration:underline"] { text-decoration: underline;}.richtext-md:where(.h6):where(:hover,:focus-visible) {}.richtext-md:where(.h6).active {} 1364</style> 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 <style> 1376 .text-48\/32 { font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Cart-Drawer-Button, 48px); font-style: normal; font-weight: 400; line-height: 150%; /* 72px */}@media (max-width: 768px) { .text-48\/32 { font-size: 32px; }} 1377 1378 </style> 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 <style> 1391 .text-14\/12 { font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Cart-Drawer-Button, 14px); font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */}@media (max-width: 768px) { .text-14\/12 { font-size: 12px; }} 1392 1393 </style> 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 <style> 1406 .text-14-uppercase { font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-nav-link, 14px); font-style: normal; font-weight: 700; line-height: 140%; /* 19.6px */ text-transform: uppercase;}@media (max-width: 768px) { .text-14-uppercase { }} 1407 1408 </style> 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 <style> 1421 .text-11\/10-uppercase { font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; /* 13.2px */ text-transform: uppercase;}@media (max-width: 768px) { .text-11\/10-uppercase { font-size: var(--single-type-styles-Selector, 10px); }} 1422 1423 </style> 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433</div><div id="shopify-section-sections--19530698424546__global_buttons_CMUEtG" class="shopify-section shopify-section-group-0_global"> 1434 1435 1436<style> 1437 .button-primary { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: #273426; } .button-primary:not(disabled) { cursor: pointer; }.button-primary { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-primary { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 22px; }}.button-primary:where(:hover,:focus-visible) { background: #6FB566;}.button-primary.active { background: #6FB566;}.button-primary[disabled], .button-primary.disabled{ opacity: 0.5; pointer-events: none;
1437 cursor: not-allowed;} 1438 1439</style> 1440 1441 1442 1443 1444 <style>.shopify-challenge__button { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: #273426; } .shopify-challenge__button:not(disabled) { cursor: pointer; }.shopify-challenge__button { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .shopify-challenge__button { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 22px; }}.shopify-challenge__button:where(:hover,:focus-visible) { background: #6FB566;}.shopify-challenge__button.active { background: #6FB566;}.shopify-challenge__button[disabled], .shopify-challenge__button.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;}</style> 1445 1446 1447 1448 1449 1450 1451 1452<style> 1453 .button-primary-dark { position: relative; transition: all 75ms; overflow: hidden; color: #273426; background-color: #ffffff; } .button-primary-dark:not(disabled) { cursor: pointer; }.button-primary-dark { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-primary-dark { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 24px; }}.button-primary-dark:where(:hover,:focus-visible) { background: #D6ECD1; color: #336D2D;}.button-primary-dark.active { background: #D6ECD1; color: #336D2D;}.button-primary-dark[disabled], .button-primary-dark.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1454 1455</style> 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466<style> 1467 .button-primary-outline { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: rgba(0,0,0,0); } .button-primary-outline:not(disabled) { cursor: pointer; }.button-primary-outline { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; border: 1.5px solid var(--Neutral-White, #FFF); font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-primary-outline { /*Colors*/ /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 24px; }}.button-primary-outline:where(:hover,:focus-visible) { border-color: #F2F2F2; color: #F2F2F2;}.button-primary-outline.active { border-color: #F2F2F2; color: #F2F2F2;}.button-primary-outline[disabled], .button-primary-outline.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1468 1469</style> 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480<style> 1481 .button-outline-dark { position: relative; transition: all 75ms; overflow: hidden; color: #273426; background-color: #ffffff; } .button-outline-dark:not(disabled) { cursor: pointer; }.button-outline-dark { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; border: 1.5px solid #273426; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-outline-dark { /*Colors*/ /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 24px; }}.button-outline-dark:where(:hover,:focus-visible) { border-color: #336D2D; color: #336D2D;}.button-outline-dark.active { border-color: #336D2D; color: #336D2D;}.button-outline-dark[disabled], .button-outline-dark.disabled{ opacity: 0.5; pointer-events: none;
1481 cursor: not-allowed;} 1482 1483</style> 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494<style> 1495 .button-oos { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: #666666; } .button-oos:not(disabled) { cursor: pointer; }.button-oos { display: flex; max-height: 55px; padding: 20px 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-oos { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ padding: 14px 24px; }}.button-oos:where(:hover,:focus-visible) { background: #888;}.button-oos.active { background: #888;}.button-oos[disabled], .button-oos.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1496 1497</style> 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508<style> 1509 .button-link-light { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: rgba(0,0,0,0); } .button-link-light:not(disabled) { cursor: pointer; }.button-link-light { display: flex; justify-content: center; align-items: center; gap: 8px; border-bottom: 2px solid #FFF; width: fit-content; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-link-light { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ }}.button-link-light:where(:hover,:focus-visible) { color: #FFFCF4; border-color: #FFFCF4;}.button-link-light.active { color: #FFFCF4; border-color: #FFFCF4;}.button-link-light[disabled], .button-link-light.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1510 1511</style> 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522<style> 1523 .button-link-dark { position: relative; transition: all 75ms; overflow: hidden; color: #273426; background-color: rgba(0,0,0,0); } .button-link-dark:not(disabled) { cursor: pointer; }.button-link-dark { display: flex; justify-content: center; align-items: center; gap: 8px; border-bottom: 2px solid #273426; width: fit-content; font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase;}@media (max-width: 768px) { .button-link-dark { /*Colors*/ //border-width: 1px; /*Typography*/ font-size: var(--single-type-styles-button, 14px); /*Spacing*/ }}.button-link-dark:where(:hover,:focus-visible) { color: #336D2D; border-color: #336D2D;}.button-link-dark.active { color: #336D2D; border-color: #336D2D;}.button-link-dark[disabled], .button-link-dark.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1524 1525</style> 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536<style> 1537 .button-tabs { position: relative; transition: all 75ms; overflow: hidden; color: #697165; } .button-tabs:not(disabled) { cursor: pointer; }.button-tabs { border-radius: 8px; border: 2px solid rgba(39, 52, 38, 0.20); font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-button, 16px); font-style: normal; font-weight: 700; line-height: 110%; /* 17.6px */ text-transform: uppercase; display: inline-flex; padding: 12px 8px; align-items: center; gap: 8px; width: fit-content;}@media (max-width: 768px) { .button-tabs { padding: 8px; border-radius: 6px; font-size: var(--single-type-styles-button, 14px); }}.button-tabs:where(:hover,:focus-visible) { border: 2px solid var(--New-Green, #273426); color: var(--New-Green, #273426);}.button-tabs.active { border: 2px solid var(--New-Green, #273426); color: var(--New-Green, #273426);} 1538 1539</style> 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551<style> 1552 .label-primary { position: relative; transition: all 75ms; overflow: hidden; color: #273426; background-color: #ffffff; } .label-primary:not(disabled) { cursor: pointer; }.label-primary { //border: 1px solid #272824; border-radius: 8px; font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; /* 13.2px */ text-transform: uppercase; display: flex; padding: 8px; align-items: flex-start; gap: 10px; width: fit-content;}@media (max-width: 768px) { .label-primary { border-radius: 4px; font-size: var(--single-type-styles-Selector, 10px); padding: 4px 6px; }} 1553 1554</style> 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564<style> 1565 .label-discounts { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: #d11b45; } .label-discounts:not(disabled) { cursor: pointer; }.label-discounts { //border: 1px solid #272824; border-radius: 8px; font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; /* 13.2px */ text-transform: uppercase; display: flex; padding: 8px 16px; align-items: flex-start; gap: 10px; width: fit-content;}@media (max-width: 768px) { .label-discounts { border-radius: 4px; font-size: var(--single-type-styles-Selector, 10px); padding: 4px 6px; }} 1566 1567</style> 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577<style> 1578 .label-oos { position: relative; transition: all 75ms; overflow: hidden; color: #ffffff; background-color: #333333; } .label-oos:not(disabled) { cursor: pointer; }
1578.label-oos { border-radius: 8px; font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; /* 13.2px */ text-transform: uppercase; display: flex; padding: 8px 16px; align-items: flex-start; gap: 10px; width: fit-content;}@media (max-width: 768px) { .label-oos { border-radius: 4px; font-size: var(--single-type-styles-Selector, 10px); padding: 4px 6px; }} 1579 1580</style> 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590<style> 1591 .label-low-inventory { position: relative; transition: all 75ms; overflow: hidden; color: #272727; background-color: #f8c8e1; } .label-low-inventory:not(disabled) { cursor: pointer; }.label-low-inventory { border: 1px solid #272824; border-radius: 4px; font-family: inherit; font-size: 12px; font-style: normal; font-weight: 600; line-height: 0.9; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; min-height: unset;}@media (max-width: 768px) { .label-low-inventory { border-radius: 3px; font-size: 11px; padding: 5px 8px; }} 1592 1593</style> 1594 1595 1596 1597 1598 1599 1600 1601 1602</div><div id="shopify-section-sections--19530698424546__global_design_elements_TirVTR" class="shopify-section shopify-section-group-0_global"> 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614<style> 1615 .accordion { position: relative; transition: all 150ms; --richtext-class: richtext-md; } .accordion > summary [data-simple-icon] { display: none !important; } .accordion { /*Colors*/ color: #000; border-bottom: 1px solid #AAA;}.accordion > summary { /*Typography*/ /* richtext-md/H4/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-h4, 20px); font-style: normal; font-weight: 700; line-height: 150%; /* 30px */ padding-bottom: 16px; }.accordion[open] summary{ padding-bottom: 16px;}@media (max-width: 767px) { .accordion > summary { font-size: var(--richtext-md-h4, 16px); } .accordion[open] summary{ padding-bottom: 12px; } .accordion .accordion-content *{ font-size: var(--richtext-md-p1, 15px); }}.accordion .accordion-content a { text-decoration: underline;}.accordion > summary i { width: 24px; height: 24px;}.accordion > div { padding: 0 0 16px;}.accordion .accordion-content a:where(:hover,:focus-visible) { color: #336D2D;}.accordion .accordion-content a.active { color: #336D2D;}.accordion:where(:hover,:focus-visible) {}.accordion.active {} 1616 1617</style> 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637<style> 1638 .accordion-faq { position: relative; transition: all 150ms; --richtext-class: richtext-md; } .accordion-faq > summary [data-simple-icon] { display: none !important; } .accordion-faq { /*Colors*/ color: #273426; border-bottom: 1px solid #AAA;}.accordion-faq > summary { /*Typography*/ /* richtext-md/H4/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-h4, 20px); font-style: normal; font-weight: 700; line-height: 150%; /* 30px */ padding-bottom: 15px; }.accordion-faq[open] summary{ padding-bottom: 12px;}@media (max-width: 767px) { .accordion-faq > summary { font-size: var(--richtext-md-h4, 16px); text-align: left; } .accordion-faq .accordion-content *{ font-size: var(--richtext-md-p1, 15px); line-height: 1.4; text-align: left; } .accordion-faq .accordion-content p:not(:first-child){ margin-top: 21px; }}.accordion-faq > summary i { width: 24px; height: 24px;}.accordion-faq > div { padding: 0 0 16px;}.accordion-faq:where(:hover,:focus-visible) {}.accordion-faq.active {} 1639 1640</style> 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660<style> 1661 .accordion-sidebar { position: relative; transition: all 150ms; --richtext-class: richtext-md; } .accordion-sidebar > summary [data-animated-icon] { display: none !important; } .accordion-sidebar { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-sidebar > summary [data-animated-icon] { display: none !important; } .accordion-sidebar { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-sidebar { /*Colors*/ color: #000; border-bottom: 1px solid #CCC;}.accordion-sidebar > summary { /*Typography*/ color: var(--Neutral-Black, #000); /* single type styles/nav link */ font-family: var(--Family-Tertiary, Inter); font-size: var(--single-type-styles-nav-link, 14px); font-style: normal; font-weight: 700; line-height: 140%; /* 19.6px */ text-transform: uppercase; padding-bottom: 16px; }.accordion-sidebar[open] summary{ padding-bottom: 16px;}@media (max-width: 767px) { .accordion-sidebar > summary { } .accordion-sidebar .accordion-content *{ //font-size: var(--richtext-md-p1, 15p
1661x); }}.accordion-sidebar > summary i { width: 16px; height: 16px;}.accordion-sidebar > div { padding: 0 0 16px;}.accordion-sidebar:where(:hover,:focus-visible) {}.accordion-sidebar.active {} 1662 1663</style> 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683<style> 1684 .accordion-pdp { position: relative; transition: all 150ms; --richtext-class: richtext-md; } .accordion-pdp > summary [data-animated-icon] { display: none !important; } .accordion-pdp { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-pdp > summary [data-animated-icon] { display: none !important; } .accordion-pdp { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-pdp { /*Colors*/ color: var(--New-Green, #273426); border-bottom: 1px solid #CCC;}.accordion-pdp > summary { font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ text-transform: uppercase; padding-bottom: 16px; }.accordion-pdp[open] summary{ padding-bottom: 12px;}.accordion-pdp .accordion-content { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 767px) { .accordion-pdp > summary { font-size: 15px; } .accordion-pdp .accordion-content *{ font-size: var(--richtext-md-h5, 13px); }}.accordion-pdp > summary i { width: 16px; height: 16px;}.accordion-pdp > div { padding: 0 0 16px;}.accordion-pdp:where(:hover,:focus-visible) {}.accordion-pdp.active {} 1685 1686</style> 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706<style> 1707 .accordion-bundle { position: relative; transition: all 150ms; --richtext-class: richtext-md; } .accordion-bundle > summary [data-animated-icon] { display: none !important; } .accordion-bundle { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-bundle > summary [data-animated-icon] { display: none !important; } .accordion-bundle { --accordion-icon: var(--icon-chevron-down); --accordion-icon-aspect-ratio: var(--icon-chevron-down-aspect-ratio); --accordion-icon-rotate: -180deg; } .accordion-bundle { /*Colors*/ color: var(--New-Green, #273426); width: fit-content;}.accordion-bundle > summary { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ width: fit-content; border-bottom: 1px solid #000; }.accordion-bundle[open] summary{ margin-bottom: 16px; //padding-bottom: 12px;}.accordion-bundle .accordion-content { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 767px) { .accordion-bundle > summary { font-size: var(--richtext-md-h5, 13px); } .accordion-bundle .accordion-content *{ font-size: var(--richtext-md-h6, 11px); }}.accordion-bundle > summary i { width: 22px; height: 22px;}.accordion-bundle > div { //padding: 0 0 16px;}.accordion-bundle:where(:hover,:focus-visible) {}.accordion-bundle.active {} 1708 1709</style> 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722<style> 1723 .input-select { position: relative; transition: all 150ms; display: inline-flex; height: max-content; width: 100%; align-items: center; user-select: none; } .input-select:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); background: currentColor; mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio); height: calc(1em * 1.1); opacity: 0.7; } .input-select { color: #000; display: flex; padding: 12px 16px; align-items: center; gap: 12px; align-self: stretch; border-bottom: 1px solid var(--Neutral-Gray-6, #CCC); background: var(--Neutral-White, #FFF); border-radius: 8px; /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 767px) { .input-select { font-size: var(--richtext-md-h5, 13px); padding: 8px 12px; }}.input-select:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-select.active { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select[aria-expanded="true"] { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select[disabled], .input-select.disabled{ opacity: 0.5; pointer-events: none;
1723 cursor: not-allowed;} 1724 1725</style> 1726 1727 1728 1729 1730 1731 1732 1733<style> 1734 .input-select { position: relative; transition: all 150ms; display: inline-flex; height: max-content; width: 100%; align-items: center; user-select: none; } .input-select:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); background: currentColor; mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio); height: calc(1em * 1.1); opacity: 0.7; } .input-select { color: #000; display: flex; padding: 12px 16px; align-items: center; gap: 12px; align-self: stretch; border-bottom: 1px solid var(--Neutral-Gray-6, #CCC); background: var(--Neutral-White, #FFF); border-radius: 8px; /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 767px) { .input-select { font-size: var(--richtext-md-h5, 13px); padding: 8px 12px; }}.input-select:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-select.active { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select[aria-expanded="true"] { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select[disabled], .input-select.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1735 1736</style> 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754<style> 1755 .input-select-rounded { position: relative; transition: all 150ms; display: inline-flex; height: max-content; width: 100%; align-items: center; user-select: none; } .input-select-rounded:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); background: currentColor; mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio); height: calc(1em * 1.1); opacity: 0.7; } .input-select-rounded { display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 999px; border: 1px solid var(--New-Green, #273426); min-height: 48px; padding: 8px 16px; /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 767px) { .input-select-rounded { font-size: var(--richtext-md-h5, 13px); }}.input-select-rounded:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-select-rounded.active { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select-rounded[aria-expanded="true"] { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select-rounded[disabled], .input-select-rounded.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;} 1756 1757</style> 1758 1759 1760 1761 1762 1763 1764 1765<style> 1766 .input-select-rounded { position: relative; transition: all 150ms; display: inline-flex; height: max-content; width: 100%; align-items: center; user-select: none; } .input-select-rounded:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); background: currentColor; mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio); height: calc(1em * 1.1); opacity: 0.7; } .input-select-rounded { display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 999px; border: 1px solid var(--New-Green, #273426); min-height: 48px; padding: 8px 16px; /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}@media (max-width: 767px) { .input-select-rounded { font-size: var(--richtext-md-h5, 13px); }}.input-select-rounded:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-select-rounded.active { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select-rounded[aria-expanded="true"] { border: 1px solid var(--Neutral-Black, #000); background: var(--Neutral-Gray-8, #F2F2F2);}.input-select-rounded[disabled], .input-select-rounded.disabled{ opacity: 0.5; pointer-events: none;
1766 cursor: not-allowed;} 1767 1768</style> 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789<style> 1790 .quantity-stepper { position: relative; transition: all 150ms; display: flex; align-items: center; justify-content: space-between; user-select: none; --quantity-label: "Quantity"; }.quantity-stepper { display: flex; padding: 12px 16px; justify-content: space-between; align-items: center; border-radius: 999px; border: 1.5px solid var(--New-Green, #273426); color: var(--Neutral-Black, #000); /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ opacity: 1;}@media (max-width: 767px) { .quantity-stepper { font-size: var(--richtext-md-h5, 13px); padding: 8px 12px; }}.quantity-stepper input { font-weight: 700;}.quantity-stepper input:disabled { opacity: 1 !important;}.quantity-stepper:where(:hover,:focus-visible) {}.quantity-stepper.active {} 1791 1792</style> 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813<style> 1814 .quantity-stepper-sm { position: relative; transition: all 150ms; display: flex; align-items: center; justify-content: space-between; user-select: none; --quantity-label: ""; }.quantity-stepper-sm { display: flex; padding: 4px 8px; justify-content: space-between; align-items: center; border-radius: 999px; border: 1px solid var(--Neutral-Gray-6, #CCC); color: var(--Neutral-Black, #000); /* richtext-md/H5/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 700; line-height: 135%; /* 18.9px */ opacity: 1;}@media (max-width: 767px) { .quantity-stepper-sm { font-size: var(--richtext-md-h5, 13px); }}.quantity-stepper-sm input { font-weight: 700;}.quantity-stepper-sm input:disabled { opacity: 1 !important;}.quantity-stepper-sm:where(:hover,:focus-visible) {}.quantity-stepper-sm.active {} 1815 1816</style> 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838<style> 1839 .input-checkbox { position: relative; transition: all 150ms; display: flex; align-items: center; user-select: none; cursor: pointer; } .input-checkbox input { appearance: none; } .input-checkbox input ~ span svg { width: 1em; height: 1em; mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); opacity: 0; background: currentColor; } .input-checkbox input:checked ~ span svg { opacity: 1; } .input-checkbox { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ gap: 8px;}.input-checkbox:has(input:checked) { font-weight: 700;}.input-checkbox input { width: 24px; height: 24px; border: 2px solid #000000; border-radius: 999px; background: transparent; //position: relative;}.input-checkbox input ~ span svg { background: #000000;}.input-checkbox input:checked { background-color: black; box-shadow: 0 0 0 2px white inset;} 1840 1841</style> 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862<style> 1863 .input-text { user-select: none; transition: all 150ms; transition-timing-function: linear; } .input-text [x-ref="label"] { font-size: 11.5px; font-weight: 500; opacity: 0; max-height: 0px; overflow: hidden; transition: all 150ms; transition-timing-function: linear; line-height: 0.95; } .input-text.active [x-ref="label"] { opacity: 0.5; max-height: 11px; }.input-text { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ display: flex; padding: 8px 16px; align-items: center; gap: 16px; border-radius: 999px; border: 1px solid var(--Neutral-Gray-6, #CCC);}.input-text input::placeholder { color: #666;}.input-text:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-text.active {}.input-text[disabled], .input-text.disabled{ opacity: 0.5; pointer-events: none;
1863 cursor: not-allowed;}@media (max-width: 768px) { .input-text { font-size: var(--richtext-md-h5, 13px); }} 1864 1865</style> 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885<style> 1886 .input-textarea { background: #ffffff; color: #000000; border: 1px solid var(--Neutral-Gray-6, #CCC); font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}.input-textarea textarea::placeholder { color: #cccccc;}.input-textarea textarea { resize: vertical; min-height: 48px; display: flex; padding: 8px 16px 56px 16px; align-items: center; gap: 16px;}.input-textarea.active textarea { padding: 20px 16px 8px;}.input-textarea:where(:hover,:focus-visible) { background: #f7f7f7;}.input-textarea:focus-within { outline-style: unset;}.input-textarea.active {}@media (max-width: 768px) { .input-textarea { font-size: var(--richtext-md-h5, 13px); } .input-textarea textarea { padding: 6px 12px 42px 12px; } .input-textarea.active textarea { padding: 20px 16px 12px; }}.input-textarea { display: flex; user-select: none; transition: all 150ms; transition-timing-function: linear; } .input-textarea textarea { transition: padding 150ms; transition-timing-function: linear; } .input-textarea [x-ref="label"] { position: absolute; top: 7px; font-size: 11.5px; font-weight: 500; opacity: 0; max-height: 0px; overflow: hidden; transition: all 150ms; transition-timing-function: linear; line-height: 0.95; } .input-textarea.active [x-ref="label"] { opacity: 0.5; max-height: 11px; } 1887 1888</style> 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907<style> 1908 .input-text-inline { user-select: none; transition: all 150ms; transition-timing-function: linear; } .input-text-inline [x-ref="label"] { font-size: 11.5px; font-weight: 500; opacity: 0; max-height: 0px; overflow: hidden; transition: all 150ms; transition-timing-function: linear; line-height: 0.95; } .input-text-inline.active [x-ref="label"] { opacity: 0.5; max-height: 11px; }.input-text-inline { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ display: flex; padding: 8px 0px; align-items: center; gap: 16px; border-bottom: 1px solid var(--Neutral-Gray-6, #CCC);}.input-text-inline input::placeholder { color: #666;}.input-text-inline:where(:hover,:focus-visible) { //background: #f7f7f7;}.input-text-inline.active {}.input-text-inline[disabled], .input-text-inline.disabled{ opacity: 0.5; pointer-events: none; cursor: not-allowed;}@media (max-width: 768px) { .input-text-inline { font-size: var(--richtext-md-h5, 13px); padding: 6px 0px; }} 1909 1910</style> 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934<style> 1935 .scroll-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 10px; padding-bottom: 10px;}.scroll-pagination span { width: 8px; height: 8px; background: #807F7C; border-radius: 999px;}.scroll-pagination span.active { background: currentColor;} 1936 1937</style> 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956<style> 1957 .scrollbar { display: flex; gap: 6px;}.scrollbar [data-scrollbar-track] { height: 6px; background: #c0c0c0; border-radius: 999px;}.scrollbar [data-scrollbar-thumb] { height: 6px; background: #000000; border-radius: 999px;}@media (max-width: 768px) { .scrollbar [data-scrollbar-container] { /* display: none */; } .scrollbar [data-scrollbar-track] { height: 3px; } .scrollbar [data-scrollbar-thumb] { height: 3px; }}/* Scrollbar Buttons */.scrollbar [data-scrollbar-buttons] { display: flex; gap: 6px;}.scrollbar [data-scrollbar-button] { display: flex; border: 1px solid #000000; background: transparent; width: 28px; height: 28px; border-radius: 999px;}/* Scrollbar Counter */.scrollbar [data-scrollbar-counter] { display: none; color: #000000; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: normal; text-transform: unset; font-style: normal;} .scrollbar .simple-icon { display: none !important; } 1958 1959</style> 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978<style> 1979 .scrollbar-no-buttons { margin-top: 16px; display: flex; gap: 6px;}.scrollbar-no-buttons [data-scrollbar-track] { height: 3px; background: #dfdfdf; border-radius: 999px;}.scrollbar-no-buttons [data-scrollbar-thumb] { height: 3px; background: #272824; border-radius: 999px; opacity: 0.5;}.scrollbar-no-buttons:where(:hover,:focus,:active) [data-scrollbar-thumb] { opacity: 1; height: 3px;}@media (max-width: 768px) { .scrollbar-no-buttons [data-scrollbar-container] { /* display: none */; }}/* Scrollbar Buttons */.scrollbar-no-buttons [data-scrollbar-buttons] { display: none; gap: 6px;}.scrollbar-no-buttons [data-scrollbar-button] { display: flex; border: 1px solid #000000; background: transparent; width: 28px; height: 28px; border-radius: 999px;}/* Scrollbar Counter */.scrollbar-no-buttons [data-scrollbar-counter] { display: none; color: #000000; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: normal; text-transform: unset; font-style: normal;} .scrollbar-no-buttons .simple-icon { display: none !important; } 1980 1981</style> 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000<style> 2001 .scroll-buttons { display: block; gap: 6px;}.scroll-buttons [data-scrollbar-container] { display: none; }.scroll-buttons [data-scrollbar-track] { height: 6px; background: #c0c0c0; border-radius: 999px;}.scroll-buttons [data-scrollbar-thumb] { height: 6px; background: #000000; border-radius: 999px;}@media (max-width: 768px) { .scroll-buttons [data-scrollbar-container] { /* display: none */; } .scroll-buttons [data-scrollbar-track] { height: 3px; } .scroll-buttons [data-scrollbar-thumb] { height: 3px; }}/* Scrollbar Buttons */.scroll-buttons [data-scrollbar-buttons] { gap: 6px; width: 100%;}.scroll-buttons [data-scrollbar-button] { display: flex; padding: 4px;}.scroll-buttons [data-scrollbar-button] svg { width: 18px; height: 18px;}/* Scrollbar Counter */.scroll-buttons [data-scrollbar-counter] { display: none; color: #000000; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: normal; text-transform: unset; font-style: normal;} .scroll-buttons .animated-icon { display: none !important; } .scroll-buttons { --scroll-button-prev: var(--icon-chevron-left); --scroll-button-prev-aspect-ratio: var(--icon_previous--aspect-ratio); --scroll-button-next: var(--icon-chevron-right); --scroll-button-next-aspect-ratio: var(--icon_next--aspect-ratio); } 2002 2003</style> 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022<style> 2023 .scroll-buttons-arrows { display: block; gap: 6px;}.scroll-buttons-arrows [data-scrollbar-container] { display: none; }.scroll-buttons-arrows [data-scrollbar-track] { height: 6px; background: #c0c0c0; border-radius: 999px;}.scroll-buttons-arrows [data-scrollbar-thumb] { height: 6px; background: #000000; border-radius: 999px;}/* Scrollbar Buttons */.scroll-buttons-arrows [data-scrollbar-buttons] { gap: 6px; width: 100%;}.scroll-buttons-arrows [data-scrollbar-button] { display: flex; padding: 4px; border-radius: 10000px; border: 1.5px solid var(--New-Green, #273426); aspect-ratio: 1; height: 56px; width: 56px;}.scroll-buttons-arrows [data-scrollbar-button] svg { width: 36px; height: 36px; }/* Scrollbar Counter */.scroll-buttons-arrows [data-scrollbar-counter] { display: none; color: #000000; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: normal; text-transform: unset; font-style: normal;}@media (max-width: 768px) { .scroll-buttons-arrows [data-scrollbar-container] { /* display: none */; } .scroll-buttons-arrows [data-scrollbar-track] { height: 3px; } .scroll-buttons-arrows [data-scrollbar-thumb] { height: 3px; } .scroll-buttons-arrows [data-scrollbar-button] svg { width: 24px; height: 24px; } .scroll-buttons-arrows [data-scrollbar-button] { display: flex; padding: 4px; border-radius: 10000px; border: 1.5px solid var(--New-Green, #273426); aspect-ratio: 1; height: 36px; width: 36px; }}/*@media (min-width: 1500px) {*//* .scroll-buttons-arrows [data-scrollbar] {*//* width: max-content;*//* margin: 48px auto 0;*//* }*//* .scroll-buttons-arrows [data-scrollbar-buttons] {*//* gap: 16px;*//* }*//* .scroll-buttons-arrows [data-scrollbar] button {*//* border-radius: 10000px;*//* border: 1.5px solid var(--New-Green, #273426);*//* aspect-ratio: 1;*//* height: 48px;*//* width: 100%;*//* }*/ .scroll-buttons-arrows .animated-icon { display: none !important; } .scroll-buttons-arrows { --scroll-button-prev: var(--icon-arrow-left-thin); --scroll-button-prev-aspect-ratio: var(--icon_previous--aspect-ratio); --scroll-button-next: var(--icon-arrow-right-thin); --scroll-button-next-aspect-ratio: var(--icon_next--aspect-ratio); } 2024 2025</style> 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046<style> 2047 .pagination { display: flex; align-items: center; justify-content: center; gap: 12px;}.pagination button { font-size: 16px; font-weight: 700; min-width: 28px; height: 28px; border: 1px solid black; transition: all 75ms;}.pagination button.active { background: #F2F2F2; color: #000;}.pagination button:where(:hover,:focus-within) { background: #e3e3e3;}.pagination button svg { width: 24px; height: 24px;}.pagination button:disabled { opacity: 0.5;}@media (max-width: 768px) { .pagination { gap: 8px; } .pagination button { font-size: 14px; } .pagination button svg { width: 16px; height: 16px; }}.pagination { user-select: none; --pagination-button-prev: var(--icon-chevron-left); --pagination-button-prev-aspect-ratio: var(--icon_previous--aspect-ratio); --pagination-button-next: var(--icon-chevron-right); --pagination-button-next-aspect-ratio: var(--icon_next--aspect-ratio); } 2048 2049</style> 2050 2051 2052 2053 2054 2055 2056 2057 2058</div><div id="shopify-section-sections--19530698424546__icons" class="shopify-section shopify-section-group-0_global"> 2059<style> 2060 :root { 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 --icon-filters: url('data:image/svg+xml;utf8,%3csvg data-icon-handle="filters" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e %3cpath d="M14.126 9L3 9C2.44772 9 2 8.55228 2 8C2 7.44772 2.44772 7 3 7L14.126 7C14.5701 5.27477 16.1362 4 18 4C20.2091 4 22 5.79086 22 8C22 10.2091 20.2091 12 18 12C16.1362 12 14.5701 10.7252 14.126 9Z" fill="currentColor"%3e%3c/path%3e %3cpath d="M6 12C3.79086 12 2 13.7909 2 16C2 18.2091 3.79086 20 6 20C7.86384 20 9.42994 18.7252 9.87398 17L21 17C21.5523 17 22 16.5523 22 16C22 15.4477 21.5523 15 21 15L9.87398 15C9.42994 13.2748 7.86384 12 6 12Z" fill="currentColor"%3e%3c/path%3e %3c/svg%3e') no-repeat 50% 50% / contain; 2076 --icon-filters-aspect-ratio: 1.0; 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 --icon-hamburger: url('data:image/svg+xml;utf8,%3csvg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z" fill="currentColor"%3e%3c/path%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="currentColor"%3e%3c/path%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2092 --icon-hamburger-aspect-ratio: 1.0; 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 --icon-cart: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24"%3e %3cpath stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5
2107h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2108 --icon-cart-aspect-ratio: 1.0; 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 --icon-link: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M10.0002 13C10.4297 13.5742 10.9776 14.0492 11.6067 14.393C12.2359 14.7367 12.9317 14.9411 13.6468 14.9924C14.362 15.0436 15.0798 14.9404 15.7515 14.6898C16.4233 14.4392 17.0333 14.0471 17.5402 13.54L20.5402 10.54C21.451 9.59702 21.955 8.334 21.9436 7.02302C21.9322 5.71204 21.4063 4.45797 20.4793 3.53093C19.5523 2.60389 18.2982 2.07805 16.9872 2.06666C15.6762 2.05526 14.4132 2.55924 13.4702 3.47003L11.7502 5.18003M14.0002 11C13.5707 10.4259 13.0228 9.95084 12.3936 9.60709C11.7645 9.26333 11.0687 9.05891 10.3535 9.00769C9.63841 8.95648 8.92061 9.05966 8.24885 9.31025C7.5771 9.56083 6.96709 9.95296 6.4602 10.46L3.4602 13.46C2.54941 14.403 2.04544 15.666 2.05683 16.977C2.06822 18.288 2.59407 19.5421 3.52111 20.4691C4.44815 21.3962 5.70221 21.922 7.01319 21.9334C8.32418 21.9448 9.58719 21.4408 10.5302 20.53L12.2402 18.82" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2124 --icon-link-aspect-ratio: 1.0; 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 --icon-link-external: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M7.7587 2H10C10.5523 2 11 2.44772 11 3C11 3.55229 10.5523 4 10 4H7.8C6.94342 4 6.36113 4.00078 5.91104 4.03755C5.47262 4.07337 5.24842 4.1383 5.09202 4.21799C4.7157 4.40973 4.40973 4.7157 4.21799 5.09202C4.1383 5.24842 4.07337 5.47262 4.03755 5.91104C4.00078 6.36113 4 6.94342 4 7.8V16.2C4 17.0566 4.00078 17.6389 4.03755 18.089C4.07337 18.5274 4.1383 18.7516 4.21799 18.908C4.40973 19.2843 4.7157 19.5903 5.09202 19.782C5.24842 19.8617 5.47262 19.9266 5.91104 19.9624C6.36113 19.9992 6.94342 20 7.8 20H16.2C17.0566 20 17.6389 19.9992 18.089 19.9624C18.5274 19.9266 18.7516 19.8617 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C19.8617 18.7516 19.9266 18.5274 19.9624 18.089C19.9992 17.6389 20 17.0566 20 16.2V14C20 13.4477 20.4477 13 21 13C21.5523 13 22 13.4477 22 14V16.2413C22 17.0463 22 17.7106 21.9558 18.2518C21.9099 18.8139 21.8113 19.3306 21.564 19.816C21.1805 20.5686 20.5686 21.1805 19.816 21.564C19.3306 21.8113 18.8139 21.9099 18.2518 21.9558C17.7106 22 17.0463 22 16.2413 22H7.75868C6.95372 22 6.28936 22 5.74818 21.9558C5.18608 21.9099 4.66937 21.8113 4.18404 21.564C3.43139 21.1805 2.81947 20.5686 2.43598 19.816C2.18868 19.3306 2.09012 18.8139 2.04419 18.2518C1.99998 17.7106 1.99999 17.0463 2 16.2413V7.7587C1.99999 6.95374 1.99998 6.28937 2.04419 5.74818C2.09012 5.18608 2.18868 4.66937 2.43598 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43598C4.66937 2.18868 5.18608 2.09012 5.74818 2.04419C6.28937 1.99998 6.95374 1.99999 7.7587 2Z" fill="black"%3e%3c/path%3e %3cpath d="M14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44771 22 3L22 9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55229 20 9L20 5.41422L12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L18.5858 4H15C14.4477 4 14 3.55229 14 3Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2140 --icon-link-external-aspect-ratio: 1.0; 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 --icon-timer: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2156 --icon-timer-aspect-ratio: 1.0; 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 --icon-arrow-right: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2172 --icon-arrow-right-aspect-ratio: 1.0; 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 --icon-arrow-left: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2188 --icon-arrow-left-aspect-ratio: 1.0; 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 --icon-chevron-up-down: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 14.2929C6.68342 13.9024 7.31658 13.9024 7.70711 14.2929L12 18.5858L16.2929 14.2929C16.6834 13.9024 17.3166 13.9024 17.7071 14.2929C18.0976 14.6834 18.0976 15.3166 17.7071 15.7071L12.7071 20.7071C12.3166 21.0976 11.6834 21.0976 11.2929 20.7071L6.29289 15.7071C5.90237 15.3166 5.90237 14.6834 6.29289 14.2929Z" fill="currentColor"%3e%3c/path%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 9.70711C6.68342 10.0976 7.31658 10.0976 7.70711 9.70711L12 5.41421L16.2929 9.70711C16.6834 10.0976 17.3166 10.0976 17.7071 9.70711C18.0976 9.31658 18.0976 8.68342 17.7071 8.29289L12.7071 3.29289C12.3166 2.90237 11.6834 2.90237 11.2929 3.29289L6.29289 8.29289C5.90237 8.68342 5.90237 9.31658 6.29289 9.70711Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2204 --icon-chevron-up-down-aspect-ratio: 1.0; 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 --icon-chevron-down: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C1
22197.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2220 --icon-chevron-down-aspect-ratio: 1.0; 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 --icon-chevron-left: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2236 --icon-chevron-left-aspect-ratio: 1.0; 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 --icon-chevron-right: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2252 --icon-chevron-right-aspect-ratio: 1.0; 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 --icon-chevron-up: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2268 --icon-chevron-up-aspect-ratio: 1.0; 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 --icon-check-mark: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2284 --icon-check-mark-aspect-ratio: 1.0; 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 --icon-x-mark: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M17.7071 7.70711C18.0976 7.31658 18.0976 6.68342 17.7071 6.29289C17.3166 5.90237 16.6834 5.90237 16.2929 6.29289L12 10.5858L7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L10.5858 12L6.29289 16.2929C5.90237 16.6834 5.90237 17.3166 6.29289 17.7071C6.68342 18.0976 7.31658 18.0976 7.70711 17.7071L12 13.4142L16.2929 17.7071C16.6834 18.0976 17.3166 18.0976 17.7071 17.7071C18.0976 17.3166 18.0976 16.6834 17.7071 16.2929L13.4142 12L17.7071 7.70711Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2300 --icon-x-mark-aspect-ratio: 1.0; 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 --icon-email: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2316 --icon-email-aspect-ratio: 1.0; 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 --icon-password-eye: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M2.42012 12.7132C2.28394 12.4975 2.21584 12.3897 2.17772 12.2234C2.14909 12.0985 2.14909 11.9015 2.17772 11.7766C2.21584 11.6103 2.28394 11.5025 2.42012 11.2868C3.54553 9.50484 6.8954 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.28
233168C21.7169 11.5025 21.785 11.6103 21.8231 11.7766C21.8517 11.9015 21.8517 12.0985 21.8231 12.2234C21.785 12.3897 21.7169 12.4975 21.5807 12.7132C20.4553 14.4952 17.1054 19 12.0004 19C6.8954 19 3.54553 14.4952 2.42012 12.7132Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e %3cpath d="M12.0004 15C13.6573 15 15.0004 13.6569 15.0004 12C15.0004 10.3431 13.6573 9 12.0004 9C10.3435 9 9.0004 10.3431 9.0004 12C9.0004 13.6569 10.3435 15 12.0004 15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2332 --icon-password-eye-aspect-ratio: 1.0; 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 --icon-password-eye-slash: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M10.7429 5.09232C11.1494 5.03223 11.5686 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.776
23477C21.8518 11.9016 21.8517 12.0987 21.8231 12.2236C21.7849 12.3899 21.7164 12.4985 21.5792 12.7156C21.2793 13.1901 20.8222 13.8571 20.2165 14.5805M6.72432 6.71504C4.56225 8.1817 3.09445 10.2194 2.42111 11.2853C2.28428 11.5019 2.21587 11.6102 2.17774 11.7765C2.1491 11.9014 2.14909 12.0984 2.17771 12.2234C2.21583 12.3897 2.28393 12.4975 2.42013 12.7132C3.54554 14.4952 6.89541 19 12.0004 19C14.0588 19 15.8319 18.2676 17.2888 17.2766M3.00042 3L21.0004 21M9.8791 9.87868C9.3362 10.4216 9.00042 11.1716 9.00042 12C9.00042 13.6569 10.3436 15 12.0004 15C12.8288 15 13.5788 14.6642 14.1217 14.1213" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2348 --icon-password-eye-slash-aspect-ratio: 1.0; 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 --icon-user: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24"%3e %3cpath stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2364 --icon-user-aspect-ratio: 1.0; 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 --icon-tag: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M8 8H8.01M2 5.2L2 9.67451C2 10.1637 2 10.4083 2.05526 10.6385C2.10425 10.8425 2.18506 11.0376 2.29472 11.2166C2.4184 11.4184 2.59135 11.5914 2.93726 11.9373L10.6059 19.6059C11.7939 20.7939 12.388 21.388 13.0729 21.6105C13.6755 21.8063 14.3245 21.8063 14.927 21.6105C15.612 21.388 16.2061 20.7939 17.3941 19.6059L19.6059 17.3941C20.7939 16.2061 21.388 15.612 21.6105 14.927C21.8063 14.3245 21.8063 13.6755 21.6105 13.0729C21.388 12.388 20.7939 11.7939 19.6059 10.6059L11.9373 2.93726C11.5914 2.59135 11.4184 2.4184 11.2166 2.29472C11.0376 2.18506 10.8425 2.10425 10.6385 2.05526C10.4083 2 10.1637 2 9.67452 2L5.2 2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2ZM8.5 8C8.5 8.27614 8.27614 8.5 8 8.5C7.72386 8.5 7.5 8.27614 7.5 8C7.5 7.72386 7.72386 7.5 8 7.5C8.27614 7.5 8.5 7.72386 8.5 8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2380 --icon-tag-aspect-ratio: 1.0; 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 --icon-pin: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M12.0004 15L12.0004 22M8.00043 7.30813V9.43875C8.00043 9.64677 8.00043 9.75078 7.98001 9.85026C7.9619 9.93852 7.93194 10.0239 7.89095 10.1042C7.84474 10.1946 7.77977 10.2758 7.64982 10.4383L6.08004 12.4005C5.4143 13.2327 5.08143 13.6487 5.08106 13.9989C5.08073 14.3035 5.21919 14.5916 5.4572 14.7815C5.73088 15 6.26373 15 7.32943 15H16.6714C17.7371 15 18.27 15 18.5437 14.7815C18.7817 14.5916 18.9201 14.3035 18.9198 13.9989C18.9194 13.6487 18.5866 13.2327 17.9208 12.4005L16.351 10.4383C16.2211 10.2758 16.1561 10.1946 16.1099 10.1042C16.0689 10.0239 16.039 9.93852 16.0208 9.85026C16.0004 9.75078 16.0004 9.64677 16.0004 9.43875V7.30813C16.0004 7.19301 16.0004 7.13544 16.0069 7.07868C16.0127 7.02825 16.0223 6.97833 16.0357 6.92937C16.0507 6.87424 16.0721 6.8208 16.1149 6.71391L17.1227 4.19423C17.4168 3.45914 17.5638 3.09159 17.5025 2.79655C17.4489 2.53853 17.2956 2.31211 17.0759 2.1665C16.8247 2 16.4289 2 15.6372 2H8.36368C7.57197 2 7.17611 2 6.92494 2.1665C6.70529 2.31211 6.55199 2.53853 6.49838 2.79655C6.43707 3.09159 6.58408 3.45914 6.87812 4.19423L7.88599 6.71391C7.92875 6.8208 7.95013 6.87424 7.96517 6.92937C7.97853 6.97833 7.98814 7.02825 7.99392 7.07868C8.00043 7.13544 8.00043 7.19301 8.00043 7.30813Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2396 --icon-pin-aspect-ratio: 1.0; 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 --icon-credit-card: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M16 18L18 20L22 16M22 10H2M22 12V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.7157 21.2843 5.40974 20.908 5.21799C20.4802 5 19.9201 5 18.8 5H5.2C4.0799 5 3.51984 5 3.09202 5.21799C2.7157 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.0799 2 8.2V15.8C2 16.9201 2 17.4802 2.21799 17.908C2.40973 18.2843 2.71569 18.5903 3.09202 18.782C3.51984 19 4.0799 19 5.2 19H12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2412 --icon-credit-card-aspect-ratio: 1.0; 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 --icon-search: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24"%3e %3cpath stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2428 --icon-search-aspect-ratio: 1.0; 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 --icon-home: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M9 21V13.6C9 13.0399 9 12.7599 9.109 12.546C9.20487 12.3578 9.35785 12.2049 9.54601 12.109C9.75993 12 10.04 12 10.6 12H13.4C13.9601 12 14.2401 12 14.454 12.109C14.6422 12.2049 14.7951 12.3578 14.891 12.546C15 12.7599 15 13.0399 15 13.6V21M2 9.5L11.04 2.72C11.3843 2.46181 11.5564 2.33271 11.7454 2.28294C11.9123 2.23902 12.0877 2.23902 12.2546 2.28295C12.4436 2.33271 12.6157 2.46181 12.96 2.72L22 9.5M4 8V1
24437.8C4 18.9201 4 19.4802 4.21799 19.908C4.40974 20.2843 4.7157 20.5903 5.09202 20.782C5.51985 21 6.0799 21 7.2 21H16.8C17.9201 21 18.4802 21 18.908 20.782C19.2843 20.5903 19.5903 20.2843 19.782 19.908C20 19.4802 20 18.9201 20 17.8V8L13.92 3.44C13.2315 2.92361 12.8872 2.66542 12.5091 2.56589C12.1754 2.47804 11.8246 2.47804 11.4909 2.56589C11.1128 2.66542 10.7685 2.92361 10.08 3.44L4 8Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2444 --icon-home-aspect-ratio: 1.0; 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 --icon-globe: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M3.07598 7.48282L7.36402 10.5457C7.58715 10.705 7.69872 10.7847 7.81548 10.8031C7.91821 10.8192 8.02343 10.8029 8.11648 10.7565C8.22223 10.7037 8.30449 10.594 8.46901 10.3747L9.37511 9.16652C9.42164 9.10448 9.4449 9.07347 9.47224 9.04671C9.49652 9.02295 9.52315 9.00173 9.55173 8.98338C9.58392 8.9627 9.61935 8.94696 9.6902 8.91546L13.5588 7.19609C13.7192 7.12482 13.7993 7.08918 13.8598 7.03352C13.9133 6.9843 13.9554 6.924 13.9832 6.85684C14.0146 6.78091 14.0204 6.69336 14.0321 6.51826L14.3154 2.2694M13.5 13.5L16.116 14.6211C16.4195 14.7512 16.5713 14.8163 16.6517 14.9243C16.7222 15.0191 16.7569 15.1358 16.7496 15.2537C16.7413 15.3881 16.6497 15.5255 16.4665 15.8002L15.2375 17.6438C15.1507 17.774 15.1072 17.8391 15.0499 17.8863C14.9991 17.928 14.9406 17.9593 14.8777 17.9784C14.8067 18 14.7284 18 14.5719 18H12.5766C12.3693 18 12.2656 18 12.1774 17.9653C12.0995 17.9347 12.0305 17.885 11.9768 17.8208C11.916 17.7481 11.8832 17.6497 11.8177 17.453L11.1048 15.3144C11.0661 15.1983 11.0468 15.1403 11.0417 15.0814C11.0372 15.0291 11.0409 14.9764 11.0528 14.9253C11.0662 14.8677 11.0935 14.813 11.1482 14.7036L11.6897 13.6206C11.7997 13.4005 11.8547 13.2905 11.9395 13.2222C12.0141 13.162 12.1046 13.1246 12.1999 13.1143C12.3081 13.1027 12.4248 13.1416 12.6582 13.2194L13.5 13.5ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2460 --icon-globe-aspect-ratio: 1.0; 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 --icon-minus: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2476 --icon-minus-aspect-ratio: 1.0; 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 --icon-plus: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2492 --icon-plus-aspect-ratio: 1.0; 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 --icon-ruler: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M14.5 5.50001L16 7.00001M11.5 8.50001L13 10M8.49996 11.5L9.99996 13M5.49996 14.5L6.99996 16M2.56561 17.5657L6.43424 21.4344C6.63225 21.6324 6.73125 21.7314 6.84542 21.7685C6.94584 21.8011 7.05401 21.8011 7.15443 21.7685C7.2686 21.7314 7.3676 21.6324 7.56561 21.4344L21.4342 7.56573C21.6322 7.36772 21.7313 7.26872 21.7683 7.15455C21.801 7.05413 21.801 6.94596 21.7683 6.84554C21.7313 6.73137 21.6322 6.63237 21.4342 6.43436L17.5656 2.56573C17.3676 2.36772 17.2686 2.26872 17.1544 2.23163C17.054 2.199 16.9458 2.199 16.8454 2.23163C16.7313 2.26872 16.6322 2.36772 16.4342 2.56573L2.56561 16.4344C2.3676 16.6324 2.2686 16.7314 2.2315 16.8455C2.19887 16.946 2.19887 17.0541 2.2315 17.1546C2.2686 17.2687 2.3676 17.3677 2.56561 17.5657Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2508 --icon-ruler-aspect-ratio: 1.0; 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 --icon-star: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M12.6456 1.77566C12.2372 1.58096 11.7628 1.58096 11.3545 1.77566C11.0014 1.94398 10.8068 2.23622 10.7087 2.39654C10.6072 2.56228 10.503 2.77341 10.4015 2.97919L8.24576 7.34648L3.42371 8.05129C3.19672 8.08442 2.96381 8.11841 2.7749 8.16384C2.59214 8.20779 2.25423 8.30284 1.98531 8.58668C1.67422 8.91505 1.52792 9.36626 1.58714 9.8147C1.63833 10.2023 1.85618 10.4776 1.97838 10.6204C2.10469 10.768 2.27334 10.9322 2.43771 11.0923L5.9255 14.4894L5.10254 19.2877C5.06369 19.5139 5.02383 19.746 5.00849 19.9398C4.99365 20.1272 4.97931 20.4781 5.16601 20.8218C5.38196 21.2194 5.76584 21.4983 6.21071 21.5807C6.59531 21.652 6.9246 21.5299 7.09823 21.4579C7.27778 21.3834 7.4862 21.2737 7.68936 21.1668L12 18.8999L16.310
25237 21.1668C16.5139 21.2737 16.7223 21.3834 16.9018 21.4579C17.0755 21.5299 17.4047 21.652 17.7893 21.5807C18.2342 21.4983 18.6181 21.2194 18.834 20.8218C19.0207 20.4781 19.0064 20.1272 18.9916 19.9398C18.9762 19.746 18.9364 19.5139 18.8975 19.2877L18.0745 14.4894L21.5624 11.0922C21.7267 10.9322 21.8954 10.768 22.0217 10.6204C22.1439 10.4776 22.3617 10.2023 22.4129 9.8147C22.4721 9.36626 22.3258 8.91505 22.0147 8.58668C21.7458 8.30284 21.4079 8.20779 21.2252 8.16384C21.0362 8.11841 20.8033 8.08442 20.5763 8.05129L15.7543 7.34648L13.5986 2.97927C13.4971 2.77347 13.3929 2.56229 13.2914 2.39654C13.1932 2.23622 12.9986 1.94398 12.6456 1.77566Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2524 --icon-star-aspect-ratio: 1.0; 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 --icon-lock: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M17 10V8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8V10M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2540 --icon-lock-aspect-ratio: 1.0; 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 --icon-check-circle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM17.2071 9.70711C17.5976 9.31658 17.5976 8.68342 17.2071 8.29289C16.8166 7.90237 16.1834 7.90237 15.7929 8.29289L10.5 13.5858L8.20711 11.2929C7.81658 10.9024 7.18342 10.9024 6.79289 11.2929C6.40237 11.6834 6.40237 12.3166 6.79289 12.7071L9.79289 15.7071C10.1834 16.0976 10.8166 16.0976 11.2071 15.7071L17.2071 9.70711Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2556 --icon-check-circle-aspect-ratio: 1.0; 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 --icon-warning-triangle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.8123 1.66837C12.295 1.43834 11.7044 1.43834 11.1871 1.66837C10.7876 1.84602 10.5281 2.15894 10.3475 2.41391C10.1699 2.66461 9.9798 2.99303 9.77072 3.35422L1.50357 17.6339C1.29366 17.9964 1.1029 18.3258 0.973562 18.6054C0.842112 18.8895 0.699508 19.2714 0.744957 19.7074C0.803767 20.2715 1.09931 20.7841 1.55802 21.1176C1.91252 21.3753 2.31451 21.4433 2.62627 21.4719C2.93302 21.5 3.31368 21.5 3.73257 21.5H20.2669C20.6857 21.5 21.0664 21.5 21.3732 21.4719C21.6849 21.4433 22.0869 21.3753 22.4414 21.1176C22.9001 20.7841 23.1957 20.2715 23.2545 19.7074C23.2999 19.2714 23.1573 18.8895 23.0259 18.6054C22.8966 18.3258 22.7058 17.9964 22.4959 17.6339L14.2287 3.35419C14.0197 2.99301 13.8295 2.66459 13.652 2.41391C13.4714 2.15894 13.2119 1.84602 12.8123 1.66837ZM12.9998 9C12.9998 8.44772 12.552 8 11.9998 8C11.4475 8 10.9998 8.44772 10.9998 9V13C10.9998 13.5523 11.4475 14 11.9998 14C12.552 14 12.9998 13.5523 12.9998 13V9ZM11.9998 16C11.4475 16 10.9998 16.4477 10.9998 17C10.9998 17.5523 11.4475 18 11.9998 18H12.0098C12.562 18 13.0098 17.5523 13.0098 17C13.0098 16.4477 12.562 16 12.0098 16H11.9998Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2572 --icon-warning-triangle-aspect-ratio: 1.0; 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 --icon-error-circle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.
25870976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2588 --icon-error-circle-aspect-ratio: 1.0; 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 --icon-info-circle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2604 --icon-info-circle-aspect-ratio: 1.0; 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 --icon-bolt: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M13.9921 2.12409C14.0472 1.68359 13.8053 1.25952 13.3981 1.08275C12.9908 0.905986 12.5158 1.01884 12.2316 1.35987L3.30218 12.0752C3.14786 12.2603 2.99156 12.4478 2.87776 12.6126C2.77013 12.7684 2.57363 13.0748 2.56755 13.4774C2.5606 13.9384 2.76601 14.377 3.12459 14.6667C3.4378 14.9198 3.79897 14.965 3.98758 14.9821C4.187 15.0002 4.43109 15.0001 4.67208 15.0001L10.8671 15.0001L10.0076 21.876C9.95252 22.3165 10.1945 22.7406 10.6017 22.9174C11.0089 23.0941 11.4839 22.9813 11.7681 22.6402L20.6975 11.9249C20.8519 11.7398 21.0082 11.5523 21.122 11.3875C21.2296 11.2317 21.4261 10.9253 21.4322 10.5227C21.4391 10.0617 21.2337 9.62314 20.8751 9.33338C20.5619 9.08027 20.2008 9.03509 20.0121 9.01802C19.8127 8.99996 19.5686 9.00001 19.3276 9.00005L13.1326 9.00006L13.9921 2.12409Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2620 --icon-bolt-aspect-ratio: 1.0; 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 --icon-package: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M20.5 7.27774L12 12M12 12L3.49997 7.27774M12 12L12 21.5M21 16.0585V7.94144C21 7.5988 21 7.42747 20.9495 7.27468C20.9049 7.1395 20.8318 7.01542 20.7354 6.91073C20.6263 6.79239 20.4766 6.70919 20.177 6.54279L12.777 2.43168C12.4934 2.27412 12.3516 2.19534 12.2015 2.16445C12.0685 2.13712 11.9315 2.13712 11.7986 2.16445C11.6484 2.19534 11.5066 2.27412 11.223 2.43168L3.82297 6.54279C3.52345 6.70919 3.37369 6.79239 3.26463 6.91073C3.16816 7.01542 3.09515 7.1395 3.05048 7.27468C3 7.42748 3 7.5988 3 7.94144V16.0585C3 16.4012 3 16.5725 3.05048 16.7253C3.09515 16.8605 3.16816 16.9846 3.26463 17.0893C3.37369 17.2076 3.52345 17.2908 3.82297 17.4572L11.223 21.5683C11.5066 21.7259 11.6484 21.8046 11.7986 21.8355C11.9315 21.8629 12.0685 21.8629 12.2015 21.8355C12.3516 21.8046 12.4934 21.7259 12.777 21.5683L20.177 17.4572C20.4766 17.2908 20.6263 17.2076 20.7354 17.0893C20.8318 16.9846 20.9049 16.8605 20.9495 16.7253C21 16.5725 21 16.4012 21 16.0585Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e %3cpath d="M16.5 9.5L7.5 4.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2636 --icon-package-aspect-ratio: 1.0; 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 --icon-trash: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2652 --icon-trash-aspect-ratio: 1.0; 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 --icon-play-circle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e %3cpath d="M9.5 8.96533C9.5 8.48805 9.5 8.24941 9.59974 8.11618C9.68666 8.00007 9.81971 7.92744 9.96438 7.9171C10.1304 7.90525 10.3311 8.03429 10.7326 8.29239L15.4532 11.3271C15.8016 11.551 15.9758 11.663 16.0359 11.8054C16.0885 11.9298 16.0885 12.0702 16.0359 12.1946C15.9758 12.337 15.8016 12.449 15.4532 12.6729L10.7326 15.7076C10.3311 15.9657 10.1304 16.0948 9.96438 16.0829C9.81971 16.0726 9.68666 15.9999 9.59974 15.8838C9.5 15.7506 9.5 15.512 9.5 15.0347V8.96533Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2668 --icon-play-circle-aspect-ratio: 1.0; 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 --icon-printer: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.16146 1H14.8385C15.3657 0.999984 15.8205 0.999969 16.195 1.03057C16.5904 1.06287 16.9836 1.13419 17.362 1.32698C17.9265 1.6146 18.3854 2.07354 18.673 2.63803C18.8658 3.01641 18.9371 3.40963 18.9694 3.80497C19 4.17952 19 4.63424 19 5.16134V6.02713C19.0868 6.03193 19.1707 6.03756 19.2519 6.0442C19.814 6.09012 20.3307 6.188
268369 20.8161 6.43598C21.5687 6.81947 22.1806 7.43139 22.5641 8.18404C22.8114 8.66938 22.91 9.18608 22.9559 9.74818C23.0001 10.2894 23.0001 10.9537 23.0001 11.7587L23.0001 14.1376C23.0006 14.933 23.0009 15.5236 22.8638 16.0353C22.4939 17.4156 21.4157 18.4938 20.0354 18.8637C19.7279 18.9461 19.3918 18.9789 19 18.9918C18.9997 19.4543 18.997 19.8573 18.9694 20.195C18.9371 20.5904 18.8658 20.9836 18.673 21.362C18.3854 21.9265 17.9265 22.3854 17.362 22.673C16.9836 22.8658 16.5904 22.9371 16.195 22.9694C15.8205 23 15.3658 23 14.8387 23H9.16144C8.63436 23 8.17951 23 7.80497 22.9694C7.40963 22.9371 7.01641 22.8658 6.63803 22.673C6.07354 22.3854 5.6146 21.9265 5.32698 21.362C5.13419 20.9836 5.06287 20.5904 5.03057 20.195C5.00297 19.8573 5.00028 19.4543 5.00002 18.9918C4.60824 18.9788 4.27227 18.9461 3.96482 18.8637C2.58445 18.4938 1.50626 17.4156 1.13639 16.0353C0.999297 15.5236 0.999617 14.933 1.00005 14.1376L1.0001 11.7587C1.00008 10.9537 1.00007 10.2894 1.04429 9.74818C1.09022 9.18608 1.18878 8.66938 1.43607 8.18404C1.81956 7.43139 2.43149 6.81947 3.18413 6.43598C3.66947 6.18869 4.18617 6.09012 4.74827 6.0442C4.82939 6.03757 4.91328 6.03193 5 6.02714L5 5.16146C4.99998 4.63431 4.99997 4.17954 5.03057 3.80497C5.06287 3.40963 5.13419 3.01641 5.32698 2.63803C5.6146 2.07354 6.07354 1.6146 6.63803 1.32698C7.01641 1.13419 7.40963 1.06287 7.80497 1.03057C8.17954 0.999969 8.63433 0.999984 9.16146 1ZM7 6H17V5.2C17 4.62345 16.9992 4.25118 16.9761 3.96784C16.9539 3.69618 16.9162 3.59546 16.891 3.54601C16.7951 3.35785 16.6422 3.20487 16.454 3.109C16.4045 3.0838 16.3038 3.04613 16.0322 3.02393C15.7488 3.00078 15.3766 3 14.8 3H9.2C8.62345 3 8.25117 3.00078 7.96784 3.02393C7.69617 3.04613 7.59546 3.0838 7.54601 3.109C7.35785 3.20487 7.20487 3.35785 7.109 3.54601C7.0838 3.59546 7.04612 3.69618 7.02393 3.96784C7.00078 4.25118 7 4.62345 7 5.2V6ZM7 18.8C7 19.3766 7.00078 19.7488 7.02393 20.0322C7.04612 20.3038 7.0838 20.4045 7.109 20.454C7.20487 20.6422 7.35785 20.7951 7.54601 20.891C7.59546 20.9162 7.69617 20.9539 7.96784 20.9761C8.25117 20.9992 8.62345 21 9.2 21H14.8C15.3766 21 15.7488 20.9992 16.0322 20.9761C16.3038 20.9539 16.4045 20.9162 16.454 20.891C16.6422 20.7951 16.7951 20.6422 16.891 20.454C16.9162 20.4045 16.9539 20.3038 16.9761 20.0322C16.9992 19.7488 17 19.3766 17 18.8V17.2C17 16.6234 16.9992 16.2512 16.9761 15.9678C16.9539 15.6962 16.9162 15.5955 16.891 15.546C16.7951 15.3579 16.6422 15.2049 16.454 15.109C16.4045 15.0838 16.3038 15.0461 16.0322 15.0239C15.9967 15.021 15.9599 15.0185 15.9215 15.0163C15.6526 15.0006 15.3045 15 14.8001 15C14.8001 15 14.8001 15 14.8001 15L9.2001 15C9.20007 15 9.20013 15 9.2001 15C8.62383 15 8.25155 15.0008 7.96827 15.0239C7.96815 15.0239 7.96838 15.0239 7.96827 15.0239C7.6966 15.0461 7.59555 15.0838 7.54611 15.109C7.35794 15.2049 7.20496 15.3578 7.10909 15.546C7.0839 15.5955 7.04622 15.6962 7.02402 15.9678C7.00087 16.2512 7.0001 16.6234 7.0001 17.2L7 18.8ZM14 10.5C14 9.94772 14.4477 9.5 15 9.5L18 9.5C18.5523 9.5 19 9.94772 19 10.5C19 11.0523 18.5523 11.5 18 11.5L15 11.5C14.4477 11.5 14 11.0523 14 10.5Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2684 --icon-printer-aspect-ratio: 1.0; 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 --icon-heart: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" width="24" height="24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"%3e %3cpath stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2700 --icon-heart-aspect-ratio: 1.0; 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 --icon-gift-registry: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewbox="0 0 33 32" fill="none"%3e %3cpath d="M16.4993 8.00033V29.3337M16.4993 8.00033H11.7851C11.0904 8.00033 10.4243 7.71937 9.93312 7.21928C9.44195 6.71918 9.16602 6.0409 9.16602 5.33366C9.16602 4.62641 9.44195 3.94814 9.93312 3.44804C10.4243 2.94794 11.0904 2.66699 11.7851 2.66699C15.4517 2.66699 16.4993 8.00033 16.4993 8.00033ZM16.4993 8.00033H21.2136C21.9082 8.00033 22.5744 7.71937 23.0656 7.21928C23.5567 6.71918 23.8327 6.0409 23.8327 5.33366C23.8327 4.62641 23.5567 3.94814 23.0656 3.44804C22.5744 2.94794 21.9082 2.66699 21.2136 2.66699C17.547 2.66699 16.4993 8.00033 16.4993 8.00033ZM27.166 14.667V25.067C27.166 26.5605 27.166 27.3072 26.8754 27.8776C26.6197 28.3794 26.2118 28.7873 25.71 29.043C25.1396 29.3337 24.3928 29.3337 22.8993 29.3337L10.0993 29.3337C8.60588 29.3337 7.85914 29.3337 7.28871 29.043C6.78694 28.7873 6.37899 28.3794 6.12333 27.8776C5.83268 27.3072 5.83268 26.5605 5.83268 25.067V14.667M3.16602 10.1337L3.16602 12.5337C3.16602 13.2804 3.16602 13.6538 3.31134 13.939C3.43917 14.1899 3.64315 14.3938 3.89403 14.5217C4.17924 14.667 4.55261 14.667 5.29935 14.667L27.6994 14.667C28.4461 14.667 28.8195 14.667 29.1047 14.5217C29.3556 14.3938 29.5
2715595 14.1899 29.6874 13.939C29.8327 13.6538 29.8327 13.2804 29.8327 12.5337V10.1337C29.8327 9.38692 29.8327 9.01355 29.6874 8.72834C29.5595 8.47746 29.3556 8.27348 29.1047 8.14565C28.8195 8.00033 28.4461 8.00033 27.6993 8.00033L5.29935 8.00033C4.55261 8.00033 4.17924 8.00033 3.89403 8.14565C3.64315 8.27348 3.43917 8.47746 3.31134 8.72834C3.16602 9.01355 3.16602 9.38692 3.16602 10.1337Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2716 --icon-gift-registry-aspect-ratio: 1.031; 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 --icon-vertical-divider: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="1" height="20" viewbox="0 0 1 20" fill="none"%3e%3cline x1="0.5" y1="2.18557e-08" x2="0.499999" y2="20" stroke="currentColor"%3e%3c/line%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2732 --icon-vertical-divider-aspect-ratio: 0.05; 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 --icon-check-circle: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewbox="0 0 25 24" fill="none"%3e %3cpath d="M12.5 2C6.97715 2 2.5 6.47715 2.5 12C2.5 17.5228 6.97715 22 12.5 22C18.0228 22 22.5 17.5228 22.5 12C22.5 6.47715 18.0228 2 12.5 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e %3cpath d="M12.5 5C8.63401 5 5.5 8.13401 5.5 12C5.5 15.866 8.63401 19 12.5 19C16.366 19 19.5 15.866 19.5 12C19.5 8.13401 16.366 5 12.5 5Z" fill="black"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2748 --icon-check-circle-aspect-ratio: 1.042; 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 --icon-face-smile: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewbox="0 0 33 33" fill="none"%3e %3cpath d="M11.167 18.9995C11.167 18.9995 13.167 21.6662 16.5003 21.6662C19.8337 21.6662 21.8337 18.9995 21.8337 18.9995M20.5003 12.3328H20.5137M12.5003 12.3328H12.5137M29.8337 16.3328C29.8337 23.6966 23.8641 29.6662 16.5003 29.6662C9.13653 29.6662 3.16699 23.6966 3.16699 16.3328C3.16699 8.96905 9.13653 2.99951 16.5003 2.99951C23.8641 2.99951 29.8337 8.96905 29.8337 16.3328ZM21.167 12.3328C21.167 12.701 20.8685 12.9995 20.5003 12.9995C20.1321 12.9995 19.8337 12.701 19.8337 12.3328C19.8337 11.9647 20.1321 11.6662 20.5003 11.6662C20.8685 11.6662 21.167 11.9647 21.167 12.3328ZM13.167 12.3328C13.167 12.701 12.8685 12.9995 12.5003 12.9995C12.1321 12.9995 11.8337 12.701 11.8337 12.3328C11.8337 11.9647 12.1321 11.6662 12.5003 11.6662C12.8685 11.6662 13.167 11.9647 13.167 12.3328Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2764 --icon-face-smile-aspect-ratio: 1.0; 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 --icon-face-content: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewbox="0 0 33 33" fill="none"%3e %3cpath d="M11.167 18.9995C11.167 18.9995 13.167 21.6662 16.5003 21.6662C19.8337 21.6662 21.8337 18.9995 21.8337 18.9995M23.167 12.6528C22.6403 13.2995 21.9203 13.6662 21.167 13.6662C20.4137 13.6662 19.7137 13.2995 19.167 12.6528M13.8337 12.6528C13.307 13.2995 12.587 13.6662 11.8337 13.6662C11.0803 13.6662 10.3803 13.2995 9.83366 12.6528M29.8337 16.3328C29.8337 23.6966 23.8641 29.6662 16.5003 29.6662C9.13653 29.6662 3.16699 23.6966 3.16699 16.3328C3.16699 8.96905 9.13653 2.99951 16.5003 2.99951C23.8641 2.99951 29.8337 8.96905 29.8337 16.3328Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2780 --icon-face-content-aspect-ratio: 1.0; 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 --icon-face-happy: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewbox="0 0 33 33" fill="none"%3e %3cpath d="M20.5003 12.3328H20.5137M12.5003 12.3328H12.5137M29.8337 16.3328C29.8337 23.6966 23.8641 29.6662 16.5003 29.6662C9.13653 29.6662 3.16699 23.6966 3.16699 16.3328C3.16699 8.96905 9.13653 2.99951 16.5003 2.99951C23.8641 2.99951 29.8337 8.96905 29.8337 16.3328ZM21.167 12.3328C2
27951.167 12.701 20.8685 12.9995 20.5003 12.9995C20.1321 12.9995 19.8337 12.701 19.8337 12.3328C19.8337 11.9647 20.1321 11.6662 20.5003 11.6662C20.8685 11.6662 21.167 11.9647 21.167 12.3328ZM13.167 12.3328C13.167 12.701 12.8685 12.9995 12.5003 12.9995C12.1321 12.9995 11.8337 12.701 11.8337 12.3328C11.8337 11.9647 12.1321 11.6662 12.5003 11.6662C12.8685 11.6662 13.167 11.9647 13.167 12.3328ZM16.5003 23.6662C19.8343 23.6662 22.5003 21.2222 22.5003 18.9995H10.5003C10.5003 21.2222 13.1663 23.6662 16.5003 23.6662Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2796 --icon-face-happy-aspect-ratio: 1.0; 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 --icon-face-wink: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewbox="0 0 33 33" fill="none"%3e %3cpath d="M11.167 18.9995C11.167 18.9995 13.167 21.6662 16.5003 21.6662C19.8337 21.6662 21.8337 18.9995 21.8337 18.9995M20.5003 12.3328H20.5137M11.167 12.3328H13.8337M29.8337 16.3328C29.8337 23.6966 23.8641 29.6662 16.5003 29.6662C9.13653 29.6662 3.16699 23.6966 3.16699 16.3328C3.16699 8.96905 9.13653 2.99951 16.5003 2.99951C23.8641 2.99951 29.8337 8.96905 29.8337 16.3328ZM21.167 12.3328C21.167 12.701 20.8685 12.9995 20.5003 12.9995C20.1321 12.9995 19.8337 12.701 19.8337 12.3328C19.8337 11.9647 20.1321 11.6662 20.5003 11.6662C20.8685 11.6662 21.167 11.9647 21.167 12.3328Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2812 --icon-face-wink-aspect-ratio: 1.0; 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 --icon-check-verified: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32" fill="none"%3e %3cpath d="M12.0003 16.0003L14.667 18.667L20.667 12.667M9.77868 5.09192C10.8505 5.00639 11.8679 4.58494 12.6863 3.88755C14.596 2.26014 17.4047 2.26014 19.3144 3.88755C20.1327 4.58494 21.1502 5.00639 22.222 5.09192C24.7231 5.29151 26.7091 7.27759 26.9087 9.77868C26.9943 10.8505 27.4157 11.8679 28.1131 12.6863C29.7405 14.596 29.7405 17.4047 28.1131 19.3144C27.4157 20.1327 26.9943 21.1502 26.9087 22.222C26.7091 24.7231 24.7231 26.7091 22.222 26.9087C21.1502 26.9943 20.1327 27.4157 19.3144 28.1131C17.4047 29.7405 14.596 29.7405 12.6863 28.1131C11.8679 27.4157 10.8505 26.9943 9.77868 26.9087C7.27759 26.7091 5.29151 24.7231 5.09192 22.222C5.00639 21.1502 4.58494 20.1327 3.88755 19.3144C2.26014 17.4047 2.26014 14.596 3.88755 12.6863C4.58494 11.8679 5.00639 10.8505 5.09192 9.77868C5.29151 7.27759 7.27759 5.29151 9.77868 5.09192Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2828 --icon-check-verified-aspect-ratio: 1.0; 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 --icon-filter-funnel: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32" fill="none"%3e %3cpath d="M29.333 27.2094C29.333 27.9562 29.333 28.3295 29.1877 28.6148C29.0599 28.8656 28.8559 29.0696 28.605 29.1974C28.3198 29.3428 27.9464 29.3428 27.1997 29.3428L4.79967 29.3428C4.05293 29.3428 3.67957 29.3428 3.39435 29.1974C3.14347 29.0696 2.93949 28.8656 2.81166 28.6148C2.66634 28.3295 2.66634 27.9562 2.66634 27.2094L2.66634 26.3169C2.66634 25.9585 2.66634 25.7793 2.71013 25.6127C2.74894 25.465 2.81282 25.3251 2.89899 25.1991C2.99623 25.0569 3.13165 24.9395 3.40249 24.7048L11.9302 17.3141C12.201 17.0794 12.3364 16.962 12.4337 16.8198C12.5199 16.6937 12.5837 16.5538 12.6225 16.4062C12.6663 16.2396 12.6663 16.0604 12.6663 15.702L12.6663 5.66648C12.6663 5.40573 12.6663 5.27535 12.7084 5.16263C12.7456 5.06303 12.806 4.97377 12.8847 4.90227C12.9737 4.82136 13.0948 4.77294 13.3369 4.6761L17.8702 2.86277C18.3603 2.66675 18.6053 2.56874 18.802 2.60961C18.974 2.64535 19.1249 2.74755 19.222 2.89398C19.333 3.06143 19.333 3.32534 19.333 3.85315L19.333 15.702C19.333 16.0604 19.333 16.2396 19.3768 16.4062C19.4156 16.5538 19.4795 16.6938 19.5657 16.8198C19.6629 16.962 19.7983 17.0794 20.0692 17.3141L28.5969 24.7048C28.8677 24.9395 29.0031 25.0569 29.1004 25.1991C29.1865 25.3251 29.2504 25.465 29.2892 25.6127C29.333 25.7793 29.333 25.9585 29.333 26.3169L29.333 27.2094Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2844 --icon-filter-funnel-aspect-ratio: 1.0; 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 --icon-droplets: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewbox="0 0 33 32" fill="none"%3e %3cpath d="M17.2467 8.10634C18.1637 6.6411
28597 18.8137 5.02507 19.1667 3.33301C19.8333 6.66634 21.8333 9.86634 24.5 11.9997C27.1667 14.133 28.5 16.6663 28.5 19.333C28.5076 21.1761 27.9678 22.9799 26.9491 24.5158C25.9303 26.0517 24.4784 27.2505 22.7775 27.9603C21.0766 28.6701 19.2032 28.8589 17.3949 28.5027C15.5866 28.1465 13.9247 27.2615 12.62 25.9597M9.83333 21.0397C12.7667 21.0397 15.1667 18.5997 15.1667 15.6397C15.1667 14.093 14.4067 12.6263 12.8867 11.3863C11.3667 10.1463 10.22 8.30634 9.83333 6.37301C9.44667 8.30634 8.31333 10.1597 6.78 11.3863C5.24667 12.613 4.5 14.1063 4.5 15.6397C4.5 18.5997 6.9 21.0397 9.83333 21.0397Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2860 --icon-droplets-aspect-ratio: 1.031; 2861 2862 2863 2864 } 2865</style> 2866 2867 2868 2869 2870</div><div id="shopify-section-sections--19530698424546__global_icons_9wxEfr" class="shopify-section shopify-section-group-0_global"> 2871<style> 2872 :root { 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 --icon-tiktok: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M19.619 2H4.38095C3.0681 2 2 3.0681 2 4.38095V19.619C2 20.9319 3.0681 22 4.38095 22H19.619C20.9319 22 22 20.9319 22 19.619V4.38095C22 3.0681 20.9319 2 19.619 2ZM17.7171 10.7252C17.609 10.7352 17.4995 10.7419 17.3886 10.7419C16.1395 10.7419 15.0419 10.0995 14.4033 9.12857C14.4033 11.6757 14.4033 14.5738 14.4033 14.6224C14.4033 16.8648 12.5852 18.6829 10.3429 18.6829C8.10048 18.6829 6.28238 16.8648 6.28238 14.6224C6.28238 12.38 8.10048 10.5619 10.3429 10.5619C10.4276 10.5619 10.5105 10.5695 10.5938 10.5748V12.5757C10.5105 12.5657 10.4286 12.5505 10.3429 12.5505C9.1981 12.5505 8.27048 13.4781 8.27048 14.6229C8.27048 15.7676 9.1981 16.6952 10.3429 16.6952C11.4876 16.6952 12.4986 15.7933 12.4986 14.6486C12.4986 14.6033 12.5186 5.3181 12.5186 5.3181H14.431C14.611 7.0281 15.9914 8.37762 17.7171 8.50143V10.7252Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2888 --icon-tiktok-aspect-ratio: 1.0; 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 --icon-youtube: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M22.5469 6.50353C22.2932 5.52471 21.5502 4.75294 20.6078 4.48941C18.8862 4 12 4 12 4C12 4 5.11366 4 3.39208 4.47059C2.46787 4.73412 1.70675 5.52471 1.45305 6.50353C1 8.29176 1 12 1 12C1 12 1 15.7271 1.45305 17.4965C1.70675 18.4753 2.44975 19.2471 3.39208 19.5106C5.13178 20 12 20 12 20C12 20 18.8862 20 20.6078 19.5294C21.5502 19.2659 22.2932 18.4941 22.5469 17.5153C22.9999 15.7271 22.9999 12.0188 22.9999 12.0188C22.9999 12.0188 23.018 8.29176 22.5469 6.50353ZM9.80721 15.4259V8.57412L15.5337 12L9.80721 15.4259Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2904 --icon-youtube-aspect-ratio: 1.0; 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 --icon-linkedin: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M20.1908 2H3.80916C2.81 2 2 2.81 2 3.80916V20.1908C2 21.19 2.81 22 3.80916 22H20.1908C21.19 22 22 21.19 22 20.1908V3.80916C22 2.81 21.19 2 20.1908 2ZM8.18885 19.2693C8.18885 19.5601 7.95314 19.7958 7.66236 19.7958H5.4212C5.13042 19.7958 4.89471 19.5601 4.89471 19.2693V9.8745C4.89471 9.58372 5.13042 9.34801 5.4212 9.34801H7.66236C7.95314 9.34801 8.18885 9.58372 8.18885 9.8745V19.2693ZM6.54178 8.46241C5.36592 8.46241 4.41267 7.50916 4.41267 6.3333C4.41267 5.15743 5.36592 4.20419 6.54178 4.20419C7.71764 4.20419 8.67089 5.15743 8.67089 6.3333C8.67089 7.50916 7.7177 8.46241 6.54178 8.46241ZM19.901 19.3117C19.901 19.5791 19.6843 19.7958 19.417 19.7958H17.012C16.7447 19.7958 16.528 19.5791 16.528 19.3117V14.905C16.528 14.2476 16.7208 12.0243 14.81 12.0243C13.3279 12.0243 13.0272 13.5461 12.9669 14.2291V19.3117C12.9669 19.5791 12.7502 19.7958 12.4828 19.7958H10.1568C9.88948 19.7958 9.67272 19.5791 9.67272 19.3117V9.83209C9.67272 9.56476 9.88948 9.34801 10.1568 9.34801H12.4828C12.7501 9.34801 12.9669 9.56476 12.9669 9.83209V10.6517C13.5164 9.82696 14.3332 9.19037 16.0722 9.19037C19.9231 9.19037 19.901 12.7881 19.901 14.7648V19.3117Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2920 --icon-linkedin-aspect-ratio: 1.0; 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 --icon-instagram: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"%3e %3cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.9956 1.98214C13.9333 1.98214 14.2782 1.99524 15.4393 2.04763C16.5131 2.09565 17.0936 2.27466 17.4821 2.42747C17.9972 2.6283 18.3639 2.86406 18.748 3.24826C19.1321 3.63247 19.3722 3.99921 19.5686 4.51439C19.7171 4.90296 19.9004 5.48363 19.9484 6.55765C20.0008 7.71899 20.0139 8.0639 20.0139 11.0022C20.0139 13.9405 20.0008 14.2854 19.9484 15.4467C19.9004 16.5207 19.7214 17.1014 19.5686 17.49C19.3679 18.0052 19.1321 18.3719 18.748 18.7561C18.3639 19.1403 17.9972 19.3804 17.4821 19.5769C17.0936 19.7253 16.5131 19.9087 15.4393 19.9567C14.2782 20.0091 13.9333 20.0222 10.9956 20.0222C8.05794 20.0222 7.7131 20.0091 6.55198 19.9567C5.47817 19.9087 4.89762 19.7297 4.50913 19.5769C3.99405 19.3761 3.62738 19.1403 3.24325 18.7561C2.85913 18.3719 2.61905 18.0052 2.42262 17.49C2.27421 17.1014 2.09087 16.5207 2.04286 15.4467C1.99048 14.2854 1.97738 13.9405 1.97738 11.0022C1.97738 8.0639 1.99048 7.71899 2.04286 6.55765C2.09087 5.48363 2.26984 4.90296 2.42262 4.51439C2.62341 3.99921 2.85913 3.63247 3.24325 3.24826C3.62738 2.86406 3.99405 2.62393 4.50913 2.42747C4.89762 2.27902 5.47817 2.09565 6.55198 2.04763C7.7131 1.99087 8.05794 1.98214 10.9956 1.98214ZM10.9956 0C8.00992 0 7.63452 0.0130978 6.46032 0.0654892C5.29048 0.117881 4.49167 0.305616 3.79325 0.576305C3.06865 0.855725 2.45754 1.23556 1.84643 1.84679C1.23532 2.45803 0.859921 3.07363 0.57619 3.79401C0.305556 4.49256 0.117857 5.29153 0.0654762 6.46597C0.0130952 7.63604 0 8.01151 0 10.9978C0 13.9841 0.0130952 14.3596 0.0654762 15.534C0.117857 16.7041 0.305556 17.5031 0.57619 18.206C0.855556 18.9307 1.23532 19.542 1.84643 20.1532C2.45754 20.7644 3.07302 21.1399 3.79325 21.4237C4.49167 21.6944 5.29048 21.8821 6.46468 21.9345C7.63889 21.9869 8.00992 22 11 22C13.9901 22 14.3611 21.9869 15.5353 21.9345C16.7052 21.8821 17.504 21.6944 18.2067 21.4237C18.9313 21.1443 19.5425 20.7644 20.1536 20.1532C20.7647 19.542 21.1401 18.9264 21.4238 18.206C21.6944 17.5074 21.8821 16.7085 21.9345 15.534C21.9869 14.3596 22 13.9885 22 10.9978C22 8.00714 21.9869 7.63604 21.9345 6.4616C21.8821 5.29153 21.6944 4.49256 21.4238 3.78964C21.1444 3.06489 20.7647 2.45366 20.1536 1.84243C19.5425 1.23
293512 18.927 0.855725 18.2067 0.571939C17.5083 0.30125 16.7095 0.113515 15.5353 0.0611232C14.3567 0.0130978 13.9813 0 10.9956 0ZM10.9956 5.34848C7.87892 5.34848 5.34717 7.87636 5.34717 10.998C5.34717 14.1197 7.87892 16.6475 10.9956 16.6475C14.1123 16.6475 16.644 14.1153 16.644 10.998C16.644 7.88072 14.1123 5.34848 10.9956 5.34848ZM10.9956 14.6654C8.97019 14.6654 7.32892 13.0238 7.32892 10.998C7.32892 8.97221 8.97019 7.33062 10.9956 7.33062C13.021 7.33062 14.6623 8.97221 14.6623 10.998C14.6623 13.0238 13.021 14.6654 10.9956 14.6654ZM18.1854 5.12574C18.1854 5.85394 17.5951 6.44426 16.8669 6.44426C16.1387 6.44426 15.5484 5.85394 15.5484 5.12574C15.5484 4.39754 16.1387 3.80722 16.8669 3.80722C17.5951 3.80722 18.1854 4.39754 18.1854 5.12574Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2936 --icon-instagram-aspect-ratio: 1.0; 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 --icon-facebook: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M23 12.0692C23 5.98113 18.05 1 12 1C5.95 1 1 5.98113 1 12.0692C1 17.6038 5.05625 22.1698 10.2812 23V15.2516H7.4625V12.0692H10.2812V9.6478C10.2812 6.8805 11.9312 5.35849 14.4062 5.35849C15.6438 5.35849 16.8813 5.56604 16.8813 5.56604V8.26415H15.5063C14.1313 8.26415 13.7188 9.09434 13.7188 9.99371V12.0692H16.7437L16.2625 15.2516H13.7188V23C18.9438 22.1698 23 17.6038 23 12.0692Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2952 --icon-facebook-aspect-ratio: 1.0; 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 --icon-twitter: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M14.093 10.3155L22.283 1H20.3422L13.2308 9.08852L7.55101 1H1L9.58902 13.2313L1 23H2.94088L10.4507 14.4583L16.449 23H23L14.0925 10.3155H14.093ZM11.4347 13.339L10.5644 12.1211L3.6402 2.42965H6.62127L12.2092 10.2509L13.0795 11.4689L20.3431 21.6354H17.3621L11.4347 13.3395V13.339Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2968 --icon-twitter-aspect-ratio: 1.0; 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 --icon-pinterest: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M12.009 1C5.92915 1 1 5.92105 1 11.991C1 16.6497 3.8995 20.6299 7.99504 22.2311C7.89537 21.3627 7.81382 20.0238 8.03129 19.074C8.23063 18.2146 9.31794 13.6102 9.31794 13.6102C9.31794 13.6102 8.99174 12.9498 8.99174 11.9819C8.99174 10.4531 9.87972 9.31332 10.9852 9.31332C11.9275 9.31332 12.3805 10.0189 12.3805 10.8602C12.3805 11.801 11.7825 13.2122 11.4654 14.5238C11.2026 15.6184 12.0181 16.514 13.0963 16.514C15.0535 16.514 16.5576 14.4515 16.5576 11.4844C16.5576 8.85197 14.6639 7.01562 11.9547 7.01562C8.81959 7.01562 6.98022 9.35855 6.98022 11.7829C6.98022 12.7237 7.34265 13.7368 7.7957 14.2887C7.88631 14.3972 7.89537 14.4967 7.86819 14.6053C7.78664 14.949 7.59636 15.6998 7.56012 15.8536C7.51481 16.0526 7.39702 16.0979 7.18862 15.9984C5.81136 15.3561 4.95057 13.3569 4.95057 11.7377C4.95057 8.27303 7.46951 5.08882 12.2265 5.08882C16.0412 5.08882 19.0131 7.80263 19.0131 11.4391C19.0131 15.2294 16.6211 18.278 13.3047 18.278C12.1903 18.278 11.1392 17.699 10.7858 17.0115C10.7858 17.0115 10.2331 19.1102 10.0972 19.6258C9.85253 20.5847 9.18202 21.7788 8.72898 22.5115C9.76192 22.8281 10.8492 23 11.9909 23C18.0708 23 23 18.0789 23 12.009C23.0181 5.92105 18.0889 1 12.009 1Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 2984 --icon-pinterest-aspect-ratio: 1.0; 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 --icon-snapchat: url('data:image/svg+xml;utf8,%3csvg stroke="currentColor" data-icon-handle="snapchat" aria-label="snapchat" fill="currentColor" stroke-width="0" role="img" width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e %3cpath d="M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.
2999659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z"%3e%3c/path%3e %3c/svg%3e') no-repeat 50% 50% / contain; 3000 --icon-snapchat-aspect-ratio: 1.0; 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 --icon-tumblr: url('data:image/svg+xml;utf8,%3csvg stroke="currentColor" data-icon-handle="tumblr" aria-label="tumblr" fill="currentColor" stroke-width="0" role="img" width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e %3cpath d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"%3e%3c/path%3e %3c/svg%3e') no-repeat 50% 50% / contain; 3016 --icon-tumblr-aspect-ratio: 1.0; 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 --icon-twitch: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"%3e %3cpath d="M3.53846 1L2 4.92857V19.8571H6.61538V23H9.69231L12.7692 19.8571H16.6154L22 14.3571V1H3.53846ZM19.6923 13.5714L16.6154 16.7143H12L8.92308 19.8571V16.7143H5.07692V3.35714H19.6923V13.5714Z" fill="currentColor"%3e%3c/path%3e %3cpath d="M17.25 6.70316H15V12.75H17.25V6.70316Z" fill="currentColor"%3e%3c/path%3e %3cpath d="M12 6.70316H9.75V12.75H12V6.70316Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3032 --icon-twitch-aspect-ratio: 1.0; 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 --icon-discord: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewbox="0 0 22 18" fill="none"%3e %3cpath d="M18.6361 1.87222C17.212 1.20592 15.6893 0.721684 14.0973 0.445953C13.9018 0.79943 13.6734 1.27486 13.5159 1.65307C11.8236 1.39857 10.1469 1.39857 8.48573 1.65307C8.32828 1.27486 8.09468 0.79943 7.89741 0.445953C6.30374 0.721684 4.77928 1.2077 3.35518 1.87575C0.482756 6.21636 -0.29591 10.4491 0.0934236 14.6218C1.99856 16.0445 3.84487 16.9088 5.66003 17.4743C6.1082 16.8575 6.50791 16.2018 6.85224 15.5108C6.19644 15.2616 5.56832 14.9541 4.97482 14.5971C5.13227 14.4805 5.28628 14.3585 5.43508 14.233C9.05501 15.9261 12.9882 15.9261 16.5648 14.233C16.7154 14.3585 16.8694 14.4805 17.0251 14.5971C16.4299 14.9559 15.8 15.2634 15.1442 15.5126C15.4885 16.2018 15.8865 16.8593 16.3364 17.4761C18.1533 16.9106 20.0014 16.0463 21.9065 14.6218C22.3633 9.78463 21.1261 5.59071 18.6361 1.87222ZM7.34541 12.0557C6.25874 12.0557 5.36759 11.0412 5.36759 9.80583C5.36759 8.57045 6.23972 7.55424 7.34541 7.55424C8.45114 7.55424 9.34226 8.56868 9.32323 9.80583C9.32495 11.0412 8.45114 12.0557 7.34541 12.0557ZM14.6545 12.0557C13.5678 12.0557 12.6767 11.0412 12.6767 9.80583C12.6767 8.57045 13.5488 7.55424 14.6545 7.55424C15.7602 7.55424 16.6514 8.56868 16.6323 9.80583C16.6323 11.0412 15.7602 12.0557 14.6545 12.0557Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3048 --icon-discord-aspect-ratio: 1.222; 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 --icon-droplets: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewbox="0 0 24 25" fill="none"%3e %3cpath d="M12 22C13.8565 22 15.637 21.2625 16.9497 19.9497C18.2625 18.637 19 16.8565 19 15C19 13 18 11.1 16 9.5C14 7.9 12.5 5.5 12 3C11.5 5.5 10 7.9 8 9.5C6 11.1 5 13 5 15C5 16.8565 5.7375 18.637 7.05025 19.9497C8.36301 21.2625 10.1435 22 12 22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3064 --icon-droplets-aspect-ratio: 0.96; 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 --icon-wind: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewbox="0 0 24 25" fill="none"%3e %3cpath d="M21 18.5C21 18.5 19.8096 18.0305 19 17.8021C13.8797 16.3574 10.1203 20.6426 5 19.1979C4.19041 18.9695 3 18.5 3 18.5M21 12.5C21 12.5 19.8096 12.0305 19 11.8021C13.8797 10.3574 10.1203 14.6426 5 13.1979C4.19041 12.9695 3 12.5 3 12.5M21 6.5C21 6.5 19.8096 6.03048 19 5.80206C13.8797 4.35739 10.1203 8.64261 5 7.19794C4.19041 6.96952 3 6.5 3 6.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3080 --icon-wind-aspect-ratio: 0.96; 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 --icon-stars: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewbox="0 0 24 25" fill="none"%3e %3cpath d="M6.5 13.5L7.28446 15.0689C7.54995 15.5999 7.68269 15.8654 7.86003 16.0954C8.01739 16.2996 8.20041 16.4826 8.40455 16.64C8.63462 16.8173 8.9001 16.9501 9.43108 17.2155L11 18L9.43108 18.7845C8.9001 19.0499 8.63462 19.1827 8.40455 19.36C8.20041 19.5174 8.01739 19.7004 7.86003 19.9046C7.68269 20.1346 7.54995 20.4001 7.28446 20.9311L6.5 22.5L5.71554 20.9311C5.45005 20.4001 5.31731 20.1346 5.13997 19.9046C4.98261 19.7004 4.79959 19.5174 4.59545 19.36C4.36538 19.1827 4.0999 19.0499 3.56892 18.7845L2 18L3.56892 17.2155C4.0999 16.9501 4.36538 16.8173 4.59545 16.64C4.79959 16.4826 4.98261 16.2996 5.13997 16.0954C5.31731 15.8654 5.45005 15.5999 5.71554 15.0689L6.5 13.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e %3cpath d="M15 2.5L16.1786 5.56442C16.4606 6.29765 16.6016 6.66426 16.8209 6.97264C17.0153 7.24595 17.254 7.48475 17.5274 7.67909C17.8357 7.89836 18.2024 8.03937 18.9356 8.32138L22 9.5L18.9356 10.6786C18.2024 10.9606 17.8357 11.1016 17.5274 11.3209C17.254 11.5153 17.0153 11.754 16.8209 12.0274C16.6016 12.3357 16.4606 12.7024 16.1786 13.4356L15 16.5L13.8214 13.4356C13.5394 12.7024 13.3984 12.3357 13.1791 12.0274C12.9847 11.754 12.746 11.5153 12.4726 11.3209C12.1643 11.1016 11.7976 10.9606 11.0644 10.6786L8 9.5L11.0644 8.32138C11.7976 8.03937 12.1643 7.89836 12.4726 7.67909C12.746 7.48475 12.9847 7.24595 13.1791 6.97264C13.3984 6.66426 13.5394 6.29765 13.8214 5.56442L15 2.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3096 --icon-stars-aspect-ratio: 0.96; 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 --icon-currency-dollar: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32" fill="none"%3e %3cpath d="M11.3327 19.5559C11.3327 21.2741 12.7256 22.667 14.4438 22.667H17.3327C19.1736 22.667 20.666 21.1746 20.666 19.3337C20.666 17.4927 19.1736 16.0003 17.3327 16.0003H14.666C12.8251 16.0003 11.3327 14.5079 11.3327 12.667C11.3327 10.826 12.8251 9.33366 14.666 9.33366H17.5549C19.2731 9.33366 20.666 10.7266 20.666 12.4448M15.9993 7.33366V9.33366M15.9993 22.667V24.667M29.3327 16.0003C29.3327 23.3641 23.3631 29.3337 15.9993 29.3337C8.63555 29.3337 2.66602 23.3641 2.66602 16.0003C2.66602 8.63653 8.63555 2.66699 15.9993 2.66699C23.3631 2.66699 29.3327 8.63653 29.3327 16.0003Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3112 --icon-currency-dollar-aspect-ratio: 1.0; 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 --icon-clock-check: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32" fill="none"%3e %3cpath d="M19.3327 25.3337L21.9993 28.0003L27.9993 22.0003M29.3129 16.7335C29.326 16.4908 29.3327 16.2463 29.3327 16.0003C29.3327 8.63653 23.3631 2.66699 15.9993 2.66699C8.63555 2.66699 2.66602 8.63653 2.66602 16.0003C2.66602 23.2475 8.44803 29.1443 15.6507 29.3292M15.9993 8.00033V16.0003L20.9838 18.4926" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3128 --icon-clock-check-aspect-ratio: 1.0; 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 --icon-refresh: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewbox="0 0 33 32" fill="none"%3e %3cpath d="M23.166 6.83432C25.9945 8.89503 27.8327 12.2331 27.8327 16.0005C27.8327 22.2597 22.7586 27.3338 16.4993 27.3338H15.8327M9.83268 25.1666C7.00424 23.1059 5.16602 19.7678 5.16602 16.0005C5.16602 9.74123 10.2401 4.66712 16.4993 4.66712H17.166M17.8327 29.8671L15.166 27.2005L17.8327 24.5338M15.166 7.46712L17.8327 4.80046L15.166 2.13379" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3144 --icon-refresh-aspect-ratio: 1.031; 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 --icon-small-wave: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="22" height="4" viewbox="0 0 22 4" fill="none"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.41713 3.58902C4.8873 3.84334 4.27014 4 3.50003 4C2.71124 4 2.08572 3.84593 1.55196 3.58766C1.05303 3.34624 0.672558 3.02898 0.384793 2.78902C0.376397 2.78202 0.36808 2.77509 0.359841 2.76822C-0.0644362 2.41466 -0.12176 1.78409 0.231804 1.35982C0.585368 0.935539 1.21593 0.878215 1.64021 1.23178C1.94959
31591.4896 2.16158 1.6608 2.42309 1.78734C2.66433 1.90407 2.98881 2 3.50003 2C3.97991 2 4.30025 1.90666 4.55167 1.78598C4.82439 1.65507 5.05281 1.47715 5.37533 1.21913C5.3837 1.21243 5.39214 1.20568 5.40066 1.19886C5.69985 0.95938 6.08847 0.648314 6.58292 0.410977C7.11275 0.156659 7.72991 0 8.50002 0C9.28881 0 9.91433 0.15407 10.4481 0.412341C10.947 0.653761 11.3275 0.971022 11.6153 1.21098C11.6237 1.21798 11.632 1.22491 11.6402 1.23178C11.9496 1.4896 12.1616 1.6608 12.4231 1.78734C12.6643 1.90407 12.9888 2 13.5 2C13.9799 2 14.3002 1.90666 14.5517 1.78598C14.8244 1.65507 15.0528 1.47715 15.3753 1.21913C15.3837 1.21243 15.3921 1.20568 15.4007 1.19886C15.6998 0.95938 16.0885 0.648314 16.5829 0.410977C17.1127 0.156659 17.7299 0 18.5 0C19.2888 0 19.9143 0.15407 20.4481 0.412341C20.947 0.65376 21.3275 0.971019 21.6153 1.21097L21.6402 1.23178C22.0645 1.58534 22.1218 2.21591 21.7682 2.64018C21.4147 3.06446 20.7841 3.12179 20.3598 2.76822C20.0505 2.5104 19.8385 2.3392 19.577 2.21266C19.3357 2.09593 19.0112 2 18.5 2C18.0201 2 17.6998 2.09334 17.4484 2.21402C17.1757 2.34493 16.9472 2.52285 16.6247 2.78087L16.5994 2.80114C16.3002 3.04062 15.9116 3.35169 15.4171 3.58902C14.8873 3.84334 14.2701 4 13.5 4C12.7112 4 12.0857 3.84593 11.552 3.58766C11.053 3.34624 10.6726 3.02898 10.3848 2.78902C10.3764 2.78202 10.3681 2.77509 10.3598 2.76822C10.0505 2.5104 9.83847 2.3392 9.57696 2.21266C9.33572 2.09593 9.01124 2 8.50002 2C8.02014 2 7.6998 2.09334 7.44838 2.21402C7.17566 2.34493 6.94724 2.52285 6.62472 2.78087C6.61635 2.78757 6.60791 2.79432 6.59939 2.80114C6.30021 3.04062 5.91158 3.35169 5.41713 3.58902Z" fill="currentColor"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3160 --icon-small-wave-aspect-ratio: 5.5; 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 --icon-zoom-in: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewbox="0 0 24 25" fill="none"%3e %3cpath d="M21 21.333L16.65 16.983M11 8.33301V14.333M8 11.333H14M19 11.333C19 15.7513 15.4183 19.333 11 19.333C6.58172 19.333 3 15.7513 3 11.333C3 6.91473 6.58172 3.33301 11 3.33301C15.4183 3.33301 19 6.91473 19 11.333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3176 --icon-zoom-in-aspect-ratio: 0.96; 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 --icon-arrow-right-thin: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 36 36" fill="none"%3e %3cpath d="M6 18L30 18M30 18L21 9M30 18L21 27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3192 --icon-arrow-right-thin-aspect-ratio: 1.0; 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 --icon-arrow-left-thin: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewbox="0 0 36 36" fill="none"%3e %3cpath d="M30 18L6 18M6 18L15 27M6 18L15 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3e%3c/path%3e%3c/svg%3e') no-repeat 50% 50% / contain; 3208 --icon-arrow-left-thin-aspect-ratio: 1.0; 3209 3210 3211 3212 } 3213</style> 3214 3215 3216 3217 3218</div><div id="shopify-section-sections--19530698424546__global_swatches_7dRPPr" class="shopify-section shopify-section-group-0_global"> 3219<style> 3220 :root { 3221 3222 3223 3224 3225 3226 --swatch-light-blue: #69bff6 center center/cover no-repeat; 3227 3228 3229 3230 3231 3232 3233 --swatch-dark-grey: #555555 center center/cover no-repeat; 3234 3235 3236 3237 3238 3239 3240 --swatch-dark-red: #ba0606 center center/cover no-repeat; 3241 3242 3243 3244 3245 3246 3247 --swatch-dark-blue: #034e98 center center/cover no-repeat; 3248 3249 3250 3251 3252 3253 3254 --swatch-dark-green: #149d5e center center/cover no-repeat; 3255 3256 3257 3258 3259 3260 3261 --swatch-light-white: #f3f3f3 center center/cover no-repeat; 3262 3263 3264 3265 3266 3267 3268 --swatch-light-green: #83eaab center center/cover no-repeat; 3269 3270 3271 3272 3273 3274 3275 --swatch-light-beige: #f3f2b6 center center/cover no-repeat; 3276 3277 3278 3279 3280 3281 3282 --swatch-light-pink: #f8ceff center center/cover no-repeat; 3283 3284 3285 3286 3287 3288 3289 --swatch-light-yellow: #fffd91 center center/cover no-repeat; 3290 3291 3292 3293 3294 3295 3296 --swatch-light-grey: #d2d2d2 center center/cover no-repeat; 3297 3298 3299 3300 3301 3302 3303 --swatch-dark-black: #111111 center center/cover no-repeat; 3304 3305 3306 3307 3308 3309 3310 --swatch-other: #d6d6d6 center center/cover no-repeat; 3311 3312 3313 3314 3315 3316 3317 --swatch-multi: linear-gradient(57deg, rgba(249, 119, 255, 1) 8%, rgba(54, 212, 255, 1) 29%, rgba(205, 252, 53, 1) 43.885%, rgba(255, 126, 239, 1) 64%, rgba(43, 252, 135, 1) 85%) center center/cover no-repeat; 3318 3319 3320 3321 3322 } 3323</style> 3324 3325 3326 3327 3328</div> 3329<!-- END sections: 0_global --></div> 3330 3331 3332 3333 3334 <div id="shopify-section-global_page_transitions" class="shopify-section z-max">
3334<script> 3335 window.page_transitions_enabled = false; 3336 window.page_transitions_ignore = ["pages\/store-locator","pages\/contact","pages\/referral"]; 3337</script>
3337 3338 3339
3339<script> 3340 window.page_transitions_enabled = true; 3341 </script>
3341 3342 3343 3344 3345 <div class="pointer-events-none fixed inset-0 z-max @container"> 3346 <div class="pointer-events-none relative flex h-full w-full -translate-x-full items-center justify-center opacity-0 transition-all [&.out-active:not(.active)]:translate-x-full ease-in-out group ac:pointer-events-auto ac:opacity-100 ac:translate-x-0 " 3347 style="--transition-logo-height: 150px; --transition-logo-height-md: 150px; 3348 --transition-background: #ffffff; --transition-background-md: #ffffff;" 3349 x-effect="$el.classList.toggle('active', $editor?.select_section_id === 'global_page_transitions' && 'page_transition' === 'page_transition')" 3350 data-transition-overlay> 3351 <div class="flex h-full w-full items-center justify-center px-[--gutter] bg-[--transition-background] md:bg-[--transition-background-md]"> 3352 <div class="relative"> 3353 <picture class="relative flex h-[--transition-logo-height] w-full max-w-sm opacity-30 md:h-[--transition-logo-height-md]"> 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 <img src="//hiseltzers.com/cdn/shop/files/logo.svg?crop=center&height=600&v=1749597615&width=38" 3364 3365 width="38" 3366 height="600" 3367 alt="hi Seltzers" 3368 class="relative w-full h-full object-contain select-none" 3369 style="object-position: 50.0% 50.0%;" 3370 3371 loading="lazy" 3372 3373 3374 srcset="//hiseltzers.com/cdn/shop/files/logo.svg?v=1749597615&width=48 48w" 3375 data-image="lazy"> 3376 3377 3378 3379 3380 3381 </picture> 3382 <picture class="absolute inset-0 flex h-[--transition-logo-height] md:h-[--transition-logo-height-md] w-full max-w-sm !animation-pause group-ac:!animation-play" 3383 style="animation: transitioning 2.6s ease-in-out infinite;"> 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 <img src="//hiseltzers.com/cdn/shop/files/logo.svg?crop=center&height=600&v=1749597615&width=38" 3394 3395 width="38" 3396 height="600" 3397 alt="hi Seltzers" 3398 class="relative w-full h-full object-contain select-none" 3399 style="object-position: 50.0% 50.0%;" 3400 3401 loading="lazy" 3402 3403 3404 srcset="//hiseltzers.com/cdn/shop/files/logo.svg?v=1749597615&width=48 48w" 3405 data-image="lazy"> 3406 3407 3408 3409 3410 3411 </picture> 3412 </div> 3413 </div> 3414 3415 </div> 3416 </div> 3417 3418 3419 3420 3421 3422</div> 3423 3424 3425 <a href="#main-content" 3426 class="bg-white text-sm font-medium p-1 text-gray-700 left-1/2 absolute top-0 z-[101] -translate-y-full transition-all duration-300 -translate-x-1/2 focus-visible:translate-y-0">Skip to main content</a> 3427 3428 3429 3430 <div data-dynamic-modals></div> 3431 3432 3433 3434 3435 3436 <style> .product-card--product-card { color: #273426; background-color: rgba(0,0,0,0); } .product-card--product-card { border-radius: 24px; max-width: unset; max-height: unset; height: 100%; background-color: var(--color_2); padding: 16px; position: relative;}.product-card--product-card form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px;}.product-card--product-card.card-loading { width: 100%; height: auto; aspect-ratio: 0.66; background: rgba(185,185,185, 0.2);}@media (min-width: 768px) { .product-card--product-card:hover .group { opacity: 1; visibility: visible; transition: opacity .2s ease-in; }}@media (max-width: 768px) { .product-card--product-card { border-radius: 16px; padding: 8px; } .product-card--product-card form { gap: 16px; } .product-card--product-card.card-loading { //aspect-ratio: 0.58; }}.product-card--product-card .bv_main_container { justify-content: center;} [data-style-id="sections--19530698359010__card_product_card_C646WT--AaEI0NmJ2UUFXSGE2a__card_product_card_container_7hnQLp"] { background-color: rgba(0,0,0,0); } [data-style-id="sections--19530698359010__card_product_card_C646WT--AaEI0NmJ2UUFXSGE2a__card_product_card_container_7hnQLp"] { position: absolute; display: block; width: 100%; height: 100%; margin-left: -16px; margin-top: -16px; padding: 0; opacity: 0; z-index: 2; visibility: hidden; border-radius: 24px; overflow: hidden; background-color: var(--color_2, #ffffff);} [data-style-id="sections--19530698359010__card_product_card_C646WT--AcVlDR0tKRDZqT0M5M__card_product_card_image_3dLVkB"] { width: 100%; height: 100%; border-radius: 24px; position: absolute; object-fit: cover; padding: 0; opacity: 1; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_C646WT--Abmt
3436yV2Ntbko4OVo1V__card_product_card_container_cma64B"] { } [data-style-id="sections--19530698359010__card_product_card_C646WT--AbmtyV2Ntbko4OVo1V__card_product_card_container_cma64B"] { position: relative; top: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 3; padding: 16px;} [data-style-id="sections--19530698359010__card_product_card_C646WT--AcmhJeXNaSHp4M0NFM__card_product_card_richtext_JczDmq"] { color: #ffffff; }[data-style-id="sections--19530698359010__card_product_card_C646WT--AcmhJeXNaSHp4M0NFM__card_product_card_richtext_JczDmq"] strong { position: absolute; top: 16px; left: 16px; width: calc(100% - 32px);} [data-style-id="sections--19530698359010__card_product_card_C646WT--AS1MrTHJ1VkNORGVrM__card_product_card_container_tQTNjN"] { } [data-style-id="sections--19530698359010__card_product_card_C646WT--AS1MrTHJ1VkNORGVrM__card_product_card_container_tQTNjN"] { //position: relative;} [data-style-id="sections--19530698359010__card_product_card_C646WT--ASDErd2lNeEJ6bVpwT__card_product_card_image_Rdpwty"] { width: 100%; aspect-ratio: 1; position: relative; object-fit: cover;}[data-style-id="sections--19530698359010__card_product_card_C646WT--ASDErd2lNeEJ6bVpwT__card_product_card_image_Rdpwty"] img:last-of-type { //z-index: -10; //position: absolute;}[data-style-id="sections--19530698359010__card_product_card_C646WT--ASDErd2lNeEJ6bVpwT__card_product_card_image_Rdpwty"] img:first-of-type { //object-position: bottom;} [data-style-id="sections--19530698359010__card_product_card_C646WT--ASGdnaHRPcU1TbFJaN__card_product_card_container_ppkdnQ"] { } [data-style-id="sections--19530698359010__card_product_card_C646WT--ASGdnaHRPcU1TbFJaN__card_product_card_container_ppkdnQ"] { position: absolute; top: 16px; left: 16px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_C646WT--AejJmc0hncDg2MXcyd__card_product_card_richtext_fVx8zk"] {} [data-style-id="sections--19530698359010__card_product_card_C646WT--ASHNXVElaNkpjQXYzN__card_product_card_labels_aQ6cHe"] { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_C646WT--AVGJCcHhhbi9tN2V0Z__card_product_card_container_MqfAhe"] { } [data-style-id="sections--19530698359010__card_product_card_C646WT--AVGJCcHhhbi9tN2V0Z__card_product_card_container_MqfAhe"] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; position: relative; padding: 0; flex: 1; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_C646WT--AVGJCcHhhbi9tN2V0Z__card_product_card_container_MqfAhe"] { gap: 4px; }} [data-style-id="sections--19530698359010__card_product_card_C646WT--AUzRzNzYreG1DNXU4b__card_product_card_richtext_7HhyiY"] { color: var(--New-Green, #273426);text-align: center;/* richtext-md/P1/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ text-transform: uppercase; flex: 1;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_C646WT--AUzRzNzYreG1DNXU4b__card_product_card_richtext_7HhyiY"] { font-size: var(--richtext-md-h5, 13px); line-height: 135%; /* 17.55px */ }} [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, c
3436alc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] { display: flex; align-items: center; gap: 8px; --star-size: 16px; --star-gap: 2px; color: #273426;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw"] { --star-size: 12px; }} [data-style-id="sections--19530698359010__card_product_card_C646WT--AYUdQYzV2K3UybENmR__custom_liquid_X9xT4h"] { color: var(--New-Green, #273426); text-align: center; /* richtext-md/H6/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_C646WT--AYUdQYzV2K3UybENmR__custom_liquid_X9xT4h"] { font-size: var(--richtext-md-h6, 11px); margin-top: 4px; }} [data-style-id="sections--19530698359010__card_product_card_C646WT--AZXZ0bjBidHZyUTRha__card_product_card_cta_button_QrrXiX"] { margin-top: 16px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_C646WT--AZXZ0bjBidHZyUTRha__card_product_card_cta_button_QrrXiX"] { margin-top: 12px; }} .product-card--product-card-bundle { color: #273426; background-color: rgba(0,0,0,0); } .product-card--product-card-bundle { border-radius: 24px; max-width: unset; max-height: unset; height: 100%; background-color: var(--color_2); padding: 16px; position: relative;}.product-card--product-card-bundle form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px;}.product-card--product-card-bundle.card-loading { width: 100%; height: auto; aspect-ratio: 0.66; background: rgba(185,185,185, 0.2);}@media (min-width: 768px) { .product-card--product-card-bundle:hover .group { opacity: 1; visibility: visible; transition: opacity .2s ease-in; }}@media (max-width: 768px) { .product-card--product-card-bundle { border-radius: 16px; padding: 8px; } .product-card--product-card-bundle form { gap: 16px; } .product-card--product-card-bundle.card-loading { //aspect-ratio: 0.58; }}.product-card--product-card-bundle .bv_main_container { justify-content: center;} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AV3hSWmhxOU9WQXRlU__card_product_card_container_XAGnCy"] { } [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AV3hSWmhxOU9WQXRlU__card_product_card_container_XAGnCy"] { //position: relative;} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ATnVSMW4zczBrNDVKa__card_product_card_image_3RgPLy"] { width: 100%; aspect-ratio: 1; position: relative; object-fit: cover;}[data-style-id="sections--19530698359010__card_product_card_eWkh7D--ATnVSMW4zczBrNDVKa__card_product_card_image_3RgPLy"] img:last-of-type { //z-index: -10; //position: absolute;}[data-style-id="sections--19530698359010__card_product_card_eWkh7D--ATnVSMW4zczBrNDVKa__card_product_card_image_3RgPLy"] img:first-of-type { //object-position: bottom;} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AZkVCRzVMZTVCZ0VnT__card_product_card_container_qhQ3r7"] { } [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AZkVCRzVMZTVCZ0VnT__card_product_card_container_qhQ3r7"] { position: absolute; top: 16px;
3436 left: 16px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AV3dFcWZaSkV5OFFhN__card_product_card_richtext_BxbJ4R"] {} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AVDFicllkMXFkRTBvV__card_product_card_labels_tLnA6M"] { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--Ac3VvUVFRMXBYcjV2a__card_product_card_container_hAEr6t"] { } [data-style-id="sections--19530698359010__card_product_card_eWkh7D--Ac3VvUVFRMXBYcjV2a__card_product_card_container_hAEr6t"] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; position: relative; padding: 0; flex: 1; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_eWkh7D--Ac3VvUVFRMXBYcjV2a__card_product_card_container_hAEr6t"] { gap: 4px; }} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AK3Q4L21JODROak52V__custom_liquid_RLHahi"] { color: var(--New-Green, #273426);text-align: center;/* richtext-md/P1/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ text-transform: uppercase; flex: 1;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AK3Q4L21JODROak52V__custom_liquid_RLHahi"] { }} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] { display: flex; align-items: center; gap: 8px; --star-size: 16px; --star-gap: 2px; color: #273426;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR"] { --star-size: 12px; }} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARnF3dURmTWVRa0NJM__custom_liquid_j8hVBP"] { color: var(--New-Green, #273426); text-align: center; /* richtext-md/H6/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARnF3dURmTWVRa0NJM__custom_liquid_j8hVBP"] { font-size: var(--richtext-md-h6, 11px); margin-top: 4px; }} [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AY2VxZjdmOEl0NHN2S__card_product_card_cta_button_wpETRQ"] { margin-top: 16px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_eWkh7D--AY2VxZjdmOEl0NHN2S__card_product_card_cta_button_wpETRQ"] { margin-top: 12px; }} .product-card--product-card-pdp { color: #273426; background-color: rgba(0,0,0,0); } .product-card--product-card-pdp { border-radius: 24px; max-width: unset; max-height: unset; height: 100%; background-color: var(--color_2); padding: 16px; position: relative;}.product-card--product-card-pdp form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px;}.product-card--product-card-pdp.card-loading { width: 100%; height: auto; aspect-ratio: 0.66; background: rgba(185,185,185, 0.2);}@media (min-width: 768px) { .product-card--product-card-pdp:hover .group { opacity: 1; visibility: visible; transition: opacity .2s ease-in; }}@media (max-width: 768px) { .product-card--product-card-pdp { border-radius: 16px; padding: 8px; } .product-card--product-card-pdp form { gap: 16px; } .product-card--product-card-pdp.card-loading { //aspect-ratio: 0.58; }}.product-card--product-card-pdp .bv_main_container { justify-content: center;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMnNjZHFIV2ZxVWJkZ__card_product_card_container_tGFyWV"] { background-color: rgba(0,0,0,0); } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMnNjZHFIV2ZxVWJkZ__card_product_card_container_tGFyWV"] { position: absolute; display: block; width: 100%; height: 100%; margin-left: -16px; margin-top: -16px; padding: 0; opacity: 0; z-index: 2; visibility: hidden; border-radius: 24px; overflow: hidden; background-color: var(--color_2, #ffffff);} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AcGNKNmZFaWxTRUx6Q__card_product_card_image_RiLHAB"] { width: 100%; height: 100%; border-radius: 24px; position: absolute; object-fit: cover; padding: 0; opacity: 1; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDJYMWE5U3hKSEhUM__card_product_card_container_inyGnQ"] { } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDJYMWE5U3hKSEhUM__card_product_card_container_inyGnQ"] { position: relative; top: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 3; padding: 16px;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMWNrNmk1KzIxS1ZwT__card_product_card_richtext_k3NURa"] { color: #ffffff; }[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMWNrNmk1KzIxS1ZwT__card_product_card_richtext_k3NURa"] strong { position: absolute; top: 16px;
3436 left: 16px; width: calc(100% - 32px);} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AandldXJiRktiblJ6S__card_product_card_cta_button_jEzW6g"] { margin-top: 12px; position: absolute; bottom: 16px; left: 16px; width: calc(100% - 32px);} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDZaUUxnQ09mM0N5M__card_product_card_container_cBrhCG"] { } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDZaUUxnQ09mM0N5M__card_product_card_container_cBrhCG"] { //position: relative;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AWGw0SHhWWDV0ZjB1c__card_product_card_image_tjncep"] { width: 100%; aspect-ratio: 1; position: relative; object-fit: cover;}[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AWGw0SHhWWDV0ZjB1c__card_product_card_image_tjncep"] img:last-of-type { //z-index: -10; //position: absolute;}[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AWGw0SHhWWDV0ZjB1c__card_product_card_image_tjncep"] img:first-of-type { //object-position: bottom;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASGRCcXJERHU4eWJKR__card_product_card_container_8kKdXB"] { } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASGRCcXJERHU4eWJKR__card_product_card_container_8kKdXB"] { position: absolute; top: 16px; left: 16px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARGdqaWt4U1ArZUlVN__card_product_card_richtext_Qx4pnz"] {} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMWtxS0UrUjQ5dG96Y__card_product_card_labels_3azN87"] { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMkpvbUs1N2FzeUlPZ__card_product_card_container_BenPRf"] { } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMkpvbUs1N2FzeUlPZ__card_product_card_container_BenPRf"] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; position: relative; padding: 0; flex: 1; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMkpvbUs1N2FzeUlPZ__card_product_card_container_BenPRf"] { gap: 4px; }} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ATE5jNnh3OUFRSzFLS__card_product_card_richtext_rN4gwB"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ATE5jNnh3OUFRSzFLS__card_product_card_richtext_rN4gwB"] {text-align: center;/* richtext-md/P1/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ text-transform: uppercase;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ATE5jNnh3OUFRSzFLS__card_product_card_richtext_rN4gwB"] { font-size: var(--richtext-md-h5, 13px); line-height: 135%; /* 17.55px */ }} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, c
3436alc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] { display: flex; align-items: center; gap: 8px; --star-size: 16px; --star-gap: 2px; color: #273426;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ"] { --star-size: 12px; }} [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARWV4d1BiZVpSYlZJb__card_product_card_price_zprPVf"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARWV4d1BiZVpSYlZJb__card_product_card_price_zprPVf"] {}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARWV4d1BiZVpSYlZJb__card_product_card_price_zprPVf"] { margin-top: 4px; }} .product-card--product-card-featured { color: #273426; background-color: rgba(0,0,0,0); } .product-card--product-card-featured { max-width: unset; max-height: unset; height: 100%; position: relative;}.product-card--product-card-featured form { height: 100%; display: grid; grid-template-columns: 7fr 5fr; gap: 24px; padding: 0 48px; border-radius: 64px; border: 1px solid var(--color_1); background: var(--color_3);}.product-card--product-card-featured.card-loading { width: 100%; height: auto; background: rgba(185,185,185, 0.2);}@media (min-width: 768px) { .product-card--product-card-featured:hover .group { opacity: 1; visibility: visible; transition: opacity .2s ease-in; }}@media (max-width: 1024px) { .product-card--product-card-featured { } .product-card--product-card-featured form { gap: 12px; padding: 56px 0; grid-template-columns: 1fr; border-radius: 24px 24px 0px 0px; border-bottom: 0px; } .product-card--product-card-featured.card-loading { //aspect-ratio: 0.58; }}.product-card--product-card-featured .bv_main_container { justify-content: center;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzFzZ0Q5TEh5a3k1Z__card_product_card_container_4nCGFh"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzFzZ0Q5TEh5a3k1Z__card_product_card_container_4nCGFh"] { padding: 0 var(--gutter);}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzFzZ0Q5TEh5a3k1Z__card_product_card_container_4nCGFh"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, c
3436alc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] { --star-size: 16px; --star-gap: 4px; display: flex; gap: 8px; --color-review-stars--hex: var(--color_1, #354434) !important;}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUlNiZFpaczRIeWJ5V__card_product_card_richtext_rPeRtW"] { margin-top: 12px;}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUlNiZFpaczRIeWJ5V__card_product_card_richtext_rPeRtW"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AVW91QWdNNW5tbDRMV__card_product_card_richtext_CpqfwF"] { margin-top: 16px;}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AVW91QWdNNW5tbDRMV__card_product_card_richtext_CpqfwF"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3T
3436XP"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3TXP"] { //position: relative; padding: 100px 0;}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3TXP"] { width: 100%; max-width: 786px; height: 100%; }}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3TXP"] { max-width: unset; width: 100%; padding: 0; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ATEJtWXBNclVPOTNjM__card_product_card_container_XqVUaY"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ATEJtWXBNclVPOTNjM__card_product_card_container_XqVUaY"] { display: grid; grid-template-columns: repeat(10, 1fr); gap: 16px; position: relative; height: 100%;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ATEJtWXBNclVPOTNjM__card_product_card_container_XqVUaY"] { gap: 0; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AV2VqWHhlT3ZnVkxNO__card_product_card_container_pLTyxU"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AV2VqWHhlT3ZnVkxNO__card_product_card_container_pLTyxU"] { width: 100%; grid-column: span 8; position: relative;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AV2VqWHhlT3ZnVkxNO__card_product_card_container_pLTyxU"] { grid-column: span 10; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] { padding: 0 var(--gutter);}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] .grid-container { position: relative; object-fit: cover; --grid-cols: 1.2; --grid-gap: 8px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap); scroll-padding-left: var(--container-md); scroll-padding-right: var(--container-md); margin-left: calc(var(--container-md) * -1); margin-right: calc(var(--container-md) * -1); padding-left: var(--container-md); padding-right: var(--container-md);}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] picture { aspect-ratio: 1;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] img { border-radius: 16px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] img:first-of-type { background: var(--color_2);}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q"] { width: 100%; aspect-ratio: 1; position: relative; object-fit: contain; background: var(--color_2); border-radius: 24px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q"] img:last-of-type { //z-index: -10; //position: absolute;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q"] img:first-of-type { object-position: bottom;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQUtwM0YzVjFhMHh2a__card_product_card_container_gEMBXV"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQUtwM0YzVjFhMHh2a__card_product_card_container_gEMBXV"] { position: absolute; top: 24px; right: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQUtwM0YzVjFhMHh2a__card_product_card_container_gEMBXV"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AN3BYY1RBbzJBVW9mO__card_product_card_richtext_afayyt"] {} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYjZsd0huZmV6cmdNM__card_product_card_labels_fTVrTr"] { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8"] { height: 100%; display: flex; flex-direction: column; gap: 12px; grid-column: span 2;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8"] div { //max-width: 137px; width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 12px; align-items: center; text-align: center; background: var(--color_2); border-radius: 24px; height: 100%;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8"] div :first-child { color: var(--New-Green, #273426); text-align: center; font-family: var(--Family-Tertiary, Inter); font-size: 48px; font-style: normal; font-weight: 700; line-height: 150%; /* 72px */}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8"] div :last-child { color: var(--New-Green, #273426); text-align: center; /* richtext-md/H4/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-h4, 20px); font-style: normal; font-weight: 700; line-height: 150%; /* 30px */}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AS0VHdVcwZ0FjMFR4Z__card_product_card_container_e7zr9k"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AS0VHdVcwZ0FjMFR4Z__card_product_card_container_e7zr9k"] { display: flex; flex-direction: column; align-items: start; gap: 8px; position: relative; padding: 0; flex: 1; gap: 24px; padding: 56px 0 64px 46px; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AS0VHdVcwZ0FjMFR4Z__card_product_card_container_e7zr9k"] { padding: 0 var(--gutter); }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSn
3436hOU1ZBb00ve__card_product_card_product_facts_QTKrwA"] { height: 100%; display: flex; gap: 6px; width: 100%; justify-content: center;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA"] div { max-width: 137px; width: 100%; display: flex; flex-direction: column; justify-content: start; padding: 6px 4px; align-items: center; text-align: center; background: var(--color_2); border-radius: 12px; height: 100%;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA"] div :first-child { color: var(--New-Green, #273426); text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; /* 48px */}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA"] div :last-child { color: var(--New-Green, #273426); text-align: center; font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 11px); font-style: normal; font-weight: 700; line-height: 120%; /* 13.2px */ text-transform: uppercase;/}@media (min-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] { --star-size: 16px; --star-gap: 4px; display: flex; gap: 8px; --color-review-stars--hex: var(--color_1, #354434) !important; margin-bottom: -12px;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AajlvaHcvR2NXd1huc__card_product_card_richtext_k9trzL"] { color: var(--New-Green, #273426);/* richtext-md/P1/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AajlvaHcvR2NXd1huc__card_product_card_richtext_k9trzL"] { font-size: var(--richtext-md-h5, 13px); line-height: 135%; /* 17.55px */ }}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AajlvaHcvR2NXd1huc__card_product_card_richtext_k9trzL"] { display: none; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] {}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] legend { margin-bottom: 6px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] fieldset { gap: 8px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label { display: flex; flex-direction: column; width: 88px; height: 126px; border-radius: 16px; border: 1.5px solid var(--Neutral-White, #FFF); outline-width: 2px; outline-offset: 2px; --primary-swatch: unset !important; --fallback-swatch: unset !important; justify-content: space-between; overflow: hidden; border: 1.5px solid transparent; background: unset !important;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label.active { border: 1.5px solid var(--New-Green, #273426); outline-style: unset;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label picture { overflow: hidden; background: var(--color_2) !important; }[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label img { width: 120px; position: absolute; inset: 0;
3436 left: -18px; max-width: unset;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label span { background: var(--transparent-70, rgba(255, 255, 255, 0.70)); display: flex; padding: 6px 0px; justify-content: center; align-items: center; align-self: stretch; height: 36px; font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; text-transform: uppercase; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] { margin-top: 8px; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] fieldset { gap: 4px; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label { display: flex; flex-direction: column; width: 75px; height: 112px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label img { width: 110px;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"] label span { font-size: var(--single-type-styles-Selector, 10px); }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUE5la1ZzSlhkREM3L__card_product_card_subscription_selector_Ayjitr"] { width: 100%;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUE5la1ZzSlhkREM3L__card_product_card_subscription_selector_Ayjitr"] .input-select-rounded { width: 100%; color: #666; background-color: #FFF;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdHU5U0xYNGNoNitDV__card_product_card_container_QabrPQ"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdHU5U0xYNGNoNitDV__card_product_card_container_QabrPQ"] { display: flex; align-items: center; gap: 12px; width: 100%;}@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdHU5U0xYNGNoNitDV__card_product_card_container_QabrPQ"] { margin-bottom: 8px; flex-direction: column; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] { margin: 0; padding: 0; display: flex; align-items: center; max-width: 105px; width: 100%;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] .quantity-stepper { min-height: 55px;}[data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] legend { margin-bottom: 11px;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] .quantity-stepper span:first-of-type { display: none; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] { max-width: unset; width: 100%; } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer"] .quantity-stepper { width: 100%; place-content: center; min-height: 42px; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ARnR6OWY0VTQwSXBHS__card_product_card_cta_button_JV6MjP"] {}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--ARnR6OWY0VTQwSXBHS__card_product_card_cta_button_JV6MjP"] { }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdXV4d3FCTS9qU1Nob__card_product_card_container_hQGRY8"] { } [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdXV4d3FCTS9qU1Nob__card_product_card_container_hQGRY8"] { display: flex; flex-wrap: wrap; row-gap: 16px; column-gap: 24px; max-width: 490px;} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AK29JYXoxZ3pNVlRqV__card_product_card_richtext_DGyJB8"] svg { width: 24px !important; height: 24px !important; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AK29JYXoxZ3pNVlRqV__card_product_card_richtext_DGyJB8"] svg { width: 16px !important; height: 16px !important; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYjFsZW5QU0VJekJ6a__
3436card_product_card_richtext_XzTdEx"] svg { width: 24px !important; height: 24px !important; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYjFsZW5QU0VJekJ6a__card_product_card_richtext_XzTdEx"] svg { width: 16px !important; height: 16px !important; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYlR3M0NmcVJJbGFKc__card_product_card_richtext_ReRWWU"] svg { width: 24px !important; height: 24px !important; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYlR3M0NmcVJJbGFKc__card_product_card_richtext_ReRWWU"] svg { width: 16px !important; height: 16px !important; }} [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Abll3eGxtMFQxbTAvS__card_product_card_richtext_7rBkPp"] svg { width: 24px !important; height: 24px !important; }@media (max-width: 1024px) { [data-style-id="sections--19530698359010__card_product_card_6qkR4f--Abll3eGxtMFQxbTAvS__card_product_card_richtext_7rBkPp"] svg { width: 16px !important; height: 16px !important; }} .product-card--product-card-minimal { color: #273426; background-color: rgba(0,0,0,0); } .product-card--product-card-minimal { border-radius: 24px; max-width: unset; max-height: unset; height: 100%; background-color: var(--color_2); padding: 16px;}.product-card--product-card-minimal form { height: 100%; display:flex; flex-direction: column;}.product-card--product-card-minimal.card-loading { width: 100%; height: auto; aspect-ratio: 0.617; background: rgba(185,185,185, 0.2);}@media (max-width: 768px) { .product-card--product-card-minimal { border-radius: 16px; padding: 12px; } .product-card--product-card-minimal.card-loading { aspect-ratio: 0.728; }}.product-card--product-card-minimal .bv_main_container { justify-content: center;} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--Aajh1enVMU2kyZDRNb__card_product_card_container_PzW6Bz"] { } [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--Aajh1enVMU2kyZDRNb__card_product_card_container_PzW6Bz"] { position: relative;} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AR0xleEZuMzJSRUdjU__card_product_card_image_NK8yEL"] { width: 100%; aspect-ratio: 193/154; position: relative; object-fit: contain;}[data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AR0xleEZuMzJSRUdjU__card_product_card_image_NK8yEL"] img:last-of-type { //z-index: -10;}[data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AR0xleEZuMzJSRUdjU__card_product_card_image_NK8yEL"] img:first-of-type { object-position: bottom;} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AdytNWWt6YW9hekt2O__card_product_card_container_pTirqD"] { } [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AdytNWWt6YW9hekt2O__card_product_card_container_pTirqD"] { position: absolute; top: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AUEJiRm5BUjkvelZXS__card_product_card_richtext_XahL4P"] {} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AYjI0WCswanh1bzBVS__card_product_card_labels_aFamnE"] { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px 3px; z-index: 1;} [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AWkxNd0VRVTRrUEZMZ__card_product_card_richtext_qDXXVc"] { color: var(--New-Green, #273426);text-align: center;/* richtext-md/P1/bold */ font-family: var(--Family-Tertiary, Inter); font-size: var(--richtext-md-p1, 16px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ text-transform: uppercase;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AWkxNd0VRVTRrUEZMZ__card_product_card_richtext_qDXXVc"] { font-size: var(--richtext-md-h5, 13px); line-height: 135%; /* 17.55px */ }} .product-card--product-card-flat { color: #273426; } .product-card--product-card-flat {}.product-card--product-card-flat form { display: flex; align-items: center; gap: 12px;}.product-card--product-card-flat.card-loading { width: 100%; height: auto; aspect-ratio: 4.837; background: rgba(185,185,185, 0.2);} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AM0s4VzRIaWp3cjhuO__card_product_card_image_7APTKH"] { aspect-ratio: 1; object-fit: cover; padding: 0; width: 72px; height: 72px; border-radius: 8px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AM0s4VzRIaWp3cjhuO__card_product_card_image_7APTKH"] { width: 64px; height: 64px; }} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--ATE96V29lS2tuaDJ3T__card_product_card_container_HarCqY"] { } [data-style-id="sections--19530698359010__card_product_card_cnFnEK--ATE96V29lS2tuaDJ3T__card_product_card_container_HarCqY"] { display: flex; flex-direction: column; flex: 1; gap: 8px; position: relative; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_cnFnEK--ATE96V29lS2tuaDJ3T__card_product_card_container_HarCqY"] {}} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ab25LZ1F0MHFBR3hha__card_product_card_richtext_87tADy"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ab25LZ1F0MHFBR3hha__card_product_card_richtext_87tADy"] {} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ac0xVOEVoeHZLUGh2R__card_product_card_richtext_VUbNGB"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ac0xVOEVoeHZLUGh2R__card_product_card_richtext_VUbNGB"] .label-primary { padding: 4px 6px; border-radius: 4px;}[data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ac0xVOEVoeHZLUGh2R__card_product_card_richtext_VUbNGB"] .label-primary p { font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 10px); font-style: normal; font-weight: 700; line-height: 120%; /* 12px */ text-transform: uppercase;} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AU1RDMld5ZXRhK3U2e__card_product_card_price_fz4dAb"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_cnFnEK--AU1RDMld5ZXRhK3U2e__card_product_card_price_fz4dAb"] { margin: 0; padding: 0;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AU1RDMld5ZXRhK3U2e__card_product_card_price_fz4dAb"] { }} [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AemdFTVBjYUZKdnlJd__card_product_card_cta_button_XtHDqm"] { width: fit-content; flex-shrink: 1; padding: 20px 32px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_cnFnEK--AemdFTVBjYUZKdnlJd__card_product_card_cta_button_XtHDqm"] { padding: 14px 24px; }} .product-card--product-card-flat-bundle { color: #273426; } .product-card--product-card-flat-bundle { }.product-card--product-card-flat-bundle form { display: flex; align-items: center; gap: 12px; background-color: var(--color_2); border-radius: 16px; padding: 6px 8px;}.product-card--product-card-flat-bundle.card-loading { width: 100%; height: auto; aspect-ratio: 4.837; background: rgba(185,185,185, 0.2);} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AdytNM3pibnpGblRGc__card_product_card_image_iMfdzJ"] { aspect-ratio: 1; object-fit: cover; padding: 0; width: 72px; height: 72px; border-radius: 8px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AdytNM3pibnpGblRGc__card_product_card_image_iMfdzJ"] { width: 64px; height: 64px; }} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AaTRGK0svWldLdFRwa__card_product_card_container_akphMp"] { } [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AaTRGK0svWldLdFRwa__card_product_card_container_akphMp"] { display: flex; flex-direction: column; flex: 1; gap: 4px; position: relative; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AaTRGK0svWldLdFRwa__card_product_card_container_akphMp"] {}} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--ARGk5dGdaMGRyVlJua__custom_liquid_3bAXeg"] { color: var(--New-Green, #273426);/* richtext-md/P1/bold */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 700; line-height: 135%; /* 17.55px */ text-transform: uppercase; flex: 1;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_YwYKFa--ARGk5dGdaMGRyVlJua__custom_liquid_3bAXeg"] { font-size: var(--richtext-md-h5, 13px); }} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZS9VOUhEK0Q3djRIM__card_product_card_richtext_PpcMc7"] { color: #273426; }[data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZS9VOUhEK0Q3djRIM__card_product_card_richtext_PpcMc7"] .label-primary { padding: 4px 6px; border-radius: 4px;}[data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZS9VOUhEK0Q3djRIM__card_product_card_richtext_PpcMc7"] .label-primary p { font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 10px); font-style: normal; font-weight: 700; line-height: 120%; /* 12px */ text-transform: uppercase;} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZnlaVjA4bkt6Qy9JQ__custom_liquid_AyGD8x"] { color: var(--New-Green, #273426); /* richtext-md/H6/regular */ font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZnlaVjA4bkt6Qy9JQ__custom_liquid_AyGD8x"] { font-size: var(--richtext-md-h6, 11px); }} [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZC82SGFpcHYxT01KU__card_product_card_cta_button_4fQbtg"] { width: fit-content; flex-shrink: 1; padding: 20px 32px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZC82SGFpcHYxT01KU__card_product_card_cta_button_4fQbtg"] { padding: 14px 24px; }} .product-card--product-card-ugc { color: #273426; background-color: #ffffff; } .product-card--product-card-ugc { border-radius: 24px; padding: 4px 12px;}.product-card--product-card-ugc form { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%;}.product-card--product-card-ugc.card-loading { width: 100%; height: auto; aspect-ratio: 4.837; background: rgba(185,185,185, 0.2);}@media (max-width: 768px) { .product-card--product-card-ugc { padding: 16px 24px; } .product-card--product-card-ugc form { gap: 12px; }} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AM0d0d3BLQ21ZWmloc__card_product_card_container_8ndpgg"] { } [data-style-id="sections--19530698359010__card_product_card_czqUDR--AM0d0d3BLQ21ZWmloc__card_product_card_container_8ndpgg"] { display: flex; width: 100%; gap: 24px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_czqUDR--AM0d0d3BLQ21ZWmloc__card_product_card_container_8ndpgg"] { gap: 12px; }} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AQVFrZnYvNmJlclhwY__card_product_card_image_Uap4Ey"] { aspect-ratio: 1; object-fit: cover; padding: 0; border-radius: 30px; width: 100px; height: 100px; background-color: var(--color_2);}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_czqUDR--AQVFrZnYvNmJlclhwY__card_product_card_image_Uap4Ey"] { width: 80px; height: 80px; }} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AUFdXc2hnZkpuRzdPL__card_product_card_container_RLJWcG"] { } [data-style-id="sections--19530698359010__card_product_card_czqUDR--AUFdXc2hnZkpuRzdPL__card_product_card_container_RLJWcG"] { display: flex; flex-direction: column; justify-content: center; flex: 1; gap: 6px; position: relative; padding: 0; max-width: 272px; width: 100%; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_czqUDR--AUFdXc2hnZkpuRzdPL__card_product_card_container_RLJWcG"] {}} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AMUErWmJINnZRQ0JQQ__card_product_card_richtext_pQxg4K"] {} [data-style-id="sections--19530698359010__card_product_card_czqUDR--ARCs1aVlISUNtNUQxO__card_product_card_richtext_p9imtq"] { color: #666666; }[data-style-id="sections--19530698359010__card_product_card_czqUDR--ARCs1aVlISUNtNUQxO__card_product_card_richtext_p9imtq"] {} [data-style-id="sections--19530698359010__card_product_card_czqUDR--Aa0tvbGNTb1QvVkhFV__card_product_card_price_f8Q
3436hL6"] { margin: 0; padding: 0;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_czqUDR--Aa0tvbGNTb1QvVkhFV__card_product_card_price_f8QhL6"] { }} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AUkNUK2p0V0tOOVNzb__card_product_card_sibling_selector_select_QLwgFU"] { width: 100%; }[data-style-id="sections--19530698359010__card_product_card_czqUDR--AUkNUK2p0V0tOOVNzb__card_product_card_sibling_selector_select_QLwgFU"] .input-select { display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 999px; border: 1px solid var(--New-Green, #273426); min-height: 48px; padding: 8px 12px;}[data-style-id="sections--19530698359010__card_product_card_czqUDR--AUkNUK2p0V0tOOVNzb__card_product_card_sibling_selector_select_QLwgFU"] .input-select::before { content: ""; width: 24px; height: 24px; border-radius: 100%; background: var(--color_1); flex-shrink:0;} [data-style-id="sections--19530698359010__card_product_card_czqUDR--AUlNoQjJuYm96TXZRU__card_product_card_cta_button_VQPzJM"] { width: 100%; flex-shrink: 1;} .product-card--product-card-upsell-cart { color: #273426; background-color: #ffffff; } .product-card--product-card-upsell-cart { border-radius: 24px;}.product-card--product-card-upsell-cart form { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%;}.product-card--product-card-upsell-cart.card-loading { width: 100%; height: auto; aspect-ratio: 4.837; background: rgba(185,185,185, 0.2);}@media (max-width: 768px) { .product-card--product-card-upsell-cart { } .product-card--product-card-upsell-cart form { gap: 12px; }} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AaTRDRXFkZzdNU2tnN__card_product_card_container_FqAecG"] { } [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AaTRDRXFkZzdNU2tnN__card_product_card_container_FqAecG"] { display: flex; align-items: center; width: 100%; gap: 24px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AaTRDRXFkZzdNU2tnN__card_product_card_container_FqAecG"] { gap: 8px; }} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AcEcrU1pHZUdhWndqb__card_product_card_image_PpMiJF"] { aspect-ratio: 1; object-fit: cover; padding: 0; border-radius: 8px; width: 64px; height: 64px; background-color: var(--color_2);}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AcEcrU1pHZUdhWndqb__card_product_card_image_PpMiJF"] { }} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AWk1PSFhUQ0MrK2VJR__card_product_card_container_yUXNHE"] { } [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AWk1PSFhUQ0MrK2VJR__card_product_card_container_yUXNHE"] { display: flex; flex-direction: column; justify-content: center; //flex: 1; gap: 8px; position: relative; padding: 0; width: 100%; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AWk1PSFhUQ0MrK2VJR__card_product_card_container_yUXNHE"] {}} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AVDdKbTNmWkkwczUyT__card_product_card_richtext_qaefWe"] {} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--ATFBMYnlIekJNQzczd__card_product_card_price_JQMad3"] { color: #666666; }[data-style-id="sections--19530698359010__card_product_card_n9r8AG--ATFBMYnlIekJNQzczd__card_product_card_price_JQMad3"] { margin: 0; padding: 0;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_n9r8AG--ATFBMYnlIekJNQzczd__card_product_card_price_JQMad3"] { }} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AQWVicWkwZVJaaHA4d__card_product_card_cta_button_RWKxKC"] { width: 100%; flex-shrink: 1; max-width: 100px; padding: 20px 32px;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AQWVicWkwZVJaaHA4d__card_product_card_cta_button_RWKxKC"] { padding: 16px 32px; font-size: var(--single-type-styles-button, 16px); }} [data-style-id="sections--19530698359010__card_product_card_n9r8AG--AY294V09OSmR2STFLe__card_product_card_sibling_selector_select_8QfLgN"] { width: 100%; }[data-style-id="sections--19530698359010__card_product_card_n9r8AG--AY294V09OSmR2STFLe__card_product_card_sibling_selector_select_8QfLgN"] .input-select { display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 999px; border: 1px solid var(--New-Green, #273426); min-height: 48px; padding: 8px 12px;}[data-style-id="sections--19530698359010__card_product_card_n9r8AG--AY294V09OSmR2STFLe__card_product_card_sibling_selector_select_8QfLgN"] .input-select::before { content: ""; width: 24px; height: 24px; border-radius: 100%; background: var(--color_1); flex-shrink:0;} .collection-card--collection-card { color: #273426; } .collection-card--collection-card { display: flex; flex-direction: column; align-items: stretch; justify-content: start;}.collection-card--collection-card.card-loading { width: 100%; height: auto; aspect-ratio: 1; background: rgba(185,185,185, 0.2);} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--ATXdlcURKcXh0amZac__card_image_tgxWnP"] { width: 100%; aspect-ratio: 1; position: relative; object-fit: cover;}[data-style-id="sections--19530698359010__card_collection_card_bftUfN--ATXdlcURKcXh0amZac__card_image_tgxWnP"] img:last-of-type { z-index: -10;}[data-style-id="sections--19530698359010__card_collection_card_bftUfN--ATXdlcURKcXh0amZac__card_image_tgxWnP"] img:first-of-type { object-position: bottom;} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AUmZ2V2pTcStRak1VZ__card_text_YgJFLe"] { margin-top: 8px;} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AUDVjaCtzcXpGcDhTN__card_text_FqcxYN"] { color: #818181; }[data-style-id="sections--19530698359010__card_collection_card_bftUfN--AUDVjaCtzcXpGcDhTN__card_text_FqcxYN"] {} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AOEw3K2V0QTJ5NXlaM__card_text_fMz4eP"] { color: #272727; }[data-style-id="sections--19530698359010__card_collection_card_bftUfN--AOEw3K2V0QTJ5NXlaM__card_text_fMz4eP"] {margin-top: 4px;} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AVU44b2Z6OHVEZDUwa__card_container_KTrPkX"] { } [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AVU44b2Z6OHVEZDUwa__card_container_KTrPkX"] { flex: 1;} [data-style-id="sections--19530698359010__card_collection_card_bftUfN--AQlg4NnJTWGJJMmIyc__card_button_NDNndN"] { margin-top: 12px;} .collection-card--collection-card-flat { color: #273426; } .collection-card--collection-card-flat { display: flex; gap: 14px; align-items: center; padding: 8px; border-radius: 8px; transition: background 0.1s;}.collection-card--collection-card-flat:where(:hover,:focus-within,:focus) { background: #f3f3f3;}.collection-card--collection-card-flat.card-loading { width: 100%; height: auto; aspect-ratio: 1; background: rgba(185,185,185, 0.2);} [data-style-id="sections--19530698359010__card_collection_card_kgMNfc--AeGFHRUx2anBOQlA2b__card_image_m3JEBy"] { width: 90px; height: 90px; border-radius: 6px; overflow: clip;} [data-style-id="sections--19530698359010__card_collection_card_kgMNfc--AM0NuSzJkaTBqRTRzM__card_text_GNjWWr"] { padding: 0; color: #020202; flex: 1;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_collection_card_kgMNfc--AM0NuSzJkaTBqRTRzM__card_text_GNjWWr"] {}} .article-card--article-card { color: #020202; } .article-card--article-card { display: flex; flex-direction: column; align-items: stretch; justify-content: start; border-radius: 24px; background: var(--Secondary-Beige, #F9F7E9); overflow: hidden;}.article-card--article-card.card-loading { width: 100%; height: auto; aspect-ratio: 1.238; background: rgba(185,185,185, 0.2);}@media (max-width: 768px) { .article-card--article-card.card-loading { aspect-ratio: 1.244;}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AR0xJaEhCTTVPaW1CT__card_container_EyhRaD"] { } [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AR0xJaEhCTTVPaW1CT__card_container_EyhRaD"] { display: flex; align-items: center; justify-content: center; position: relative; background: white; padding: 0; margin: 0 0 16px 0; } [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AdmgwRDNuc3N5T1VmV__card_image_QLADVy"] { display: block; width: 100%; height: auto; aspect-ratio: 429/322; border: unset; background: unset; object-fit: cover; padding: 0;} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AU1JhbW90MDEzN0tnM__card_container_zkN9tH"] { } [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AU1JhbW90MDEzN0tnM__card_container_zkN9tH"] { display: flex; align-items: start; justify-content: start; position: relative; background: transparent; position: absolute; top: 16px;
3436 left: 16px; padding: 8px; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AU1JhbW90MDEzN0tnM__card_container_zkN9tH"] {}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AVnc0cmpBdG9KUHBEe__card_labels_bVkP3T"] { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AVnc0cmpBdG9KUHBEe__card_labels_bVkP3T"] {}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AbXZZeGRzL2JWbTYyR__card_container_i96DhJ"] { } [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AbXZZeGRzL2JWbTYyR__card_container_i96DhJ"] { display: flex; flex-direction: column; align-items: center; text-align: left; gap: 24px; justify-content: center; position: relative; padding: 24px; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AbXZZeGRzL2JWbTYyR__card_container_i96DhJ"] {}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AQXB0NXRNb3hOTWpTV__card_text_DqQNgh"] { margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--AQXB0NXRNb3hOTWpTV__card_text_DqQNgh"] {}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--Ac0ZTM2VweXVZU05kM__card_text_F6ezdy"] { color: #666666; }[data-style-id="sections--19530698359010__card_article_card_WW4yTD--Ac0ZTM2VweXVZU05kM__card_text_F6ezdy"] { margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--Ac0ZTM2VweXVZU05kM__card_text_F6ezdy"] {}} [data-style-id="sections--19530698359010__card_article_card_WW4yTD--Aa09XQkRFSVZpMWtjM__card_button_EfRyqp"] { margin: 0; padding: 0; margin-right: auto;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_WW4yTD--Aa09XQkRFSVZpMWtjM__card_button_EfRyqp"] { }} .article-card--recipe-card { color: #020202; } .article-card--recipe-card { display: flex; flex-direction: column; align-items: stretch; justify-content: start; border-radius: 24px; background: var(--Secondary-Beige, #F9F7E9); overflow: hidden;}.article-card--recipe-card.card-loading { width: 100%; height: auto; aspect-ratio: 1.238; background: rgba(185,185,185, 0.2);}@media (max-width: 768px) { .article-card--recipe-card.card-loading { aspect-ratio: 1.244;}} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AQy9hL2FZNm9pczBNY__card_container_nAKaiC"] { } [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AQy9hL2FZNm9pczBNY__card_container_nAKaiC"] { display: flex; align-items: center; justify-content: center; position: relative; background: white; padding: 0; margin: 0 0 16px 0; } [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AOStyZ01HOEZhZHJjd__card_image_XnzLkX"] { display: block; width: 100%; height: auto; aspect-ratio: 429/544; border: unset; background: unset; object-fit: cover; padding: 0;} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AejY1UnMvVWlEQ29SO__card_container_dJi3BL"] { } [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AejY1UnMvVWlEQ29SO__card_container_dJi3BL"] { display: flex; align-items: start; justify-content: start; position: relative; background: transparent; position: absolute; top: 16px; left: 16px; padding: 8px; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AejY1UnMvVWlEQ29SO__card_container_dJi3BL"] {}} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AYVFmbHNjbUh5ZkNRa__card_labels_gWe7Be"] { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AYVFmbHNjbUh5ZkNRa__card_labels_gWe7Be"] {}} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AMk5ESHVNWjdTSy9rS__card_container_VqnR6h"] { } [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AMk5ESHVNWjdTSy9rS__card_container_VqnR6h"] { display: flex; flex-direction: column; align-items: center; text-align: left; gap: 15px; justify-content: center; position: relative; padding: 24px; padding-top: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AMk5ESHVNWjdTSy9rS__card_container_VqnR6h"] {}} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--ANmY0dUVYa3J3dlo5Z__card_text_JMptzp"] { margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--ANmY0dUVYa3J3dlo5Z__card_text_JMptzp"] {}} [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AR1FKVnhJMEhqcXlzY__card_button_y6gVNA"] { margin: 0; padding: 0; margin: auto;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AR1FKVnhJMEhqcXlzY__card_button_y6gVNA"] { }} .article-card--article-card-flat { color: #020202; background-color: rgba(0,0,0,0); } .article-card--article-card-flat { display: flex; align-items: center; height: 100%; gap: 12px;}.article-card--article-card-flat.card-loading { width: 100%; height: auto; aspect-ratio: 1; background: rgba(185,185,185, 0.2);} [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AeVZJRGdyVkx6Ly9PR__card_image_dbbezC"] { width: 100px; height: 100px; object-fit: cover; flex-shrink: 0;} [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AdDdFT0JWaGpGS0JkY__card_container_fLemgJ"] { } [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AdDdFT0JWaGpGS0JkY__card_container_fLemgJ"] { display: flex; flex-direction: column; gap: 6px; position: relative; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AdDdFT0JWaGpGS0JkY__card_container_fLemgJ"] {}} [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AOEduWTNEeWZPWmc1Y__card_text_yLrcq4"] { margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AOEduWTNEeWZPWmc1Y__card_text_yLrcq4"] {}} [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--Ad0pTbkV2L2V6ZXlHb__card_text_LRdH77"] { margin: 0; padding: 0; }@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--Ad0pTbkV2L2V6ZXlHb__card_text_LRdH77"] {}} [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AWW9uZnlDcGVGN2RMV__card_button_VqPMh4"] { width: max-content;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AWW9uZnlDcGVGN2RMV__card_button_VqPMh4"] { }} .line-item-card--line-item-card { background-color: rgba(0,0,0,0); } .line-item-card--line-item-card { display: grid; grid-template-columns: max-content 1fr; gap: 16px;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ASVQ4WWZjZ1BSTDVaV__card_line_item_card_container_wJwBWb"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ASVQ4WWZjZ1BSTDVaV__card_line_item_card_container_wJwBWb"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ATFRHQllwNVFtOUxVM__card_line_item_card_image_xmbkwG"] { aspect-ratio: 1; object-fit: cover; padding: 0; border-radius: 8px; width: 72px; height: 72px; background-color: var(--color_2);} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AVU00aFFDUWs1M1JoV__card_line_item_card_container_9rUJDX"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AVU00aFFDUWs1M1JoV__card_line_item_card_container_9rUJDX"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ASmpGMFdRZmVva0tme__card_line_item_card_image_c9dwpm"] { aspect-ratio: 1; object-fit: cover; padding: 0; border-radius: 8px; width: 72px; height: 72px; background-color: var(--color_2);} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUtaM0VnSGFkblJDQ__card_line_item_card_container_Hxxf8y"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUtaM0VnSGFkblJDQ__card_line_item_card_container_Hxxf8y"] { display: grid; grid-template-columns: 1fr max-content; gap: 0px 12px; align-items: center;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUpDekNxanZUOC9lO__card_line_item_card_container_Fhig9p"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUpDekNxanZUOC9lO__card_line_item_card_container_Fhig9p"] { flex: 1; min-height: 100%; display: flex; flex-direction: column; gap: 6px;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ANWdINndNc1JCYW5aT__card_line_item_card_container_jVMKAQ"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ANWdINndNc1JCYW5aT__card_line_item_card_container_jVMKAQ"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AeTM1N0hUd1RDV0JpR__card_line_item_card_richtext_nfAq86"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AOUZmbit5MnlSaW5pM__card_line_item_card_container_pCfw8k"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AOUZmbit5MnlSaW5pM__card_line_item_card_container_pCfw8k"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AcmY4bGc1NFhrRzhPc__
3436card_line_item_card_richtext_HWQRp6"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AMmdnU0gyTks2b1RlV__card_line_item_card_richtext_HwkEDB"] { color: #818181; }[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AMmdnU0gyTks2b1RlV__card_line_item_card_richtext_HwkEDB"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ad0VmZDlPeHJzZEpwa__card_line_item_card_container_pngxhF"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ad0VmZDlPeHJzZEpwa__card_line_item_card_container_pngxhF"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZm5OV1FLeFlmYkRnb__card_line_item_card_discounts_BJjmKJ"] { color: #d11b45; } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZm5OV1FLeFlmYkRnb__card_line_item_card_discounts_BJjmKJ"] li { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZm5OV1FLeFlmYkRnb__card_line_item_card_discounts_BJjmKJ"] li { font-size: var(--richtext-md-h6, 11px); }} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AbzV0WTZnQ3BNUldUS__card_line_item_card_container_QnrqiB"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AbzV0WTZnQ3BNUldUS__card_line_item_card_container_QnrqiB"] { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; height: 100%;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AN1Ntc01IbjVjM1RvY__card_line_item_card_price_g9Ti9L"] { display: flex; flex-direction: row; gap: 6px;}[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AN1Ntc01IbjVjM1RvY__card_line_item_card_price_g9Ti9L"] .discounted-price { color: #D11B45;}[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AN1Ntc01IbjVjM1RvY__card_line_item_card_price_g9Ti9L"] .line-through { color: #888; margin-top: 2px;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AL1FhdCtEVUpxMXNSN__card_line_item_card_container_GWHwnf"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AL1FhdCtEVUpxMXNSN__card_line_item_card_container_GWHwnf"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ARnJpaFNyc29qYWNLR__card_line_item_card_remove_button_AJGpq9"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AaWRCRkJvQk9tbGh4R__card_line_item_card_container_xEJVae"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AaWRCRkJvQk9tbGh4R__card_line_item_card_container_xEJVae"] { grid-column: span 2; padding: 14px 0px; display: grid; gap: 18px;}[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AaWRCRkJvQk9tbGh4R__card_line_item_card_container_xEJVae"] > div { padding-bottom: 12px; border-bottom: 1px solid #e3e3e3;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AS0lEVEEzaHl1VkRUa__card_line_item_card_addon_items_pGG7N7"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AS0lEVEEzaHl1VkRUa__card_line_item_card_addon_items_pGG7N7"] {} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZkhQNFVTZ3lDZjdmc__card_line_item_card_container_7ehmjY"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZkhQNFVTZ3lDZjdmc__card_line_item_card_container_7ehmjY"] { flex: 1; min-height: 100%; display: flex; flex-direction: column;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AUVZ3ZEV4OHB0L3VCZ__card_line_item_card_quantity_selector_BBnF8K"] { justify-self: start; margin-top: 2px; width: fit-content;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AcC8xazgraCt5MGZIc__card_line_item_card_container_7GRcCG"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AcC8xazgraCt5MGZIc__card_line_item_card_container_7GRcCG"] { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; height: 100%;} [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AU29zbUlhVG5OaTFjY__card_line_item_card_remove_button_TYTebN"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy"] { } [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy"] { margin-top: 20px; grid-column: span 2;}[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy"] span { text-align: center;}[data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy"] .input-select-rounded { padding: 8px; min-height: 36px; justify-content: center;}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy"] .input-select-rounded { min-height: 33px; }} .line-item-card--line-item-addon-card { background-color: rgba(0,0,0,0); } .line-item-card--line-item-addon-card { display: grid; grid-template-columns: max-content 1fr max-content; gap: 10px;} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--ASXBvQVVoaTdoS05tZ__card_line_item_card_image_wxYwBq"] { width: 48px; height: 48px; flex-shrink: 0; border-radius: 2px;} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AeEJLM0cwbjQ2Mi9kW__card_line_item_card_container_MweydP"] { } [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AeEJLM0cwbjQ2Mi9kW__card_line_item_card_container_MweydP"] { flex: 1; min-height: 100%; display: flex; flex-direction: column;} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AMWlWS2NhZEdXVzFGb__card_line_item_card_richtext_HaXzqK"] {} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--Ab3RJR0daY3ppL21FW__card_line_item_card_container_VTpXGr"] { } [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--Ab3RJR0daY3ppL21FW__card_line_item_card_container_VTpXGr"] {} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYUV1c082cWgySzd4a__card_line_item_card_discounts_cXBdrK"] { color: #d11b45; } [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYUV1c082cWgySzd4a__card_line_item_card_discounts_cXBdrK"] li { font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h6, 13px); font-style: normal; font-weight: 400; line-height: 120%; /* 15.6px */}@media (max-width: 768px) { [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYUV1c082cWgySzd4a__card_line_item_card_discounts_cXBdrK"] li { font-size: var(--richtext-md-h6, 11px); }} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AWUtjQkNIaStMUFVFY__card_line_item_card_container_NBxDmM"] { } [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AWUtjQkNIaStMUFVFY__card_line_item_card_container_NBxDmM"] { display: flex; gap: 4px;} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--ARlhKSkV1bnpKRHdiV__card_line_item_card_richtext_wH6AQr"] {} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AQU90cC9ZeW14V1ZvW__card_line_item_card_container_LhUKyh"] { } [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AQU90cC9ZeW14V1ZvW__card_line_item_card_container_LhUKyh"] { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; height: 100%;} [data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYWRMRmdLWHNhaCtZV__card_line_item_card_remove_button_93rbq9"] { padding: 4px;} </style> 3437 <div data-cards-section><!-- BEGIN sections: 0_card --> 3438<div id="shopify-section-sections--19530698359010__card_product_card_C646WT" class="shopify-section shopify-section-group-0_card"> 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 3453 style="background: #ffffff;" 3454 data-section-id="sections--19530698359010__card_product_card_C646WT" 3455 data-preview-container 3456 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_C646WT`" 3457 x-cloak> 3458 3459 3460 <div 3461 data-product-card="product-card" 3462 data-product-handle="the-og-pack-1" 3463 data-product-id="8908109054178" 3464 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
3464scription')) }" 3465 3466 3467 :aria-label="p_card?.product?.title" 3468 role="link" 3469 tabindex="0" 3470 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 3471 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 3472 3473 3474 class="product-card--product-card card-loading px-container-fullwidth" 3475 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 3476 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 3477 :style="[ 3478 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 3479 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 3480 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 3481 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 3482 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 3483 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 3484 ].filter(Boolean).join('; ')" 3485 style="" 3486 data-settings="{"handle":"product-card","preview_product":"wild-berry-12-pack","link_to_object":true,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"rgba(0,0,0,0)","custom_css":"\u0026 {\n border-radius: 24px;\n max-width: unset;\n max-height: unset;\n height: 100%;\n background-color: var(--color_2);\n padding: 16px;\n position: relative;\n}\n\u0026 form {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 24px;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 0.66;\n background: rgba(185,185,185, 0.2);\n}\n@media (min-width: 768px) {\n \u0026:hover .group {\n opacity: 1;\n visibility: visible;\n transition: opacity .2s ease-in;\n }\n}\n@media (max-width: 768px) {\n \u0026 {\n border-radius: 16px;\n padding: 8px;\n }\n \u0026 form {\n gap: 16px;\n }\n\n \u0026.card-loading {\n \/\/aspect-ratio: 0.58; \n }\n}\n\u0026 .bv_main_container {\n justify-content: center;\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 3487 <template x-if="p_card?.hydrated"> 3488 <form data-x-if 3489 method="post" 3490 action="/cart/add" 3491 class="max-h-full" 3492 @submit.prevent.stop="() => {}"> 3493 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 3494 <input type="hidden" name="quantity" value="1" /> 3495 3496 3497 3498 3499 3500<div data-style-id="sections--19530698359010__card_product_card_C646WT--AaEI0NmJ2UUFXSGE2a__card_product_card_container_7hnQLp" class="group" 3501 x-show="$editor.select_block_id === `AaEI0NmJ2UUFXSGE2a__card_product_card_container_7hnQLp` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_C646WT--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3502 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3503 3504 3505 3506 3507 3508 3509 3510 3511<div 3512 data-style-id="sections--19530698359010__card_product_card_C646WT--AcVlDR0tKRDZqT0M5M__card_product_card_image_3dLVkB" 3513 x-data="{ 3514 primary_image: getDynamicValueWithFallbacks(`[product.media.1],[selected_variant.featured_media],[product.image]`), 3515 secondary_image: getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`), 3516 images: p_card?.product?.media ?? [],
3517 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 3518 }" 3519 x-show="$editor.select_block_id === `AcVlDR0tKRDZqT0M5M__card_product_card_image_3dLVkB` || $data.showConditionally('always', $data?.bundle)" 3520 3521 :aria-label="p_card?.product?.title" 3522 role="link" 3523 tabindex="0" 3524 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.media.1],[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`) })" 3525 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 3526 3527 class="relative block shrink-0 overflow-hidden group" 3528> 3529 3530 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 3531 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 3532 </div> 3533 </div> 3534 <img src="" 3535 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 3536 alt="" 3537 srcset="" 3538 :src="primary_image?.src ? primary_image?.src : primary_image" 3539 :alt="primary_image?.alt ?? p_card?.product?.title" 3540 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 3541 width="732" 3542 height="732" 3543 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 3544 onload="this.classList.remove('!opacity-0')" 3545 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 3546 3547 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 3548 3549 3550</div> 3551 3552 3553 3554 3555 3556 3557 3558<div data-style-id="sections--19530698359010__card_product_card_C646WT--AbmtyV2Ntbko4OVo1V__card_product_card_container_cma64B" class="group" 3559 x-show="$editor.select_block_id === `AbmtyV2Ntbko4OVo1V__card_product_card_container_cma64B` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_C646WT--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3560 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3561 3562 3563 3564 3565 3566<div data-style-id="sections--19530698359010__card_product_card_C646WT--AcmhJeXNaSHp4M0NFM__card_product_card_richtext_JczDmq" 3567 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 3568 class="text-center" 3569 data-content=" 3570 3571<div class="_input-richtext richtext-md h4"><p><strong>[product.metafields.smart.short_description_card]</strong></p></div> 3572" 3573 data-content-check="[product.metafields.smart.short_description_card]" 3574 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 3575 x-show="!!content_check.trim() && ($editor.select_block_id === `AcmhJeXNaSHp4M0NFM__card_product_card_richtext_JczDmq` || $data.showConditionally('always', $data?.bundle))" 3576 x-cloak 3577 3578 3579 x-html="content"> 3580</div> 3581 3582 3583 3584</div> 3585 3586 3587 3588</div> 3589 3590 3591 3592 3593 3594 3595 3596<div data-style-id="sections--19530698359010__card_product_card_C646WT--AS1MrTHJ1VkNORGVrM__card_product_card_container_tQTNjN" class="group" 3597 x-show="$editor.select_block_id === `AS1MrTHJ1VkNORGVrM__card_product_card_container_tQTNjN` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_C646WT--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3598 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3599 3600 3601 3602 3603 3604 3605 3606 3607<div 3608 data-style-id="sections--19530698359010__card_product_card_C646WT--ASDErd2lNeEJ6bVpwT__card_product_card_image_Rdpwty" 3609 x-data="{ 3610 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 3611 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 3612 images: p_card?.product?.media ?? [],
3613 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 3614 }" 3615 x-show="$editor.select_block_id === `ASDErd2lNeEJ6bVpwT__card_product_card_image_Rdpwty` || $data.showConditionally('always', $data?.bundle)" 3616 3617 :aria-label="p_card?.product?.title" 3618 role="link" 3619 tabindex="0" 3620 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 3621 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 3622 3623 class="relative block shrink-0 overflow-hidden group" 3624> 3625 3626 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 3627 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 3628 </div> 3629 </div> 3630 <img src="" 3631 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 3632 alt="" 3633 srcset="" 3634 :src="primary_image?.src ? primary_image?.src : primary_image" 3635 :alt="primary_image?.alt ?? p_card?.product?.title" 3636 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 3637 width="732" 3638 height="732" 3639 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 3640 onload="this.classList.remove('!opacity-0')" 3641 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 3642 3643 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 3644 3645 3646</div> 3647 3648 3649 3650 3651 3652 3653 3654<div data-style-id="sections--19530698359010__card_product_card_C646WT--ASGdnaHRPcU1TbFJaN__card_product_card_container_ppkdnQ" class="group" 3655 x-show="$editor.select_block_id === `ASGdnaHRPcU1TbFJaN__card_product_card_container_ppkdnQ` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_C646WT--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3656 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3657 3658 3659 3660 3661 3662<div data-style-id="sections--19530698359010__card_product_card_C646WT--AejJmc0hncDg2MXcyd__card_product_card_richtext_fVx8zk" 3663 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 3664 class="text-inherit" 3665 data-content=" 3666 3667<div class="_input-richtext label-primary"><h3>[product.metafields.smart.size]</h3></div> 3668" 3669 data-content-check="[product.metafields.smart.size]" 3670 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 3671 x-show="!!content_check.trim() && ($editor.select_block_id === `AejJmc0hncDg2MXcyd__card_product_card_richtext_fVx8zk` || $data.showConditionally('always', $data?.bundle))" 3672 x-cloak 3673 3674 3675 x-html="content"> 3676</div> 3677 3678 3679 3680 3681 3682 3683<div data-style-id="sections--19530698359010__card_product_card_C646WT--ASHNXVElaNkpjQXYzN__card_product_card_labels_aQ6cHe" 3684 x-show="$editor.select_block_id === `ASHNXVElaNkpjQXYzN__card_product_card_labels_aQ6cHe` || $data.showConditionally('always', $data?.bundle)"> 3685 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 3686 data-labels-key="product.metafields.smart.labels"> 3687 <label data-loop-item class="label-primary" x-html="value"></label> 3688 </template> 3689 3690 <label x-cloak x-show="getDiscountLabel($el.getAttribute('data-label-type'))" 3691 class="label-primary" 3692 data-label-type="percentage" 3693 x-html="getDiscountLabel($el.getAttribute('data-label-type'))"> 3694 </label> 3695 3696
3697 <label class="label-oos" 3698 x-cloak 3699 x-show="$editor.select_block_id === `ASHNXVElaNkpjQXYzN__card_product_card_labels_aQ6cHe` || !p_card?.product?.available"> 3700 Sold out 3701 </label> 3702 3703 3704</div> 3705 3706 3707 3708</div> 3709 3710 3711 3712</div> 3713 3714 3715 3716 3717 3718 3719 3720<div data-style-id="sections--19530698359010__card_product_card_C646WT--AVGJCcHhhbi9tN2V0Z__card_product_card_container_MqfAhe" class="group" 3721 x-show="$editor.select_block_id === `AVGJCcHhhbi9tN2V0Z__card_product_card_container_MqfAhe` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_C646WT--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3722 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3723 3724 3725 3726 3727 3728<div data-style-id="sections--19530698359010__card_product_card_C646WT--AUzRzNzYreG1DNXU4b__card_product_card_richtext_7HhyiY" 3729 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 3730 class="text-inherit" 3731 data-content=" 3732 3733<div class="_input-richtext richtext-md uppercase"><p><strong>[product.title]</strong></p></div> 3734" 3735 data-content-check="[product.title]" 3736 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 3737 x-show="!!content_check.trim() && ($editor.select_block_id === `AUzRzNzYreG1DNXU4b__card_product_card_richtext_7HhyiY` || $data.showConditionally('always', $data?.bundle))" 3738 x-cloak 3739 3740 3741 x-html="content"> 3742</div> 3743 3744 3745 3746 3747 3748 3749 3750 3751<div data-style-id="sections--19530698359010__card_product_card_C646WT--AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw" 3752 x-show="(p_card?.product?.reviews?.review_count > +`-1` || !'-1') && ($editor.select_block_id === `AeXJRU3R6N3l1V3VhL__card_product_card_rating_ydy4Dw` || $data.showConditionally('always', $data?.bundle))" 3753 style="--color-review-stars--hex:#354434;--color-review-stars-base--hex:#d1d5db;"> 3754 <meter class="relative block appearance-none shrink-0" 3755 value="5" 3756 min="0" 3757 max="5" 3758 :value="p_card?.product?.reviews?.rating ?? 0" 3759 itemprop="aggregateRating" 3760 itemscope 3761 itemtype="https://schema.org/AggregateRating"> 3762 <span> 3763 <span itemprop="ratingValue" :html="p_card?.product?.reviews?.rating"></span>/ 3764 <span itemprop="bestRating">5</span> 3765 </span> 3766 </meter> 3767 <label class="richtext-md h6" 3768 x-cloak 3769 x-show="!!p_card?.product?.reviews" 3770 data-content=" 3771 3772([count])" 3773 x-html="$el.getAttribute('data-content').replace('[count]', p_card?.product?.reviews?.review_count).replace('[rating]',p_card?.product?.reviews?.rating || 'No rating')"> 3774 </label> 3775</div> 3776 3777 3778 3779 3780 3781 3782<div data-style-id="sections--19530698359010__card_product_card_C646WT--AYUdQYzV2K3UybENmR__custom_liquid_X9xT4h" > 3783 <span x-text="`From ${utils.formatMoney(p_card?.product?.price / 12)}/can`"></span> 3784</div> 3785 3786 3787 3788 3789 3790 3791<button 3792 data-style-id="sections--19530698359010__card_product_card_C646WT--AZXZ0bjBidHZyUTRha__card_product_card_cta_button_QrrXiX" 3793 type="submit" 3794 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 3795 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 3796 x-show="$editor.select_block_id === `AZXZ0bjBidHZyUTRha__card_product_card_cta_button_QrrXiX` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 3797 class="w-full" 3798 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 3799 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 3800 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 3801 action === 'add_to_cart' ? handleAddToCart($event) 3802 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 3803 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 3804 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 3805 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 3806 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 3807 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 3808 3809 data-content=" 3810 3811Add to Cart" 3812 data-class="button-primary" 3813 data-action="add_to_cart" 3814 3815 3816 3817 3818 3819 3820 data-sold-out-content=" 3821 3822Sold out" 3823 data-sold-out-class="button-primary" 3824 data-sold-out-action="disabled" 3825 3826 3827 :disabled="action === 'disabled'"> 3828</button> 3829 3830 3831 3832 3833 3834 3835 3836</div> 3837 3838 3839 3840 </form> 3841 </template> 3842 </div> 3843 3844 3845 3846</div> 3847 3848 3849 3850</div><div id="shopify-section-sections--19530698359010__card_product_card_eWkh7D" class="shopify-section shopify-section-group-0_card"> 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 3865 style="background: #ffffff;" 3866 data-section-id="sections--19530698359010__card_product_card_eWkh7D" 3867 data-preview-container 3868 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_eWkh7D`" 3869 x-cloak> 3870 3871 3872 <div 3873 data-product-card="product-card-bundle" 3874 data-product-handle="the-og-pack-1" 3875 data-product-id="8908109054178" 3876 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
3876scription')) }" 3877 3878 3879 :aria-label="p_card?.product?.title" 3880 role="link" 3881 tabindex="0" 3882 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 3883 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 3884 3885 3886 class="product-card--product-card-bundle card-loading px-container-fullwidth" 3887 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 3888 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 3889 :style="[ 3890 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 3891 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 3892 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 3893 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 3894 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 3895 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 3896 ].filter(Boolean).join('; ')" 3897 style="" 3898 data-settings="{"handle":"product-card-bundle","preview_product":"wild-berry-12-pack","link_to_object":true,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"rgba(0,0,0,0)","custom_css":"\u0026 {\n border-radius: 24px;\n max-width: unset;\n max-height: unset;\n height: 100%;\n background-color: var(--color_2);\n padding: 16px;\n position: relative;\n}\n\u0026 form {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 24px;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 0.66;\n background: rgba(185,185,185, 0.2);\n}\n@media (min-width: 768px) {\n \u0026:hover .group {\n opacity: 1;\n visibility: visible;\n transition: opacity .2s ease-in;\n }\n}\n@media (max-width: 768px) {\n \u0026 {\n border-radius: 16px;\n padding: 8px;\n }\n \u0026 form {\n gap: 16px;\n }\n\n \u0026.card-loading {\n \/\/aspect-ratio: 0.58; \n }\n}\n\u0026 .bv_main_container {\n justify-content: center;\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 3899 <template x-if="p_card?.hydrated"> 3900 <form data-x-if 3901 method="post" 3902 action="/cart/add" 3903 class="max-h-full" 3904 @submit.prevent.stop="() => {}"> 3905 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 3906 <input type="hidden" name="quantity" value="1" /> 3907 3908 3909 3910 3911 3912<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AV3hSWmhxOU9WQXRlU__card_product_card_container_XAGnCy" class="group" 3913 x-show="$editor.select_block_id === `AV3hSWmhxOU9WQXRlU__card_product_card_container_XAGnCy` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_eWkh7D--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3914 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3915 3916 3917 3918 3919 3920 3921 3922 3923<div 3924 data-style-id="sections--19530698359010__card_product_card_eWkh7D--ATnVSMW4zczBrNDVKa__card_product_card_image_3RgPLy" 3925 x-data="{ 3926 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 3927 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 3928 images: p_card?.product?.media ?? [],
3929 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 3930 }" 3931 x-show="$editor.select_block_id === `ATnVSMW4zczBrNDVKa__card_product_card_image_3RgPLy` || $data.showConditionally('always', $data?.bundle)" 3932 3933 :aria-label="p_card?.product?.title" 3934 role="link" 3935 tabindex="0" 3936 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 3937 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 3938 3939 class="relative block shrink-0 overflow-hidden group" 3940> 3941 3942 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 3943 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 3944 </div> 3945 </div> 3946 <img src="" 3947 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 3948 alt="" 3949 srcset="" 3950 :src="primary_image?.src ? primary_image?.src : primary_image" 3951 :alt="primary_image?.alt ?? p_card?.product?.title" 3952 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 3953 width="732" 3954 height="732" 3955 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 3956 onload="this.classList.remove('!opacity-0')" 3957 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 3958 3959 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 3960 3961 3962</div> 3963 3964 3965 3966 3967 3968 3969 3970<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AZkVCRzVMZTVCZ0VnT__card_product_card_container_qhQ3r7" class="group" 3971 x-show="$editor.select_block_id === `AZkVCRzVMZTVCZ0VnT__card_product_card_container_qhQ3r7` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_eWkh7D--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 3972 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 3973 3974 3975 3976 3977 3978<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AV3dFcWZaSkV5OFFhN__card_product_card_richtext_BxbJ4R" 3979 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 3980 class="text-inherit" 3981 data-content=" 3982 3983<div class="_input-richtext label-primary"><h3>[product.metafields.smart.size]</h3></div> 3984" 3985 data-content-check="[product.metafields.smart.size]" 3986 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 3987 x-show="!!content_check.trim() && ($editor.select_block_id === `AV3dFcWZaSkV5OFFhN__card_product_card_richtext_BxbJ4R` || $data.showConditionally('always', $data?.bundle))" 3988 x-cloak 3989 3990 3991 x-html="content"> 3992</div> 3993 3994 3995 3996 3997 3998 3999<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AVDFicllkMXFkRTBvV__card_product_card_labels_tLnA6M" 4000 x-show="$editor.select_block_id === `AVDFicllkMXFkRTBvV__card_product_card_labels_tLnA6M` || $data.showConditionally('always', $data?.bundle)"> 4001 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 4002 data-labels-key="product.metafields.smart.labels"> 4003 <label data-loop-item class="label-primary" x-html="value"></label> 4004 </template> 4005 4006 <label x-cloak x-show="getDiscountLabel($el.getAttribute('data-label-type'))" 4007 class="label-primary" 4008 data-label-type="percentage" 4009 x-html="getDiscountLabel($el.getAttribute('data-label-type'))"> 4010 </label> 4011 4012
4013 <label class="label-oos" 4014 x-cloak 4015 x-show="$editor.select_block_id === `AVDFicllkMXFkRTBvV__card_product_card_labels_tLnA6M` || !p_card?.product?.available"> 4016 Sold out 4017 </label> 4018 4019 4020</div> 4021 4022 4023 4024</div> 4025 4026 4027 4028</div> 4029 4030 4031 4032 4033 4034 4035 4036<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--Ac3VvUVFRMXBYcjV2a__card_product_card_container_hAEr6t" class="group" 4037 x-show="$editor.select_block_id === `Ac3VvUVFRMXBYcjV2a__card_product_card_container_hAEr6t` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_eWkh7D--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4038 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4039 4040 4041 4042 4043<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AK3Q4L21JODROak52V__custom_liquid_RLHahi" > 4044 <span x-text="p_card?.product?.title?.replace(/\s*\(.*$/, '')"></span> 4045</div> 4046 4047 4048 4049 4050 4051 4052 4053 4054<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR" 4055 x-show="(p_card?.product?.reviews?.review_count > +`-1` || !'-1') && ($editor.select_block_id === `ARHJzL3hwQnlUbDRQW__card_product_card_rating_4tDeMR` || $data.showConditionally('always', $data?.bundle))" 4056 style="--color-review-stars--hex:#354434;--color-review-stars-base--hex:#d1d5db;"> 4057 <meter class="relative block appearance-none shrink-0" 4058 value="5" 4059 min="0" 4060 max="5" 4061 :value="p_card?.product?.reviews?.rating ?? 0" 4062 itemprop="aggregateRating" 4063 itemscope 4064 itemtype="https://schema.org/AggregateRating"> 4065 <span> 4066 <span itemprop="ratingValue" :html="p_card?.product?.reviews?.rating"></span>/ 4067 <span itemprop="bestRating">5</span> 4068 </span> 4069 </meter> 4070 <label class="richtext-md h6" 4071 x-cloak 4072 x-show="!!p_card?.product?.reviews" 4073 data-content=" 4074 4075([count])" 4076 x-html="$el.getAttribute('data-content').replace('[count]', p_card?.product?.reviews?.review_count).replace('[rating]',p_card?.product?.reviews?.rating || 'No rating')"> 4077 </label> 4078</div> 4079 4080 4081 4082 4083 4084 4085<div data-style-id="sections--19530698359010__card_product_card_eWkh7D--ARnF3dURmTWVRa0NJM__custom_liquid_j8hVBP" > 4086 <span x-text="`From ${utils.formatMoney(p_card?.product?.price / 12)}/can`"></span> 4087</div> 4088 4089 4090 4091 4092 4093 4094<button 4095 data-style-id="sections--19530698359010__card_product_card_eWkh7D--AY2VxZjdmOEl0NHN2S__card_product_card_cta_button_wpETRQ" 4096 type="submit" 4097 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 4098 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 4099 x-show="$editor.select_block_id === `AY2VxZjdmOEl0NHN2S__card_product_card_cta_button_wpETRQ` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 4100 class="w-full" 4101 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 4102 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 4103 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 4104 action === 'add_to_cart' ? handleAddToCart($event) 4105 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 4106 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 4107 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 4108 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 4109 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 4110 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 4111 4112 data-content=" 4113 4114Add to Cart" 4115 data-class="button-outline-dark" 4116 data-action="add_to_cart" 4117 4118 4119 4120 4121 data-bundle-content=" 4122 4123Add" 4124 data-bundle-class="button-outline-dark" 4125 data-bundle-action="add_to_bundle" 4126 4127 4128 4129 4130 data-sold-out-content=" 4131 4132Sold out" 4133 data-sold-out-class="button-primary" 4134 data-sold-out-action="disabled" 4135 4136 4137 :disabled="action === 'disabled'"> 4138</button> 4139 4140 4141 4142 4143 <div data-style-id="sections--19530698359010__card_product_card_eWkh7D--AY2VxZjdmOEl0NHN2S__card_product_card_cta_button_wpETRQ" 4144 x-show="p_card?.selected_variant?.available && $data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)" 4145 x-cloak 4146 class="w-full !cursor-default button-outline-dark" 4147 :class="p_card?.isAdding ? 'button-loading':''"> 4148 <span class="flex w-full justify-between items-center gap-2" 4149 @click.prevent.stop="()=>{}" 4150 x-data="{ quantity_added: $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) }" 4151 x-effect="quantity_added = $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) "> 4152 4153 <button type="button" 4154 class="p-0.5" 4155 aria-label="Decrease quantity" 4156 @click="$data?.bundle?.removeFromBundle({ variant: p_card?.selected_variant, product: p_card?.product })"> 4157 4158 4159 <svg data-icon-handle="minus" 4160 4161 class="bg-current shrink-0 size-[0.9em]" 4162 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-minus--url`) }" 4163 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 4164 :role="url ? 'link':''" 4165 :tabindex="url ? '0' : undefined" 4166 aria-label="minus" 4167 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 4168 style="mask: var(--icon-minus); -webkit-mask: var(--icon-minus); aspect-ratio: var(--icon-minus-aspect-ratio, 1); "></svg> 4169 4170 4171 </button> 4172 <label aria-label="Bundle Quantity" class="flex items-center justify-center"> 4173 <input type="number" 4174 value="1" 4175 min="1" 4176 name="value" 4177 class="w-8 min-w-0 appearance-none bg-inherit text-center outline-none disabled:pointer-events-none disabled:select-none" 4178 disabled="disabled" 4179 :value="quantity_added"> 4180 </label> 4181 <button type="button" 4182 class="p-0.5" 4183 aria-label="Increase quantity" 4184 :disabled="((p_card?.selected_variant?.quantity - quantity_added) < 1 && !p_card?.soldOut) || ($data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items)" 4185 @click="$data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product })"> 4186 4187 4188 <svg data-icon-handle="plus"
4189 4190 class="bg-current shrink-0 size-[0.9em]" 4191 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-plus--url`) }" 4192 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 4193 :role="url ? 'link':''" 4194 :tabindex="url ? '0' : undefined" 4195 aria-label="plus" 4196 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 4197 style="mask: var(--icon-plus); -webkit-mask: var(--icon-plus); aspect-ratio: var(--icon-plus-aspect-ratio, 1); "></svg> 4198 4199 4200 </button> 4201 </span> 4202 </div> 4203 4204 4205 4206 4207</div> 4208 4209 4210 4211 </form> 4212 </template> 4213 </div> 4214 4215 4216 4217</div> 4218 4219 4220 4221</div><div id="shopify-section-sections--19530698359010__card_product_card_LPw9Pw" class="shopify-section shopify-section-group-0_card"> 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 4236 style="background: #ffffff;" 4237 data-section-id="sections--19530698359010__card_product_card_LPw9Pw" 4238 data-preview-container 4239 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_LPw9Pw`" 4240 x-cloak> 4241 4242 4243 <div 4244 data-product-card="product-card-pdp" 4245 data-product-handle="the-og-pack-1" 4246 data-product-id="8908109054178" 4247 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-subscription')) }" 4248 4249 4250 :aria-label="p_card?.product?.title" 4251 role="link" 4252 tabindex="0" 4253 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 4254 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 4255 4256 4257 class="product-card--product-card-pdp card-loading px-container-fullwidth" 4258 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 4259 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 4260 :style="[ 4261 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 4262 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 4263 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 4264 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 4265 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 4266 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 4267 ].filter(Boolean).join('; ')" 4268 style="" 4269 data-settings="{"handle":"product-card-pdp","preview_product":"wild-berry-12-pack","link_to_object":true,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"rgba(0,0,0,0)","custom_css":"\u0026 {\n border-radius: 24px;\n max-width: unset;\n max-height: unset;\n height: 100%;\n background-color: var(--color_2);\n padding: 16px;\n position: relative;\n}\n\u0026 form {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 24px;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 0.66;\n background: rgba(185,185,185, 0.2);\n}\n@media (min-width: 768px) {\n \u0026:hover .group {\n opacity: 1;\n visibility: visible;\n transition: opacity .2s ease-in;\n }\n}\n@media (max-width: 768px) {\n \u0026 {\n border-radius: 16px;\n padding: 8px;\n }\n \u0026 form {\n gap: 16px;\n }\n\n \u0026.card-loading {\n \/\/aspect-ratio: 0.58; \n }\n}\n\u0026 .bv_main_container {\n justify-content: center;\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 4270 <template x-if="p_card?.hydrated"> 4271 <form data-x-if 4272 method="post" 4273 action="/cart/add" 4274 class="max-h-full" 4275 @submit.prevent.stop="() => {}"> 4276 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 4277 <input type="hidden" name="quantity" value="1" /> 4278 4279 4280 4281 4282 4283<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMnNjZHFIV2ZxVWJkZ__card_product_card_container_tGFyWV" class="group" 4284 x-show="$editor.select_block_id === `AMnNjZHFIV2ZxVWJkZ__card_product_card_container_tGFyWV` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_LPw9Pw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4285 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4286 4287 4288 4289 4290 4291 4292 4293 4294<div 4295 data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AcGNKNmZFaWxTRUx6Q__card_product_card_image_RiLHAB" 4296 x-data="{ 4297 primary_image: getDynamicValueWithFallbacks(`[product.media.1],[selected_variant.featured_media],[product.image]`), 4298 secondary_image: getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`), 4299 images: p_card?.product?.media ?? [],
4300 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 4301 }" 4302 x-show="$editor.select_block_id === `AcGNKNmZFaWxTRUx6Q__card_product_card_image_RiLHAB` || $data.showConditionally('always', $data?.bundle)" 4303 4304 :aria-label="p_card?.product?.title" 4305 role="link" 4306 tabindex="0" 4307 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.media.1],[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`) })" 4308 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 4309 4310 class="relative block shrink-0 overflow-hidden group" 4311> 4312 4313 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 4314 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 4315 </div> 4316 </div> 4317 <img src="" 4318 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 4319 alt="" 4320 srcset="" 4321 :src="primary_image?.src ? primary_image?.src : primary_image" 4322 :alt="primary_image?.alt ?? p_card?.product?.title" 4323 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 4324 width="732" 4325 height="732" 4326 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 4327 onload="this.classList.remove('!opacity-0')" 4328 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 4329 4330 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 4331 4332 4333</div> 4334 4335 4336 4337 4338 4339 4340 4341<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDJYMWE5U3hKSEhUM__card_product_card_container_inyGnQ" class="group" 4342 x-show="$editor.select_block_id === `ASDJYMWE5U3hKSEhUM__card_product_card_container_inyGnQ` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_LPw9Pw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4343 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4344 4345 4346 4347 4348 4349<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMWNrNmk1KzIxS1ZwT__card_product_card_richtext_k3NURa" 4350 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 4351 class="text-center" 4352 data-content=" 4353 4354<div class="_input-richtext richtext-md h4"><p><strong>[product.metafields.smart.short_description_card]</strong></p></div> 4355" 4356 data-content-check="[product.metafields.smart.short_description_card]" 4357 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 4358 x-show="!!content_check.trim() && ($editor.select_block_id === `AMWNrNmk1KzIxS1ZwT__card_product_card_richtext_k3NURa` || $data.showConditionally('always', $data?.bundle))" 4359 x-cloak 4360 4361 4362 x-html="content"> 4363</div> 4364 4365 4366 4367 4368 4369 4370<button 4371 data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AandldXJiRktiblJ6S__card_product_card_cta_button_jEzW6g" 4372 type="submit" 4373 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 4374 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 4375 x-show="$editor.select_block_id === `AandldXJiRktiblJ6S__card_product_card_cta_button_jEzW6g` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 4376 class="w-full" 4377 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 4378 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 4379 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 4380 action === 'add_to_cart' ? handleAddToCart($event) 4381 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 4382 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 4383 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 4384 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 4385 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 4386 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 4387 4388 data-content=" 4389 4390Add to Cart" 4391 data-class="button-primary-dark" 4392 data-action="add_to_cart" 4393 4394 4395 4396 4397 4398 4399 data-sold-out-content=" 4400 4401Sold out" 4402 data-sold-out-class="button-primary" 4403 data-sold-out-action="disabled" 4404 4405 4406 :disabled="action === 'disabled'"> 4407</button> 4408 4409 4410 4411 4412 4413 4414 4415</div> 4416 4417 4418 4419</div> 4420 4421 4422 4423 4424 4425 4426 4427<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASDZaUUxnQ09mM0N5M__card_product_card_container_
4427cBrhCG" class="group" 4428 x-show="$editor.select_block_id === `ASDZaUUxnQ09mM0N5M__card_product_card_container_cBrhCG` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_LPw9Pw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4429 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4430 4431 4432 4433 4434 4435 4436 4437 4438<div 4439 data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AWGw0SHhWWDV0ZjB1c__card_product_card_image_tjncep" 4440 x-data="{ 4441 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 4442 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 4443 images: p_card?.product?.media ?? [], 4444 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 4445 }" 4446 x-show="$editor.select_block_id === `AWGw0SHhWWDV0ZjB1c__card_product_card_image_tjncep` || $data.showConditionally('always', $data?.bundle)" 4447 4448 :aria-label="p_card?.product?.title" 4449 role="link" 4450 tabindex="0" 4451 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 4452 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 4453 4454 class="relative block shrink-0 overflow-hidden group" 4455> 4456 4457 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 4458 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 4459 </div> 4460 </div> 4461 <img src="" 4462 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 4463 alt="" 4464 srcset="" 4465 :src="primary_image?.src ? primary_image?.src : primary_image" 4466 :alt="primary_image?.alt ?? p_card?.product?.title" 4467 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 4468 width="732" 4469 height="732" 4470 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 4471 onload="this.classList.remove('!opacity-0')" 4472 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 4473 4474 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 4475 4476 4477</div> 4478 4479 4480 4481 4482 4483 4484 4485<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ASGRCcXJERHU4eWJKR__card_product_card_container_8kKdXB" class="group" 4486 x-show="$editor.select_block_id === `ASGRCcXJERHU4eWJKR__card_product_card_container_8kKdXB` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_LPw9Pw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4487 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4488 4489 4490 4491 4492 4493<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARGdqaWt4U1ArZUlVN__card_product_card_richtext_Qx4pnz" 4494 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 4495 class="text-inherit" 4496 data-content=" 4497 4498<div class="_input-richtext label-primary"><h3>[product.metafields.smart.size]</h3></div> 4499" 4500 data-content-check="[product.metafields.smart.size]" 4501 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 4502 x-show="!!content_check.trim() && ($editor.select_block_id === `ARGdqaWt4U1ArZUlVN__card_product_card_richtext_Qx4pnz` || $data.showConditionally('always', $data?.bundle))" 4503 x-cloak 4504 4505 4506 x-html="content"> 4507</div> 4508 4509 4510 4511 4512 4513 4514<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMWtxS0UrUjQ5dG96Y__card_product_card_labels_3azN87" 4515 x-show="$editor.select_block_id === `AMWtxS0UrUjQ5dG96Y__card_product_card_labels_3azN87` || $data.showConditionally('always', $data?.bundle)"> 4516 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 4517 data-labels-key="product.metafields.smart.labels"> 4518 <label data-loop-item class="label-primary" x-html="value"></label> 4519 </template> 4520 4521 <label x-cloak x-show="getDiscountLabel($el.getAttribute('data-label-type'))" 4522 class="label-primary" 4523 data-label-type="percentage" 4524 x-html="getDiscountLabel($el.getAttribute('data-label-type'))"> 4525 </label> 4526 4527
4528 <label class="label-oos" 4529 x-cloak 4530 x-show="$editor.select_block_id === `AMWtxS0UrUjQ5dG96Y__card_product_card_labels_3azN87` || !p_card?.product?.available"> 4531 Sold out 4532 </label> 4533 4534 4535</div> 4536 4537 4538 4539</div> 4540 4541 4542 4543</div> 4544 4545 4546 4547 4548 4549 4550 4551<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AMkpvbUs1N2FzeUlPZ__card_product_card_container_BenPRf" class="group" 4552 x-show="$editor.select_block_id === `AMkpvbUs1N2FzeUlPZ__card_product_card_container_BenPRf` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_LPw9Pw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4553 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4554 4555 4556 4557 4558 4559<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ATE5jNnh3OUFRSzFLS__card_product_card_richtext_rN4gwB" 4560 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 4561 class="text-inherit" 4562 data-content=" 4563 4564<div class="_input-richtext richtext-md uppercase"><p><strong>[product.title]</strong></p></div> 4565" 4566 data-content-check="[product.title]" 4567 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 4568 x-show="!!content_check.trim() && ($editor.select_block_id === `ATE5jNnh3OUFRSzFLS__card_product_card_richtext_rN4gwB` || $data.showConditionally('always', $data?.bundle))" 4569 x-cloak 4570 4571 4572 x-html="content"> 4573</div> 4574 4575 4576 4577 4578 4579 4580 4581 4582<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ" 4583 x-show="(p_card?.product?.reviews?.review_count > +`-1` || !'-1') && ($editor.select_block_id === `AS1B4ZUJhbllMeFRjU__card_product_card_rating_eKxytQ` || $data.showConditionally('always', $data?.bundle))" 4584 style="--color-review-stars--hex:#354434;--color-review-stars-base--hex:#d1d5db;"> 4585 <meter class="relative block appearance-none shrink-0" 4586 value="5" 4587 min="0" 4588 max="5" 4589 :value="p_card?.product?.reviews?.rating ?? 0" 4590 itemprop="aggregateRating" 4591 itemscope 4592 itemtype="https://schema.org/AggregateRating"> 4593 <span> 4594 <span itemprop="ratingValue" :html="p_card?.product?.reviews?.rating"></span>/ 4595 <span itemprop="bestRating">5</span> 4596 </span> 4597 </meter> 4598 <label class="richtext-md h6" 4599 x-cloak 4600 x-show="!!p_card?.product?.reviews" 4601 data-content=" 4602 4603([count])" 4604 x-html="$el.getAttribute('data-content').replace('[count]', p_card?.product?.reviews?.review_count).replace('[rating]',p_card?.product?.reviews?.rating || 'No rating')"> 4605 </label> 4606</div> 4607 4608 4609 4610 4611 4612 4613 4614<div data-style-id="sections--19530698359010__card_product_card_LPw9Pw--ARWV4d1BiZVpSYlZJb__card_product_card_price_zprPVf" 4615 x-show="$editor.select_block_id === `ARWV4d1BiZVpSYlZJb__card_product_card_price_zprPVf` || $data.showConditionally('always', $data?.bundle)" 4616 class="inline-flex gap-2 text-inherit"> 4617 <span class="richtext-md h6" 4618 4619 x-html="utils.formatMoney(p_card?.selected_variant?.price, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 4620 4621 4622 ></span> 4623 4624 <span class="richtext-md h6 line-through" 4625 x-cloak 4626 x-show="(p_card?.selected_variant?.compare_at_price || 0) > p_card?.selected_variant?.price" 4627 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 4628 4629 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 4630 4631 4632 ></span> 4633 4634</div> 4635 4636 4637 4638</div> 4639 4640 4641 4642 </form> 4643 </template> 4644 </div> 4645 4646 4647 4648</div> 4649 4650 4651 4652</div><div id="shopify-section-sections--19530698359010__card_product_card_6qkR4f" class="shopify-section shopify-section-group-0_card"> 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 4667 style="background: #ffffff;" 4668 data-section-id="sections--19530698359010__card_product_card_6qkR4f" 4669 data-preview-container 4670 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_6qkR4f`" 4671 x-cloak> 4672 4673 4674 <div 4675 data-product-card="product-card-featured" 4676 data-product-handle="the-og-pack-1" 4677 data-product-id="8908109054178" 4678 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
4678scription')) }" 4679 4680 4681 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 4682 4683 class="product-card--product-card-featured card-loading px-container-fullwidth" 4684 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 4685 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 4686 :style="[ 4687 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 4688 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 4689 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 4690 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 4691 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 4692 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 4693 ].filter(Boolean).join('; ')" 4694 style="" 4695 data-settings="{"handle":"product-card-featured","preview_product":"wild-berry-12-pack","link_to_object":false,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"rgba(0,0,0,0)","custom_css":"\u0026 {\n max-width: unset;\n max-height: unset;\n height: 100%;\n position: relative;\n}\n\u0026 form {\n height: 100%;\n display: grid;\n grid-template-columns: 7fr 5fr;\n gap: 24px;\n padding: 0 48px;\n border-radius: 64px;\n border: 1px solid var(--color_1);\n background: var(--color_3);\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n background: rgba(185,185,185, 0.2);\n}\n@media (min-width: 768px) {\n \u0026:hover .group {\n opacity: 1;\n visibility: visible;\n transition: opacity .2s ease-in;\n }\n}\n@media (max-width: 1024px) {\n \u0026 {\n }\n \u0026 form {\n gap: 12px;\n padding: 56px 0;\n grid-template-columns: 1fr;\n border-radius: 24px 24px 0px 0px;\n border-bottom: 0px;\n }\n\n \u0026.card-loading {\n \/\/aspect-ratio: 0.58; \n }\n}\n\u0026 .bv_main_container {\n justify-content: center;\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 4696 <template x-if="p_card?.hydrated"> 4697 <form data-x-if 4698 method="post" 4699 action="/cart/add" 4700 class="max-h-full" 4701 @submit.prevent.stop="() => {}"> 4702 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 4703 <input type="hidden" name="quantity" value="1" /> 4704 4705 4706 4707 4708 4709<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzFzZ0Q5TEh5a3k1Z__card_product_card_container_4nCGFh" class="group" 4710 x-show="$editor.select_block_id === `AbzFzZ0Q5TEh5a3k1Z__card_product_card_container_4nCGFh` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4711 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4712 4713 4714 4715 4716 4717 4718<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH" 4719 x-show="(p_card?.product?.reviews?.review_count > +`` || !'') && ($editor.select_block_id === `AQWptR2xvVUZFVjkvO__card_product_card_rating_YnLqFH` || $data.showConditionally('always', $data?.bundle))" 4720 style=""> 4721 <meter class="relative block appearance-none shrink-0" 4722 value="5" 4723 min="0" 4724 max="5" 4725 :value="p_card?.product?.reviews?.rating ?? 0" 4726 itemprop="aggregateRating" 4727 itemscope 4728 itemtype="https://schema.org/AggregateRating"> 4729 <span>
4730 <span itemprop="ratingValue" :html="p_card?.product?.reviews?.rating"></span>/ 4731 <span itemprop="bestRating">5</span> 4732 </span> 4733 </meter> 4734 <label class="richtext-md h5" 4735 x-cloak 4736 x-show="!!p_card?.product?.reviews" 4737 data-content=" 4738 4739[count] reviews" 4740 x-html="$el.getAttribute('data-content').replace('[count]', p_card?.product?.reviews?.review_count).replace('[rating]',p_card?.product?.reviews?.rating || 'No rating')"> 4741 </label> 4742</div> 4743 4744 4745 4746 4747 4748 4749 4750<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUlNiZFpaczRIeWJ5V__card_product_card_richtext_rPeRtW" 4751 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 4752 class="text-left" 4753 data-content=" 4754 4755<div class="_input-richtext richtext-md h2"><p><strong>[product.title] ([product.metafields.smart.size])</strong></p></div> 4756" 4757 data-content-check="[product.title] ([product.metafields.smart.size])" 4758 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 4759 x-show="!!content_check.trim() && ($editor.select_block_id === `AUlNiZFpaczRIeWJ5V__card_product_card_richtext_rPeRtW` || $data.showConditionally('always', $data?.bundle))" 4760 x-cloak 4761 4762 4763 x-html="content"> 4764</div> 4765 4766 4767 4768 4769 4770 4771 4772<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AVW91QWdNNW5tbDRMV__card_product_card_richtext_CpqfwF" 4773 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 4774 class="text-inherit" 4775 data-content=" 4776 4777<div class="_input-richtext richtext-md"><p>[product.metafields.smart.short_description]</p></div> 4778" 4779 data-content-check="[product.metafields.smart.short_description]" 4780 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 4781 x-show="!!content_check.trim() && ($editor.select_block_id === `AVW91QWdNNW5tbDRMV__card_product_card_richtext_CpqfwF` || $data.showConditionally('always', $data?.bundle))" 4782 x-cloak 4783 4784 4785 x-html="content"> 4786</div> 4787 4788 4789 4790</div> 4791 4792 4793 4794 4795 4796 4797 4798<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3T
4798XP" class="group" 4799 x-show="$editor.select_block_id === `AbzMyZVpyWTFoMTJOb__card_product_card_container_wi3TXP` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4800 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4801 4802 4803 4804 4805 4806<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--ATEJtWXBNclVPOTNjM__card_product_card_container_XqVUaY" class="group" 4807 x-show="$editor.select_block_id === `ATEJtWXBNclVPOTNjM__card_product_card_container_XqVUaY` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4808 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4809 4810 4811 4812 4813 4814<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AV2VqWHhlT3ZnVkxNO__card_product_card_container_pLTyxU" class="group" 4815 x-show="$editor.select_block_id === `AV2VqWHhlT3ZnVkxNO__card_product_card_container_pLTyxU` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 4816 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 4817 4818 4819 4820 4821 4822 4823 4824 4825<div 4826 data-style-id="sections--19530698359010__card_product_card_6qkR4f--ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft" 4827 x-data="{ 4828 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 4829 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 4830 images: p_card?.product?.media ?? [], 4831 content_slider: true ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 4832 }" 4833 x-show="$editor.select_block_id === `ANGpkVys3M3Q1VnFWb__card_product_card_image_rPKbft` || $data.showConditionally('always', $data?.bundle)" 4834 4835 :aria-label="p_card?.product?.title" 4836 role="link" 4837 tabindex="0" 4838 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 4839 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 4840 4841 class="relative block shrink-0 overflow-hidden group" 4842> 4843 4844 <div 4845 class="grid-container flex snap-mandatory overflow-x-auto scrollbar-none max-lg:order-first snap-mandatory [&>*]:snap-start max-md:-mx-container-fullwidth max-md:scroll-px-container-fullwidth max-md:px-container-fullwidth" 4846 data-main-card-images 4847 @resize.window="content_slider.handleResize" 4848 x-init="$nextTick(() => content_slider.handleResize())" 4849 @scroll="(e) =>{ content_slider.handleScroll(e); const mediaId = [...($el.children ?? [])].find(pic=> pic?.classList?.contains('centered'))?.getAttribute('data-media-id'); if (mediaId) { $data.state.selected_media_id = mediaId }}" 4850 @scrollend="content_slider.handleInfiniteScroll" 4851 x-ref="scrollContainer"> 4852 <template x-for="image in images" :key="image.id"> 4853 <picture> 4854 <img 4855 :src="image.preview_image?.src ?? image.src" 4856 :alt="image.alt ?? p_card?.product?.title" 4857 :srcset="utils.getImageSrcSet(image.preview_image?.src ?? image.src ?? '', +`586`)" 4858 width="732" 4859 height="732" 4860 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 4861 onload="this.classList.remove('!opacity-0')" 4862 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 4863 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw" 4864 > 4865 </picture> 4866 </template> 4867 </div> 4868 4869 4870 4871 4872 4873<div x-data="{ ..._scrollbar.init($refs.scrollBar, $refs.scrollThumb, $refs.scrollContainer, 200) }" 4874 data-scrollbar 4875 class="scrollbar-no-buttons pointer-events-none !hidden flex items-center" 4876 x-effect="() => { $el.classList.toggle('!hidden', (Math.round((scrollbar.width || 1) * 10) / 10) === 1) }" 4877 > 4878 <div data-scrollbar-container class="flex-1 pointer-events-auto flex items-center"> 4879 <div class="-my-2 flex w-full cursor-pointer items-center py-2" 4880 @click="handleScrollBarClick($event)" 4881 x-ref="scrollBar"> 4882 <div data-scrollbar-track class="flex w-full items-center rounded-full"> 4883 <button type="button" 4884 data-scrollbar-thumb 4885 x-ref="scrollThumb" 4886 @click.stop="" 4887 @pointerdown.prevent.stop="handleScrollThumbPointerDown" 4888 @keydown.prevent.stop.left="handlePrevClick" 4889 @keydown.prevent.stop.right="handleNextClick" 4890 :disabled="($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 4891 aria-label="Scroll thumb" 4892 :style="`left: ${scrollbar.left * 100}%; width: ${scrollbar.width * 100}%;`" 4893 class="relative h-full min-w-10 cursor-grab rounded-full">
4894 <span class="absolute inset-0 -my-2 w-full"></span> 4895 </button> 4896 </div> 4897 </div> 4898 </div> 4899 <div data-scrollbar-buttons class="flex items-center justify-between pointer-events-none"> 4900 <button type="button" 4901 data-scrollbar-button="prev" 4902 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 4903 :disabled="(scrollbar.current_index === 1 && !!+`200` && !$data?.content_slider?.state?.infinite) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 4904 aria-label="Scroll left" @click="handlePrevClick($event, $data.content_slider)"> 4905 <svg class="mr-[calc((100%*0.44)/3)] rotate-180 size-[calc(100%*0.44)] stroke-2 animated-icon" 4906 fill="none" 4907 viewBox="0 0 10 10" 4908 aria-hidden="true" 4909 stroke="currentColor"> 4910 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 4911 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 4912 </svg> 4913 <svg class="absolute left-1/2 top-1/2 size-[calc(100%*0.7)] -translate-x-1/2 -translate-y-1/2 bg-current simple-icon" 4914 style="background: var(--scroll-button-image-prev, currentColor); mask: var(--scroll-button-prev); -webkit-mask: var(--scroll-button-prev); aspect-ratio: var(--scroll-button-prev-aspect-ratio, 1);"> 4915 </svg> 4916 4917 </button> 4918 <div data-scrollbar-counter class="mx-auto select-none text-center"> 4919 <span x-html="$data?.content_slider?.state?.infinite ? `${scrollbar.current_index > scrollbar.pages / 2 ? scrollbar.current_index - scrollbar.pages / 2 : scrollbar.current_index} / ${scrollbar.pages / 2}` : `${scrollbar.current_index} / ${scrollbar.pages}`"></span> 4920 </div> 4921 <button type="button" 4922 data-scrollbar-button="next" 4923 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 4924 :disabled="((scrollbar.no_next_page && !$data?.content_slider?.state?.infinite) && !!+`200`) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 4925 aria-label="Scroll right" @click="handleNextClick($event, $data.content_slider)"> 4926 <svg class="ml-[calc((100%*0.44)/3)] size-[calc(100%*0.44)] stroke-2 animated-icon" 4927 fill="none"
4928 viewBox="0 0 10 10" 4929 aria-hidden="true" 4930 stroke="currentColor"> 4931 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 4932 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 4933 </svg> 4934 4935 <svg class="size-[calc(100%*0.7)] bg-current simple-icon" 4936 style="background: var(--scroll-button-image-next, currentColor); mask: var(--scroll-button-next); -webkit-mask: var(--scroll-button-next); aspect-ratio: var(--scroll-button-next-aspect-ratio, 1);"> 4937 </svg> 4938 </button> 4939 </div> 4940</div> 4941 4942 4943 4944 4945</div> 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956<div 4957 data-style-id="sections--19530698359010__card_product_card_6qkR4f--AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q" 4958 x-data="{ 4959 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 4960 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 4961 images: p_card?.product?.media ?? [], 4962 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 4963 }" 4964 x-show="$editor.select_block_id === `AM2pqZG4zY2RBL0xqR__card_product_card_image_dDpr3Q` || $data.showConditionally('always', $data?.bundle)" 4965 4966 :aria-label="p_card?.product?.title" 4967 role="link" 4968 tabindex="0" 4969 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 4970 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 4971 4972 class="relative block shrink-0 overflow-hidden group" 4973> 4974 4975 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 4976 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 4977 </div> 4978 </div> 4979 <img src="" 4980 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 4981 alt="" 4982 srcset="" 4983 :src="primary_image?.src ? primary_image?.src : primary_image" 4984 :alt="primary_image?.alt ?? p_card?.product?.title" 4985 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`586`) : primary_image" 4986 width="732" 4987 height="732" 4988 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 4989 onload="this.classList.remove('!opacity-0')" 4990 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 4991 4992 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 4993 4994 4995</div> 4996 4997 4998 4999 5000 5001 5002 5003<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AQUtwM0YzVjFhMHh2a__card_product_card_container_gEMBXV" class="group" 5004 x-show="$editor.select_block_id === `AQUtwM0YzVjFhMHh2a__card_product_card_container_gEMBXV` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5005 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5006 5007 5008 5009 5010 5011<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AN3BYY1RBbzJBVW9mO__card_product_card_richtext_afayyt" 5012 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5013 class="text-inherit" 5014 data-content=" 5015 5016<div class="_input-richtext label-primary"><h3>[product.metafields.smart.size]</h3></div> 5017" 5018 data-content-check="[product.metafields.smart.size]" 5019 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5020 x-show="!!content_check.trim() && ($editor.select_block_id === `AN3BYY1RBbzJBVW9mO__card_product_card_richtext_afayyt` || $data.showConditionally('always', $data?.bundle))" 5021 x-cloak 5022 5023 5024 x-html="content"> 5025</div> 5026 5027 5028 5029 5030 5031 5032<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYjZsd0huZmV6cmdNM__card_product_card_labels_fTVrTr" 5033 x-show="$editor.select_block_id === `AYjZsd0huZmV6cmdNM__card_product_card_labels_fTVrTr` || $data.showConditionally('always', $data?.bundle)"> 5034 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 5035 data-labels-key="product.metafields.smart.labels"> 5036 <label data-loop-item class="label-primary" x-html="value"></label> 5037 </template> 5038 5039 <label x-cloak x-show="getDiscountLabel($el.getAttribute('data-label-type'))" 5040 class="label-primary" 5041 data-label-type="percentage" 5042 x-html="getDiscountLabel($el.getAttribute('data-label-type'))"> 5043 </label> 5044 5045
5046 <label class="label-oos" 5047 x-cloak 5048 x-show="$editor.select_block_id === `AYjZsd0huZmV6cmdNM__card_product_card_labels_fTVrTr` || !p_card?.product?.available"> 5049 Sold out 5050 </label> 5051 5052 5053</div> 5054 5055 5056 5057</div> 5058 5059 5060 5061</div> 5062 5063 5064 5065 5066 5067 5068 5069<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8" 5070 class="text-inherit" 5071 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) {hideIfEmpty($el, `none`) } }" 5072 x-show="($editor.select_block_id === `AMWFpZzJYWjBTWVFSY__card_product_card_product_facts_7axDp8` || $data.showConditionally('always', $data?.bundle))" 5073 x-cloak 5074> 5075 5076 <template x-for="item in p_card?.product?.metafields?.smart?.product_facts"> 5077 <div class="product-fact richtext-md" 5078 x-show="item.label || item.value"> 5079 <span x-html="item.value"></span> 5080 <span x-html="item.label"></span> 5081 </div> 5082 </template> 5083</div> 5084 5085 5086 5087</div> 5088 5089 5090 5091</div> 5092 5093 5094 5095 5096 5097 5098 5099<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AS0VHdVcwZ0FjMFR4Z__card_product_card_container_e7zr9k" class="group" 5100 x-show="$editor.select_block_id === `AS0VHdVcwZ0FjMFR4Z__card_product_card_container_e7zr9k` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5101 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5102 5103 5104 5105 5106 5107<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA" 5108 class="text-inherit" 5109 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) {hideIfEmpty($el, `none`) } }" 5110 x-show="($editor.select_block_id === `ASDIwSnhOU1ZBb00ve__card_product_card_product_facts_QTKrwA` || $data.showConditionally('always', $data?.bundle))" 5111 x-cloak 5112> 5113 5114 <template x-for="item in p_card?.product?.metafields?.smart?.product_facts"> 5115 <div class="product-fact richtext-md" 5116 x-show="item.label || item.value"> 5117 <span x-html="item.value"></span> 5118 <span x-html="item.label"></span> 5119 </div> 5120 </template> 5121</div> 5122 5123 5124 5125 5126 5127 5128 5129 5130<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC" 5131 x-show="(p_card?.product?.reviews?.review_count > +`-1` || !'-1') && ($editor.select_block_id === `AUDEyTW1wbnBua2xFb__card_product_card_rating_xGGmiC` || $data.showConditionally('always', $data?.bundle))" 5132 style="--color-review-stars--hex:#354434;--color-review-stars-base--hex:#d1d5db;"> 5133 <meter class="relative block appearance-none shrink-0" 5134 value="5" 5135 min="0" 5136 max="5" 5137 :value="p_card?.product?.reviews?.rating ?? 0" 5138 itemprop="aggregateRating" 5139 itemscope 5140 itemtype="https://schema.org/AggregateRating"> 5141 <span> 5142 <span itemprop="ratingValue" :html="p_card?.product?.reviews?.rating"></span>/ 5143 <span itemprop="bestRating">5</span> 5144 </span> 5145 </meter> 5146 <label class="richtext-md h6" 5147 x-cloak 5148 x-show="!!p_card?.product?.reviews" 5149 data-content=" 5150 5151([count])" 5152 x-html="$el.getAttribute('data-content').replace('[count]', p_card?.product?.reviews?.review_count).replace('[rating]',p_card?.product?.reviews?.rating || 'No rating')"> 5153 </label> 5154</div> 5155 5156 5157 5158 5159 5160 5161 5162<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AajlvaHcvR2NXd1huc__card_product_card_richtext_k9trzL" 5163 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5164 class="text-left" 5165 data-content=" 5166 5167<div class="_input-richtext richtext-md h2"><p><strong>[product.title] ([product.metafields.smart.size])</strong></p></div> 5168" 5169 data-content-check="[product.title] ([product.metafields.smart.size])" 5170 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5171 x-show="!!content_check.trim() && ($editor.select_block_id === `AajlvaHcvR2NXd1huc__card_product_card_richtext_k9trzL` || $data.showConditionally('always', $data?.bundle))" 5172 x-cloak 5173 5174 5175 x-html="content"> 5176</div> 5177 5178 5179 5180 5181 5182 5183 5184<div 5185 data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn" 5186 > 5187 <div x-data="{ hoverValue: '', siblings: (p_card?.product?.metafields?.[`smart`]?.[`sibling_products`] ?? [])?.filter(sibling => sibling.product) }" 5188 x-init="() => { 5189 requestIdleCallback(async () => { 5190 await Promise.allSettled(siblings?.filter((s) => s.product !== p_card?.product?.handle)?.map((s) => window._product.getHydratedProductData(s?.product, 0))) 5191 }) 5192 $watch('p_card?.product?.id', () => { 5193 siblings = (p_card?.product?.metafields?.[`smart`]?.[`sibling_products`] ?? [])?.filter(sibling => sibling.product) 5194 }) 5195 }" 5196 x-show="p_card?.hydrated && siblings?.length" 5197 x-cloak 5198 data-style-id="sections--19530698359010__card_product_card_6qkR4f--Aa3VPcFdDOHEySHJQV__card_product_card_sibling_color_zR7chn"> 5199 <legend class="flex w-full max-w-full truncate richtext-md h6 uppercase" 5200 data-legend=" 5201 5202<strong>Flavor:<span style="display: inline-block; padding-left:4px;"></span></strong>[value]" 5203 x-effect="$el.innerHTML = $el.getAttribute('data-legend')?.replace('[value]', hoverValue || siblings?.find(s => s?.product === p_card?.product?.handle)?.title || '')"> 5204 </legend> 5205 <fieldset class="relative w-full flex scrollbar-none flex-wrap" 5206 data-style-container 5207 x-data="{ offset: siblings?.length }"> 5208 <template x-for="sibling in siblings?.slice(0, offset) ?? []"> 5209 <label data-loop-item 5210 class="flex shrink-0 cursor-pointer border-gray-300 ac:outline" 5211 x-effect="$el.classList.toggle('active', p_card?.product?.handle === sibling?.product)" 5212 5213 @mouseenter="$tooltip.addTooltip($el, sibling?.title)" 5214 @mouseleave="$tooltip.removeTooltip($el)" 5215
5216 @pointerenter="hoverValue = sibling?.title" 5217 @pointerleave="hoverValue = ''" 5218 :aria-label="sibling?.title" 5219 :style="$data.getSiblingSwatches(`image`, `image`, sibling)"> 5220 <input type="radio" 5221 class="sr-only" 5222 :name="`${p_card?.random_id}-${p_card?.product?.id}-smart.sibling_products-sibling__color`" 5223 5224 @focus="$tooltip.addTooltip($el.parentElement, sibling?.title)" 5225 @blur="$tooltip.removeTooltip($el.parentElement)" 5226 5227 @change="$data.setSiblingProduct(sibling)" 5228 :checked="sibling?.product === p_card?.product?.handle" 5229 :value="sibling?.product"> 5230 <picture 5231 class="relative w-full aspect-1" 5232 x-data="{ src: sibling.image || sibling.swatch?.image || '' }" 5233 x-init=" 5234 if (!src) { 5235 window._product.getHydratedProductData(sibling.product, sibling.product || 0) 5236 .then(p => { 5237 const [base, v] = p?.featured_media?.preview_image?.src?.split('?') ?? []; 5238 src = base ? `${base}?width=240&height=240&crop=center&${v}` : ''; 5239 }); 5240 } 5241 " 5242 > 5243 <img :src="src" width="88" height="88" class="w-full aspect-1" loading="lazy"> 5244 </picture> 5245 <span x-html="sibling.title"></span> 5246 </label> 5247 </template> 5248 5249 </fieldset> 5250 </div> 5251 5252 5253</div> 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270<div x-data="{ show: false, 5271 focusIndex: 0, 5272 values: p_card?.selling_plan_allocations?.length ? [...(p_card?.product?.requires_selling_plan ? [] : [`undefined`]), ...(p_card?.selling_plan_allocations?.map(({ selling_plan })=> `${selling_plan?.id}`) ?? [])] : [], 5273 titles: p_card?.selling_plan_allocations?.length ? [...(p_card?.product?.requires_selling_plan ? [] : ['One time purchase']), ...(p_card?.selling_plan_allocations?.map(({ selling_plan })=> selling_plan?.name) ?? [])] : [], 5274 disabledItems: [], 5275 value: `${p_card?.selected_selling_plan?.id}`, 5276 localState: `${p_card?.selected_selling_plan?.id}`, 5277 title: p_card?.selected_selling_plan?.name ?? 'One time purchase', 5278 pos: { top: 0, left:0, width: 0, height:0 }, 5279 select: $refs.select, 5280 scrollElements: utils.findCurrentlyAllScrollableParents($refs.select), 5281 handleScroll: () => { $data.pos = $refs.select.getBoundingClientRect(); $nextTick(() => { if (!utils.isElementFullyVisible($refs.select)) { document.activeElement = null; $data.show = false; } }) } 5282 }" 5283 x-effect="()=> { 5284 values = p_card?.selling_plan_allocations?.length ? [...(p_card?.product?.requires_selling_plan ? [] : [`undefined`]), ...(p_card?.selling_plan_allocations?.map(({ selling_plan })=> `${selling_plan?.id}`) ?? [])] : []; 5285 $el.classList.toggle('!hidden', !values.length); 5286 focusIndex = values.findIndex(val=> val === `${p_card?.selected_selling_plan?.id}`); 5287 titles = p_card?.selling_plan_allocations?.length ? [...(p_card?.product?.requires_selling_plan ? [] : ['One time purchase']), ...(p_card?.selling_plan_allocations?.map(({ selling_plan })=> selling_plan?.name) ?? [])] : []; 5288 disabledItems = []; 5289 if ($data.show) { 5290 $nextTick(() => { 5291 scrollElements = utils.findCurrentlyAllScrollableParents(select) 5292 scrollElements?.forEach(el => el.addEventListener('scroll', handleScroll)) 5293 }) 5294 } else { 5295 scrollElements?.forEach(el => el.removeEventListener('scroll', handleScroll)) 5296 } 5297 }" 5298 x-init="pos = select.getBoundingClientRect()" 5299 data-style-id="sections--19530698359010__card_product_card_6qkR4f--AUE5la1ZzSlhkREM3L__card_product_card_subscription_selector_Ayjitr" " > 5300 <button class="w-full input-select-rounded" 5301 :class="p_card?.subscriptionIsChanging ? 'button-loading' : ''" 5302 :disabled="p_card?.subscriptionIsChanging" 5303 type="button" 5304 x-ref="select" 5305 aria-label="Subscription Selector" 5306 @click.prevent.stop="show = !show" 5307 @keydown.space.prevent="show = !show" 5308 @keydown.enter.prevent="show = !show" 5309 aria-haspopup="listbox"
5310 aria-expanded="false"> 5311 <span class="w-full truncate text-left" 5312 x-html="titles[focusIndex] || 'Subscription Selector' || 'Choose an option'">p_card?.selected_selling_plan?.name ?? 'One time purchase'</span> 5313 </button> 5314 <input type="hidden" 5315 5316 name="" 5317 :disabled="!!(!values.length || disabledItems[focusIndex])" 5318 :value="value"> 5319 <template x-teleport="body"> 5320 <template x-if="show"> 5321 <ul x-data="{ show_popover: false, alignTop: false, alignRight: false }" 5322 x-init="$nextTick(() => { show_popover = true }); pos = select.getBoundingClientRect();" 5323 x-effect="value = values[focusIndex]; title = titles[focusIndex]; $nextTick(() => { if ($el.getBoundingClientRect().bottom > (document.scrollingElement?.scrollHeight - document.scrollingElement?.scrollTop)) { alignTop = true } if ($el.getBoundingClientRect().right > window.innerWidth) { alignRight = true } });" 5324 x-trap.noreturn="show_popover" 5325 :style="clsx(`top: ${pos.top + pos.height + 2}px; width: ${pos.width}px;`, alignTop && `transform: translateY(calc(-100% - ${pos.height + 12}px));`, alignRight ? `right: ${document.body.clientWidth - pos.right}px;` : `left: ${pos.left}px;`)" 5326 @click.outside.capture="() => { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" 5327 @scroll.window="handleScroll()" 5328 @resize.window="handleScroll()" 5329 @keydown.esc="show_popover = false; show = false;" 5330 @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 5331 @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 5332 @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 5333 @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 5334 @keydown.space.prevent.stop="p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;" 5335 @keydown.enter.prevent.stop="p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;; show_popover = false; show = false;" 5336 class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select-rounded" 5337 aria-label="Subscription Selector" 5338 aria-orientation="vertical" 5339 role="listbox" 5340 tabindex="0" 5341 x-show="show_popover" 5342 x-cloak 5343 x-transition:enter-start="opacity-0" 5344 x-transition:enter-end="opacity-100" 5345 x-transition:leave-start="opacity-100" 5346 x-transition:leave-end="opacity-0" 5347 > 5348 <template x-for="(value, i) in values"> 5349 <li class="relative cursor-default select-none py-2 pl-10 pr-4 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2]" 5350 @click.prevent.stop="async () => { 5351 if (disabledItems[i]) return; 5352 p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;; focusIndex = i; show_popover = false; show = false; 5353 }" 5354 :disabled="!!disabledItems[i]" 5355 :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" 5356 x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" 5357 role="option" 5358 tabindex="-1" 5359 :aria-selected="i === focusIndex"> 5360 <span class="block truncate" 5361 x-html="titles[i]"></span> 5362 5363 <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-theme-accent" 5364 :class="value === `${p_card?.selected_selling_plan?.id}` ? 'opacity-100':'opacity-0'"> 5365 5366 5367 <svg data-icon-handle="check-mark" 5368 5369 class="bg-current shrink-0 size-5 opacity-60" 5370 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 5371 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5372 :role="url ? 'link':''" 5373 :tabindex="url ? '0' : undefined" 5374 aria-label="check-mark" 5375 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5376 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); "></svg> 5377 5378 5379 </span> 5380 5381 </li> 5382 </template> 5383 </ul> 5384 </template> 5385 </template> 5386</div> 5387 5388 5389 5390 5391 5392 5393 5394 5395<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdHU5U0xYNGNoNitDV__card_product_card_container_QabrPQ" class="group" 5396 x-show="$editor.select_block_id === `AdHU5U0xYNGNoNitDV__card_product_card_container_QabrPQ` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5397 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5398 5399 5400 5401 5402<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AMm1pRnFqb0cvTDl1d__
5402card_product_card_quantity_selector_zqJfer" class="group" 5403 x-show="$editor.select_block_id === `AMm1pRnFqb0cvTDl1d__card_product_card_quantity_selector_zqJfer` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)"> 5404 5405 5406<div class="quantity-stepper flex items-center justify-between pointer-events-none shrink-0" 5407 5408 @click.prevent.stop="()=>{}" 5409 x-data="{ value: 1 }" 5410 x-effect="value = p_card?.quantity"> 5411 <span class="flex-1 a:content-[--quantity-label] after:relative"></span> 5412 <span class="flex items-center h-full"> 5413 <button type="button" 5414 class="p-0.5 pointer-events-auto" 5415 aria-label="Decrease quantity" 5416 :disabled="$cart.loading" 5417 @click="value = Math.max(0, value - 1); $data?.setQuantity(value)"> 5418 5419 5420 <svg data-icon-handle="minus" 5421 5422 class="bg-current shrink-0 size-[0.9em]" 5423 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-minus--url`) }" 5424 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5425 :role="url ? 'link':''" 5426 :tabindex="url ? '0' : undefined" 5427 aria-label="minus" 5428 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5429 style="mask: var(--icon-minus); -webkit-mask: var(--icon-minus); aspect-ratio: var(--icon-minus-aspect-ratio, 1); "></svg> 5430 5431 5432 </button> 5433 <label aria-label="Quantity" class="flex items-center justify-center"> 5434 <input type="number" 5435 value="1" 5436 min="0" 5437 5438 class="w-8 min-w-0 appearance-none bg-inherit text-center outline-none disabled:pointer-events-none disabled:select-none pointer-events-auto" 5439 @change="value = Math.max(0, Math.min(p_card?.selected_variant?.inventory_management === 'shopify' && p_card?.selected_variant?.inventory_policy === 'deny' ? p_card?.selected_variant?.inventory_quantity : 9999, $event.target.value)); $data?.setQuantity(value)" 5440 :disabled="true" 5441 :value="value"> 5442 </label> 5443 <button type="button" 5444 class="p-0.5 pointer-events-auto" 5445 aria-label="Increase quantity" 5446 :disabled="$cart.loading" 5447 @click="value = Math.min(p_card?.selected_variant?.inventory_management === 'shopify' && p_card?.selected_variant?.inventory_policy === 'deny' ? p_card?.selected_variant?.inventory_quantity : 9999, value + 1); $data?.setQuantity(value)"> 5448 5449 5450 <svg data-icon-handle="plus" 5451 5452 class="bg-current shrink-0 size-[0.9em]" 5453 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-plus--url`) }" 5454 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5455 :role="url ? 'link':''" 5456 :tabindex="url ? '0' : undefined" 5457 aria-label="plus" 5458 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5459 style="mask: var(--icon-plus); -webkit-mask: var(--icon-plus); aspect-ratio: var(--icon-plus-aspect-ratio, 1); "></svg> 5460 5461 5462 </button> 5463 </span> 5464</div> 5465 5466</div> 5467 5468 5469 5470 5471 5472 5473<button 5474 data-style-id="sections--19530698359010__card_product_card_6qkR4f--ARnR6OWY0VTQwSXBHS__card_product_card_cta_button_JV6MjP" 5475 type="submit" 5476 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 5477 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 5478 x-show="$editor.select_block_id === `ARnR6OWY0VTQwSXBHS__card_product_card_cta_button_JV6MjP` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 5479 class="w-full" 5480 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 5481 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 5482 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 5483 action === 'add_to_cart' ? handleAddToCart($event) 5484 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 5485 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 5486 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 5487 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 5488 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 5489 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 5490 5491 data-content=" 5492 5493Add To Cart ⢠[price]" 5494 data-class="button-primary" 5495 data-action="add_to_cart" 5496 5497 5498 5499 5500 5501 5502 data-sold-out-content=" 5503 5504Sold out" 5505 data-sold-out-class="button-primary" 5506 data-sold-out-action="disabled" 5507 5508 5509 :disabled="action === 'disabled'"> 5510</button> 5511 5512 5513 5514 5515 5516 5517 5518</div> 5519 5520 5521 5522 5523 5524 5525 5526<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AdXV4d3FCTS9qU1Nob__card_product_card_container_hQGRY8" class="group" 5527 x-show="$editor.select_block_id === `AdXV4d3FCTS9qU1Nob__card_product_card_container_hQGRY8` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_6qkR4f--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5528 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5529 5530 5531 5532 5533 5534<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AK29JYXoxZ3pNVlRqV__card_product_card_richtext_DGyJB8" 5535 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5536 class="text-inherit" 5537 data-content=" 5538 5539<div class="_input-richtext richtext-md h6"><p> 5540 5541 <svg data-icon-handle="check-mark" 5542 5543 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 5544 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 5545 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5546 :role="url ? 'link':''" 5547 :tabindex="url ? '0' : undefined" 5548 aria-label="check-mark" 5549 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5550 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 1.25em;width: 1.25em; color:currentColor;"></svg> 5551 5552 15% off every order</p></div> 5553" 5554 data-content-check="[icon.check-mark] 15% off every order" 5555 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5556 x-show="!!content_check.trim() && ($editor.select_block_id === `AK29JYXoxZ3pNVlRqV__card_product_card_richtext_DGyJB8` || $data.showConditionally('always', $data?.bundle))" 5557 x-cloak 5558 5559 5560 x-html="content"> 5561</div> 5562 5563 5564 5565 5566 5567 5568 5569<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYjFsZW5QU0VJekJ6a__
5569card_product_card_richtext_XzTdEx" 5570 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5571 class="text-inherit" 5572 data-content=" 5573 5574<div class="_input-richtext richtext-md h6"><p> 5575 5576 <svg data-icon-handle="check-mark" 5577 5578 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 5579 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 5580 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5581 :role="url ? 'link':''" 5582 :tabindex="url ? '0' : undefined" 5583 aria-label="check-mark" 5584 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5585 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 5586 5587 Bonuses on future orders</p></div> 5588" 5589 data-content-check="[icon.check-mark.24px] Bonuses on future orders" 5590 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5591 x-show="!!content_check.trim() && ($editor.select_block_id === `AYjFsZW5QU0VJekJ6a__card_product_card_richtext_XzTdEx` || $data.showConditionally('always', $data?.bundle))" 5592 x-cloak 5593 5594 5595 x-html="content"> 5596</div> 5597 5598 5599 5600 5601 5602 5603 5604<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--AYlR3M0NmcVJJbGFKc__card_product_card_richtext_ReRWWU" 5605 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5606 class="text-inherit" 5607 data-content=" 5608 5609<div class="_input-richtext richtext-md h6"><p> 5610 5611 <svg data-icon-handle="check-mark" 5612 5613 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 5614 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 5615 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5616 :role="url ? 'link':''" 5617 :tabindex="url ? '0' : undefined" 5618 aria-label="check-mark" 5619 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5620 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 5621 5622 Free shipping</p></div> 5623" 5624 data-content-check="[icon.check-mark.24px] Free shipping" 5625 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5626 x-show="!!content_check.trim() && ($editor.select_block_id === `AYlR3M0NmcVJJbGFKc__card_product_card_richtext_ReRWWU` || $data.showConditionally('always', $data?.bundle))" 5627 x-cloak 5628 5629 5630 x-html="content"> 5631</div> 5632 5633 5634 5635 5636 5637 5638 5639<div data-style-id="sections--19530698359010__card_product_card_6qkR4f--Abll3eGxtMFQxbTAvS__card_product_card_richtext_7rBkPp" 5640 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5641 class="text-inherit" 5642 data-content=" 5643 5644<div class="_input-richtext richtext-md h6"><p> 5645 5646 <svg data-icon-handle="check-mark" 5647 5648 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 5649 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 5650 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 5651 :role="url ? 'link':''" 5652 :tabindex="url ? '0' : undefined" 5653 aria-label="check-mark" 5654 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 5655 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 5656 5657Pause, skip, or cancel any time</p></div> 5658" 5659 data-content-check="[icon.check-mark.24px]Pause, skip, or cancel any time" 5660 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5661 x-show="!!content_check.trim() && ($editor.select_block_id === `Abll3eGxtMFQxbTAvS__card_product_card_richtext_7rBkPp` || $data.showConditionally('always', $data?.bundle))" 5662 x-cloak 5663 5664 5665 x-html="content"> 5666</div> 5667 5668 5669 5670</div> 5671 5672 5673 5674</div> 5675 5676 5677 5678 </form> 5679 </template> 5680 </div> 5681 5682 5683 5684</div> 5685 5686 5687 5688</div><div id="shopify-section-sections--19530698359010__card_product_card_9JD9Hw" class="shopify-section shopify-section-group-0_card"> 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 5703 style="background: #ffffff;" 5704 data-section-id="sections--19530698359010__card_product_card_9JD9Hw" 5705 data-preview-container 5706 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_9JD9Hw`" 5707 x-cloak> 5708 5709 5710 <div 5711 data-product-card="product-card-minimal" 5712 data-product-handle="the-og-pack-1" 5713 data-product-id="8908109054178" 5714 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
5714scription')) }" 5715 5716 5717 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 5718 5719 class="product-card--product-card-minimal card-loading px-container-fullwidth" 5720 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 5721 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 5722 :style="[ 5723 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 5724 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 5725 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 5726 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 5727 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 5728 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 5729 ].filter(Boolean).join('; ')" 5730 style="" 5731 data-settings="{"handle":"product-card-minimal","preview_product":"peach-12-pack","link_to_object":false,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"rgba(0,0,0,0)","custom_css":"\u0026 {\n border-radius: 24px;\n max-width: unset;\n max-height: unset;\n height: 100%;\n background-color: var(--color_2);\n padding: 16px;\n}\n\u0026 form {\n height: 100%;\n display:flex;\n flex-direction: column;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 0.617;\n background: rgba(185,185,185, 0.2);\n}\n\n@media (max-width: 768px) {\n \u0026 {\n border-radius: 16px;\n padding: 12px;\n }\n\n \u0026.card-loading {\n aspect-ratio: 0.728;\n }\n}\n\u0026 .bv_main_container {\n justify-content: center;\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 5732 <template x-if="p_card?.hydrated"> 5733 <form data-x-if 5734 method="post" 5735 action="/cart/add" 5736 class="max-h-full" 5737 @submit.prevent.stop="() => {}"> 5738 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 5739 <input type="hidden" name="quantity" value="1" /> 5740 5741 5742 5743 5744 5745<div data-style-id="sections--19530698359010__card_product_card_9JD9Hw--Aajh1enVMU2kyZDRNb__card_product_card_container_PzW6Bz" class="group" 5746 x-show="$editor.select_block_id === `Aajh1enVMU2kyZDRNb__card_product_card_container_PzW6Bz` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_9JD9Hw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5747 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5748 5749 5750 5751 5752 5753 5754 5755 5756<div 5757 data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AR0xleEZuMzJSRUdjU__card_product_card_image_NK8yEL" 5758 x-data="{ 5759 primary_image: getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`), 5760 secondary_image: getDynamicValueWithFallbacks(`[product.media.1]`), 5761 images: p_card?.product?.media ?? [], 5762 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 5763 }" 5764 x-show="$editor.select_block_id === `AR0xleEZuMzJSRUdjU__card_product_card_image_NK8yEL` || $data.showConditionally('always', $data?.bundle)" 5765 5766 :aria-label="p_card?.product?.title" 5767 role="link" 5768 tabindex="0" 5769 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[selected_variant.featured_media],[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.media.1]`) })" 5770 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 5771 5772 class="relative block shrink-0 overflow-hidden group" 5773> 5774 5775 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 5776 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 5777 </div> 5778 </div> 5779 <img src="" 5780 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 5781 alt="" 5782 srcset="" 5783 :src="primary_image?.src ? primary_image?.src : primary_image" 5784 :alt="primary_image?.alt ?? p_card?.product?.title" 5785 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 5786 width="732" 5787 height="732" 5788 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 5789 onload="this.classList.remove('!opacity-0')" 5790 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 5791 5792 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 5793 5794 5795</div> 5796 5797 5798 5799 5800 5801 5802 5803<div data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AdytNWWt6YW9hekt2O__card_product_card_container_pTirqD" class="group" 5804 x-show="$editor.select_block_id === `AdytNWWt6YW9hekt2O__card_product_card_container_pTirqD` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_9JD9Hw--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 5805 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 5806 5807 5808 5809 5810 5811<div data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AUEJiRm5BUjkvelZXS__card_product_card_richtext_XahL4P" 5812 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5813 class="text-inherit" 5814 data-content=" 5815 5816<div class="_input-richtext label-primary"><h3>[product.metafields.smart.size]</h3></div> 5817" 5818 data-content-check="[product.metafields.smart.size]" 5819 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5820 x-show="!!content_check.trim() && ($editor.select_block_id === `AUEJiRm5BUjkvelZXS__card_product_card_richtext_XahL4P` || $data.showConditionally('always', $data?.bundle))" 5821 x-cloak 5822 5823 5824 x-html="content"> 5825</div> 5826 5827 5828 5829 5830 5831 5832<div data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AYjI0WCswanh1bzBVS__card_product_card_labels_aFamnE" 5833 x-show="$editor.select_block_id === `AYjI0WCswanh1bzBVS__card_product_card_labels_aFamnE` || $data.showConditionally('always', $data?.bundle)"> 5834 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 5835 data-labels-key="product.metafields.smart.labels"> 5836 <label data-loop-item class="label-primary" x-html="value"></label> 5837 </template> 5838 5839 <label x-cloak x-show="getDiscountLabel($el.getAttribute('data-label-type'))" 5840 class="label-primary" 5841 data-label-type="percentage" 5842 x-html="getDiscountLabel($el.getAttribute('data-label-type'))"> 5843 </label> 5844 5845
5846 <label class="label-oos" 5847 x-cloak 5848 x-show="$editor.select_block_id === `AYjI0WCswanh1bzBVS__card_product_card_labels_aFamnE` || !p_card?.product?.available"> 5849 Sold out 5850 </label> 5851 5852 5853</div> 5854 5855 5856 5857</div> 5858 5859 5860 5861</div> 5862 5863 5864 5865 5866 5867 5868 5869<div data-style-id="sections--19530698359010__card_product_card_9JD9Hw--AWkxNd0VRVTRrUEZMZ__card_product_card_richtext_qDXXVc" 5870 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 5871 class="text-inherit" 5872 data-content=" 5873 5874<div class="_input-richtext richtext-md uppercase"><p><strong>[product.title]</strong></p></div> 5875" 5876 data-content-check="[product.title]" 5877 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 5878 x-show="!!content_check.trim() && ($editor.select_block_id === `AWkxNd0VRVTRrUEZMZ__card_product_card_richtext_qDXXVc` || $data.showConditionally('always', $data?.bundle))" 5879 x-cloak 5880 5881 5882 x-html="content"> 5883</div> 5884 5885 5886 5887 </form> 5888 </template> 5889 </div> 5890 5891 5892 5893</div> 5894 5895 5896 5897</div><div id="shopify-section-sections--19530698359010__card_product_card_cnFnEK" class="shopify-section shopify-section-group-0_card"> 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 5912 style="background: #666666;" 5913 data-section-id="sections--19530698359010__card_product_card_cnFnEK" 5914 data-preview-container 5915 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_cnFnEK`" 5916 x-cloak> 5917 5918 5919 <div 5920 data-product-card="product-card-flat" 5921 data-product-handle="the-og-pack-1" 5922 data-product-id="8908109054178" 5923 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-subscription')) }" 5924 5925 5926 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 5927 5928 class="product-card--product-card-flat card-loading px-container-fullwidth" 5929 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 5930 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 5931 :style="[ 5932 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 5933 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 5934 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 5935 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 5936 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 5937 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 5938 ].filter(Boolean).join('; ')" 5939 style="" 5940 data-settings="{"handle":"product-card-flat","preview_product":"","link_to_object":false,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"","custom_css":"\u0026 {\n}\n\u0026 form {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 4.837;\n background: rgba(185,185,185, 0.2);\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#666666"}"> 5941 <template x-if="p_card?.hydrated"> 5942 <form data-x-if 5943 method="post" 5944 action="/cart/add" 5945 class="max-h-full" 5946 @submit.prevent.stop="() => {}"> 5947 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 5948 <input type="hidden" name="quantity" value="1" /> 5949 5950 5951 5952 5953 5954 5955 5956 5957<div 5958 data-style-id="sections--19530698359010__card_product_card_cnFnEK--AM0s4VzRIaWp3cjhuO__card_product_card_image_7APTKH" 5959 x-data="{ 5960 primary_image: getDynamicValueWithFallbacks(`[product.image]`), 5961 secondary_image: getDynamicValueWithFallbacks(`[product.image]`), 5962 images: p_card?.product?.media ?? [],
5963 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 5964 }" 5965 x-show="$editor.select_block_id === `AM0s4VzRIaWp3cjhuO__card_product_card_image_7APTKH` || $data.showConditionally('always', $data?.bundle)" 5966 5967 x-init="$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.image]`) })" 5968 5969 class="relative block shrink-0 overflow-hidden group" 5970> 5971 5972 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 5973 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 5974 </div> 5975 </div> 5976 <img src="" 5977 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 5978 alt="" 5979 srcset="" 5980 :src="primary_image?.src ? primary_image?.src : primary_image" 5981 :alt="primary_image?.alt ?? p_card?.product?.title" 5982 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 5983 width="732" 5984 height="732" 5985 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 5986 onload="this.classList.remove('!opacity-0')" 5987 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 5988 5989 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 5990 5991 5992</div> 5993 5994 5995 5996 5997 5998 5999 6000<div data-style-id="sections--19530698359010__card_product_card_cnFnEK--ATE96V29lS2tuaDJ3T__card_product_card_container_HarCqY" class="group" 6001 x-show="$editor.select_block_id === `ATE96V29lS2tuaDJ3T__card_product_card_container_HarCqY` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_cnFnEK--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6002 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6003 6004 6005 6006 6007 6008<div data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ab25LZ1F0MHFBR3hha__card_product_card_richtext_87tADy" 6009 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6010 class="text-inherit" 6011 data-content=" 6012 6013<div class="_input-richtext richtext-md h5"><p><strong>[product.title]</strong></p></div> 6014" 6015 data-content-check="[product.title]" 6016 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6017 x-show="!!content_check.trim() && ($editor.select_block_id === `Ab25LZ1F0MHFBR3hha__card_product_card_richtext_87tADy` || $data.showConditionally('always', $data?.bundle))" 6018 x-cloak 6019 6020 6021 x-html="content"> 6022</div> 6023 6024 6025 6026 6027 6028 6029 6030<div data-style-id="sections--19530698359010__card_product_card_cnFnEK--Ac0xVOEVoeHZLUGh2R__card_product_card_richtext_VUbNGB" 6031 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6032 class="text-inherit" 6033 data-content=" 6034 6035<div class="_input-richtext label-primary"><p>[product.metafields.smart.size]</p></div> 6036" 6037 data-content-check="[product.metafields.smart.size]" 6038 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6039 x-show="!!content_check.trim() && ($editor.select_block_id === `Ac0xVOEVoeHZLUGh2R__card_product_card_richtext_VUbNGB` || $data.showConditionally('always', $data?.bundle))" 6040 x-cloak 6041 6042 6043 x-html="content"> 6044</div> 6045 6046 6047 6048 6049 6050 6051 6052<div data-style-id="sections--19530698359010__card_product_card_cnFnEK--AU1RDMld5ZXRhK3U2e__card_product_card_price_fz4dAb" 6053 x-show="$editor.select_block_id === `AU1RDMld5ZXRhK3U2e__card_product_card_price_fz4dAb` || $data.showConditionally('always', $data?.bundle)" 6054 class="inline-flex gap-2 text-inherit"> 6055 <span class="richtext-md h5" 6056 6057 x-html="utils.formatMoney(p_card?.selected_variant?.price, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6058 6059 6060 ></span> 6061 6062 <span class="richtext-md h6 line-through" 6063 x-cloak 6064 x-show="(p_card?.selected_variant?.compare_at_price || 0) > p_card?.selected_variant?.price" 6065 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6066 6067 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6068 6069 6070 ></span> 6071 6072</div> 6073 6074 6075 6076</div> 6077 6078 6079 6080 6081 6082 6083<button 6084 data-style-id="sections--19530698359010__card_product_card_cnFnEK--AemdFTVBjYUZKdnlJd__card_product_card_cta_button_XtHDqm" 6085 type="submit" 6086 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 6087 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 6088 x-show="$editor.select_block_id === `AemdFTVBjYUZKdnlJd__card_product_card_cta_button_XtHDqm` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 6089 class="w-full" 6090 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 6091 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 6092 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 6093 action === 'add_to_cart' ? handleAddToCart($event) 6094 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 6095 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 6096 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 6097 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 6098 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 6099 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 6100 6101 data-content=" 6102 6103Add" 6104 data-class="button-outline-dark" 6105 data-action="add_to_cart" 6106 6107 6108 6109 6110 6111 6112 data-sold-out-content=" 6113 6114Sold out" 6115 data-sold-out-class="button-primary" 6116 data-sold-out-action="disabled" 6117 6118 6119 :disabled="action === 'disabled'"> 6120</button> 6121 6122 6123 6124 6125 6126 6127 6128 </form> 6129 </template> 6130 </div> 6131 6132 6133 6134</div> 6135 6136 6137 6138</div><div id="shopify-section-sections--19530698359010__card_product_card_YwYKFa" class="shopify-section shopify-section-group-0_card"> 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 6153 style="background: #666666;" 6154 data-section-id="sections--19530698359010__card_product_card_YwYKFa" 6155 data-preview-container 6156 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_YwYKFa`" 6157 x-cloak> 6158 6159 6160 <div 6161 data-product-card="product-card-flat-bundle" 6162 data-product-handle="the-og-pack-1" 6163 data-product-id="8908109054178" 6164 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
6164scription')) }" 6165 6166 6167 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 6168 6169 class="product-card--product-card-flat-bundle card-loading px-container-fullwidth" 6170 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 6171 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 6172 :style="[ 6173 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 6174 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 6175 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 6176 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 6177 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 6178 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 6179 ].filter(Boolean).join('; ')" 6180 style="" 6181 data-settings="{"handle":"product-card-flat-bundle","preview_product":"","link_to_object":false,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"","custom_css":"\u0026 {\n\n \n}\n\u0026 form {\n display: flex;\n align-items: center;\n gap: 12px;\n background-color: var(--color_2);\n border-radius: 16px;\n padding: 6px 8px;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 4.837;\n background: rgba(185,185,185, 0.2);\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#666666"}"> 6182 <template x-if="p_card?.hydrated"> 6183 <form data-x-if 6184 method="post" 6185 action="/cart/add" 6186 class="max-h-full" 6187 @submit.prevent.stop="() => {}"> 6188 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 6189 <input type="hidden" name="quantity" value="1" /> 6190 6191 6192 6193 6194 6195 6196 6197 6198<div 6199 data-style-id="sections--19530698359010__card_product_card_YwYKFa--AdytNM3pibnpGblRGc__card_product_card_image_iMfdzJ" 6200 x-data="{ 6201 primary_image: getDynamicValueWithFallbacks(`[product.image]`), 6202 secondary_image: getDynamicValueWithFallbacks(`[product.image]`), 6203 images: p_card?.product?.media ?? [], 6204 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 6205 }" 6206 x-show="$editor.select_block_id === `AdytNM3pibnpGblRGc__card_product_card_image_iMfdzJ` || $data.showConditionally('always', $data?.bundle)" 6207 6208 x-init="$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.image]`) })" 6209 6210 class="relative block shrink-0 overflow-hidden group" 6211> 6212 6213 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 6214 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 6215 </div> 6216 </div> 6217 <img src="" 6218 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 6219 alt="" 6220 srcset="" 6221 :src="primary_image?.src ? primary_image?.src : primary_image" 6222 :alt="primary_image?.alt ?? p_card?.product?.title" 6223 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 6224 width="732" 6225 height="732" 6226 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 6227 onload="this.classList.remove('!opacity-0')" 6228 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 6229 6230 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 6231 6232 6233</div> 6234 6235 6236 6237 6238 6239 6240 6241<div data-style-id="sections--19530698359010__card_product_card_YwYKFa--AaTRGK0svWldLdFRwa__card_product_card_container_akphMp" class="group" 6242 x-show="$editor.select_block_id === `AaTRGK0svWldLdFRwa__card_product_card_container_akphMp` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_YwYKFa--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6243 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6244 6245 6246 6247 6248<div data-style-id="sections--19530698359010__card_product_card_YwYKFa--ARGk5dGdaMGRyVlJua__custom_liquid_3bAXeg" > 6249 <span x-text="p_card?.product?.title?.replace(/\s*\(.*$/, '')"></span> 6250</div> 6251 6252 6253 6254 6255 6256 6257 6258<div data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZS9VOUhEK0Q3djRIM__card_product_card_richtext_PpcMc7" 6259 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6260 class="text-inherit" 6261 data-content=" 6262 6263<div class="_input-richtext label-primary"><p>[product.metafields.smart.size]</p></div> 6264" 6265 data-content-check="[product.metafields.smart.size]" 6266 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6267 x-show="!!content_check.trim() && ($editor.select_block_id === `AZS9VOUhEK0Q3djRIM__card_product_card_richtext_PpcMc7` || $data.showConditionally('always', $data?.bundle))" 6268 x-cloak 6269 6270 6271 x-html="content"> 6272</div> 6273 6274 6275 6276 6277 6278 6279<div data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZnlaVjA4bkt6Qy9JQ__custom_liquid_AyGD8x" > 6280 <span x-text="`From ${utils.formatMoney(p_card?.product?.price / 12)}/can`"></span> 6281</div> 6282 6283 6284 6285</div> 6286 6287 6288 6289 6290 6291 6292<button 6293 data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZC82SGFpcHYxT01KU__card_product_card_cta_button_4fQbtg" 6294 type="submit" 6295 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 6296 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 6297 x-show="$editor.select_block_id === `AZC82SGFpcHYxT01KU__card_product_card_cta_button_4fQbtg` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 6298 class="w-full" 6299 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 6300 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 6301 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 6302 action === 'add_to_cart' ? handleAddToCart($event) 6303 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 6304 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 6305 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 6306 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 6307 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 6308 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 6309 6310 data-content=" 6311 6312Add" 6313 data-class="button-outline-dark" 6314 data-action="add_to_cart" 6315 6316 6317 6318 6319 data-bundle-content=" 6320 6321Add" 6322 data-bundle-class="button-outline-dark" 6323 data-bundle-action="add_to_bundle" 6324 6325 6326 6327 6328 data-sold-out-content=" 6329 6330Sold out" 6331 data-sold-out-class="button-primary" 6332 data-sold-out-action="disabled" 6333 6334 6335 :disabled="action === 'disabled'"> 6336</button> 6337 6338 6339 6340 6341 <div data-style-id="sections--19530698359010__card_product_card_YwYKFa--AZC82SGFpcHYxT01KU__card_product_card_cta_button_4fQbtg" 6342 x-show="p_card?.selected_variant?.available && $data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)" 6343 x-cloak 6344 class="w-full !cursor-default button-outline-dark" 6345 :class="p_card?.isAdding ? 'button-loading':''"> 6346 <span class="flex w-full justify-between items-center gap-2" 6347 @click.prevent.stop="()=>{}" 6348 x-data="{ quantity_added: $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) }" 6349 x-effect="quantity_added = $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) "> 6350 6351 <button type="button" 6352 class="p-0.5" 6353 aria-label="Decrease quantity" 6354 @click="$data?.bundle?.removeFromBundle({ variant: p_card?.selected_variant, product: p_card?.product })"> 6355 6356 6357 <svg data-icon-handle="minus" 6358 6359 class="bg-current shrink-0 size-[0.9em]" 6360 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-minus--url`) }" 6361 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 6362 :role="url ? 'link':''" 6363 :tabindex="url ? '0' : undefined" 6364 aria-label="minus" 6365 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 6366 style="mask: var(--icon-minus); -webkit-mask: var(--icon-minus); aspect-ratio: var(--icon-minus-aspect-ratio, 1); "></svg> 6367 6368 6369 </button> 6370 <label aria-label="Bundle Quantity" class="flex items-center justify-center"> 6371 <input type="number" 6372 value="1" 6373 min="1" 6374 name="value" 6375 class="w-8 min-w-0 appearance-none bg-inherit text-center outline-none disabled:pointer-events-none disabled:select-none" 6376 disabled="disabled" 6377 :value="quantity_added"> 6378 </label> 6379 <button type="button" 6380 class="p-0.5" 6381 aria-label="Increase quantity" 6382 :disabled="((p_card?.selected_variant?.quantity - quantity_added) < 1 && !p_card?.soldOut) || ($data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items)" 6383 @click="$data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product })"> 6384 6385 6386 <svg data-icon-handle="plus"
6387 6388 class="bg-current shrink-0 size-[0.9em]" 6389 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-plus--url`) }" 6390 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 6391 :role="url ? 'link':''" 6392 :tabindex="url ? '0' : undefined" 6393 aria-label="plus" 6394 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 6395 style="mask: var(--icon-plus); -webkit-mask: var(--icon-plus); aspect-ratio: var(--icon-plus-aspect-ratio, 1); "></svg> 6396 6397 6398 </button> 6399 </span> 6400 </div> 6401 6402 6403 6404 6405 </form> 6406 </template> 6407 </div> 6408 6409 6410 6411</div> 6412 6413 6414 6415</div><div id="shopify-section-sections--19530698359010__card_product_card_czqUDR" class="shopify-section shopify-section-group-0_card"> 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 6430 style="background: #d1d5db;" 6431 data-section-id="sections--19530698359010__card_product_card_czqUDR" 6432 data-preview-container 6433 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_czqUDR`" 6434 x-cloak> 6435 6436 6437 <div 6438 data-product-card="product-card-ugc" 6439 data-product-handle="the-og-pack-1" 6440 data-product-id="8908109054178" 6441 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-subscription')) }" 6442 6443 6444 :aria-label="p_card?.product?.title" 6445 role="link" 6446 tabindex="0" 6447 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 6448 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 6449 6450 6451 class="product-card--product-card-ugc card-loading px-container-fullwidth" 6452 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 6453 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 6454 :style="[ 6455 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 6456 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 6457 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 6458 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 6459 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 6460 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 6461 ].filter(Boolean).join('; ')" 6462 style="" 6463 data-settings="{"handle":"product-card-ugc","preview_product":"","link_to_object":true,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"#ffffff","custom_css":"\u0026 {\n border-radius: 24px;\n padding: 4px 12px;\n}\n\u0026 form {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n width: 100%;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 4.837;\n background: rgba(185,185,185, 0.2);\n}\n\n@media (max-width: 768px) {\n \u0026 {\n padding: 16px 24px;\n }\n \u0026 form {\n gap: 12px;\n }\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#d1d5db"}"> 6464 <template x-if="p_card?.hydrated"> 6465 <form data-x-if 6466 method="post" 6467 action="/cart/add" 6468 class="max-h-full" 6469 @submit.prevent.stop="() => {}"> 6470 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 6471 <input type="hidden" name="quantity" value="1" /> 6472 6473 6474 6475 6476 6477<div data-style-id="sections--19530698359010__card_product_card_czqUDR--AM0d0d3BLQ21ZWmloc__card_product_card_container_8ndpgg" class="group" 6478 x-show="$editor.select_block_id === `AM0d0d3BLQ21ZWmloc__card_product_card_container_8ndpgg` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_czqUDR--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6479 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6480 6481 6482 6483 6484 6485 6486 6487 6488<div 6489 data-style-id="sections--19530698359010__card_product_card_czqUDR--AQVFrZnYvNmJlclhwY__card_product_card_image_Uap4Ey" 6490 x-data="{ 6491 primary_image: getDynamicValueWithFallbacks(`[product.image]`), 6492 secondary_image: getDynamicValueWithFallbacks(`[product.image]`), 6493 images: p_card?.product?.media ?? [],
6494 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 6495 }" 6496 x-show="$editor.select_block_id === `AQVFrZnYvNmJlclhwY__card_product_card_image_Uap4Ey` || $data.showConditionally('always', $data?.bundle)" 6497 6498 :aria-label="p_card?.product?.title" 6499 role="link" 6500 tabindex="0" 6501 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.image]`) })" 6502 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 6503 6504 class="relative block shrink-0 overflow-hidden group" 6505> 6506 6507 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 6508 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 6509 </div> 6510 </div> 6511 <img src="" 6512 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 6513 alt="" 6514 srcset="" 6515 :src="primary_image?.src ? primary_image?.src : primary_image" 6516 :alt="primary_image?.alt ?? p_card?.product?.title" 6517 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 6518 width="732" 6519 height="732" 6520 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 6521 onload="this.classList.remove('!opacity-0')" 6522 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 6523 6524 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 6525 6526 6527</div> 6528 6529 6530 6531 6532 6533 6534 6535<div data-style-id="sections--19530698359010__card_product_card_czqUDR--AUFdXc2hnZkpuRzdPL__card_product_card_container_RLJWcG" class="group" 6536 x-show="$editor.select_block_id === `AUFdXc2hnZkpuRzdPL__card_product_card_container_RLJWcG` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_czqUDR--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6537 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6538 6539 6540 6541 6542 6543<div data-style-id="sections--19530698359010__card_product_card_czqUDR--AMUErWmJINnZRQ0JQQ__card_product_card_richtext_pQxg4K" 6544 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6545 class="text-inherit" 6546 data-content=" 6547 6548<div class="_input-richtext richtext-md uppercase"><p><strong>[product.title]</strong></p></div> 6549" 6550 data-content-check="[product.title]" 6551 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6552 x-show="!!content_check.trim() && ($editor.select_block_id === `AMUErWmJINnZRQ0JQQ__card_product_card_richtext_pQxg4K` || $data.showConditionally('always', $data?.bundle))" 6553 x-cloak 6554 6555 6556 x-html="content"> 6557</div> 6558 6559 6560 6561 6562 6563 6564 6565<div data-style-id="sections--19530698359010__card_product_card_czqUDR--ARCs1aVlISUNtNUQxO__card_product_card_richtext_p9imtq" 6566 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6567 class="text-inherit" 6568 data-content=" 6569 6570<div class="_input-richtext richtext-md"><h5>[product.metafields.smart.size]</h5></div> 6571" 6572 data-content-check="[product.metafields.smart.size]" 6573 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6574 x-show="!!content_check.trim() && ($editor.select_block_id === `ARCs1aVlISUNtNUQxO__card_product_card_richtext_p9imtq` || $data.showConditionally('always', $data?.bundle))" 6575 x-cloak 6576 6577 6578 x-html="content"> 6579</div> 6580 6581 6582 6583 6584 6585 6586 6587<div data-style-id="sections--19530698359010__card_product_card_czqUDR--Aa0tvbGNTb1QvVkhFV__card_product_card_price_f8Q
6587hL6" 6588 x-show="$editor.select_block_id === `Aa0tvbGNTb1QvVkhFV__card_product_card_price_f8QhL6` || $data.showConditionally('always', $data?.bundle)" 6589 class="inline-flex gap-2 text-inherit"> 6590 <span class="richtext-md h5" 6591 6592 x-html="utils.formatMoney(p_card?.selected_variant?.price, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6593 6594 6595 ></span> 6596 6597 <span class="richtext-md h5 line-through" 6598 x-cloak 6599 x-show="(p_card?.selected_variant?.compare_at_price || 0) > p_card?.selected_variant?.price" 6600 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6601 6602 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6603 6604 6605 ></span> 6606 6607</div> 6608 6609 6610 6611</div> 6612 6613 6614 6615</div> 6616 6617 6618 6619 6620 6621 6622<fieldset 6623 data-style-id="sections--19530698359010__card_product_card_czqUDR--AUkNUK2p0V0tOOVNzb__card_product_card_sibling_selector_select_QLwgFU" 6624 6625 x-data="{ 6626 siblings: (p_card?.product?.metafields?.[`smart`]?.[`sibling_products`] ?? []).filter(s => s.product), 6627 }" 6628 x-init=" 6629 requestIdleCallback(async () => { 6630 await Promise.allSettled( 6631 siblings.map(s => window._product.getHydratedProductData(s.product, 0)) 6632 ) 6633 }) 6634 " 6635 x-show="siblings.length && ($editor.select_block_id === `AUkNUK2p0V0tOOVNzb__card_product_card_sibling_selector_select_QLwgFU` || $data.showConditionally('always', $data?.bundle))" 6636 x-cloak 6637> 6638 <legend 6639 class="flex w-full max-w-full truncate richtext-md h5" 6640 data-legend=" 6641 6642" 6643 x-effect=" 6644 $el.innerHTML = $el 6645 .getAttribute('data-legend') 6646 .replace( 6647 '[value]', 6648 siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name 6649 || siblings.find(s => s.product === p_card?.product?.handle)?.title 6650 || p_card?.product?.title 6651 ) 6652 " 6653 ></legend> 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665<div x-data="{ show: false, 6666 focusIndex: 0, 6667 values: siblings.map(s => s.product) || [], 6668 titles: siblings.map(s => `FLAVOR: ${s.title.toUpperCase() ?? s.sibling_name.toUpperCase()}`) || [], 6669 disabledItems: [], 6670 value: p_card?.product?.handle, 6671 localState: p_card?.product?.handle, 6672 title: siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title, 6673 pos: { top: 0, left:0, width: 0, height:0 }, 6674 select: $refs.select, 6675 scrollElements: utils.findCurrentlyAllScrollableParents($refs.select), 6676 handleScroll: () => { $data.pos = $refs.select.getBoundingClientRect(); $nextTick(() => { if (!utils.isElementFullyVisible($refs.select)) { document.activeElement = null; $data.show = false; } }) } 6677 }" 6678 x-effect="()=> { 6679 values = siblings.map(s => s.product) || []; 6680 $el.classList.toggle('!hidden', !values.length); 6681 focusIndex = values.findIndex(val=> val === p_card?.product?.handle); 6682 titles = siblings.map(s => `FLAVOR: ${s.title.toUpperCase() ?? s.sibling_name.toUpperCase()}`) || []; 6683 disabledItems = []; 6684 if ($data.show) { 6685 $nextTick(() => { 6686 scrollElements = utils.findCurrentlyAllScrollableParents(select) 6687 scrollElements?.forEach(el => el.addEventListener('scroll', handleScroll)) 6688 }) 6689 } else { 6690 scrollElements?.forEach(el => el.removeEventListener('scroll', handleScroll)) 6691 } 6692 }" 6693 x-init="pos = select.getBoundingClientRect()" 6694 data-style-select x-ref='siblingSelect'> 6695 <button class="w-full input-select" 6696 :class="false ? 'button-loading' : ''" 6697 :disabled="false" 6698 type="button" 6699 x-ref="select" 6700 aria-label="" 6701 @click.prevent.stop="show = !show" 6702 @keydown.space.prevent="show = !show" 6703 @keydown.enter.prevent="show = !show" 6704 aria-haspopup="listbox"
6705 aria-expanded="false"> 6706 <span class="w-full truncate text-left" 6707 x-html="titles[focusIndex] || '' || 'Choose an option'">siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title</span> 6708 </button> 6709 <input type="hidden" 6710 6711 name="" 6712 :disabled="!!(!values.length || disabledItems[focusIndex])" 6713 :value="value"> 6714 <template x-teleport="body"> 6715 <template x-if="show"> 6716 <ul x-data="{ show_popover: false, alignTop: false, alignRight: false }" 6717 x-init="$nextTick(() => { show_popover = true }); pos = select.getBoundingClientRect();" 6718 x-effect="value = values[focusIndex]; title = titles[focusIndex]; $nextTick(() => { if ($el.getBoundingClientRect().bottom > (document.scrollingElement?.scrollHeight - document.scrollingElement?.scrollTop)) { alignTop = true } if ($el.getBoundingClientRect().right > window.innerWidth) { alignRight = true } });" 6719 x-trap.noreturn="show_popover" 6720 :style="clsx(`top: ${pos.top + pos.height + 2}px; width: ${pos.width}px;`, alignTop && `transform: translateY(calc(-100% - ${pos.height + 12}px));`, alignRight ? `right: ${document.body.clientWidth - pos.right}px;` : `left: ${pos.left}px;`)" 6721 @click.outside.capture="() => { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" 6722 @scroll.window="handleScroll()" 6723 @resize.window="handleScroll()" 6724 @keydown.esc="show_popover = false; show = false;" 6725 @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 6726 @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 6727 @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 6728 @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 6729 @keydown.space.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value))" 6730 @keydown.enter.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value)); show_popover = false; show = false;" 6731 class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" 6732 aria-label="" 6733 aria-orientation="vertical" 6734 role="listbox" 6735 tabindex="0" 6736 x-show="show_popover" 6737 x-cloak 6738 x-transition:enter-start="opacity-0" 6739 x-transition:enter-end="opacity-100" 6740 x-transition:leave-start="opacity-100" 6741 x-transition:leave-end="opacity-0" 6742 > 6743 <template x-for="(value, i) in values"> 6744 <li class="relative cursor-default select-none py-2 pl-10 pr-4 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2]" 6745 @click.prevent.stop="async () => { 6746 if (disabledItems[i]) return; 6747 $data.setSiblingProduct(siblings.find(s => s.product === value)); focusIndex = i; show_popover = false; show = false; 6748 }" 6749 :disabled="!!disabledItems[i]" 6750 :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" 6751 x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" 6752 role="option" 6753 tabindex="-1" 6754 :aria-selected="i === focusIndex"> 6755 <span class="block truncate" 6756 x-html="titles[i]"></span> 6757 6758 <span class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center w-6 h-6 rounded-full" 6759 :style="`background-color: ${window._products[values[i]]?.metafields?.smart?.colors?.color_1 || ''};`"> 6760 </span> 6761 6762 </li> 6763 </template> 6764 </ul> 6765 </template> 6766 </template> 6767</div> 6768 6769</fieldset> 6770 6771 6772 6773 6774 6775 6776<button 6777 data-style-id="sections--19530698359010__card_product_card_czqUDR--AUlNoQjJuYm96TXZRU__card_product_card_cta_button_VQPzJM" 6778 type="submit" 6779 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 6780 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 6781 x-show="$editor.select_block_id === `AUlNoQjJuYm96TXZRU__card_product_card_cta_button_VQPzJM` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 6782 class="w-full" 6783 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 6784 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 6785 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 6786 action === 'add_to_cart' ? handleAddToCart($event) 6787 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 6788 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 6789 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 6790 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 6791 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 6792 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 6793 6794 data-content=" 6795 6796Add To Cart" 6797 data-class="button-primary" 6798 data-action="add_to_cart" 6799 6800 6801 data-variant-content=" 6802 6803View" 6804 data-variant-class="button-primary" 6805 data-variant-action="link_to_product" 6806 6807 6808 6809 6810 6811 6812 data-sold-out-content=" 6813 6814Sold out" 6815 data-sold-out-class="button-primary" 6816 data-sold-out-action="disabled" 6817 6818 6819 :disabled="action === 'disabled'"> 6820</button> 6821 6822 6823 6824 6825 6826 6827 6828 </form> 6829 </template> 6830 </div> 6831 6832 6833 6834</div> 6835 6836 6837 6838</div><div id="shopify-section-sections--19530698359010__card_product_card_n9r8AG" class="shopify-section shopify-section-group-0_card"> 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 6853 style="background: #ffffff;" 6854 data-section-id="sections--19530698359010__card_product_card_n9r8AG" 6855 data-preview-container 6856 x-show="$editor?.select_section_id === `sections--19530698359010__card_product_card_n9r8AG`" 6857 x-cloak> 6858 6859 6860 <div 6861 data-product-card="product-card-upsell-cart" 6862 data-product-handle="the-og-pack-1" 6863 data-product-id="8908109054178" 6864 x-data="{ ..._sections.initProductCard($el, $refs, $el.getAttribute('data-product-handle'), +$el.getAttribute('data-product-id'), +$el.getAttribute('data-variant-id'), $el.hasAttribute('data-default-sub
6864scription')) }" 6865 6866 6867 :aria-label="p_card?.product?.title" 6868 role="link" 6869 tabindex="0" 6870 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 6871 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 6872 6873 6874 class="product-card--product-card-upsell-cart card-loading px-container-fullwidth" 6875 x-effect="() => { if (p_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 6876 x-intersect.once="() => barba.prefetch(`${window.location.origin}/products/${p_card?.product_handle}`)" 6877 :style="[ 6878 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 6879 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 6880 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 6881 p_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${p_card.product.metafields.smart.colors.color_1}`, 6882 p_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${p_card.product.metafields.smart.colors.color_2}`, 6883 p_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${p_card.product.metafields.smart.colors.color_3}` 6884 ].filter(Boolean).join('; ')" 6885 style="" 6886 data-settings="{"handle":"product-card-upsell-cart","preview_product":"","link_to_object":true,"link_to_quickview":false,"open_in_new_tab":false,"default_select_selling_plan":false,"default_variant_metafield":"smart.default_variant","dynamic_text_color":"","dynamic_background_color":"","dynamic_border_color":"","container_spacing":"px-container-fullwidth","text_color":"#273426","background_color":"#ffffff","custom_css":"\u0026 {\n border-radius: 24px;\n}\n\u0026 form {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n width: 100%;\n}\n\u0026.card-loading {\n width: 100%;\n height: auto;\n aspect-ratio: 4.837;\n background: rgba(185,185,185, 0.2);\n}\n\n@media (max-width: 768px) {\n \u0026 {\n }\n \u0026 form {\n gap: 12px;\n }\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":"","override_preview_background":"#ffffff"}"> 6887 <template x-if="p_card?.hydrated"> 6888 <form data-x-if 6889 method="post" 6890 action="/cart/add" 6891 class="max-h-full" 6892 @submit.prevent.stop="() => {}"> 6893 <input type="hidden" name="id" :value="p_card?.selected_variant?.id" /> 6894 <input type="hidden" name="quantity" value="1" /> 6895 6896 6897 6898 6899 6900<div data-style-id="sections--19530698359010__card_product_card_n9r8AG--AaTRDRXFkZzdNU2tnN__card_product_card_container_FqAecG" class="group" 6901 x-show="$editor.select_block_id === `AaTRDRXFkZzdNU2tnN__card_product_card_container_FqAecG` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_n9r8AG--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6902 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6903 6904 6905 6906 6907 6908 6909 6910 6911<div 6912 data-style-id="sections--19530698359010__card_product_card_n9r8AG--AcEcrU1pHZUdhWndqb__card_product_card_image_PpMiJF" 6913 x-data="{ 6914 primary_image: getDynamicValueWithFallbacks(`[product.image]`), 6915 secondary_image: getDynamicValueWithFallbacks(`[product.image]`), 6916 images: p_card?.product?.media ?? [], 6917 content_slider: false ? utils.initContentSlider($el, $refs.scrollContainer, undefined, false).content_slider : null, 6918 }" 6919 x-show="$editor.select_block_id === `AcEcrU1pHZUdhWndqb__card_product_card_image_PpMiJF` || $data.showConditionally('always', $data?.bundle)" 6920 6921 :aria-label="p_card?.product?.title" 6922 role="link" 6923 tabindex="0" 6924 x-init="utils.simulateAnchorTag($el);$watch('p_card.selected_variant', () => { primary_image = getDynamicValueWithFallbacks(`[product.image]`); secondary_image = getDynamicValueWithFallbacks(`[product.image]`) })" 6925 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`" 6926 6927 class="relative block shrink-0 overflow-hidden group" 6928> 6929 6930 <div class="relative" x-show="!p_card?.hydrated || (!primary_image && !secondary_image)"> 6931 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 6932 </div> 6933 </div> 6934 <img src="" 6935 x-show="p_card?.hydrated && (!!primary_image?.src || primary_image)" 6936 alt="" 6937 srcset="" 6938 :src="primary_image?.src ? primary_image?.src : primary_image" 6939 :alt="primary_image?.alt ?? p_card?.product?.title" 6940 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 6941 width="732" 6942 height="732" 6943 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 6944 onload="this.classList.remove('!opacity-0')" 6945 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 6946 6947 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 6948 6949 6950</div> 6951 6952 6953 6954 6955 6956 6957 6958<div data-style-id="sections--19530698359010__card_product_card_n9r8AG--AWk1PSFhU
6958Q0MrK2VJR__card_product_card_container_yUXNHE" class="group" 6959 x-show="$editor.select_block_id === `AWk1PSFhUQ0MrK2VJR__card_product_card_container_yUXNHE` || $el.querySelector(`[data-style-id='sections--19530698359010__card_product_card_n9r8AG--${$editor?.select_block_id}']`) || $data.showConditionally('always', $data?.bundle)" 6960 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 6961 6962 6963 6964 6965 6966<div data-style-id="sections--19530698359010__card_product_card_n9r8AG--AVDdKbTNmWkkwczUyT__card_product_card_richtext_qaefWe" 6967 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 6968 class="text-inherit" 6969 data-content=" 6970 6971<div class="_input-richtext richtext-md uppercase"><p><strong>[product.title]</strong></p></div> 6972" 6973 data-content-check="[product.title]" 6974 x-effect="() => { if (p_card?.selected_variant || p_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); hideIfEmpty($el, `none`, !content_check.trim()) } }" 6975 x-show="!!content_check.trim() && ($editor.select_block_id === `AVDdKbTNmWkkwczUyT__card_product_card_richtext_qaefWe` || $data.showConditionally('always', $data?.bundle))" 6976 x-cloak 6977 6978 6979 x-html="content"> 6980</div> 6981 6982 6983 6984 6985 6986 6987 6988<div data-style-id="sections--19530698359010__card_product_card_n9r8AG--ATFBMYnlIekJNQzczd__card_product_card_price_JQMad3" 6989 x-show="$editor.select_block_id === `ATFBMYnlIekJNQzczd__card_product_card_price_JQMad3` || $data.showConditionally('always', $data?.bundle)" 6990 class="inline-flex gap-2 text-inherit"> 6991 <span class="richtext-md h5" 6992 6993 x-html="utils.formatMoney(p_card?.selected_variant?.price, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 6994 6995 6996 ></span> 6997 6998 <span class="richtext-md h5 line-through" 6999 x-cloak 7000 x-show="(p_card?.selected_variant?.compare_at_price || 0) > p_card?.selected_variant?.price" 7001 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 7002 7003 x-html="utils.formatMoney(p_card?.selected_variant?.compare_at_price || 0, window.money_format.replace(/amount[^}]*/gi,`store_default`))" 7004 7005 7006 ></span> 7007 7008</div> 7009 7010 7011 7012</div> 7013 7014 7015 7016 7017 7018 7019<button 7020 data-style-id="sections--19530698359010__card_product_card_n9r8AG--AQWVicWkwZVJaaHA4d__card_product_card_cta_button_RWKxKC" 7021 type="submit" 7022 x-data="{ ...getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`) }" 7023 x-init="$watch('p_card.selected_variant', () => { const update = getCTAButtonProps($el, $el.closest('[data-preview-container]') && `default`); action = update.action; content = update.content; added_content = update.added_content; classes = update.classes; product_modal_handle = update.product_modal_handle })" 7024 x-show="$editor.select_block_id === `AQWVicWkwZVJaaHA4d__card_product_card_cta_button_RWKxKC` || $data.showConditionally('always', $data?.bundle) && (action !== 'add_to_bundle' || !$data?.bundle?.items_added?.some(item => item.variant?.id === p_card?.selected_variant?.id)) && (action !== 'add_as_addon' || !$el.hasAttribute('data-pdp-allow-quantity') || !($data?.pdp?.upsell_items?.has(p_card?.product_handle) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added')))" 7025 class="w-full" 7026 :class="clsx(p_card?.isAdding && 'button-loading',(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') && 'added', classes)" 7027 x-html="(action === 'add_as_addon' && $data?.pdp?.upsell_items?.has(p_card?.product_handle)) || ($el.closest('[data-preview-container]') && `default` === 'in_pdp_added') ? added_content : content" 7028 @click.prevent.stop="if (action === 'add_to_bundle' && $data?.bundle?.max_items && $data?.bundle?.items_added?.length >= $data?.bundle?.max_items) { return; } 7029 action === 'add_to_cart' ? handleAddToCart($event) 7030 : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) 7031 : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) 7032 : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) 7033 : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) 7034 : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) 7035 : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" 7036 7037 data-content=" 7038 7039Add" 7040 data-class="button-outline-dark" 7041 data-action="add_to_cart" 7042 7043 7044 7045 7046 7047 7048 data-sold-out-content=" 7049 7050Sold out" 7051 data-sold-out-class="button-primary" 7052 data-sold-out-action="disabled" 7053 7054 7055 :disabled="action === 'disabled'"> 7056</button> 7057 7058 7059 7060 7061 7062 7063 7064</div> 7065 7066 7067 7068 7069 7070 7071<fieldset 7072 data-style-id="sections--19530698359010__card_product_card_n9r8AG--AY294V09OSmR2STFLe__card_product_card_sibling_selector_select_8QfLgN" 7073 7074 x-data="{ 7075 siblings: (p_card?.product?.metafields?.[`smart`]?.[`sibling_products`] ?? []).filter(s => s.product), 7076 }" 7077 x-init=" 7078 requestIdleCallback(async () => { 7079 await Promise.allSettled( 7080 siblings.map(s => window._product.getHydratedProductData(s.product, 0)) 7081 ) 7082 }) 7083 " 7084 x-show="siblings.length && ($editor.select_block_id === `AY294V09OSmR2STFLe__card_product_card_sibling_selector_select_8QfLgN` || $data.showConditionally('always', $data?.bundle))" 7085 x-cloak 7086> 7087 <legend 7088 class="flex w-full max-w-full truncate richtext-md h5" 7089 data-legend=" 7090 7091" 7092 x-effect=" 7093 $el.innerHTML = $el 7094 .getAttribute('data-legend') 7095 .replace( 7096 '[value]', 7097 siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name 7098 || siblings.find(s => s.product === p_card?.product?.handle)?.title 7099 || p_card?.product?.title 7100 ) 7101 " 7102 ></legend> 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114<div x-data="{ show: false, 7115 focusIndex: 0, 7116 values: siblings.map(s => s.product) || [], 7117 titles: siblings.map(s => `FLAVOR: ${s.title.toUpperCase() ?? s.sibling_name.toUpperCase()}`) || [], 7118 disabledItems: [], 7119 value: p_card?.product?.handle, 7120 localState: p_card?.product?.handle, 7121 title: siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title, 7122 pos: { top: 0, left:0, width: 0, height:0 }, 7123 select: $refs.select, 7124 scrollElements: utils.findCurrentlyAllScrollableParents($refs.select), 7125 handleScroll: () => { $data.pos = $refs.select.getBoundingClientRect(); $nextTick(() => { if (!utils.isElementFullyVisible($refs.select)) { document.activeElement = null; $data.show = false; } }) } 7126 }" 7127 x-effect="()=> { 7128 values = siblings.map(s => s.product) || []; 7129 $el.classList.toggle('!hidden', !values.length); 7130 focusIndex = values.findIndex(val=> val === p_card?.product?.handle); 7131 titles = siblings.map(s => `FLAVOR: ${s.title.toUpperCase() ?? s.sibling_name.toUpperCase()}`) || []; 7132 disabledItems = []; 7133 if ($data.show) { 7134 $nextTick(() => { 7135 scrollElements = utils.findCurrentlyAllScrollableParents(select) 7136 scrollElements?.forEach(el => el.addEventListener('scroll', handleScroll)) 7137 }) 7138 } else { 7139 scrollElements?.forEach(el => el.removeEventListener('scroll', handleScroll)) 7140 } 7141 }" 7142 x-init="pos = select.getBoundingClientRect()" 7143 data-style-select x-ref='siblingSelect'> 7144 <button class="w-full input-select" 7145 :class="false ? 'button-loading' : ''" 7146 :disabled="false" 7147 type="button" 7148 x-ref="select" 7149 aria-label="" 7150 @click.prevent.stop="show = !show" 7151 @keydown.space.prevent="show = !show" 7152 @keydown.enter.prevent="show = !show" 7153 aria-haspopup="listbox"
7154 aria-expanded="false"> 7155 <span class="w-full truncate text-left" 7156 x-html="titles[focusIndex] || '' || 'Choose an option'">siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title</span> 7157 </button> 7158 <input type="hidden" 7159 7160 name="" 7161 :disabled="!!(!values.length || disabledItems[focusIndex])" 7162 :value="value"> 7163 <template x-teleport="body"> 7164 <template x-if="show"> 7165 <ul x-data="{ show_popover: false, alignTop: false, alignRight: false }" 7166 x-init="$nextTick(() => { show_popover = true }); pos = select.getBoundingClientRect();" 7167 x-effect="value = values[focusIndex]; title = titles[focusIndex]; $nextTick(() => { if ($el.getBoundingClientRect().bottom > (document.scrollingElement?.scrollHeight - document.scrollingElement?.scrollTop)) { alignTop = true } if ($el.getBoundingClientRect().right > window.innerWidth) { alignRight = true } });" 7168 x-trap.noreturn="show_popover" 7169 :style="clsx(`top: ${pos.top + pos.height + 2}px; width: ${pos.width}px;`, alignTop && `transform: translateY(calc(-100% - ${pos.height + 12}px));`, alignRight ? `right: ${document.body.clientWidth - pos.right}px;` : `left: ${pos.left}px;`)" 7170 @click.outside.capture="() => { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" 7171 @scroll.window="handleScroll()" 7172 @resize.window="handleScroll()" 7173 @keydown.esc="show_popover = false; show = false;" 7174 @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 7175 @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 7176 @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 7177 @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 7178 @keydown.space.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value))" 7179 @keydown.enter.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value)); show_popover = false; show = false;" 7180 class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" 7181 aria-label="" 7182 aria-orientation="vertical" 7183 role="listbox" 7184 tabindex="0" 7185 x-show="show_popover" 7186 x-cloak 7187 x-transition:enter-start="opacity-0" 7188 x-transition:enter-end="opacity-100" 7189 x-transition:leave-start="opacity-100" 7190 x-transition:leave-end="opacity-0" 7191 > 7192 <template x-for="(value, i) in values"> 7193 <li class="relative cursor-default select-none py-2 pl-10 pr-4 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2]" 7194 @click.prevent.stop="async () => { 7195 if (disabledItems[i]) return; 7196 $data.setSiblingProduct(siblings.find(s => s.product === value)); focusIndex = i; show_popover = false; show = false; 7197 }" 7198 :disabled="!!disabledItems[i]" 7199 :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" 7200 x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" 7201 role="option" 7202 tabindex="-1" 7203 :aria-selected="i === focusIndex"> 7204 <span class="block truncate" 7205 x-html="titles[i]"></span> 7206 7207 <span class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center w-6 h-6 rounded-full" 7208 :style="`background-color: ${window._products[values[i]]?.metafields?.smart?.colors?.color_1 || ''};`"> 7209 </span> 7210 7211 </li> 7212 </template> 7213 </ul> 7214 </template> 7215 </template> 7216</div> 7217 7218</fieldset> 7219 7220 7221 7222 </form> 7223 </template> 7224 </div> 7225 7226 7227 7228</div> 7229 7230 7231 7232</div><div id="shopify-section-sections--19530698359010__card_collection_card_bftUfN" class="shopify-section shopify-section-group-0_card"> 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 7247 style="background: ;" 7248 data-section-id="sections--19530698359010__card_collection_card_bftUfN" 7249 data-preview-container 7250 x-show="$editor?.select_section_id === `sections--19530698359010__card_collection_card_bftUfN`" 7251 x-cloak> 7252 7253 7254 <div 7255 data-collection-card="collection-card" 7256 data-collection-handle="" 7257 x-data="{ ..._sections.initCollectionCard($el, $refs, $el.getAttribute('data-collection-handle')) }" 7258 class="collection-card--collection-card card-loading px-container-fullwidth" 7259 x-effect="() => { if (card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 7260 x-intersect.once="() => barba.prefetch(`${window.location.origin}/collections/${card?.handle}`)" 7261 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`" 7262 7263 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 7264 7265 style=""> 7266 7267 7268 7269 7270 7271 7272<div 7273 data-style-id="sections--19530698359010__card_collection_card_bftUfN--ATXdlcURKcXh0amZac__card_image_tgxWnP" 7274 x-data="{ primary_image: getDynamicValueWithFallbacks(`[metafields.smart.banner], [image]`), secondary_image: getDynamicValueWithFallbacks(`[metafields.smart.image_flat_effect]`) }" 7275 7276 :aria-label="card?.title" 7277 role="link" 7278 tabindex="0" 7279 x-init="utils.simulateAnchorTag($el)" 7280 :data-href="card?.url" 7281 7282 class="relative block shrink-0 overflow-hidden group"> 7283 <div class="relative" x-show="!card?.hydrated || (!primary_image && !secondary_image)"> 7284 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 7285 </div> 7286 </div> 7287 <img src="" 7288 x-show="card?.hydrated && (!!primary_image?.src || primary_image)" 7289 alt="" 7290 srcset="" 7291 :src="primary_image?.src ? primary_image?.src : primary_image"
7292 :alt="primary_image?.alt ?? card?.title" 7293 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 7294 width="732" 7295 height="732" 7296 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 7297 onload="this.classList.remove('!opacity-0')" 7298 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 7299 7300 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7301 7302</div> 7303 7304 7305 7306 7307 7308 7309 7310<div data-style-id="sections--19530698359010__card_collection_card_bftUfN--AUmZ2V2pTcStRak1VZ__card_text_YgJFLe" 7311 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7312 class="text-inherit" 7313 data-content=" 7314 7315<div class="_input-richtext richtext-md"><h5><strong>[title]</strong></h5></div> 7316" 7317 data-content-check="[title]" 7318 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7319 x-show="!!content_check.trim()" 7320 7321 x-cloak> 7322 <div x-html="content"></div> 7323</div> 7324 7325 7326 7327 7328 7329 7330 7331<div data-style-id="sections--19530698359010__card_collection_card_bftUfN--AUDVjaCtzcXpGcDhTN__card_text_FqcxYN" 7332 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7333 class="text-inherit" 7334 data-content=" 7335 7336<div class="_input-richtext richtext-md"><h6>[products_count] items</h6></div> 7337" 7338 data-content-check="[products_count] items" 7339 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7340 x-show="!!content_check.trim()" 7341 7342 x-cloak> 7343 <div x-html="content"></div> 7344</div> 7345 7346 7347 7348 7349 7350 7351 7352<div data-style-id="sections--19530698359010__card_collection_card_bftUfN--AOEw3K2V0QTJ5NXlaM__card_text_fMz4eP" 7353 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7354 class="text-inherit" 7355 data-content=" 7356 7357<div class="_input-richtext richtext-md"><h6>[metafields.smart.short_description]</h6></div> 7358" 7359 data-content-check="[metafields.smart.short_description]" 7360 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7361 x-show="!!content_check.trim()" 7362 7363 x-cloak> 7364 <div x-html="content"></div> 7365</div> 7366 7367 7368 7369 7370 7371 7372 7373 7374<div 7375 data-style-id="sections--19530698359010__card_collection_card_bftUfN--AVU44b2Z6OHVEZDUwa__card_container_KTrPkX" 7376 7377 7378 7379 7380 7381> 7382 7383</div> 7384 7385 7386 7387 7388 7389 7390 7391<a data-style-id="sections--19530698359010__card_collection_card_bftUfN--AQlg4NnJTWGJJMmIyc__card_button_NDNndN" 7392 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')), url: getDynamicText(`[url]`)}" 7393 data-content=" 7394 7395View Collection" 7396 data-content-check="View Collection" 7397 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7398 7399 :aria-label="getDynamicText(`Read more about [title]`)" 7400 7401 x-show="!!content_check.trim()" 7402 :href="url" 7403 x-html="content" 7404 class="w-full button-primary" 7405 x-cloak> 7406</a> 7407 7408 7409 7410 </div> 7411 7412 7413 7414</div> 7415 7416 7417 7418</div><div id="shopify-section-sections--19530698359010__card_collection_card_kgMNfc" class="shopify-section shopify-section-group-0_card"> 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 7433 style="background: #ffffff;" 7434 data-section-id="sections--19530698359010__card_collection_card_kgMNfc" 7435 data-preview-container 7436 x-show="$editor?.select_section_id === `sections--19530698359010__card_collection_card_kgMNfc`" 7437 x-cloak> 7438 7439 7440 <div 7441 data-collection-card="collection-card-flat" 7442 data-collection-handle="" 7443 x-data="{ ..._sections.initCollectionCard($el, $refs, $el.getAttribute('data-collection-handle')) }" 7444 class="collection-card--collection-card-flat card-loading px-container-fullwidth" 7445 x-effect="() => { if (card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 7446 x-intersect.once="() => barba.prefetch(`${window.location.origin}/collections/${card?.handle}`)" 7447 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`" 7448 7449 :aria-label="card?.title" 7450 role="link" 7451 tabindex="0" 7452 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 7453 :data-href="card?.url" 7454 7455 style=""> 7456 7457 7458 7459 7460 7461 7462<div 7463 data-style-id="sections--19530698359010__card_collection_card_kgMNfc--AeGFHRUx2anBOQlA2b__card_image_m3JEBy" 7464 x-data="{ primary_image: getDynamicValueWithFallbacks(`[metafields.smart.banner]`), secondary_image: getDynamicValueWithFallbacks(`[metafields.smart.image_flat_effect]`) }" 7465 7466 :aria-label="card?.title" 7467 role="link" 7468 tabindex="0" 7469 x-init="utils.simulateAnchorTag($el)" 7470 :data-href="card?.url" 7471 7472 class="relative block shrink-0 overflow-hidden group"> 7473 <div class="relative" x-show="!card?.hydrated || (!primary_image && !secondary_image)"> 7474 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 7475 </div> 7476 </div> 7477 <img src="" 7478 x-show="card?.hydrated && (!!primary_image?.src || primary_image)" 7479 alt="" 7480 srcset="" 7481 :src="primary_image?.src ? primary_image?.src : primary_image"
7482 :alt="primary_image?.alt ?? card?.title" 7483 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`200`) : primary_image" 7484 width="732" 7485 height="732" 7486 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 7487 onload="this.classList.remove('!opacity-0')" 7488 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 7489 7490 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7491 7492</div> 7493 7494 7495 7496 7497 7498 7499 7500<div data-style-id="sections--19530698359010__card_collection_card_kgMNfc--AM0NuSzJkaTBqRTRzM__card_text_GNjWWr" 7501 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7502 class="text-inherit" 7503 data-content=" 7504 7505<div class="_input-richtext richtext-md"><h5><strong>[title]</strong></h5><h6>[metafields.smart.short_description]</h6></div> 7506" 7507 data-content-check="[title][metafields.smart.short_description]" 7508 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7509 x-show="!!content_check.trim()" 7510 7511 x-cloak> 7512 <div x-html="content"></div> 7513</div> 7514 7515 7516 7517 </div> 7518 7519 7520 7521</div> 7522 7523 7524 7525</div><div id="shopify-section-sections--19530698359010__card_article_card_WW4yTD" class="shopify-section shopify-section-group-0_card"> 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 7540 style="background: ;" 7541 data-section-id="sections--19530698359010__card_article_card_WW4yTD" 7542 data-preview-container 7543 x-show="$editor?.select_section_id === `sections--19530698359010__card_article_card_WW4yTD`" 7544 x-cloak> 7545 7546 7547 <div 7548 data-article-card="article-card" 7549 data-article-handle="" 7550 data-article-id="" 7551 x-data="{ ..._sections.initArticleCard($el, $refs, $el.getAttribute('data-article-handle')) }" 7552 class="article-card--article-card card-loading px-container-fullwidth" 7553 x-effect="() => { if (card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 7554 x-intersect.once="() => barba.prefetch(`${window.location.origin}/articles/${card?.handle}`)" 7555 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`" 7556 7557 :aria-label="card?.title" 7558 role="link" 7559 tabindex="0" 7560 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 7561 :data-href="card?.url" 7562 7563 style=""> 7564 7565 7566 7567 7568 7569 7570<div 7571 data-style-id="sections--19530698359010__card_article_card_WW4yTD--AR0xJaEhCTTVPaW1CT__card_container_EyhRaD" 7572 7573 7574 7575 7576 7577> 7578 7579 7580 7581 7582 7583 7584<div 7585 data-style-id="sections--19530698359010__card_article_card_WW4yTD--AdmgwRDNuc3N5T1VmV__card_image_QLADVy" 7586 x-data="{ primary_image: getDynamicValueWithFallbacks(`[image]`), secondary_image: getDynamicValueWithFallbacks(`[metafields.smart.secondary_image]`) }" 7587 7588 class="relative block shrink-0 overflow-hidden group"> 7589 <div class="relative" x-show="!card?.hydrated || (!primary_image && !secondary_image)"> 7590 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 7591 </div> 7592 </div> 7593 <img src="" 7594 x-show="card?.hydrated && (!!primary_image?.src || primary_image)" 7595 alt="" 7596 srcset="" 7597 :src="primary_image?.src ? primary_image?.src : primary_image" 7598 :alt="primary_image?.alt ?? card?.title" 7599 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 7600 width="732" 7601 height="732" 7602 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 7603 onload="this.classList.remove('!opacity-0')" 7604 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 7605 7606 :class="card?.hydrated && (!!secondary_image?.src || secondary_image) ? 'group-hf:opacity-0' : ''" 7607 7608 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7609 7610 <img x-show="card?.hydrated && (!!secondary_image?.src || secondary_image)" 7611 src="" 7612 alt="" 7613 srcset="" 7614 :src="secondary_image?.src || secondary_image"
7615 :alt="secondary_image?.alt ?? card?.title" 7616 :srcset="utils.getImageSrcSet(secondary_image?.src ?? secondary_image ?? '', +`540`)" 7617 width="732" 7618 height="732" 7619 loading="lazy" 7620 onload="this.classList.remove('!opacity-0')" 7621 class="absolute inset-0 h-full w-full select-none overflow-hidden object-[inherit] group-hf:opacity-100 bg-inherit !opacity-0" 7622 :class="primary_image?.src || secondary_image ? `opacity-0` : ``" 7623 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7624 7625</div> 7626 7627 7628 7629 7630 7631 7632 7633 7634<div 7635 data-style-id="sections--19530698359010__card_article_card_WW4yTD--AU1JhbW90MDEzN0tnM__card_container_zkN9tH" 7636 7637 7638 7639 7640 7641> 7642 7643 7644 7645 7646<div data-style-id="sections--19530698359010__card_article_card_WW4yTD--AVnc0cmpBdG9KUHBEe__card_labels_bVkP3T" > 7647 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 7648 data-labels-key="metafields.smart.label"> 7649 <div data-loop-item class="label-primary" x-html="value"></div> 7650 </template> 7651</div> 7652 7653 7654 7655</div> 7656 7657 7658 7659 7660</div> 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670<div 7671 data-style-id="sections--19530698359010__card_article_card_WW4yTD--AbXZZeGRzL2JWbTYyR__card_container_i96DhJ" 7672 7673 7674 7675 7676 7677> 7678 7679 7680 7681 7682 7683<div data-style-id="sections--19530698359010__card_article_card_WW4yTD--AQXB0NXRNb3hOTWpTV__card_text_DqQNgh" 7684 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7685 class="text-left" 7686 data-content=" 7687 7688<div class="_input-richtext richtext-md h4"><p><strong>[title]</strong></p></div> 7689" 7690 data-content-check="[title]" 7691 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7692 x-show="!!content_check.trim()" 7693 7694 x-cloak> 7695 <div x-html="content"></div> 7696</div> 7697 7698 7699 7700 7701 7702 7703 7704<div data-style-id="sections--19530698359010__card_article_card_WW4yTD--Ac0ZTM2VweXVZU05kM__card_text_F6ezdy" 7705 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7706 class="text-left" 7707 data-content=" 7708 7709<div class="_input-richtext richtext-md"><p>[excerpt]</p></div> 7710" 7711 data-content-check="[excerpt]" 7712 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7713 x-show="!!content_check.trim()" 7714 7715 x-cloak> 7716 <div x-html="content"></div> 7717</div> 7718 7719 7720 7721 7722 7723 7724<a data-style-id="sections--19530698359010__card_article_card_WW4yTD--Aa09XQkRFSVZpMWtjM__card_button_EfRyqp" 7725 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')), url: getDynamicText(`[url]`)}" 7726 data-content=" 7727 7728Read More" 7729 data-content-check="Read More" 7730 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7731 7732 :aria-label="getDynamicText(`Read more about [title]`)" 7733 7734 x-show="!!content_check.trim()" 7735 :href="url" 7736 x-html="content" 7737 class="w-full button-link-dark" 7738 x-cloak> 7739</a> 7740 7741 7742 7743</div> 7744 7745 7746 7747 7748 </div> 7749 7750 7751 7752</div> 7753 7754 7755 7756</div><div id="shopify-section-sections--19530698359010__card_article_card_mN4Jzn" class="shopify-section shopify-section-group-0_card"> 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 7769 7770<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 7771 style="background: ;" 7772 data-section-id="sections--19530698359010__card_article_card_mN4Jzn" 7773 data-preview-container 7774 x-show="$editor?.select_section_id === `sections--19530698359010__card_article_card_mN4Jzn`" 7775 x-cloak> 7776 7777 7778 <div 7779 data-article-card="recipe-card" 7780 data-article-handle="" 7781 data-article-id="" 7782 x-data="{ ..._sections.initArticleCard($el, $refs, $el.getAttribute('data-article-handle')) }" 7783 class="article-card--recipe-card card-loading px-container-fullwidth" 7784 x-effect="() => { if (card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 7785 x-intersect.once="() => barba.prefetch(`${window.location.origin}/articles/${card?.handle}`)" 7786 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`" 7787 7788 :aria-label="card?.title" 7789 role="link" 7790 tabindex="0" 7791 x-init="utils.simulateAnchorTag($el); $nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 7792 :data-href="card?.url" 7793 7794 style=""> 7795 7796 7797 7798 7799 7800 7801<div 7802 data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AQy9hL2FZNm9pczBNY__card_container_nAKaiC" 7803 7804 7805 7806 7807 7808> 7809 7810 7811 7812 7813 7814 7815<div 7816 data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AOStyZ01HOEZhZHJjd__card_image_XnzLkX" 7817 x-data="{ primary_image: getDynamicValueWithFallbacks(`[image]`), secondary_image: getDynamicValueWithFallbacks(`[metafields.smart.secondary_image]`) }" 7818 7819 class="relative block shrink-0 overflow-hidden group"> 7820 <div class="relative" x-show="!card?.hydrated || (!primary_image && !secondary_image)"> 7821 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 7822 </div> 7823 </div> 7824 <img src="" 7825 x-show="card?.hydrated && (!!primary_image?.src || primary_image)" 7826 alt="" 7827 srcset="" 7828 :src="primary_image?.src ? primary_image?.src : primary_image"
7829 :alt="primary_image?.alt ?? card?.title" 7830 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 7831 width="732" 7832 height="732" 7833 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 7834 onload="this.classList.remove('!opacity-0')" 7835 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 7836 7837 :class="card?.hydrated && (!!secondary_image?.src || secondary_image) ? 'group-hf:opacity-0' : ''" 7838 7839 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7840 7841 <img x-show="card?.hydrated && (!!secondary_image?.src || secondary_image)" 7842 src="" 7843 alt="" 7844 srcset="" 7845 :src="secondary_image?.src || secondary_image" 7846 :alt="secondary_image?.alt ?? card?.title" 7847 :srcset="utils.getImageSrcSet(secondary_image?.src ?? secondary_image ?? '', +`540`)" 7848 width="732" 7849 height="732" 7850 loading="lazy" 7851 onload="this.classList.remove('!opacity-0')" 7852 class="absolute inset-0 h-full w-full select-none overflow-hidden object-[inherit] group-hf:opacity-100 bg-inherit !opacity-0" 7853 :class="primary_image?.src || secondary_image ? `opacity-0` : ``" 7854 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 7855 7856</div> 7857 7858 7859 7860 7861 7862 7863 7864 7865<div 7866 data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AejY1UnMvVWlEQ29SO__card_container_dJi3BL" 7867 7868 7869 7870 7871 7872> 7873 7874 7875 7876 7877<div data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AYVFmbHNjbUh5ZkNRa__card_labels_gWe7Be" > 7878 <template x-for="value in getContentLabels($el.getAttribute('data-labels-key'))" 7879 data-labels-key="metafields.smart.label"> 7880 <div data-loop-item class="label-primary" x-html="value"></div> 7881 </template> 7882</div> 7883 7884 7885 7886</div> 7887 7888 7889 7890 7891</div> 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901<div 7902 data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AMk5ESHVNWjdTSy9rS__card_container_VqnR6h" 7903 7904 7905 7906 7907 7908> 7909 7910 7911 7912 7913 7914<div data-style-id="sections--19530698359010__card_article_card_mN4Jzn--ANmY0dUVYa3J3dlo5Z__card_text_JMptzp" 7915 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 7916 class="text-center" 7917 data-content=" 7918 7919<div class="_input-richtext richtext-md h4"><p><strong>[title]</strong></p></div> 7920" 7921 data-content-check="[title]" 7922 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7923 x-show="!!content_check.trim()" 7924 7925 x-cloak> 7926 <div x-html="content"></div> 7927</div> 7928 7929 7930 7931 7932 7933 7934<a data-style-id="sections--19530698359010__card_article_card_mN4Jzn--AR1FKVnhJMEhqcXlzY__card_button_y6gVNA" 7935 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')), url: getDynamicText(`[url]`)}" 7936 data-content=" 7937 7938VIEW RECIPE" 7939 data-content-check="VIEW RECIPE" 7940 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 7941 7942 :aria-label="getDynamicText(`Read more about [title]`)" 7943 7944 x-show="!!content_check.trim()" 7945 :href="url" 7946 x-html="content" 7947 class="w-full button-link-dark" 7948 x-cloak> 7949</a> 7950 7951 7952 7953</div> 7954 7955 7956 7957 7958 </div> 7959 7960 7961 7962</div> 7963 7964 7965 7966</div><div id="shopify-section-sections--19530698359010__card_article_card_j4BQ9k" class="shopify-section shopify-section-group-0_card"> 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 7981 style="background: ;" 7982 data-section-id="sections--19530698359010__card_article_card_j4BQ9k" 7983 data-preview-container 7984 x-show="$editor?.select_section_id === `sections--19530698359010__card_article_card_j4BQ9k`" 7985 x-cloak> 7986 7987 7988 <div 7989 data-article-card="article-card-flat" 7990 data-article-handle="" 7991 data-article-id="" 7992 x-data="{ ..._sections.initArticleCard($el, $refs, $el.getAttribute('data-article-handle')) }" 7993 class="article-card--article-card-flat card-loading px-container-fullwidth" 7994 x-effect="() => { if (card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 7995 x-intersect.once="() => barba.prefetch(`${window.location.origin}/articles/${card?.handle}`)" 7996 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`" 7997 7998 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl)) })" 7999 8000 style=""> 8001 8002 8003 8004 8005 8006 8007<div 8008 data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AeVZJRGdyVkx6Ly9PR__card_image_dbbezC" 8009 x-data="{ primary_image: getDynamicValueWithFallbacks(`[image]`), secondary_image: getDynamicValueWithFallbacks(`[metafields.smart.secondary_image]`) }" 8010 8011 :aria-label="card?.title" 8012 role="link" 8013 tabindex="0" 8014 x-init="utils.simulateAnchorTag($el)" 8015 :data-href="card?.url" 8016 8017 class="relative block shrink-0 overflow-hidden group"> 8018 <div class="relative" x-show="!card?.hydrated || (!primary_image && !secondary_image)"> 8019 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 8020 </div> 8021 </div> 8022 <img src="" 8023 x-show="card?.hydrated && (!!primary_image?.src || primary_image)" 8024 alt="" 8025 srcset="" 8026 :src="primary_image?.src ? primary_image?.src : primary_image"
8027 :alt="primary_image?.alt ?? card?.title" 8028 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`540`) : primary_image" 8029 width="732" 8030 height="732" 8031 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 8032 onload="this.classList.remove('!opacity-0')" 8033 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 8034 8035 :class="card?.hydrated && (!!secondary_image?.src || secondary_image) ? 'group-hf:opacity-0' : ''" 8036 8037 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 8038 8039 <img x-show="card?.hydrated && (!!secondary_image?.src || secondary_image)" 8040 src="" 8041 alt="" 8042 srcset="" 8043 :src="secondary_image?.src || secondary_image" 8044 :alt="secondary_image?.alt ?? card?.title" 8045 :srcset="utils.getImageSrcSet(secondary_image?.src ?? secondary_image ?? '', +`540`)" 8046 width="732" 8047 height="732" 8048 loading="lazy" 8049 onload="this.classList.remove('!opacity-0')" 8050 class="absolute inset-0 h-full w-full select-none overflow-hidden object-[inherit] group-hf:opacity-100 bg-inherit !opacity-0" 8051 :class="primary_image?.src || secondary_image ? `opacity-0` : ``" 8052 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 8053 8054</div> 8055 8056 8057 8058 8059 8060 8061 8062 8063<div 8064 data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AdDdFT0JWaGpGS0JkY__card_container_fLemgJ" 8065 8066 8067 8068 8069 8070> 8071 8072 8073 8074 8075 8076<div data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AOEduWTNEeWZPWmc1Y__card_text_yLrcq4" 8077 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8078 class="text-inherit" 8079 data-content=" 8080 8081<div class="_input-richtext richtext-md"><p><strong>[title]</strong></p></div> 8082" 8083 data-content-check="[title]" 8084 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 8085 x-show="!!content_check.trim()" 8086 8087 x-cloak> 8088 <div x-html="content"></div> 8089</div> 8090 8091 8092 8093 8094 8095 8096 8097<div data-style-id="sections--19530698359010__card_article_card_j4BQ9k--Ad0pTbkV2L2V6ZXlHb__card_text_LRdH77" 8098 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8099 class="text-inherit" 8100 data-content=" 8101 8102<div class="_input-richtext richtext-md"><h6>[excerpt]</h6></div> 8103" 8104 data-content-check="[excerpt]" 8105 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 8106 x-show="!!content_check.trim()" 8107 8108 x-cloak> 8109 <div x-html="content"></div> 8110</div> 8111 8112 8113 8114 8115 8116 8117<a data-style-id="sections--19530698359010__card_article_card_j4BQ9k--AWW9uZnlDcGVGN2RMV__card_button_VqPMh4" 8118 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')), url: getDynamicText(`[url]`)}" 8119 data-content=" 8120 8121Read More <svg data-icon-handle="arrow-right" class="bg-current shrink-0 inline-flex items-center justify-center align-middle" x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-arrow-right--url`) }" :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" :role="url ? 'link':''" :tabindex="url ? '0' : undefined" aria-label="arrow-right" x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" style="mask: var(--icon-arrow-right); -webkit-mask: var(--icon-arrow-right); aspect-ratio: var(--icon-arrow-right-aspect-ratio, 1); height: 16px;width: 16px; color:currentColor;"></svg>" 8122 data-content-check="Read More [icon.arrow-right.16]" 8123 x-effect="() => { if (card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 8124 8125 :aria-label="getDynamicText(`Read more about [title]`)" 8126 8127 x-show="!!content_check.trim()" 8128 :href="url" 8129 x-html="content" 8130 class="w-full underline" 8131 x-cloak> 8132</a> 8133 8134 8135 8136</div> 8137 8138 8139 8140 8141 </div> 8142 8143 8144 8145</div> 8146 8147 8148 8149</div><div id="shopify-section-sections--19530698359010__card_line_item_card_UVwQbY" class="shopify-section shopify-section-group-0_card"> 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 8162 style="background: #ffffff;" 8163 data-section-id="sections--19530698359010__card_line_item_card_UVwQbY" 8164 data-preview-container 8165 x-show="$editor?.select_section_id === `sections--19530698359010__card_line_item_card_UVwQbY`" 8166 x-cloak> 8167 8168 8169 <div 8170 data-line-item-card="line-item-card" 8171 data-line-item-key="" 8172 x-data="{ ..._sections.initLineItemCard($el, $el.getAttribute('data-line-item-key')) }" 8173 class="line-item-card--line-item-card card-loading px-container-fullwidth" 8174 8175 x-effect="() => { $el.classList.toggle('hidden', !line_card?.line_item?.quantity); if (line_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 8176 8177 :style="[ 8178 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 8179 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 8180 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 8181 line_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${line_card?.product?.metafields?.smart?.colors?.color_1}`, 8182 line_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${line_card?.product?.metafields?.smart?.colors?.color_2}`, 8183 line_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${line_card?.product?.metafields?.smart?.colors?.color_3}`
8184 ].filter(Boolean).join('; ')" 8185 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl))})"> 8186 8187 8188 8189 8190 8191<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ASVQ4WWZjZ1BSTDVaV__card_line_item_card_container_wJwBWb" class="group" 8192 x-show="$data.showConditionally('always')" 8193 x-effect="!line_card?.line_item?.properties?._p_id ? $el.style.display= 'none' : ''" 8194 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8195 8196 8197 8198 8199<div 8200 data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ATFRHQllwNVFtOUxVM__card_line_item_card_image_xmbkwG" 8201 x-show="$data.showConditionally('always')" 8202 x-data="{ primary_image: getDynamicValueWithFallbacks(`[line_item.image]`), secondary_image: getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`)}" 8203 8204 class="relative block shrink-0 overflow-hidden group"> 8205 <div class="relative" x-show="!line_card?.hydrated || (!primary_image && !secondary_image)"> 8206 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 8207 </div> 8208 </div> 8209 <img src="" 8210 x-show="line_card?.hydrated && (!!primary_image?.src || primary_image)" 8211 alt="" 8212 srcset="" 8213 :src="primary_image?.src ? primary_image?.src : primary_image" 8214 :alt="primary_image?.alt ?? line_card?.line_item?.title" 8215 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`100`) : primary_image" 8216 width="732" 8217 height="732" 8218 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 8219 onload="this.classList.remove('!opacity-0')" 8220 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 8221 8222 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 15vw"> 8223 8224</div> 8225 8226 8227 8228</div> 8229 8230 8231 8232 8233 8234 8235 8236<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AVU00aFFDUWs1M1JoV__card_line_item_card_container_9rUJDX" class="group" 8237 x-show="$data.showConditionally('always')" 8238 x-effect="line_card?.line_item?.properties?._p_id ? $el.style.display= 'none' : ''" 8239 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8240 8241 8242 8243 8244<div 8245 data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ASmpGMFdRZmVva0tme__card_line_item_card_image_c9dwpm" 8246 x-show="$data.showConditionally('always')" 8247 x-data="{ primary_image: getDynamicValueWithFallbacks(`[line_item.image]`), secondary_image: getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`)}" 8248 8249 :aria-label="line_card?.line_item?.title" 8250 role="link" 8251 tabindex="0" 8252 x-init="utils.simulateAnchorTag($el)" 8253 :data-href="line_card?.url" 8254 8255 class="relative block shrink-0 overflow-hidden group"> 8256 <div class="relative" x-show="!line_card?.hydrated || (!primary_image && !secondary_image)"> 8257 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 8258 </div> 8259 </div> 8260 <img src="" 8261 x-show="line_card?.hydrated && (!!primary_image?.src || primary_image)" 8262 alt="" 8263 srcset="" 8264 :src="primary_image?.src ? primary_image?.src : primary_image" 8265 :alt="primary_image?.alt ?? line_card?.line_item?.title" 8266 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`100`) : primary_image" 8267 width="732" 8268 height="732" 8269 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 8270 onload="this.classList.remove('!opacity-0')" 8271 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 8272 8273 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 15vw"> 8274 8275</div> 8276 8277 8278 8279</div> 8280 8281 8282 8283 8284 8285 8286 8287<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUtaM0VnSGFkblJDQ__card_line_item_card_container_Hxxf8y" class="group" 8288 x-show="$data.showConditionally('always')" 8289 8290 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8291 8292 8293 8294 8295 8296<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZUpDekNxanZUOC9lO__card_line_item_card_container_Fhig9p" class="group" 8297 x-show="$data.showConditionally('always')" 8298 8299 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8300 8301 8302 8303 8304 8305<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ANWdINndNc1JCYW5aT__card_line_item_card_container_jVMKAQ" class="group" 8306 x-show="$data.showConditionally('always')" 8307 x-effect="!line_card?.line_item?.properties?._p_id ? $el.style.display= 'none' : ''" 8308 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8309 8310 8311 8312 8313 8314<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AeTM1N0hUd1RDV0JpR__card_line_item_card_richtext_nfAq86" 8315 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8316 class="text-inherit" 8317 data-content=" 8318 8319<div class="_input-richtext richtext-md"><p><strong>[product.title]</strong></p></div> 8320" 8321 data-content-check="[product.title]" 8322 x-effect="() => { 8323 if (line_card?.variant || line_card?.hydrated) { 8324 content_check = getDynamicText($el.getAttribute('data-content-check')); 8325 if (line_card?.line_item?.properties?._p_dynamic_title && $el.getAttribute('data-content').includes('[product.title]')) { 8326 content = line_card.line_item.properties._p_dynamic_title; 8327 } else { 8328 content = getDynamicText($el.getAttribute('data-content')); 8329 } 8330 hideIfEmpty($el, `none`, !content.trim()) 8331 } 8332 }" 8333 x-show="!!content_check.trim() && $data.showConditionally('always')" 8334 x-cloak 8335 8336 x-html="content"> 8337</div> 8338 8339 8340 8341</div> 8342 8343 8344 8345 8346 8347 8348 8349<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AOUZmbit5MnlSaW5pM__card_line_item_card_container_pCfw8k" class="group" 8350 x-show="$data.showConditionally('always')" 8351 x-effect="line_card?.line_item?.properties?._p_id ? $el.style.display= 'none' : ''" 8352 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8353 8354 8355 8356 8357 8358<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AcmY4bGc1NFhrRzhPc__
8358card_line_item_card_richtext_HWQRp6" 8359 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8360 class="text-inherit" 8361 data-content=" 8362 8363<div class="_input-richtext richtext-md"><p><strong>[product.title]</strong></p></div> 8364" 8365 data-content-check="[product.title]" 8366 x-effect="() => { 8367 if (line_card?.variant || line_card?.hydrated) { 8368 content_check = getDynamicText($el.getAttribute('data-content-check')); 8369 if (line_card?.line_item?.properties?._p_dynamic_title && $el.getAttribute('data-content').includes('[product.title]')) { 8370 content = line_card.line_item.properties._p_dynamic_title; 8371 } else { 8372 content = getDynamicText($el.getAttribute('data-content')); 8373 } 8374 hideIfEmpty($el, `none`, !content.trim()) 8375 } 8376 }" 8377 x-show="!!content_check.trim() && $data.showConditionally('always')" 8378 x-cloak 8379 8380 :aria-label="line_card?.line_item?.title" 8381 role="link" 8382 tabindex="0" 8383 x-init="utils.simulateAnchorTag($el)" 8384 8385 :data-href="line_card?.url" 8386 8387 x-html="content"> 8388</div> 8389 8390 8391 8392</div> 8393 8394 8395 8396 8397 8398 8399 8400<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AMmdnU0gyTks2b1RlV__card_line_item_card_richtext_HwkEDB" 8401 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8402 class="text-inherit" 8403 data-content=" 8404 8405<div class="_input-richtext richtext-md"><h6>[product.metafields.smart.size]</h6></div> 8406" 8407 data-content-check="[product.metafields.smart.size]" 8408 x-effect="() => { 8409 if (line_card?.variant || line_card?.hydrated) { 8410 content_check = getDynamicText($el.getAttribute('data-content-check')); 8411 if (line_card?.line_item?.properties?._p_dynamic_title && $el.getAttribute('data-content').includes('[product.title]')) { 8412 content = line_card.line_item.properties._p_dynamic_title; 8413 } else { 8414 content = getDynamicText($el.getAttribute('data-content')); 8415 } 8416 hideIfEmpty($el, `none`, !content.trim()) 8417 } 8418 }" 8419 x-show="!!content_check.trim() && $data.showConditionally('always')" 8420 x-cloak 8421 8422 x-html="content"> 8423</div> 8424 8425 8426 8427 8428 8429 8430 8431<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ad0VmZDlPeHJzZEpwa__card_line_item_card_container_pngxhF" class="group" 8432 x-show="$data.showConditionally('always')" 8433 8434 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8435 8436 8437 8438 8439 8440<ul data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZm5OV1FLeFlmYkRnb__card_line_item_card_discounts_BJjmKJ" 8441 x-data="{ 8442 discounts: line_card?.line_item?.discounts, 8443 sellingPlanAllocation: line_card?.line_item?.selling_plan_allocation, 8444 sellingPlanDiscount: (() => { 8445 const spa = line_card?.line_item?.selling_plan_allocation; 8446 if (!spa || !spa.selling_plan.price_adjustments?.length) return null; 8447 const adj = spa.selling_plan.price_adjustments[0]; 8448 if (adj.value_type === 'percentage') { 8449 return `${adj.value}% Discount applied`; 8450 } 8451 return null; 8452 })() 8453 }" 8454 x-effect=" 8455 discounts = line_card?.line_item?.discounts; 8456 sellingPlanAllocation = line_card?.line_item?.selling_plan_allocation; 8457 sellingPlanDiscount = (() => { 8458 const spa = line_card?.line_item?.selling_plan_allocation; 8459 if (!spa || !spa.selling_plan.price_adjustments?.length) return null; 8460 const adj = spa.selling_plan.price_adjustments[0]; 8461 if (adj.value_type === 'percentage') { 8462 return `${adj.value}% Discount applied`; 8463 } 8464 return null; 8465 })(); 8466 " 8467 x-show="(discounts?.length || sellingPlanDiscount) && $data.showConditionally('always')" 8468 data-content=" 8469 8470[title]: [amount]" 8471 class="richtext-md h6" 8472 x-html=" 8473 [ 8474 ...( discounts?.map(({ title, amount }) => 8475 `<li>${$el.getAttribute('data-content')?.replace(/\[title\]/gi, title).replace(/\[amount\]/gi,utils.formatMoney(amount / line_card?.line_item?.quantity))}</li>` 8476 ) || [] ), 8477 ...( sellingPlanDiscount ? [`<li>${sellingPlanDiscount}</li>`] : [] ) 8478 ].join('') 8479 "> 8480</ul> 8481 8482 8483 8484</div> 8485 8486 8487 8488</div> 8489 8490 8491 8492 8493 8494 8495 8496<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AbzV0WTZnQ3BNUldUS__card_line_item_card_container_QnrqiB" class="group" 8497 x-show="$data.showConditionally('always')" 8498 8499 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8500 8501 8502 8503 8504 8505<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AN1Ntc01IbjVjM1RvY__card_line_item_card_price_g9Ti9L" 8506 x-show="$data.showConditionally('always')" 8507 class="inline-flex gap-2 flex-col text-inherit"> 8508 <span 8509 class="richtext-md h5 !font-semibold" 8510 :class="line_card?.[`bundle_compare_at_price`] > line_card?.[`bundle_price`] ? 'discounted-price' : ''" 8511 8512 8513 x-html="utils.formatMoney(line_card?.[`bundle_price`] * (line_card?.line_item?.quantity || 1), window.money_format.replace(/amount[^}]*/gi,`store_default`))" 8514 8515 ></span> 8516 8517 <span
8518 class="line-through richtext-md h6" 8519 x-show="line_card?.[`bundle_compare_at_price`] > line_card?.[`bundle_price`]" 8520 8521 8522 x-html="utils.formatMoney(line_card?.[`bundle_compare_at_price`] * (line_card?.line_item?.quantity || 1), window.money_format.replace(/amount[^}]*/gi,`store_default`))" 8523 8524 ></span> 8525 8526</div> 8527 8528 8529 8530 8531 8532 8533 8534<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AL1FhdCtEVUpxMXNSN__card_line_item_card_container_GWHwnf" class="group" 8535 x-show="$data.showConditionally('always')" 8536 x-effect="line_card?.line_item?.final_price > 0 ? $el.style.display= 'none' : ''" 8537 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8538 8539 8540 8541 8542 8543<button data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--ARnJpaFNyc29qYWNLR__card_line_item_card_remove_button_AJGpq9" 8544 data-content=" 8545 8546 <svg data-icon-handle="trash" class="bg-current shrink-0 inline-flex items-center justify-center align-middle" x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-trash--url`) }" :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" :role="url ? 'link':''" :tabindex="url ? '0' : undefined" aria-label="trash" x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" style="mask: var(--icon-trash); -webkit-mask: var(--icon-trash); aspect-ratio: var(--icon-trash-aspect-ratio, 1); height: 20px;width: 20px; color:currentColor;"></svg>" 8547 x-data="{ content: getDynamicText($el.getAttribute('data-content')), url: getDynamicText(``) }" 8548 x-effect="() => { if (line_card?.variant || line_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); url = getDynamicText(``); hideIfEmpty($el, ``, !content.trim()) } }" 8549 x-show="!line_card?.line_item?.properties?._p_required && $data.showConditionally('always')" 8550 x-cloak 8551 :href="url" 8552 x-html="content" 8553 type="button" 8554 :disabled="$cart.loading" 8555 class="hf:opacity-70 " 8556 @click="_cart.updateLineItemQuantity(0, line_card?.line_item?.index)"> 8557</button> 8558 8559 8560 8561</div> 8562 8563 8564 8565</div> 8566 8567 8568 8569 8570 8571 8572 8573<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AaWRCRkJvQk9tbGh4R__card_line_item_card_container_xEJVae" class="group" 8574 x-show="$data.showConditionally('addon_products')" 8575 8576 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8577 8578 8579 8580 8581 8582
8583<script x-effect="() => { 8584 if (line_card?.line_item?.properties?._p_id) { 8585 _cart.initDynamicLineItemCards($el, { 8586 line_item_card_class: `line-item-addon-card`, 8587 hide_if_empty: `none`, 8588 content_slider: $data?.content_slider, 8589 order_offset: +`1`, 8590 section_id: `sections--19530698359010__card_line_item_card_UVwQbY`, 8591 block_id: `AS0lEVEEzaHl1VkRUa__card_line_item_card_addon_items_pGG7N7`, 8592 addon_id: line_card?.line_item?.properties?._p_id ?? 'NO_RENDER' 8593 }); 8594 $nextTick(() =>{ $el.remove(); }) 8595 } 8596}"></script>
8596 8597 8598 8599 8600</div> 8601 8602 8603 8604 8605 8606 8607 8608<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AZkhQNFVTZ3lDZjdmc__card_line_item_card_container_7ehmjY" class="group" 8609 x-show="$data.showConditionally('always')" 8610 x-effect="line_card?.line_item?.properties?._gift_with_purchase ? $el.style.display= 'none' : ''" 8611 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8612 8613 8614 8615 8616<div x-show="line_card?.line_item?.final_price > 0"> 8617 8618 8619<div class="quantity-stepper-sm flex items-center justify-between pointer-events-none shrink-0" 8620 data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AUVZ3ZEV4OHB0L3VCZ__card_line_item_card_quantity_selector_BBnF8K" x-show="!line_card?.line_item?.properties?._p_fixed_quantity && $data.showConditionally('always')" 8621 @click.prevent.stop="()=>{}" 8622 x-data="{ value: 1 }" 8623 x-effect="value = line_card?.line_item?.quantity"> 8624 <span class="flex-1 a:content-[--quantity-label] after:relative"></span> 8625 <span class="flex items-center h-full"> 8626 <button type="button" 8627 class="p-0.5 pointer-events-auto" 8628 aria-label="Decrease quantity" 8629 :disabled="line_card?.line_item?.properties?._p_required && line_card?.line_item?.quantity <= 1 || $cart.loading" 8630 @click="value = Math.max(line_card?.line_item?.properties?._p_required ? 1 : 0, value - 1); _cart.updateLineItemQuantity(value, line_card?.line_item?.index)"> 8631 8632 8633 <svg data-icon-handle="minus" 8634 8635 class="bg-current shrink-0 size-[0.9em]" 8636 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-minus--url`) }" 8637 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 8638 :role="url ? 'link':''" 8639 :tabindex="url ? '0' : undefined" 8640 aria-label="minus" 8641 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 8642 style="mask: var(--icon-minus); -webkit-mask: var(--icon-minus); aspect-ratio: var(--icon-minus-aspect-ratio, 1); "></svg> 8643 8644 8645 </button> 8646 <label aria-label="Quantity" class="flex items-center justify-center"> 8647 <input type="number" 8648 value="1" 8649 min="line_card?.line_item?.properties?._p_required ? 1 : 0" 8650 8651 class="w-8 min-w-0 appearance-none bg-inherit text-center outline-none disabled:pointer-events-none disabled:select-none pointer-events-auto" 8652 @change="value = Math.max(line_card?.line_item?.properties?._p_required ? 1 : 0, Math.min(line_card?.quantity_limit, $event.target.value)); _cart.updateLineItemQuantity(value, line_card?.line_item?.index)" 8653 :disabled="true" 8654 :value="value"> 8655 </label> 8656 <button type="button" 8657 class="p-0.5 pointer-events-auto" 8658 aria-label="Increase quantity" 8659 :disabled="line_card?.line_item?.quantity >= line_card?.quantity_limit || $cart.loading" 8660 @click="value = Math.min(line_card?.quantity_limit, value + 1); _cart.updateLineItemQuantity(value, line_card?.line_item?.index)"> 8661 8662 8663 <svg data-icon-handle="plus" 8664 8665 class="bg-current shrink-0 size-[0.9em]" 8666 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-plus--url`) }" 8667 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 8668 :role="url ? 'link':''" 8669 :tabindex="url ? '0' : undefined" 8670 aria-label="plus" 8671 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 8672 style="mask: var(--icon-plus); -webkit-mask: var(--icon-plus); aspect-ratio: var(--icon-plus-aspect-ratio, 1); "></svg> 8673 8674 8675 </button> 8676 </span> 8677</div> 8678 8679</div> 8680 8681 8682 8683 8684</div> 8685 8686 8687 8688 8689 8690 8691 8692<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AcC8xazgraCt5MGZIc__card_line_item_card_container_7GRcCG" class="group" 8693 x-show="$data.showConditionally('always')" 8694 x-effect="line_card?.line_item?.properties?._gift_with_purchase || line_card?.line_item?.final_price <= 0 ? $el.style.display= 'none' : ''" 8695 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8696 8697 8698 8699 8700 8701<button data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AU29zbUlhVG5OaTFjY__card_line_item_card_remove_button_TYTebN" 8702 data-content=" 8703 8704 <svg data-icon-handle="trash" class="bg-current shrink-0 inline-flex items-center justify-center align-middle" x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-trash--url`) }" :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" :role="url ? 'link':''" :tabindex="url ? '0' : undefined" aria-label="trash" x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" style="mask: var(--icon-trash); -webkit-mask: var(--icon-trash); aspect-ratio: var(--icon-trash-aspect-ratio, 1); height: 20px;
8704width: 20px; color:currentColor;"></svg>" 8705 x-data="{ content: getDynamicText($el.getAttribute('data-content')), url: getDynamicText(``) }" 8706 x-effect="() => { if (line_card?.variant || line_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); url = getDynamicText(``); hideIfEmpty($el, ``, !content.trim()) } }" 8707 x-show="!line_card?.line_item?.properties?._p_required && $data.showConditionally('always')" 8708 x-cloak 8709 :href="url" 8710 x-html="content" 8711 type="button" 8712 :disabled="$cart.loading" 8713 class="hf:opacity-70 " 8714 @click="_cart.updateLineItemQuantity(0, line_card?.line_item?.index)"> 8715</button> 8716 8717 8718 8719</div> 8720 8721 8722 8723 8724 8725 8726 8727<div data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--Ac3BGUEFaaTMvREhzU__card_line_item_card_container_WikFLy" class="group" 8728 x-show="$data.showConditionally('always')" 8729 x-effect="line_card?.line_item?.final_price <= 0 ? $el.classList.add('hidden') : ''" 8730 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8731 8732 8733 8734 8735 8736<button data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AMFZTa1FvMGdCemFPT__card_line_item_card_subscription_button_fE9eAH" 8737 type="button" 8738 class="input-select-rounded text-center relative after:hidden before:hidden" 8739 x-show="line_card?.variant?.selling_plan_allocations?.length && !line_card?.line_item?.selling_plan_allocation?.selling_plan?.id && $data.showConditionally('always')" 8740 @click.prevent.stop="$data.setSubscription(line_card?.variant?.selling_plan_allocations?.[0]?.selling_plan?.id)" 8741 :class="line_card?.subscriptionIsChanging ? 'button-loading' : ''"> 8742 <span data-content="Subscribe & Save 15%" 8743 x-html="$el.getAttribute('data-content')?.replace(/\[value\]/gi, line_card?.selling_plan_discount_wording ?? '')"></span> 8744 <div class="!absolute inset-0 pointer-events-none" :class="line_card?.subscriptionIsChanging ? 'button-loading' : ''"> 8745 </div> 8746</button> 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758<div x-data="{ show: false, 8759 focusIndex: 0, 8760 values: line_card?.line_item?.selling_plan_allocation?.selling_plan?.id && line_card?.variant?.selling_plan_allocations?.length ? [...(line_card?.product?.requires_selling_plan ? [] : [`undefined`]), ...(line_card?.variant?.selling_plan_allocations?.map(({ selling_plan })=> `${selling_plan?.id}`) ?? [])] : [], 8761 titles: line_card?.variant?.selling_plan_allocations?.length ? [...(line_card?.product?.requires_selling_plan ? [] : ['One time purchase']), ...(line_card?.variant?.selling_plan_allocations?.map(({ selling_plan })=> selling_plan?.name) ?? [])] : [], 8762 disabledItems: [], 8763 value: `${line_card?.line_item?.selling_plan_allocation?.selling_plan?.id}`, 8764 localState: `${line_card?.line_item?.selling_plan_allocation?.selling_plan?.id}`, 8765 title: line_card?.line_item?.selling_plan_allocation?.selling_plan?.name ?? 'One time purchase', 8766 pos: { top: 0, left:0, width: 0, height:0 }, 8767 select: $refs.select, 8768 scrollElements: utils.findCurrentlyAllScrollableParents($refs.select), 8769 handleScroll: () => { $data.pos = $refs.select.getBoundingClientRect(); $nextTick(() => { if (!utils.isElementFullyVisible($refs.select)) { document.activeElement = null; $data.show = false; } }) } 8770 }" 8771 x-effect="()=> { 8772 values = line_card?.line_item?.selling_plan_allocation?.selling_plan?.id && line_card?.variant?.selling_plan_allocations?.length ? [...(line_card?.product?.requires_selling_plan ? [] : [`undefined`]), ...(line_card?.variant?.selling_plan_allocations?.map(({ selling_plan })=> `${selling_plan?.id}`) ?? [])] : []; 8773 $el.classList.toggle('!hidden', !values.length); 8774 focusIndex = values.findIndex(val=> val === `${line_card?.line_item?.selling_plan_allocation?.selling_plan?.id}`); 8775 titles = line_card?.variant?.selling_plan_allocations?.length ? [...(line_card?.product?.requires_selling_plan ? [] : ['One time purchase']), ...(line_card?.variant?.selling_plan_allocations?.map(({ selling_plan })=> selling_plan?.name) ?? [])] : []; 8776 disabledItems = []; 8777 if ($data.show) { 8778 $nextTick(() => { 8779 scrollElements = utils.findCurrentlyAllScrollableParents(select) 8780 scrollElements?.forEach(el => el.addEventListener('scroll', handleScroll)) 8781 }) 8782 } else { 8783 scrollElements?.forEach(el => el.removeEventListener('scroll', handleScroll)) 8784 } 8785 }" 8786 x-init="pos = select.getBoundingClientRect()" 8787 data-style-id="sections--19530698359010__card_line_item_card_UVwQbY--AMFZTa1FvMGdCemFPT__card_line_item_card_subscription_button_fE9eAH" " > 8788 <button class="w-full input-select-rounded" 8789 :class="line_card?.subscriptionIsChanging ? 'button-loading' : ''" 8790 :disabled="$cart?.isChanging || line_card?.subscriptionIsChanging" 8791 type="button" 8792 x-ref="select" 8793 aria-label="Subscription Selector" 8794 @click.prevent.stop="show = !show" 8795 @keydown.space.prevent="show = !show" 8796 @keydown.enter.prevent="show = !show" 8797 aria-haspopup="listbox"
8798 aria-expanded="false"> 8799 <span class="w-full truncate text-left" 8800 x-html="titles[focusIndex] || 'Subscription Selector' || 'Choose an option'">line_card?.line_item?.selling_plan_allocation?.selling_plan?.name ?? 'One time purchase'</span> 8801 </button> 8802 <input type="hidden" 8803 8804 name="" 8805 :disabled="!!(!values.length || disabledItems[focusIndex])" 8806 :value="value"> 8807 <template x-teleport="body"> 8808 <template x-if="show"> 8809 <ul x-data="{ show_popover: false, alignTop: false, alignRight: false }" 8810 x-init="$nextTick(() => { show_popover = true }); pos = select.getBoundingClientRect();" 8811 x-effect="value = values[focusIndex]; title = titles[focusIndex]; $nextTick(() => { if ($el.getBoundingClientRect().bottom > (document.scrollingElement?.scrollHeight - document.scrollingElement?.scrollTop)) { alignTop = true } if ($el.getBoundingClientRect().right > window.innerWidth) { alignRight = true } });" 8812 x-trap.noreturn="show_popover" 8813 :style="clsx(`top: ${pos.top + pos.height + 2}px; width: ${pos.width}px;`, alignTop && `transform: translateY(calc(-100% - ${pos.height + 12}px));`, alignRight ? `right: ${document.body.clientWidth - pos.right}px;` : `left: ${pos.left}px;`)" 8814 @click.outside.capture="() => { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" 8815 @scroll.window="handleScroll()" 8816 @resize.window="handleScroll()" 8817 @keydown.esc="show_popover = false; show = false;" 8818 @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 8819 @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 8820 @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 8821 @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 8822 @keydown.space.prevent.stop="$data.setSubscription(+value)" 8823 @keydown.enter.prevent.stop="$data.setSubscription(+value); show_popover = false; show = false;" 8824 class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select-rounded" 8825 aria-label="Subscription Selector" 8826 aria-orientation="vertical" 8827 role="listbox" 8828 tabindex="0" 8829 x-show="show_popover" 8830 x-cloak 8831 x-transition:enter-start="opacity-0" 8832 x-transition:enter-end="opacity-100" 8833 x-transition:leave-start="opacity-100" 8834 x-transition:leave-end="opacity-0" 8835 > 8836 <template x-for="(value, i) in values"> 8837 <li class="relative cursor-default select-none py-2 pl-10 pr-4 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2]" 8838 @click.prevent.stop="async () => { 8839 if (disabledItems[i]) return; 8840 $data.setSubscription(+value); focusIndex = i; show_popover = false; show = false; 8841 }" 8842 :disabled="!!disabledItems[i]" 8843 :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" 8844 x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" 8845 role="option" 8846 tabindex="-1" 8847 :aria-selected="i === focusIndex"> 8848 <span class="block truncate" 8849 x-html="titles[i]"></span> 8850 8851 <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-theme-accent" 8852 :class="value === `${line_card?.line_item?.selling_plan_allocation?.selling_plan?.id}` ? 'opacity-100':'opacity-0'"> 8853 8854 8855 <svg data-icon-handle="check-mark" 8856 8857 class="bg-current shrink-0 size-5 opacity-60" 8858 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 8859 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 8860 :role="url ? 'link':''" 8861 :tabindex="url ? '0' : undefined" 8862 aria-label="check-mark" 8863 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 8864 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); "></svg> 8865 8866 8867 </span> 8868 8869 </li> 8870 </template> 8871 </ul> 8872 </template> 8873 </template> 8874</div> 8875 8876 8877 8878 8879</div> 8880 8881 8882 8883</div> 8884 8885 8886 8887 </div> 8888 8889 8890 8891</div> 8892 8893 8894 8895</div><div id="shopify-section-sections--19530698359010__card_line_item_card_ty9DMA" class="shopify-section shopify-section-group-0_card"> 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907<div class="fixed inset-0 z-50 overflow-y-auto bg-gray-100 py-8 px-container-sm scrollbar-none md:pb-52 @container" 8908 style="background: #ffffff;" 8909 data-section-id="sections--19530698359010__card_line_item_card_ty9DMA" 8910 data-preview-container 8911 x-show="$editor?.select_section_id === `sections--19530698359010__card_line_item_card_ty9DMA`" 8912 x-cloak> 8913 8914 8915 <div 8916 data-line-item-card="line-item-addon-card" 8917 data-line-item-key="" 8918 x-data="{ ..._sections.initLineItemCard($el, $el.getAttribute('data-line-item-key')) }" 8919 class="line-item-card--line-item-addon-card card-loading px-container-fullwidth" 8920 8921 x-effect="() => { $el.classList.toggle('hidden', !line_card?.line_item?.quantity); if (line_card?.hydrated && $el.classList.contains('card-loading')) $el.classList.remove('card-loading') }" 8922 8923 :style="[ 8924 getDynamicValue(``) && `color: ${getDynamicValue(``)}`, 8925 getDynamicValue(``) && `background: ${getDynamicValue(``)}`, 8926 getDynamicValue(``) && `border-color: ${getDynamicValue(``)}`, 8927 line_card?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${line_card?.product?.metafields?.smart?.colors?.color_1}`, 8928 line_card?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${line_card?.product?.metafields?.smart?.colors?.color_2}`, 8929 line_card?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${line_card?.product?.metafields?.smart?.colors?.color_3}`
8930 ].filter(Boolean).join('; ')" 8931 x-init="$nextTick(()=> { $el.querySelectorAll('style').forEach(styleEl => document.querySelector('[data-cards-section]')?.appendChild(styleEl))})"> 8932 8933 8934 8935 8936<div 8937 data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--ASXBvQVVoaTdoS05tZ__card_line_item_card_image_wxYwBq" 8938 x-show="$data.showConditionally('always')" 8939 x-data="{ primary_image: getDynamicValueWithFallbacks(`[line_item.image]`), secondary_image: getDynamicValueWithFallbacks(`[product.metafields.smart.secondary_image]`)}" 8940 8941 class="relative block shrink-0 overflow-hidden group"> 8942 <div class="relative" x-show="!line_card?.hydrated || (!primary_image && !secondary_image)"> 8943 <div class="h-full w-full animate-pulse rounded-md bg-gray-200/70"> 8944 </div> 8945 </div> 8946 <img src="" 8947 x-show="line_card?.hydrated && (!!primary_image?.src || primary_image)" 8948 alt="" 8949 srcset="" 8950 :src="primary_image?.src ? primary_image?.src : primary_image" 8951 :alt="primary_image?.alt ?? line_card?.line_item?.title" 8952 :srcset="primary_image?.src || primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image ?? '', +`100`) : primary_image" 8953 width="732" 8954 height="732" 8955 :loading="utils.isInViewport($el) ? 'eager' : 'lazy'" 8956 onload="this.classList.remove('!opacity-0')" 8957 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 8958 8959 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 15vw"> 8960 8961</div> 8962 8963 8964 8965 8966 8967 8968 8969<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AeEJLM0cwbjQ2Mi9kW__card_line_item_card_container_MweydP" class="group" 8970 x-show="$data.showConditionally('always')" 8971 8972 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 8973 8974 8975 8976 8977 8978<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AMWlWS2NhZEdXVzFGb__card_line_item_card_richtext_HaXzqK" 8979 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 8980 class="text-inherit" 8981 data-content=" 8982 8983<div class="_input-richtext richtext-md"><h6>[line_item.title]</h6></div> 8984" 8985 data-content-check="[line_item.title]" 8986 x-effect="() => { 8987 if (line_card?.variant || line_card?.hydrated) { 8988 content_check = getDynamicText($el.getAttribute('data-content-check')); 8989 if (line_card?.line_item?.properties?._p_dynamic_title && $el.getAttribute('data-content').includes('[product.title]')) { 8990 content = line_card.line_item.properties._p_dynamic_title; 8991 } else { 8992 content = getDynamicText($el.getAttribute('data-content')); 8993 } 8994 hideIfEmpty($el, `none`, !content.trim()) 8995 } 8996 }" 8997 x-show="!!content_check.trim() && $data.showConditionally('always')" 8998 x-cloak 8999 9000 x-html="content"> 9001</div> 9002 9003 9004 9005 9006 9007 9008 9009<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--Ab3RJR0daY3ppL21FW__card_line_item_card_container_VTpXGr" class="group" 9010 x-show="$data.showConditionally('always')" 9011 :class="line_card?.line_item?.selling_plan_allocation ? 'hidden' : ''" 9012 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 9013 9014 9015 9016 9017 9018<ul data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYUV1c082cWgySzd4a__card_line_item_card_discounts_cXBdrK" 9019 x-data="{ 9020 discounts: line_card?.line_item?.discounts, 9021 sellingPlanAllocation: line_card?.line_item?.selling_plan_allocation, 9022 sellingPlanDiscount: (() => { 9023 const spa = line_card?.line_item?.selling_plan_allocation; 9024 if (!spa || !spa.selling_plan.price_adjustments?.length) return null; 9025 const adj = spa.selling_plan.price_adjustments[0]; 9026 if (adj.value_type === 'percentage') { 9027 return `${adj.value}% Discount applied`; 9028 } 9029 return null; 9030 })() 9031 }" 9032 x-effect=" 9033 discounts = line_card?.line_item?.discounts; 9034 sellingPlanAllocation = line_card?.line_item?.selling_plan_allocation; 9035 sellingPlanDiscount = (() => { 9036 const spa = line_card?.line_item?.selling_plan_allocation; 9037 if (!spa || !spa.selling_plan.price_adjustments?.length) return null; 9038 const adj = spa.selling_plan.price_adjustments[0]; 9039 if (adj.value_type === 'percentage') { 9040 return `${adj.value}% Discount applied`; 9041 } 9042 return null; 9043 })(); 9044 " 9045 x-show="(discounts?.length || sellingPlanDiscount) && $data.showConditionally('always')" 9046 data-content=" 9047 9048[title]: [amount]" 9049 class="richtext-md h6" 9050 x-html=" 9051 [ 9052 ...( discounts?.map(({ title, amount }) => 9053 `<li>${$el.getAttribute('data-content')?.replace(/\[title\]/gi, title).replace(/\[amount\]/gi,utils.formatMoney(amount / line_card?.line_item?.quantity))}</li>` 9054 ) || [] ), 9055 ...( sellingPlanDiscount ? [`<li>${sellingPlanDiscount}</li>`] : [] ) 9056 ].join('') 9057 "> 9058</ul> 9059 9060 9061 9062</div> 9063 9064 9065 9066 9067 9068 9069 9070<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AWUtjQkNIaStMUFVFY__card_line_item_card_container_NBxDmM" class="group" 9071 x-show="$data.showConditionally('always')" 9072 9073 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 9074 9075 9076 9077 9078 9079<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--ARlhKSkV1bnpKRHdiV__card_line_item_card_richtext_wH6AQr" 9080 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 9081 class="text-inherit" 9082 data-content=" 9083 9084<div class="_input-richtext richtext-md"><h6><strong>x[line_item.quantity]</strong></h6></div> 9085" 9086 data-content-check="x[line_item.quantity]" 9087 x-effect="() => { 9088 if (line_card?.variant || line_card?.hydrated) { 9089 content_check = getDynamicText($el.getAttribute('data-content-check')); 9090 if (line_card?.line_item?.properties?._p_dynamic_title && $el.getAttribute('data-content').includes('[product.title]')) { 9091 content = line_card.line_item.properties._p_dynamic_title; 9092 } else { 9093 content = getDynamicText($el.getAttribute('data-content')); 9094 } 9095 hideIfEmpty($el, `none`, !content.trim()) 9096 } 9097 }" 9098 x-show="!!content_check.trim() && $data.showConditionally('always')" 9099 x-cloak 9100 9101 x-html="content"> 9102</div> 9103 9104 9105 9106</div> 9107 9108 9109 9110</div> 9111 9112 9113 9114 9115 9116 9117 9118<div data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AQU90cC9ZeW14V1ZvW__card_line_item_card_container_LhUKyh" class="group" 9119 x-show="$data.showConditionally('always')" 9120 9121 :style="`color: ${getDynamicValue(``) ?? ''}; background: ${getDynamicValue(``) ?? ''}; border-color: ${getDynamicValue(``) ?? ''};`"> 9122 9123 9124 9125 9126 9127<button data-style-id="sections--19530698359010__card_line_item_card_ty9DMA--AYWRMRmdLWHNhaCtZV__card_line_item_card_remove_button_93rbq9" 9128 data-content=" 9129 9130 <svg data-icon-handle="trash" class="bg-current shrink-0 inline-flex items-center justify-center align-middle" x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-trash--url`) }" :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" :role="url ? 'link':''" :tabindex="url ? '0' : undefined" aria-label="trash" x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" style="mask: var(--icon-trash); -webkit-mask: var(--icon-trash); aspect-ratio: var(--icon-trash-aspect-ratio, 1); height: 20px;
9130width: 20px; color:currentColor;"></svg>" 9131 x-data="{ content: getDynamicText($el.getAttribute('data-content')), url: getDynamicText(``) }" 9132 x-effect="() => { if (line_card?.variant || line_card?.hydrated) { content = getDynamicText($el.getAttribute('data-content')); content_check = getDynamicText($el.getAttribute('data-content-check')); url = getDynamicText(``); hideIfEmpty($el, ``, !content.trim()) } }" 9133 x-show="!line_card?.line_item?.properties?._p_required && $data.showConditionally('always')" 9134 x-cloak 9135 :href="url" 9136 x-html="content" 9137 type="button" 9138 :disabled="$cart.loading" 9139 class="hf:opacity-70 " 9140 @click="_cart.updateLineItemQuantity(0, line_card?.line_item?.index)"> 9141</button> 9142 9143 9144 9145</div> 9146 9147 9148 9149 </div> 9150 9151 9152 9153</div> 9154 9155 9156 9157</div> 9158<!-- END sections: 0_card --> </div> 9159 9160 9161 9162 9163 9164
9164<script> 9165 const startTime = Date.now(); 9166 const visual_preview_mode = window.location.search.includes('source=visualPreview'); 9167 const modalsContainer = visual_preview_mode ? document.querySelector("[data-dynamic-modals]") : document.querySelector("[data-dynamic-modals]:not([data-remove-parent-dynamically])"); 9168 const dbKey = `_platter---cached-sections`; 9169 window._recent_products = JSON.parse(localStorage?.getItem("_recent_products_storage") || '[]') || []; 9170 9171 if ((modalsContainer && !modalsContainer?.children.length)) { 9172 window.modalsLoaded = false; 9173 const res = JSON.parse(localStorage.getItem(dbKey) ?? "{}"); 9174 9175 if (res?.cards && res.timestamp > Date.now() - 1000 * 60 * 30) { 9176 9177 if (modalsContainer && !modalsContainer?.children.length && res.modals) { 9178 modalsContainer.innerHTML = res.modals; 9179 } 9180 9181 if (_stores?.quickView) { 9182 _stores.quickView.container = document.querySelector("[data-quick-view-container]"); 9183 _stores.quickView.show_all_container = document.querySelector( 9184 "[data-quick-view-show-more]", 9185 ); 9186 _stores.quickView.loading_container = document.querySelector("[data-quick-view-loading]"); 9187 } 9188 9189 if ( 9190 !window.location.origin.includes("127.0.0.1") || 9191 res.timestamp < Date.now() - 1000 * 60 * 15 9192 ) { 9193 if (window._stores["modal"] && window._stores["modal"].loaded !== true) { 9194 window._stores["modal"].loaded = true; 9195 } 9196 // console.log('modals loaded', Date.now() - startTime); 9197 window.modalsLoaded = true; 9198 // return; 9199 } 9200 } 9201 9202 if (!window.modalsLoaded) { 9203 fetch("/collections?page=420&__modals_data=true") 9204 .then((res) => res.text()) 9205 .then((res) => { 9206 const div = document.createElement('div'); 9207 div.innerHTML = res; 9208 const modalsContent = div.querySelector('[data-modals-section]')?.innerHTML; 9209 9210 if (modalsContainer && !modalsContainer?.children.length && modalsContent) { 9211 modalsContainer.innerHTML = modalsContent; 9212 } 9213 9214 try { 9215 localStorage.setItem(dbKey, JSON.stringify({ 9216 modals: modalsContent, 9217 timestamp: Date.now(), 9218 })); 9219 } catch (err) { 9220 console.log(err); 9221 localStorage.clear(); 9222 localStorage.setItem(dbKey, JSON.stringify({ 9223 modals: modalsContent, 9224 timestamp: Date.now(), 9225 })); 9226 } 9227 9228 if (_stores?.quickView) { 9229 _stores.quickView.container = document.querySelector("[data-quick-view-container]"); 9230 _stores.quickView.show_all_container = document.querySelector( 9231 "[data-quick-view-show-more]", 9232 ); 9233 _stores.quickView.loading_container = document.querySelector("[data-quick-view-loading]"); 9234 } 9235 if (window._stores["modal"] && window._stores["modal"].loaded !== true) { 9236 window._stores["modal"].loaded = true; 9237 } 9238 document.querySelectorAll('.card-loading[data-intersected]').forEach(element => { 9239 element.setAttribute('data-cards-loaded', 'true'); 9240 }); 9241 // console.log('modals loaded', Date.now() - startTime, 'b'); 9242 window.modalsLoaded = true; 9243 document.dispatchEvent(new CustomEvent('modalsLoaded')); 9244 }); 9245 } 9246 } 9247 if (!modalsContainer) { 9248 localStorage.removeItem(dbKey); 9249 } 9250 </script>
9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 9295 9296 9297 9298 9299 9300 9301 9302 9303 9304 9305 9306 9307 9308 9309 <style> 9310 [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--"] { color: #ffffff; background-color: #273426; } :root { --announcement-bar-height: 35px;}@media (max-width: 768px) { :root { --announcement-bar-height: 33px; }} [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AcUdFNlJIWHpiVUdrR__marquee_marquee_Re8W4k"] { background-color: #273426; } [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AcUdFNlJIWHpiVUdrR__marquee_marquee_Re8W4k"] { //--gap: 160px; height: 100%; align-items: center; justify-content: center;} [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AclJPM3hVUkc0RFg2Q__richtext_mUxqCc"] {} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { } :root { --navigation-bar-height: 64px;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { //--navigation-bar-height: unset; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { //border-bottom: 1px solid #e5e5e5; background: #ffffff; position: relative;} .navigation-bar--transparent { background: transparent; border: none; position: relative;}@media (max-width: 768px) { .navigation-bar--transparent { }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { display: flex; align-items: center; padding: 6px var(--container-md); transition: 0.2s all ease-in-out;}.scrolled-down [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { //padding: 2px var(--container-md);}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMVpuSFpSZ1hKTU1qY__header_navigation_bar_burger_menu_button_NxnD8X"] { margin-right: 10px;}@media (min-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMVpuSFpSZ1hKTU1qY__header_navigation_bar_burger_menu_button_NxnD8X"] { display: none; }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { display: flex; overflow: hidden; gap: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"]:where(:hover,.active) a { //color: #7d7d7d;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] a:where(:hover) { color: #020202;}[data-active-modal="search"] [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { max-width: 0 !important; transition-delay: 0s; transition-duration: 0.02s;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AR3ZiM0VBM3R0TFl1c__header_navigation_bar_megamenu_button_Knqymj"] { height: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AR3ZiM0VBM3R0TFl1c__header_navigation_bar_megamenu_button_Knqymj"].active::after { content: ''; display: block; height: 2px; background-color: #6FB566; width: 100%; position: absolute; bottom: 0; left: 0;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV1ZYL2NmMEpHNG9iV__header_navigation_bar_megamenu_button_Wtz6jf"] { height: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV1ZYL2NmMEpHNG9iV__header_navigation_bar_megamenu_button_Wtz6jf"].active::after { content: ''; display: block; height: 2px; background-color: #6FB566; width: 100%; position: absolute; bottom: 0;
9310 left: 0;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AZ1poTkkwQmhnQUdzV__button_gAQFAX"] { line-height: unset;} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { flex: 1; display: flex; justify-content: center;}@media (max-width: 1200px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { //flex: unset; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AdjdYOEphdkpLdlVxO__image_Hw4UbG"] { width: 37px; height: auto; flex-shrink: 0; align-self: center;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AdjdYOEphdkpLdlVxO__image_Hw4UbG"] { }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { display: flex; //flex: 1; align-items: center; justify-content: end; gap: 24px; height: 100%; }@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { gap: 6px; }}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV21uQjEzUTdDM0hIQ__button_Gt8ypA"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] { padding: 14px 0px; max-width: 24px; width: 100%;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] svg { width: 24px; height: 24px;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"]:where(:hover,:focus-visible) { color: #272824;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"].active { } 9311 </style> 9312 <header data-header-section class="header-sections-container transition-all duration-200 ease-in-out"> 9313 <!-- BEGIN sections: 0_header --> 9314<div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-sections--19530698490082__header_announcement_bar_bDLjXW" class="shopify-section shopify-section-group-0_header"> 9315 9316 9317 9318 9319<section data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--" 9320 data-announcement-bar 9321 data-settings="{"text_color":"#ffffff","background_color":"#273426","custom_css":":root {\n --announcement-bar-height: 35px;\n}\n\n@media (max-width: 768px) {\n :root {\n --announcement-bar-height: 33px;\n }\n}","section_id":"","generate_presets":"never","category_name":"","hidden_name_backup":""}" 9322 class="relative overflow-clip" 9323 @transitionend="utils.calculateHeaderHeight()" 9324 x-init="() => { 9325 if (!utils.getCookie(`${Shopify.theme.id}--hide-announcement`)) { 9326 $el.classList.add('h-[--announcement-bar-height]'); 9327 $el.classList.remove('!h-0'); 9328 $nextTick(() => { 9329 $el.classList.add('transition-all','duration-300'); 9330 utils.calculateHeaderHeight(); 9331 }); 9332 } else { 9333 document.body.style.setProperty('--announcement-bar-height', `0px`, 'important'); 9334 $el.remove(); 9335 } 9336 };"> 9337 9338 9339 9340 9341 9342 9343 9344 9345 9346<section 9347 data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AcUdFNlJIWHpiVUdrR__marquee_marquee_Re8W4k" 9348 class="group relative grid auto-cols-max grid-flow-col-dense scrollbar-none overflow-x-auto" 9349 9350> 9351 <div class="relative overflow-hidden w-max grid auto-cols-max grid-flow-col-dense scrollbar-none animate-marquee1 gap-[--gap] pl-[--gap]" 9352 style="animation-duration: calc(var(--animate-duration, 0) * 1s); animation-direction: "> 9353 9354 9355 9356 9357 9358 9359 9360<div data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AclJPM3hVUkc0RFg2Q__richtext_mUxqCc" 9361 class="relative text-inherit"> 9362 9363 9364<div class="_input-richtext richtext-md h5"><p><strong>Save 15% when you subscribe</strong></p></div> 9365 9366</div> 9367 9368 9369 9370 </div> 9371 9372</section> 9373 9374 9375 9376</section> 9377 9378 9379</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
9379 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-sections--19530698490082__header_navigation_bar_b3tneK" class="shopify-section shopify-section-group-0_header"> 9380 9381 9382 9383 9384 9385 9386 9387 9388<header data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--" 9389 x-data="{ ..._sections.initNavigationBar($el, $refs) }" 9390 data-navigation-bar 9391 @scroll.window.passive="$data.toggleTransparent($event, true)" 9392 @pointerover="$data.toggleTransparent" 9393 @pointerleave="$data.toggleTransparent" 9394 data-transparent-templates="" 9395 x-init="$watch('$router.template', value => { $data.toggleTransparent() })" 9396 class="h-[--navigation-bar-height] @container transition-colors duration-[50ms] px-container-fullwidth"> 9397 9398 9399 9400 9401 9402 9403 9404<div 9405 data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ" 9406 9407 9408 9409 9410 9411> 9412 9413 9414 9415 9416<a data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMVpuSFpSZ1hKTU1qY__header_navigation_bar_burger_menu_button_NxnD8X" 9417 9418 href="#megamenu--sidebar" 9419 :class="$modal.id === $el.href?.split('#').at(-1) ? 'active' :''" 9420 class="relative flex flex-col items-center justify-center group gap-[4px]"> 9421 <span class="sr-only">Main Menu</span> 9422 <span class="block h-[2px] w-5 rounded-full bg-current transition-all duration-[400ms] group-ac:-rotate-45 group-ac:translate-y-[calc(2px+4px)]"></span> 9423 <span class="block h-[2px] w-5 rounded-full bg-current transition-all duration-[400ms] group-ac:opacity-0"></span> 9424 <span class="block h-[2px] w-5 rounded-full bg-current transition-all duration-[400ms] group-ac:rotate-45 group-ac:translate-y-[calc(-2px-4px)]"></span> 9425</a> 9426 9427 9428 9429 9430 9431 9432 9433 9434 9435<div 9436 data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3" 9437 9438 9439 9440 9441 9442> 9443 9444 9445 9446 9447<a type="button" data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AR3ZiM0VBM3R0TFl1c__header_navigation_bar_megamenu_button_Knqymj" 9448 href="#megamenu--shop" 9449 @click="$modal.setId(`megamenu--shop`); $modal.setSubId(``)" 9450 9451 data-hover-trigger 9452 @pointerenter="$modal.setId(`megamenu--shop`, true); $modal.setSubId(`megamenu-submenu--`, true)" 9453 9454 9455 :class="$modal.id === `megamenu--shop` && $modal.sub_id === `megamenu-submenu--` ? 'active' :'' " 9456 class="group relative shrink-0 flex gap-0.5 items-center group whitespace-nowrap text-14-uppercase"> 9457 <span class="relative"> 9458 9459Shop</span> 9460 9461 9462 9463 <svg data-icon-handle="chevron-down" 9464 9465 class="bg-current shrink-0 h-4 group-hf:rotate-180 group-ac:rotate-180 transition-all duration-300" 9466 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-chevron-down--url`) }" 9467 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 9468 :role="url ? 'link':''" 9469 :tabindex="url ? '0' : undefined" 9470 aria-label="chevron-down" 9471 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 9472 style="mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio, 1); "></svg> 9473 9474 9475 9476</a> 9477 9478 9479 9480 9481 9482 9483<a type="button" data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV1ZYL2NmMEpHNG9iV__header_navigation_bar_megamenu_button_Wtz6jf" 9484 href="#megamenu--learn" 9485 @click="$modal.setId(`megamenu--learn`); $modal.setSubId(``)" 9486 9487 data-hover-trigger 9488 @pointerenter="$modal.setId(`megamenu--learn`, true); $modal.setSubId(`megamenu-submenu--`, true)" 9489 9490 9491 :class="$modal.id === `megamenu--learn` && $modal.sub_id === `megamenu-submenu--` ? 'active' :'' " 9492 class="group relative shrink-0 flex gap-0.5 items-center group whitespace-nowrap text-14-uppercase"> 9493 <span class="relative"> 9494 9495Learn</span> 9496 9497 9498 9499 <svg data-icon-handle="chevron-down" 9500 9501 class="bg-current shrink-0 h-4 group-hf:rotate-180 group-ac:rotate-180 transition-all duration-300" 9502 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-chevron-down--url`) }" 9503 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 9504 :role="url ? 'link':''" 9505 :tabindex="url ? '0' : undefined" 9506 aria-label="chevron-down" 9507 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 9508 style="mask: var(--icon-chevron-down); -webkit-mask: var(--icon-chevron-down); aspect-ratio: var(--icon-chevron-down-aspect-ratio, 1); "></svg> 9509 9510 9511 9512</a> 9513 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525 <a data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AZ1poTkkwQmhnQUdzV__button_gAQFAX" 9526 9527 9528 href="/pages/build-a-bundle" 9529 class="w-full text-14-uppercase "> 9530 9531 9532BUILD A BUNDLE 9533 </a> 9534 9535 9536 9537 9538</div> 9539 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549<div 9550 data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc" 9551 9552 9553 9554 9555 9556> 9557 9558 9559 9560 9561 9562 9563 9564 9565 9566 <a data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AdjdYOEphdkpLdlVxO__image_Hw4UbG" 9567 href="/" 9568 9569 aria-label="The OG Pack" 9570 9571 class="block relative shrink-0"> 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 <img src="//hiseltzers.com/cdn/shop/files/logo.svg?crop=center&height=48&v=1749597615&width=38" 9583 9584 width="38" 9585 height="48" 9586 9587 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 9588 style="object-position: 50.0% 50.0%;" 9589 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 9590 loading="eager" 9591 role="presentation" 9592 role="presentation" 9593 srcset="//hiseltzers.com/cdn/shop/files/logo.svg?v=1749597615&width=48 48w" 9594 data-image="eager"> 9595 9596 9597 9598 9599 9600 9601 </a> 9602 9603 9604 9605 9606</div> 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617<div 9618 data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU" 9619 9620 9621 9622 9623 9624> 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635 <a data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV21uQjEzUTdDM0hIQ__button_Gt8ypA" 9636 9637 9638 href="/pages/store-locator" 9639 class="w-full text-14-uppercase "> 9640 9641 9642Find Hi 9643 </a> 9644 9645 9646 9647 9648 9649 9650 9651<a type="button" data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8" 9652 aria-label="Accounts" 9653 href="/account"> 9654 9655 9656 <svg data-icon-handle="user" 9657 9658 class="bg-current shrink-0 shrink-0" 9659 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-user--url`) }" 9660 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 9661 :role="url ? 'link':''" 9662 :tabindex="url ? '0' : undefined" 9663 aria-label="user" 9664 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 9665 style="mask: var(--icon-user); -webkit-mask: var(--icon-user); aspect-ratio: var(--icon-user-aspect-ratio, 1); "></svg> 9666 9667 9668</a> 9669 9670 9671 9672</div> 9673 9674 9675 9676 9677</div> 9678 9679 9680 9681 9682</header> 9683 9684 9685 9686</div> 9687<!-- END sections: 0_header --> 9688 </header> 9689 9690 9691 9692 9693 <main data-content-root 9694 id="main-content" 9695 data-barba="container" 9696 data-barba-namespace="tmp" 9697 data-template="product" 9698 data-pathname="/products/the-og-pack-1" 9699 :class="/^\/policies\//gi.test($router.pathname) ? 'richtext-md richtext-margins-lg' : ''" 9700 class="relative mt-[--navigation-bar-transparent-height] flex flex-1 shrink-0 flex-col main-sections-container overflow-x-clip"> 9701 9702 9703 9704 <style> [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--"] { color: #ffffff; background-color: #273426; } :root { --announcement-bar-height: 35px;}@media (max-width: 768px) { :root { --announcement-bar-height: 33px; }} [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AcUdFNlJIWHpiVUdrR__marquee_marquee_Re8W4k"] { background-color: #273426; } [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AcUdFNlJIWHpiVUdrR__marquee_marquee_Re8W4k"] { //--gap: 160px; height: 100%; align-items: center; justify-content: center;} [data-style-id="sections--19530698490082__header_announcement_bar_bDLjXW--AclJPM3hVUkc0RFg2Q__richtext_mUxqCc"] {} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { } :root { --navigation-bar-height: 64px;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { //--navigation-bar-height: unset; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--"] { //border-bottom: 1px solid #e5e5e5; background: #ffffff; position: relative;} .navigation-bar--transparent { background: transparent; border: none; position: relative;}@media (max-width: 768px) { .navigation-bar--transparent { }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { display: flex; align-items: center; padding: 6px var(--container-md); transition: 0.2s all ease-in-out;}.scrolled-down [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMS95NHVrdkdVVFk5Z__header_navigation_bar_container_pFC8PQ"] { //padding: 2px var(--container-md);}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMVpuSFpSZ1hKTU1qY__header_navigation_bar_burger_menu_button_NxnD8X"] { margin-right: 10px;}@media (min-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AMVpuSFpSZ1hKTU1qY__header_navigation_bar_burger_menu_button_NxnD8X"] { display: none; }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { display: flex; overflow: hidden; gap: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"]:where(:hover,.active) a { //color: #7d7d7d;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] a:where(:hover) { color: #020202;}[data-active-modal="search"] [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { max-width: 0 !important; transition-delay: 0s; transition-duration: 0.02s;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AenJ0aE5uNzRMdVlNc__header_navigation_bar_container_4JGAz3"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AR3ZiM0VBM3R0TFl1c__header_navigation_bar_megamenu_button_Knqymj"] { height: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AR3ZiM0VBM3R0TFl1c__header_navigation_bar_megamenu_button_Knqymj"].active::after { content: ''; display: block; height: 2px; background-color: #6FB566; width: 100%; position: absolute; bottom: 0;
9704 left: 0;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV1ZYL2NmMEpHNG9iV__header_navigation_bar_megamenu_button_Wtz6jf"] { height: 24px;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV1ZYL2NmMEpHNG9iV__header_navigation_bar_megamenu_button_Wtz6jf"].active::after { content: ''; display: block; height: 2px; background-color: #6FB566; width: 100%; position: absolute; bottom: 0; left: 0;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AZ1poTkkwQmhnQUdzV__button_gAQFAX"] { line-height: unset;} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { flex: 1; display: flex; justify-content: center;}@media (max-width: 1200px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AK0pHMGx0UU5FaktHV__header_navigation_bar_container_CQqykc"] { //flex: unset; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AdjdYOEphdkpLdlVxO__image_Hw4UbG"] { width: 37px; height: auto; flex-shrink: 0; align-self: center;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AdjdYOEphdkpLdlVxO__image_Hw4UbG"] { }} [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { } [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { display: flex; //flex: 1; align-items: center; justify-content: end; gap: 24px; height: 100%; }@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--Ad3dJRVpmcXAwcXo1R__header_navigation_bar_container_gFnYXU"] { gap: 6px; }}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AV21uQjEzUTdDM0hIQ__button_Gt8ypA"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] { padding: 14px 0px; max-width: 24px; width: 100%;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] svg { width: 24px; height: 24px;}@media (max-width: 768px) { [data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"] { display: none; }}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"]:where(:hover,:focus-visible) { color: #272824;}[data-style-id="sections--19530698490082__header_navigation_bar_b3tneK--AUzVFVmVJUkVrOFhWY__header_navigation_bar_account_button_NYf3p8"].active { }</style> 9705 <div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__main_product_PJRr9q" class="shopify-section"> 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 <style> 9716 [data-style-id="template--19530703732962__main_product_PJRr9q--"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--"] { padding-top: 24px; padding-bottom: 32px; background: var(--color_3); box-shadow: inset 0 -1px 0 0 var(--color_1);}.quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--"] { box-shadow: unset;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--"] { padding-top: 56px; padding-bottom: 64px; display: grid; grid-template-columns: 7fr 5fr; gap: 0 12px; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--"] {}} 9717 </style> 9718 9719 <form method="post" 9720 action="/cart/add" 9721 accept-charset="UTF-8" 9722 enctype="multipart/form-data" 9723 novalidate="novalidate" 9724 id="product-details-form-template--19530703732962__main_product_PJRr9q" 9725 data-section-type="main_product" 9726 data-style-id="template--19530703732962__main_product_PJRr9q--" id="Main Product" 9727 x-data="{ ..._sections.initMainProduct($el, $refs, $el.getAttribute('data-handle')) }" 9728 @scroll.window.passive="$data.handleStickyScroll" 9729 data-handle="the-og-pack-1" 9730 :style="[ 9731 pdp?.product?.metafields?.smart?.colors?.color_1 && `--color_1: ${pdp.product.metafields.smart.colors.color_1}`, 9732 pdp?.product?.metafields?.smart?.colors?.color_2 && `--color_2: ${pdp.product.metafields.smart.colors.color_2}`, 9733 pdp?.product?.metafields?.smart?.colors?.color_3 && `--color_3: ${pdp.product.metafields.smart.colors.color_3}`
9734 ].filter(Boolean).join('; ')" 9735 class="shopify-product-form relative px-container-md"> 9736 <input type="hidden" name="form_type" value="product"> 9737 <input type="hidden" name="utf8" value="â"> 9738 <input type="hidden" 9739 name="id" 9740 value="46637382041826" 9741 x-init="$el.closest('form')?.addEventListener('submit',(e)=> { e.preventDefault(); e.stopPropagation(); })" 9742 :value="pdp.selected_variant?.id"> 9743 <input type="hidden" 9744 name="selling_plan" 9745 value="" 9746 :value="pdp.selected_selling_plan?.id || ''" /> 9747 9748 9749 9750 9751 9752<style> 9753 [data-style-id="template--19530703732962__main_product_PJRr9q--ATWUxSEVOWllaMzVPd__main_product_container_8Tn6PV"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--ATWUxSEVOWllaMzVPd__main_product_container_8Tn6PV"] { margin-bottom: 12px;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ATWUxSEVOWllaMzVPd__main_product_container_8Tn6PV"] { display: none; }} 9754</style> 9755 9756<div 9757 data-style-id="template--19530703732962__main_product_PJRr9q--ATWUxSEVOWllaMzVPd__main_product_container_8Tn6PV" 9758 9759 data-quick-view-visibility="default" 9760 9761 9762 9763> 9764 9765 9766 9767 9768 9769<style> [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] { --star-size: 16px; --star-gap: 4px; display: flex; gap: 8px; --color-review-stars--hex: var(--color_1, #354434);}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH"] { display: none; }} 9770</style> 9771 9772 9773 9774 9775<div data-style-id="template--19530703732962__main_product_PJRr9q--AczRiaFFDb3c2UjJXQ__main_product_rating_ADM6cH" 9776 data-quick-view-visibility="default" 9777 9778 style=""> 9779 <meter class="relative block appearance-none shrink-0" 9780 value="4.44" 9781 min="0" 9782 max="5" 9783 :value="pdp.product?.reviews?.rating ?? 0" 9784 itemprop="aggregateRating" 9785 itemscope 9786 itemtype="https://schema.org/AggregateRating"> 9787 <span>
9788 <span itemprop="ratingValue" :html="pdp.product?.reviews?.rating">4.44</span>/ 9789 <span itemprop="bestRating">5</span> 9790 </span> 9791 </meter> 9792 <label class="richtext-md h5" 9793 x-cloak 9794 x-show="!!pdp.product?.reviews" 9795 data-content=" 9796 9797<a href="#Reviews" title="#Reviews">[count] reviews</a>" 9798 x-html="$el.getAttribute('data-content').replace('[count]', pdp.product?.reviews?.review_count).replace('[rating]',pdp.product?.reviews?.rating || 'No rating')"> 9799 9800 9801<a href="#Reviews" title="#Reviews">234 reviews</a> 9802 </label> 9803</div> 9804 9805 9806 9807 9808 9809 9810 9811<style> 9812 [data-style-id="template--19530703732962__main_product_PJRr9q--AVFAzYStselkxcU1RY__main_product_dynamic_text_kKNK3T"] { margin-top: 12px;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVFAzYStselkxcU1RY__main_product_dynamic_text_kKNK3T"] { display: none; }} 9813</style> 9814 9815<div data-style-id="template--19530703732962__main_product_PJRr9q--AVFAzYStselkxcU1RY__main_product_dynamic_text_kKNK3T" 9816 data-quick-view-visibility="default" 9817 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 9818 data-content=" 9819 9820<div class="_input-richtext richtext-md h2"><h1><strong>The OG Pack</strong></h1></div> 9821" 9822 data-content-check="The OG Pack" 9823 x-effect="() => { if (pdp.selected_variant || pdp.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 9824 x-show="!!content_check.trim()" 9825 x-cloak 9826 9827 x-html="content"> 9828</div> 9829 9830 9831 9832 9833 9834 9835 9836<style> 9837 [data-style-id="template--19530703732962__main_product_PJRr9q--AMHUybWVMYUVXN0lPM__main_product_dynamic_text_mkMzc9"] { margin-top: 8px;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AMHUybWVMYUVXN0lPM__main_product_dynamic_text_mkMzc9"] { display: none; }} 9838</style> 9839 9840<div data-style-id="template--19530703732962__main_product_PJRr9q--AMHUybWVMYUVXN0lPM__main_product_dynamic_text_mkMzc9" 9841 data-quick-view-visibility="default" 9842 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 9843 data-content=" 9844 9845<div class="_input-richtext richtext-md h5"><p>[product.metafields.smart.short_description]</p></div> 9846" 9847 data-content-check="[product.metafields.smart.short_description]" 9848 x-effect="() => { if (pdp.selected_variant || pdp.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 9849 x-show="!!content_check.trim()" 9850 x-cloak 9851 9852 x-html="content"> 9853</div> 9854 9855 9856 9857</div> 9858 9859 9860 9861 9862 9863 9864 9865 9866<style> 9867 [data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6"] { margin: 0; padding: 0;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6"] { width: 100%; max-width: 736px; height: max-content; position: sticky; top: calc(var(--header-height-offset) + 40px); } .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6"] { grid-row: span 4; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6"] { margin-bottom: 12px; }} 9868</style> 9869 9870<div 9871 data-style-id="template--19530703732962__main_product_PJRr9q--ANnZDMEUzdFJOYkNIT__main_product_container_pqqLD6" 9872 9873 data-quick-view-visibility="default" 9874 9875 9876 9877> 9878 9879 9880 9881 9882<style> 9883 [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] picture { aspect-ratio: 1; border-radius: 24px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scrollbar-no-buttons { margin-top: 12px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > *:nth-child(1) { background: var(--color_2); }@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { justify-content: space-between; display: flex; flex-direction: column; gap: 12px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scroll-pagination { display: none; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-template-columns: repeat(10, 1fr); gap: 16px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(1) { grid-column: span 8; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { grid-column: span 2; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(2) { grid-column: span 10; aspect-ratio: 736/552; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+3) { grid-column: span 5; } .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+2) { display: none; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { --grid-cols: 1.15; --grid-gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap); } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }}@media (min-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: flex !important; }}@media (max-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }} 9884[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] picture { aspect-ratio: 1; border-radius: 24px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scrollbar-no-buttons { margin-top: 12px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > *:nth-child(1) { background: var(--color_2); }@container (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { justify-content: space-between; display: flex; flex-direction: column; gap: 12px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scroll-pagination { display: none; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-template-columns: repeat(10, 1fr); gap: 16px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(1) { grid-column: span 8; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { grid-column: span 2; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(2) { grid-column: span 10; aspect-ratio: 736/552; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+3) { grid-column: span 5; } .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+2) { display: none; }}@container (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { --grid-cols: 1.15; --grid-gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap); } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }}@container (min-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: flex !important; }}@container (max-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }}</style> 9885 9886 9887<div data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA" 9888 data-quick-view-visibility="default" 9889 x-ref="gallery" 9890 class="relative"
9891 x-data="{ ...utils.initContentSlider($el, $refs.scrollContainer, undefined, `false` === 'true') }" 9892 data-settings="{"filter_images":"show_all","hide_image_alt":"hide-image","scroll_to_selected_variant_image":true,"additional_view":"media_gallery","infinite_scroll":false,"slider_scroll_snap":"snap-mandatory [\u0026\u003e*]:snap-start","slider_overflow_container":"mobile","scrollbar_class":"scrollbar-no-buttons","scroll_pagination_class":"","quick_view_visibility":"default","custom_css":"\u0026 picture {\n aspect-ratio: 1;\n border-radius: 24px;\n}\n\n\u0026 .grid-container {\n gap: 8px;\n }\n \n\u0026 .scrollbar-no-buttons {\n margin-top: 12px;\n}\n\u0026 .grid-container \u003e *:nth-child(1) {\n background: var(--color_2);\n }\n\n@media (min-width: 1024px) {\n \u0026 {\n justify-content: space-between;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n \u0026 .scroll-pagination {\n display: none; \n }\n \u0026 .grid-container {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 16px;\n }\n \n \u0026 .grid-container \u003e picture:nth-of-type(1) {\n grid-column: span 8;\n }\n \u0026 .grid-container \u003e div:nth-of-type(1) {\n grid-column: span 2;\n }\n \u0026 .grid-container \u003e picture:nth-of-type(2) {\n grid-column: span 10;\n aspect-ratio: 736\/552;\n }\n \u0026 .grid-container \u003e picture:nth-of-type(n+3) {\n grid-column: span 5;\n }\n .quick-view \u0026 .grid-container \u003e picture:nth-of-type(n+2) {\n display: none; \n }\n}\n\n@media (max-width: 1024px) {\n \u0026 {\n --grid-cols: 1.15;\n --grid-gap: 8px;\n }\n \u0026 .grid-container {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) \/ var(--grid-cols));\n gap: var(--grid-gap);\n }\n \u0026 .grid-container \u003e div:nth-of-type(1) {\n display: none;\n }\n}\n@media (min-width: 1024px) {\n .quick-view \u0026 .grid-container \u003e div:nth-of-type(1) {\n display: flex !important;\n }\n}\n@media (max-width: 1024px) {\n .quick-view \u0026 .grid-container \u003e div:nth-of-type(1) {\n display: none;\n }\n}","generate_block_presets":"never","category_name":"","hidden_name_backup":""}"> 9893 <div class="grid-container flex snap-mandatory overflow-x-auto scrollbar-none max-lg:order-first snap-mandatory [&>*]:snap-start max-md:-mx-container-md max-md:scroll-px-container-md max-md:px-container-md" 9894 data-main-product-images 9895 @resize.window="content_slider.handleResize" 9896 x-init="$nextTick(() => content_slider.handleResize())" 9897 @scroll="(e) =>{ content_slider.handleScroll(e); const mediaId = [...($el.children ?? [])].find(pic=> pic?.classList?.contains('centered'))?.getAttribute('data-media-id'); if (mediaId) { pdp.selected_media_id = mediaId }}" 9898 @scrollend="content_slider.handleInfiniteScroll" 9899 x-ref="scrollContainer"> 9900 9901 9902 9903 <picture data-media-id="36100636803298" 9904 tabindex="-1" 9905 9906 :class="'cursor-zoom-in'" 9907 @click="showMediaGallery(+$el.getAttribute('data-media-id'))" 9908 9909 9910 class="snap-start relative flex w-full shrink-0 overflow-hidden h-full "> 9911 9912 9913 9914 9915 9916 9917 9918 9919 9920 9921 9922 9923 9924 <img src="//hiseltzers.com/cdn/shop/files/image_13.png?crop=center&height=620&v=1751475402&width=620" 9925 9926 width="620" 9927 height="620" 9928 alt="The OG Pack" 9929 class="w-full h-full object-cover select-none" 9930 style="object-position: 50.0% 50.0%;" 9931 sizes="(max-width: 768px) 95vw, (max-width: 1024px) 50vw, 50vw" 9932 loading="eager" 9933 9934 9935 srcset="//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=48 48w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=96 96w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=256 256w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=384 384w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=460 460w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=640 640w" 9936 data-image="eager"> 9937 9938 9939 9940 9941 9942 9943 9944 9945 9946 </picture> 9947 9948 9949 9950 9951 9952 9953 9954 9955<style> 9956 [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] picture { aspect-ratio: 1; border-radius: 24px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scrollbar-no-buttons { margin-top: 12px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > *:nth-child(1) { background: var(--color_2); }@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { justify-content: space-between; display: flex; flex-direction: column; gap: 12px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .scroll-pagination { display: none; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-template-columns: repeat(10, 1fr); gap: 16px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(1) { grid-column: span 8; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { grid-column: span 2; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(2) { grid-column: span 10; aspect-ratio: 736/552; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+3) { grid-column: span 5; } .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > picture:nth-of-type(n+2) { display: none; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] { --grid-cols: 1.15; --grid-gap: 8px; } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap); } [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }}@media (min-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: flex !important; }}@media (max-width: 1024px) { .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA"] .grid-container > div:nth-of-type(1) { display: none; }} 9957</style> 9958 9959<div 9960 data-style-id="template--19530703732962__main_product_PJRr9q--AVllhMktYQTM2S3dhV__main_product_gallery_KPMaDA" 9961 9962 data-quick-view-visibility="default" 9963 9964 9965 9966> 9967 9968 9969 9970 9971 9972<style> 9973 [data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ"] { height: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ"] figcaption { display: flex; flex-direction: column; justify-content: center; padding: 12px; align-items: center; text-align: center; background: var(--color_2); border-radius: 24px; height: 100%;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ"] { display: none; }} 9974</style> 9975 9976 9977 9978 9979 9980 9981 <figure 9982 data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ" 9983 9984 class="text-inherit"> 9985 9986 <picture class="relative"> 9987 9988 9989 9990 9991 9992 9993 9994 9995 9996 9997 9998 9999 </picture>
10000 <figcaption> 10001 10002 10003<div class="_input-richtext text-48/32 !font-bold">0</div> 10004 10005 10006 10007 10008<div class="_input-richtext richtext-md h4 !font-bold">Sugars</div> 10009 10010 10011 </figcaption> 10012 </figure> 10013 10014 10015 10016 10017 <figure 10018 data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ" 10019 10020 class="text-inherit"> 10021 10022 <picture class="relative"> 10023 10024 10025 10026 10027 10028 10029 10030 10031 10032 10033 10034 10035 </picture> 10036 <figcaption> 10037 10038 10039<div class="_input-richtext text-48/32 !font-bold">0</div> 10040 10041 10042 10043 10044<div class="_input-richtext richtext-md h4 !font-bold">Calories</div> 10045 10046 10047 </figcaption> 10048 </figure> 10049 10050 10051 10052 10053 <figure 10054 data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ" 10055 10056 class="text-inherit"> 10057 10058 <picture class="relative"> 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 </picture> 10072 <figcaption> 10073 10074 10075<div class="_input-richtext text-48/32 !font-bold">0</div> 10076 10077 10078 10079 10080<div class="_input-richtext richtext-md h4 !font-bold">Alcohol</div> 10081 10082 10083 </figcaption> 10084 </figure> 10085 10086 10087 10088 10089 <figure 10090 data-style-id="template--19530703732962__main_product_PJRr9q--AWHJhU2cvVFFMM3ZzZ__image_with_caption_krmHjQ" 10091 10092 class="text-inherit"> 10093 10094 <picture class="relative"> 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 </picture> 10108 <figcaption> 10109 10110 10111<div class="_input-richtext text-48/32 !font-bold">5</div> 10112 10113 10114 10115 10116<div class="_input-richtext richtext-md h4 !font-bold">5mg THC</div> 10117 10118 10119 </figcaption> 10120 </figure> 10121 10122 10123</div> 10124 10125 10126 <picture data-media-id="36100636836066" 10127 tabindex="-1" 10128 10129 :class="'cursor-zoom-in'" 10130 @click="showMediaGallery(+$el.getAttribute('data-media-id'))" 10131 10132 10133 class="snap-start relative flex w-full shrink-0 overflow-hidden h-full "> 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 <img src="//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?crop=center&height=1036&v=1751475405&width=684" 10148 10149 width="684" 10150 height="1036" 10151 alt="The OG Pack" 10152 class="w-full h-full object-cover select-none" 10153 style="object-position: 50.0% 50.0%;" 10154 sizes="(max-width: 768px) 95vw, (max-width: 1024px) 50vw, 50vw" 10155 loading="eager" 10156 10157 10158 srcset="//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=48 48w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=96 96w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=256 256w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=384 384w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=460 460w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=640 640w,//hiseltzers.com/cdn/shop/files/SeltzersProductCardBundles_3.png?v=1751475405&width=960 960w" 10159 data-image="eager"> 10160 10161 10162 10163 10164 10165 10166 10167 10168 10169 </picture> 10170 10171 </div> 10172 10173 10174 10175 10176 10177<div x-data="{ ..._scrollbar.init($refs.scrollBar, $refs.scrollThumb, $refs.scrollContainer, 200) }" 10178 data-scrollbar 10179 class="scrollbar-no-buttons pointer-events-none !hidden flex items-center" 10180 x-effect="() => { $el.classList.toggle('!hidden', (Math.round((scrollbar.width || 1) * 10) / 10) === 1) }" 10181 > 10182 <div data-scrollbar-container class="flex-1 pointer-events-auto flex items-center"> 10183 <div class="-my-2 flex w-full cursor-pointer items-center py-2" 10184 @click="handleScrollBarClick($event)" 10185 x-ref="scrollBar"> 10186 <div data-scrollbar-track class="flex w-full items-center rounded-full"> 10187 <button type="button" 10188 data-scrollbar-thumb 10189 x-ref="scrollThumb" 10190 @click.stop="" 10191 @pointerdown.prevent.stop="handleScrollThumbPointerDown" 10192 @keydown.prevent.stop.left="handlePrevClick" 10193 @keydown.prevent.stop.right="handleNextClick" 10194 :disabled="($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 10195 aria-label="Scroll thumb" 10196 :style="`left: ${scrollbar.left * 100}%; width: ${scrollbar.width * 100}%;`" 10197 class="relative h-full min-w-10 cursor-grab rounded-full">
10198 <span class="absolute inset-0 -my-2 w-full"></span> 10199 </button> 10200 </div> 10201 </div> 10202 </div> 10203 <div data-scrollbar-buttons class="flex items-center justify-between pointer-events-none"> 10204 <button type="button" 10205 data-scrollbar-button="prev" 10206 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 10207 :disabled="(scrollbar.current_index === 1 && !!+`200` && !$data?.content_slider?.state?.infinite) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 10208 aria-label="Scroll left" @click="handlePrevClick($event, $data.content_slider)"> 10209 <svg class="mr-[calc((100%*0.44)/3)] rotate-180 size-[calc(100%*0.44)] stroke-2 animated-icon" 10210 fill="none" 10211 viewBox="0 0 10 10" 10212 aria-hidden="true" 10213 stroke="currentColor"> 10214 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 10215 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 10216 </svg> 10217 <svg class="absolute left-1/2 top-1/2 size-[calc(100%*0.7)] -translate-x-1/2 -translate-y-1/2 bg-current simple-icon" 10218 style="background: var(--scroll-button-image-prev, currentColor); mask: var(--scroll-button-prev); -webkit-mask: var(--scroll-button-prev); aspect-ratio: var(--scroll-button-prev-aspect-ratio, 1);"> 10219 </svg> 10220 10221 </button> 10222 <div data-scrollbar-counter class="mx-auto select-none text-center"> 10223 <span x-html="$data?.content_slider?.state?.infinite ? `${scrollbar.current_index > scrollbar.pages / 2 ? scrollbar.current_index - scrollbar.pages / 2 : scrollbar.current_index} / ${scrollbar.pages / 2}` : `${scrollbar.current_index} / ${scrollbar.pages}`"></span> 10224 </div> 10225 <button type="button" 10226 data-scrollbar-button="next" 10227 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 10228 :disabled="((scrollbar.no_next_page && !$data?.content_slider?.state?.infinite) && !!+`200`) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 10229 aria-label="Scroll right" @click="handleNextClick($event, $data.content_slider)"> 10230 <svg class="ml-[calc((100%*0.44)/3)] size-[calc(100%*0.44)] stroke-2 animated-icon" 10231 fill="none"
10232 viewBox="0 0 10 10" 10233 aria-hidden="true" 10234 stroke="currentColor"> 10235 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 10236 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 10237 </svg> 10238 10239 <svg class="size-[calc(100%*0.7)] bg-current simple-icon" 10240 style="background: var(--scroll-button-image-next, currentColor); mask: var(--scroll-button-next); -webkit-mask: var(--scroll-button-next); aspect-ratio: var(--scroll-button-next-aspect-ratio, 1);"> 10241 </svg> 10242 </button> 10243 </div> 10244</div> 10245 10246 10247 10248</div> 10249 10250 10251 10252 10253</div> 10254 10255 10256 10257 10258 10259 10260 10261 10262<style> 10263 [data-style-id="template--19530703732962__main_product_PJRr9q--AVjZHSmNnTU9TMUh0d__main_product_container_77MtP9"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AVjZHSmNnTU9TMUh0d__main_product_container_77MtP9"] { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: start;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVjZHSmNnTU9TMUh0d__main_product_container_77MtP9"] { width: 100%; max-width: min(100%, 574px); margin-right: auto; grid-row: span 4; height: max-content; position: sticky; top: calc(var(--header-height-offset) + 40px); }} 10264</style> 10265 10266<div 10267 data-style-id="template--19530703732962__main_product_PJRr9q--AVjZHSmNnTU9TMUh0d__main_product_container_77MtP9" 10268 10269 data-quick-view-visibility="default" 10270 10271 10272 10273> 10274 10275 10276 10277 10278 10279<style> 10280 [data-style-id="template--19530703732962__main_product_PJRr9q--AMmpqR1g5UWdZVS9xS__main_product_container_nFHXkw"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AMmpqR1g5UWdZVS9xS__main_product_container_nFHXkw"] { display: flex; gap: 8px;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AMmpqR1g5UWdZVS9xS__main_product_container_nFHXkw"] { display: none; }} 10281</style> 10282 10283<div 10284 data-style-id="template--19530703732962__main_product_PJRr9q--AMmpqR1g5UWdZVS9xS__main_product_container_nFHXkw" 10285 10286 data-quick-view-visibility="default" 10287 10288 10289 10290> 10291 10292 10293 10294 10295 10296<style> 10297 [data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC"] { height: 100%; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC"] figcaption { min-width: 75px; display: flex; flex-direction: column; justify-content: center; padding: 0px 4px 8px 4px; align-items: center; text-align: center; background: var(--color_2); border-radius: 12px; height: 100%;} 10298</style> 10299 10300 10301 10302 10303 10304 10305 <figure 10306 data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC" 10307 10308 class="text-inherit"> 10309 10310 <picture class="relative"> 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 </picture> 10324 <figcaption> 10325 10326 10327<div class="_input-richtext text-48/32 !font-bold">0</div> 10328 10329 10330 10331 10332<div class="_input-richtext richtext-md h6 !font-bold">Sugars</div> 10333 10334 10335 </figcaption> 10336 </figure> 10337 10338 10339 10340 10341 <figure 10342 data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC" 10343 10344 class="text-inherit"> 10345 10346 <picture class="relative"> 10347 10348 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 </picture> 10360 <figcaption> 10361 10362 10363<div class="_input-richtext text-48/32 !font-bold">0</div> 10364 10365 10366 10367 10368<div class="_input-richtext richtext-md h6 !font-bold">Calories</div> 10369 10370 10371 </figcaption> 10372 </figure> 10373 10374 10375 10376 10377 <figure 10378 data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC" 10379 10380 class="text-inherit"> 10381 10382 <picture class="relative"> 10383 10384 10385 10386 10387 10388 10389 10390 10391 10392 10393 10394 10395 </picture> 10396 <figcaption> 10397 10398 10399<div class="_input-richtext text-48/32 !font-bold">0</div> 10400 10401 10402 10403 10404<div class="_input-richtext richtext-md h6 !font-bold">Alcohol</div> 10405 10406 10407 </figcaption> 10408 </figure> 10409 10410 10411 10412 10413 <figure 10414 data-style-id="template--19530703732962__main_product_PJRr9q--AR2ZLZVZWSUVhVzVnO__image_with_caption_xynCnC" 10415 10416 class="text-inherit"> 10417 10418 <picture class="relative"> 10419 10420 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 </picture>
10432 <figcaption> 10433 10434 10435<div class="_input-richtext text-48/32 !font-bold">5</div> 10436 10437 10438 10439 10440<div class="_input-richtext richtext-md h6 !font-bold">5mg THC</div> 10441 10442 10443 </figcaption> 10444 </figure> 10445 10446 10447</div> 10448 10449 10450 10451 10452 10453 10454 10455 10456<style> [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] { --star-size: 20px; --star-gap: 3px; } [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] meter { --star-size-with-gap: calc(var(--star-size) + var(--star-gap)); display: block; position: relative; width: calc(var(--star-size-with-gap) * 5 - var(--star-gap)); height: var(--star-size); background: var(--color-review-stars-base--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] meter:-moz-meter-optimum::-moz-meter-bar { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; } /* The gray background in Webkit browsers */ [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] meter::-webkit-meter-bar { background: transparent; border-radius: 0; border: 0; height: var(--star-size); } /* The bar in Webkit browsers */ [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] meter::-webkit-meter-optimum-value { height: var(--star-size); background: var(--color-review-stars--hex); mask: var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star), var(--icon-star); mask-position: calc(var(--star-size-with-gap) * 0) 0, calc(var(--star-size-with-gap) * 1) 0, calc(var(--star-size-with-gap) * 2) 0, calc(var(--star-size-with-gap) * 3) 0, calc(var(--star-size-with-gap) * 4) 0; }[data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] { --star-size: 16px; --star-gap: 4px; display: flex; gap: 8px; --color-review-stars--hex: var(--color_1, #354434);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6"] { display: none; }} 10457</style> 10458 10459 10460 10461 10462<div data-style-id="template--19530703732962__main_product_PJRr9q--ATmU4R3FCNDVpYWNpR__main_product_rating_Gxx3i6" 10463 data-quick-view-visibility="default" 10464 10465 style=""> 10466 <meter class="relative block appearance-none shrink-0" 10467 value="4.44" 10468 min="0" 10469 max="5" 10470 :value="pdp.product?.reviews?.rating ?? 0" 10471 itemprop="aggregateRating" 10472 itemscope 10473 itemtype="https://schema.org/AggregateRating"> 10474 <span> 10475 <span itemprop="ratingValue" :html="pdp.product?.reviews?.rating">4.44</span>/ 10476 <span itemprop="bestRating">5</span> 10477 </span> 10478 </meter> 10479 <label class="richtext-md h5" 10480 x-cloak 10481 x-show="!!pdp.product?.reviews" 10482 data-content=" 10483 10484<a href="#Reviews" title="#Reviews">[count] reviews</a>" 10485 x-html="$el.getAttribute('data-content').replace('[count]', pdp.product?.reviews?.review_count).replace('[rating]',pdp.product?.reviews?.rating || 'No rating')"> 10486 10487 10488<a href="#Reviews" title="#Reviews">234 reviews</a> 10489 </label> 10490</div> 10491 10492 10493 10494 10495 10496 10497 10498<style> 10499 [data-style-id="template--19530703732962__main_product_PJRr9q--AOHVqZ3RYc3hCcjJ6R__main_product_dynamic_text_8fNy8r"] { margin-top: 12px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AOHVqZ3RYc3hCcjJ6R__main_product_dynamic_text_8fNy8r"] { display: none; }} 10500</style> 10501 10502<div data-style-id="template--19530703732962__main_product_PJRr9q--AOHVqZ3RYc3hCcjJ6R__main_product_dynamic_text_8fNy8r" 10503 data-quick-view-visibility="default" 10504 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 10505 data-content=" 10506 10507<div class="_input-richtext richtext-md h2"><h1><strong>The OG Pack</strong><strong> (</strong><strong>12 Pack</strong><strong>)</strong></h1></div> 10508" 10509 data-content-check="The OG Pack (12 Pack)" 10510 x-effect="() => { if (pdp.selected_variant || pdp.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 10511 x-show="!!content_check.trim()" 10512 x-cloak 10513 10514 x-html="content"> 10515</div> 10516 10517 10518 10519 10520 10521 10522 10523<style> 10524 [data-style-id="template--19530703732962__main_product_PJRr9q--AdmVOMVdwTitkcXpJW__main_product_dynamic_text_tkdH3h"] { margin-top: 16px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AdmVOMVdwTitkcXpJW__main_product_dynamic_text_tkdH3h"] { display: none; }} 10525</style> 10526 10527<div data-style-id="template--19530703732962__main_product_PJRr9q--AdmVOMVdwTitkcXpJW__main_product_dynamic_text_tkdH3h" 10528 data-quick-view-visibility="default" 10529 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 10530 data-content=" 10531 10532<div class="_input-richtext richtext-md"><p>[product.metafields.smart.short_description]</p></div> 10533" 10534 data-content-check="[product.metafields.smart.short_description]" 10535 x-effect="() => { if (pdp.selected_variant || pdp.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 10536 x-show="!!content_check.trim()" 10537 x-cloak 10538 10539 x-html="content"> 10540</div> 10541 10542 10543 10544 10545 10546 10547<style> 10548 [data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] { margin-top: 36px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] legend { margin-bottom: 16px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] fieldset { gap: 8px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label { width: 88px; height: 126px; border-radius: 16px; border: 1.5px solid var(--Neutral-White, #FFF); outline-width: 2px; outline-offset: 2px; --primary-swatch: unset !important; --fallback-swatch: unset !important; justify-content: space-between; overflow: hidden; border: 1.5px solid transparent; background: unset !important;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label.active { border: 1.5px solid var(--New-Green, #273426);}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label picture { overflow: hidden; background: var(--color_2) !important; }[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label img { width: 120px; position: absolute; inset: 0;
10548 left: -18px; max-width: unset;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label span { background: var(--transparent-70, rgba(255, 255, 255, 0.70)); display: flex; padding: 6px 0px; justify-content: center; align-items: center; align-self: stretch; height: 36px; font-family: var(--Family-Secondary, Inter); font-size: var(--single-type-styles-Selector, 11px); font-style: normal; font-weight: 700; line-height: 120%; text-transform: uppercase; }@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] { margin-top: 32px; } /*[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] fieldset {*/ /* gap: 4px;*/ /*}*/ /*[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label { */ /* display: flex;*/ /* flex-direction: column;*/ /* width: 75px;*/ /* height: 112px;*/ /*}*/ /*[data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label img {*/ /* width: 110px;*/ /*}*/ [data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD"] label span { font-size: var(--single-type-styles-Selector, 10px); }} 10549</style> 10550 10551<div data-style-id="template--19530703732962__main_product_PJRr9q--AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10552 data-quick-view-visibility="default" 10553 10554 x-data="{ current_sibling: `the-og-pack-1`, hoverValue: `the-og-pack-1`, sibling_handles: utils.JSONParse($el.getAttribute('data-values')), offset: +`4` }" 10555 x-init="sibling_handles?.forEach(handle =>{ barba.prefetch(utils.getSiblingUrl(handle)) })" 10556 10557 data-values="["the-og-pack-1","the-tropical-pack","the-starter-pack-1","the-party-pack-72-pack"]"> 10558 <legend id="legend-AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10559 class="flex w-full max-w-full truncate richtext-md h6 uppercase" 10560 data-legend=" 10561 10562<strong>Flavor:<span style="display: inline-block; padding-left:4px;"></span></strong>[value]" 10563 data-current-title="OG Pack" 10564 x-effect="$el.innerHTML = $el.getAttribute('data-legend').replace('[value]', $el.getAttribute('data-current-title'))"> 10565 10566 10567<strong>Flavor:<span style="display: inline-block; padding-left:4px;"></span></strong>OG Pack 10568 </legend> 10569 <fieldset 10570 aria-labelledby="legend-AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10571 class="relative w-full flex scrollbar-none flex-wrap" 10572 10573 > 10574 10575 10576 10577 10578 <label class="shrink-0 flex flex-col border-gray-300 cursor-pointer relative active" 10579 x-effect="$el.classList.toggle('active', current_sibling === $el.getAttribute('data-value'))" 10580 x-show="offset >= +`0`" 10581 10582 @mouseenter="$tooltip.addTooltip($el, $el.getAttribute('aria-label'))" 10583 @mouseleave="$tooltip.removeTooltip($el)" 10584 10585 @pointerenter="hoverValue = $el.getAttribute('aria-label')" 10586 @pointerleave="hoverValue = ''" 10587 aria-label="OG Pack" 10588 data-value="the-og-pack-1" 10589 style="--primary-swatch: url(//hiseltzers.com/cdn/shop/files/image_13.png?crop=center&height=100&v=1751475402&width=100) center center/cover no-repeat;--fallback-swatch: url(//hiseltzers.com/cdn/shop/files/image_13.png?crop=center&height=100&v=1751475402&width=100) center center/cover no-repeat;background: var(--primary-swatch, var(--fallback-swatch, OG Pack))"> 10590 <input type="radio" 10591 class="sr-only" 10592 10593 @focus="$tooltip.addTooltip($el.parentElement, $el.value)" 10594 @blur="$tooltip.removeTooltip($el.parentElement)" 10595 10596 name="AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10597 @pointerdown="if ($el.value !== current_sibling && window.innerWidth < 768) { window._pdpSiblingClicked = true } else { window._pdpSiblingClicked = false }" 10598 @change="$data.setSiblingProduct($el.value, $el.closest('[data-quick-view-container]'))" 10599 :checked="current_sibling === $el.value" 10600 value="the-og-pack-1"> 10601 10602 <picture class="relative w-full aspect-1"> 10603 10604 10605 10606 10607 10608 10609 10610 10611 10612 <img src="//hiseltzers.com/cdn/shop/files/image_13.png?crop=center&height=620&v=1751475402&width=620" 10613 10614 width="620" 10615 height="620" 10616 alt="The OG Pack" 10617 class="w-full aspect-1 select-none" 10618 10619 10620 loading="lazy" 10621 10622 10623 srcset="//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=48 48w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=96 96w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=256 256w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=384 384w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=460 460w,//hiseltzers.com/cdn/shop/files/image_13.png?v=1751475402&width=640 640w" 10624 data-image="lazy"> 10625 10626 10627 10628 10629 10630 </picture>
10631 <span>OG Pack</span> 10632 10633 </label> 10634 10635 10636 10637 10638 <label class="shrink-0 flex flex-col border-gray-300 cursor-pointer relative " 10639 x-effect="$el.classList.toggle('active', current_sibling === $el.getAttribute('data-value'))" 10640 x-show="offset >= +`1`" 10641 10642 @mouseenter="$tooltip.addTooltip($el, $el.getAttribute('aria-label'))" 10643 @mouseleave="$tooltip.removeTooltip($el)" 10644 10645 @pointerenter="hoverValue = $el.getAttribute('aria-label')" 10646 @pointerleave="hoverValue = ''" 10647 aria-label="Tropical" 10648 data-value="the-tropical-pack" 10649 style="--primary-swatch: url(//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?crop=center&height=100&v=1749866946&width=100) center center/cover no-repeat;--fallback-swatch: url(//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?crop=center&height=100&v=1749866946&width=100) center center/cover no-repeat;background: var(--primary-swatch, var(--fallback-swatch, Tropical))"> 10650 <input type="radio" 10651 class="sr-only" 10652 10653 @focus="$tooltip.addTooltip($el.parentElement, $el.value)" 10654 @blur="$tooltip.removeTooltip($el.parentElement)" 10655 10656 name="AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10657 @pointerdown="if ($el.value !== current_sibling && window.innerWidth < 768) { window._pdpSiblingClicked = true } else { window._pdpSiblingClicked = false }" 10658 @change="$data.setSiblingProduct($el.value, $el.closest('[data-quick-view-container]'))" 10659 :checked="current_sibling === $el.value" 10660 value="the-tropical-pack"> 10661 10662 <picture class="relative w-full aspect-1"> 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 <img src="//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?crop=center&height=974&v=1749866946&width=750" 10673 10674 width="750" 10675 height="974" 10676 alt="hi Seltzers Tropical Bundle" 10677 class="w-full aspect-1 select-none" 10678 10679 10680 loading="lazy" 10681 10682 10683 srcset="//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=48 48w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=96 96w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=256 256w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=384 384w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=460 460w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=640 640w,//hiseltzers.com/cdn/shop/files/hi-Seltzer_Thumbnail_Tropical-Bundle.png?v=1749866946&width=960 960w" 10684 data-image="lazy"> 10685 10686 10687 10688 10689 10690 </picture> 10691 <span>Tropical</span> 10692 10693 </label> 10694 10695 10696 10697 10698 <label class="shrink-0 flex flex-col border-gray-300 cursor-pointer relative " 10699 x-effect="$el.classList.toggle('active', current_sibling === $el.getAttribute('data-value'))" 10700 x-show="offset >= +`2`" 10701 10702 @mouseenter="$tooltip.addTooltip($el, $el.getAttribute('aria-label'))" 10703 @mouseleave="$tooltip.removeTooltip($el)" 10704 10705 @pointerenter="hoverValue = $el.getAttribute('aria-label')" 10706 @pointerleave="hoverValue = ''" 10707 aria-label="Starter Pack" 10708 data-value="the-starter-pack-1" 10709 style="--primary-swatch: url(//hiseltzers.com/cdn/shop/files/productimage_1.png?crop=center&height=100&v=1751475164&width=100) center center/cover no-repeat;--fallback-swatch: url(//hiseltzers.com/cdn/shop/files/productimage_1.png?crop=center&height=100&v=1751475164&width=100) center center/cover no-repeat;background: var(--primary-swatch, var(--fallback-swatch, Starter Pack))"> 10710 <input type="radio" 10711 class="sr-only" 10712 10713 @focus="$tooltip.addTooltip($el.parentElement, $el.value)" 10714 @blur="$tooltip.removeTooltip($el.parentElement)" 10715 10716 name="AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10717 @pointerdown="if ($el.value !== current_sibling && window.innerWidth < 768) { window._pdpSiblingClicked = true } else { window._pdpSiblingClicked = false }" 10718 @change="$data.setSiblingProduct($el.value, $el.closest('[data-quick-view-container]'))" 10719 :checked="current_sibling === $el.value" 10720 value="the-starter-pack-1"> 10721 10722 <picture class="relative w-full aspect-1"> 10723 10724 10725 10726 10727 10728 10729 10730 10731 10732 <img src="//hiseltzers.com/cdn/shop/files/productimage_1.png?crop=center&height=620&v=1751475164&width=620" 10733 10734 width="620" 10735 height="620" 10736 alt="The Starter Pack" 10737 class="w-full aspect-1 select-none" 10738 10739 10740 loading="lazy" 10741 10742 10743 srcset="//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=48 48w,//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=96 96w,//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=256 256w,//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=384 384w,//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=460 460w,//hiseltzers.com/cdn/shop/files/productimage_1.png?v=1751475164&width=640 640w" 10744 data-image="lazy"> 10745 10746 10747 10748 10749 10750 </picture>
10751 <span>Starter Pack</span> 10752 10753 </label> 10754 10755 10756 10757 10758 <label class="shrink-0 flex flex-col border-gray-300 cursor-pointer relative " 10759 x-effect="$el.classList.toggle('active', current_sibling === $el.getAttribute('data-value'))" 10760 x-show="offset >= +`3`" 10761 10762 @mouseenter="$tooltip.addTooltip($el, $el.getAttribute('aria-label'))" 10763 @mouseleave="$tooltip.removeTooltip($el)" 10764 10765 @pointerenter="hoverValue = $el.getAttribute('aria-label')" 10766 @pointerleave="hoverValue = ''" 10767 aria-label="Party Pack" 10768 data-value="the-party-pack-72-pack" 10769 style="--primary-swatch: url(//hiseltzers.com/cdn/shop/files/image_12.png?crop=center&height=100&v=1751475064&width=100) center center/cover no-repeat;--fallback-swatch: url(//hiseltzers.com/cdn/shop/files/image_12.png?crop=center&height=100&v=1751475064&width=100) center center/cover no-repeat;background: var(--primary-swatch, var(--fallback-swatch, Party Pack))"> 10770 <input type="radio" 10771 class="sr-only" 10772 10773 @focus="$tooltip.addTooltip($el.parentElement, $el.value)" 10774 @blur="$tooltip.removeTooltip($el.parentElement)" 10775 10776 name="AVlFsTENqYUlHN3NpT__main_product_sibling_color_mWdDtD" 10777 @pointerdown="if ($el.value !== current_sibling && window.innerWidth < 768) { window._pdpSiblingClicked = true } else { window._pdpSiblingClicked = false }" 10778 @change="$data.setSiblingProduct($el.value, $el.closest('[data-quick-view-container]'))" 10779 :checked="current_sibling === $el.value" 10780 value="the-party-pack-72-pack"> 10781 10782 <picture class="relative w-full aspect-1"> 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 <img src="//hiseltzers.com/cdn/shop/files/image_12.png?crop=center&height=620&v=1751475064&width=620" 10793 10794 width="620" 10795 height="620" 10796 alt="The Party Pack (72 Pack)" 10797 class="w-full aspect-1 select-none" 10798 10799 10800 loading="lazy" 10801 10802 10803 srcset="//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=48 48w,//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=96 96w,//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=256 256w,//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=384 384w,//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=460 460w,//hiseltzers.com/cdn/shop/files/image_12.png?v=1751475064&width=640 640w" 10804 data-image="lazy"> 10805 10806 10807 10808 10809 10810 </picture> 10811 <span>Party Pack</span> 10812 10813 </label> 10814 10815 10816 </fieldset> 10817 10818</div> 10819 10820 10821 10822 10823 10824 10825 10826<style> 10827 [data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF"] { display: flex; align-items: center; gap: 12px; margin-bottom: 36px;}.quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF"] { margin-top: 36px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF"] { margin-bottom: 24px; flex-direction: column; } .quick-view [data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF"] { margin-top: 24px; }} 10828</style> 10829 10830<div 10831 data-style-id="template--19530703732962__main_product_PJRr9q--ARXVTUFNyR0Rmb0M2Y__main_product_container_8qhaLF" 10832 10833 data-quick-view-visibility="default" 10834 10835 10836 10837> 10838 10839 10840<style> 10841 [data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] { margin: 0; padding: 0; display: flex; align-items: center; max-width: 105px; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] .quantity-stepper { min-height: 55px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] legend { margin-bottom: 11px;} [data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] .quantity-stepper span:first-of-type { display: none; }@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] { max-width: unset; width: 100%; } [data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp"] .quantity-stepper { width: 100%; place-content: center; min-height: 42px; }} 10842</style> 10843 10844<fieldset data-style-id="template--19530703732962__main_product_PJRr9q--AN2Fqb1hvdHBZVUVQM__main_product_quantity_selector_baGUEp" 10845 data-quick-view-visibility="default"> 10846 10847 10848 10849<div class="quantity-stepper flex items-center justify-between pointer-events-none shrink-0" 10850 10851 @click.prevent.stop="()=>{}" 10852 x-data="{ value: 1 }" 10853 x-effect="value = pdp.quantity ?? 1"> 10854 <span class="flex-1 a:content-[--quantity-label] after:relative"></span> 10855 <span class="flex items-center h-full"> 10856 <button type="button" 10857 class="p-0.5 pointer-events-auto" 10858 aria-label="Decrease quantity" 10859 :disabled="pdp.quantity_limit <= 0" 10860 @click="value = Math.max(1, value - 1); $data.setQuantity(value)"> 10861 10862 10863 <svg data-icon-handle="minus" 10864 10865 class="bg-current shrink-0 size-[0.9em]" 10866 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-minus--url`) }" 10867 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 10868 :role="url ? 'link':''" 10869 :tabindex="url ? '0' : undefined" 10870 aria-label="minus" 10871 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 10872 style="mask: var(--icon-minus); -webkit-mask: var(--icon-minus); aspect-ratio: var(--icon-minus-aspect-ratio, 1); "></svg> 10873 10874 10875 </button> 10876 <label aria-label="Quantity" class="flex items-center justify-center"> 10877 <input type="number" 10878 value="1" 10879 min="1" 10880 name="value" 10881 class="w-8 min-w-0 appearance-none bg-inherit text-center outline-none disabled:pointer-events-none disabled:select-none pointer-events-auto" 10882 @change="value = Math.max(1, Math.min(pdp.quantity_limit, $event.target.value)); $data.setQuantity(value)" 10883 :disabled="pdp.quantity_limit <= 0" 10884 :value="value"> 10885 </label> 10886 <button type="button" 10887 class="p-0.5 pointer-events-auto" 10888 aria-label="Increase quantity" 10889 :disabled="pdp.quantity_limit <= 0" 10890 @click="value = Math.min(pdp.quantity_limit, value + 1); $data.setQuantity(value)"> 10891 10892 10893 <svg data-icon-handle="plus"
10894 10895 class="bg-current shrink-0 size-[0.9em]" 10896 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-plus--url`) }" 10897 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 10898 :role="url ? 'link':''" 10899 :tabindex="url ? '0' : undefined" 10900 aria-label="plus" 10901 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 10902 style="mask: var(--icon-plus); -webkit-mask: var(--icon-plus); aspect-ratio: var(--icon-plus-aspect-ratio, 1); "></svg> 10903 10904 10905 </button> 10906 </span> 10907</div> 10908 10909</fieldset> 10910 10911 10912 10913 10914 10915 10916 10917<style> 10918 [data-style-id="template--19530703732962__main_product_PJRr9q--AU2l0Y1Z3SWQyVGVoN__main_product_add_to_cart_button_EJ7W7P"] {} 10919</style> 10920 10921<button 10922 data-style-id="template--19530703732962__main_product_PJRr9q--AU2l0Y1Z3SWQyVGVoN__main_product_add_to_cart_button_EJ7W7P" 10923 data-quick-view-visibility="default" 10924 type="submit" 10925 class="w-full disabled:opacity-70 disabled:pointer-events-none button-primary !hidden" 10926 :class="pdp.isAdding ? 'button-loading':''" 10927 :disabled="pdp.isAdding || pdp.disable_add_to_cart.size > 0 || pdp.required_combine_items?.length < pdp.required_combine_quantity" 10928 x-effect="$el.classList.toggle('!hidden', !pdp.selected_variant?.available)" 10929 10930 x-html="$el.getAttribute('data-content') 10931 .replace('[price]', utils.formatMoney(pdp.selected_price * pdp.quantity)) 10932 .replace('[compare_at_price]', pdp.selected_compare_at_price > pdp.selected_price ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity)}</span>` : '') 10933 .replace('[total]', utils.formatMoney(pdp.selected_price * pdp.quantity + pdp.upsell_total)) 10934 .replace('[compare_at_total]', pdp.selected_compare_at_price + pdp.upsell_compare_at_total > pdp.selected_price + pdp.upsell_total ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity + pdp.upsell_compare_at_total)}</span>` : '')" 10935 10936 @click="handleAddToCart($event);" 10937 data-content=" 10938 10939Add To Cart ⢠[price]"> 10940 10941 10942Add To Cart ⢠$49.95 10943</button> 10944 10945<button 10946 data-style-id="template--19530703732962__main_product_PJRr9q--AU2l0Y1Z3SWQyVGVoN__main_product_add_to_cart_button_EJ7W7P" 10947 data-quick-view-visibility="default" 10948 type="button" 10949 10950 disabled="disabled" 10951 10952 class="w-full button-oos " 10953 x-effect="$el.classList.toggle('!hidden', pdp.selected_variant?.available)" 10954 10955 x-html="$el.getAttribute('data-content') 10956 .replace('[price]', utils.formatMoney(pdp.selected_price * pdp.quantity)) 10957 .replace('[compare_at_price]', pdp.selected_compare_at_price > pdp.selected_price ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity)}</span>` : '') 10958 .replace('[total]', utils.formatMoney(pdp.selected_price * pdp.quantity + pdp.upsell_total)) 10959 .replace('[compare_at_total]', pdp.selected_compare_at_price + pdp.upsell_compare_at_total > pdp.selected_price + pdp.upsell_total ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity + pdp.upsell_compare_at_total)}</span>` : '')" 10960 10961 data-content=" 10962 10963Out of Stock"> 10964 10965 10966Out of Stock 10967</button> 10968 10969 10970 10971 10972</div> 10973 10974 10975 10976 10977 10978 10979 10980 10981<style> 10982 [data-style-id="template--19530703732962__main_product_PJRr9q--ASk1SZURWaHBWLzM0U__main_product_container_aqibYd"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--ASk1SZURWaHBWLzM0U__main_product_container_aqibYd"] { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 16px 0; margin-bottom: 36px; border-top: 1px solid var(--color_2); border-bottom: 1px solid var(--color_2);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ASk1SZURWaHBWLzM0U__main_product_container_aqibYd"] { margin-bottom: 32px; justify-content: space-between; }} 10983</style> 10984 10985<div 10986 data-style-id="template--19530703732962__main_product_PJRr9q--ASk1SZURWaHBWLzM0U__main_product_container_aqibYd" 10987 10988 data-quick-view-visibility="hidden" 10989 10990 10991 10992> 10993 10994 10995 10996 10997 10998<style> 10999 [data-style-id="template--19530703732962__main_product_PJRr9q--ALzdZUWt2OVYvMzdFQ__richtext_ngBxtJ"] h5 { display: flex; align-items: center; gap: 8px;}[data-style-id="template--19530703732962__main_product_PJRr9q--ALzdZUWt2OVYvMzdFQ__richtext_ngBxtJ"] svg { background: var(--color_1);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--ALzdZUWt2OVYvMzdFQ__richtext_ngBxtJ"] h5 { flex-direction: column; text-align: center; max-width: 120px; width: 100%; }} 11000</style> 11001 11002<div data-style-id="template--19530703732962__main_product_PJRr9q--ALzdZUWt2OVYvMzdFQ__richtext_ngBxtJ" 11003 class="relative text-inherit"> 11004 11005 11006<div class="_input-richtext richtext-md"><h5> 11007 11008 <svg data-icon-handle="check-verified" 11009 11010 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 11011 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-verified--url`) }" 11012 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 11013 :role="url ? 'link':''" 11014 :tabindex="url ? '0' : undefined" 11015 aria-label="check-verified" 11016 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 11017 style="mask: var(--icon-check-verified); -webkit-mask: var(--icon-check-verified); aspect-ratio: var(--icon-check-verified-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 11018 11019 <strong>MADE IN USA</strong></h5></div> 11020 11021</div> 11022 11023 11024 11025 11026 11027 11028 11029<style> 11030 [data-style-id="template--19530703732962__main_product_PJRr9q--AOWZqdjFSMTVsYzF5b__richtext_rNHdim"] h5 { display: flex; align-items: center; gap: 8px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AOWZqdjFSMTVsYzF5b__richtext_rNHdim"] svg { background: var(--color_1);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AOWZqdjFSMTVsYzF5b__richtext_rNHdim"] h5 { flex-direction: column; text-align: center; max-width: 120px; width: 100%; }} 11031</style> 11032 11033<div data-style-id="template--19530703732962__main_product_PJRr9q--AOWZqdjFSMTVsYzF5b__richtext_rNHdim" 11034 class="relative text-inherit"> 11035 11036 11037<div class="_input-richtext richtext-md"><h5> 11038 11039 <svg data-icon-handle="filter-funnel" 11040 11041 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 11042 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-filter-funnel--url`) }" 11043 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 11044 :role="url ? 'link':''" 11045 :tabindex="url ? '0' : undefined" 11046 aria-label="filter-funnel" 11047 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 11048 style="mask: var(--icon-filter-funnel); -webkit-mask: var(--icon-filter-funnel); aspect-ratio: var(--icon-filter-funnel-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 11049 11050<strong> LAB TESTED</strong></h5></div> 11051 11052</div> 11053 11054 11055 11056 11057 11058 11059 11060<style> 11061 [data-style-id="template--19530703732962__main_product_PJRr9q--AVk1jZnVLRmRtcGtTd__richtext_kXCWj3"] h5 { display: flex; align-items: center; gap: 8px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AVk1jZnVLRmRtcGtTd__richtext_kXCWj3"] svg { background: var(--color_1);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_PJRr9q--AVk1jZnVLRmRtcGtTd__richtext_kXCWj3"] h5 { flex-direction: column; text-align: center; max-width: 120px; width: 100%; }} 11062</style> 11063 11064<div data-style-id="template--19530703732962__main_product_PJRr9q--AVk1jZnVLRmRtcGtTd__richtext_kXCWj3" 11065 class="relative text-inherit"> 11066 11067 11068<div class="_input-richtext richtext-md"><h5> 11069 11070 <svg data-icon-handle="face-wink" 11071 11072 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 11073 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-face-wink--url`) }" 11074 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 11075 :role="url ? 'link':''" 11076 :tabindex="url ? '0' : undefined" 11077 aria-label="face-wink" 11078 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 11079 style="mask: var(--icon-face-wink); -webkit-mask: var(--icon-face-wink); aspect-ratio: var(--icon-face-wink-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 11080 11081<strong> FAST-ACTING, FUN BUZZ</strong></h5></div> 11082 11083</div> 11084 11085 11086 11087</div> 11088 11089 11090 11091 11092 11093 11094 11095 11096<style> 11097 [data-style-id="template--19530703732962__main_product_PJRr9q--AcmRKUVVCaGE1MlNTa__main_product_container_4r8URT"] { } [data-style-id="template--19530703732962__main_product_PJRr9q--AcmRKUVVCaGE1MlNTa__main_product_container_4r8URT"] { display: flex; align-items: center; gap: 12px;} 11098</style> 11099 11100<div 11101 data-style-id="template--19530703732962__main_product_PJRr9q--AcmRKUVVCaGE1MlNTa__main_product_container_4r8URT" 11102 11103 data-quick-view-visibility="hidden" 11104 11105 11106 11107> 11108 11109 11110 11111 11112<style>[data-style-id="template--19530703732962__main_product_PJRr9q--AYzE2SDY2b3A5cnF1M__cards_ugc_video_38U3bE"] { aspect-ratio: 1; border-radius: 100%; overflow: hidden; outline: 1px solid #273426; outline-offset: 3px; margin: 4px; max-width: 62px; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--AYzE2SDY2b3A5cnF1M__cards_ugc_video_38U3bE"] img { object-fit: cover;}</style> 11113 11114 11115 11116<figure 11117 role="button" 11118 tabindex="0" 11119 @click.prevent.stop="$mediaGallery.showVideoGallery($el, [...$el.parentElement.querySelectorAll(`:scope > [data-ugc-video]`)])" 11120 @pointerover.once="utils.JSONParse($el.getAttribute('data-ugc-products') ?? '[]')?.forEach(([handle, id])=>_product.getProductData(handle, id))" 11121 data-ugc-video="{"alt":null,"id":36037739446498,"position":null,"preview_image":{"aspect_ratio":0.563,"height":1920,"width":1080,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/preview_images\/38a71ecd8b024c95be3b4cbe483c920e.thumbnail.0000000000.jpg?v=1750051422"},"aspect_ratio":0.563,"duration":40000,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/38a71ecd8b024c95be3b4cbe483c920e\/38a71ecd8b024c95be3b4cbe483c920e.SD-480p-1.2Mbps-49455964.mp4?v=0","width":270},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/38a71ecd8b024c95be3b4cbe483c920e\/38a71ecd8b024c95be3b4cbe483c920e.HD-1080p-4.8Mbps-49455964.mp4?v=0","width":606},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/38a71ecd8b024c95be3b4cbe483c920e\/38a71ecd8b024c95be3b4cbe483c920e.HD-720p-3.0Mbps-49455964.mp4?v=0","width":404},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/38a71ecd8b024c95be3b4cbe483c920e\/38a71ecd8b024c95be3b4cbe483c920e.m3u8?v=0","width":606}]}" 11122 11123 data-ugc-products='[["the-tropical-pack", 8906441523426],["pineapple-12-pack", 8905693528290],["lemon-lime-12-pack", 8905891152098],["watermelon-12-pack", 8905689006306]]' 11124 11125 11126 data-autoplay="true" 11127 11128 11129 data-controls="true" 11130 11131 11132 11133 data-style-id="template--19530703732962__main_product_PJRr9q--AYzE2SDY2b3A5cnF1M__cards_ugc_video_38U3bE" 11134 class="text-inherit"> 11135 <picture class="relative"> 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 <img src="//hiseltzers.com/cdn/shop/files/preview_images/38a71ecd8b024c95be3b4cbe483c920e.thumbnail.0000000000.jpg?crop=center&height=455&v=1750051422&width=256" 11146 11147 width="256" 11148 height="455" 11149 11150 class="w-full h-full transition-all object-[inherit] select-none" 11151 11152 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 25vw, 40vw" 11153 loading="lazy" 11154 role="presentation" 11155 role="presentation" 11156 srcset="//hiseltzers.com/cdn/shop/files/preview_images/38a71ecd8b024c95be3b4cbe483c920e.thumbnail.0000000000.jpg?v=1750051422&width=48 48w,//hiseltzers.com/cdn/shop/files/preview_images/38a71ecd8b024c95be3b4cbe483c920e.thumbnail.0000000000.jpg?v=1750051422&width=96 96w,//hiseltzers.com/cdn/shop/files/preview_images/38a71ecd8b024c95be3b4cbe483c920e.thumbnail.0000000000.jpg?v=1750051422&width=256 256w" 11157 data-image="lazy"> 11158 11159 11160 11161 11162 11163 </picture> 11164 <figcaption> 11165 11166 11167 11168 </figcaption> 11169</figure> 11170 11171 11172 11173 11174 11175 11176<style>[data-style-id="template--19530703732962__main_product_PJRr9q--ANFZ6UmxIR2J1SVFTK__cards_ugc_video_y7DaUU"] { aspect-ratio: 1; border-radius: 100%; overflow: hidden; outline: 1px solid #273426; outline-offset: 3px; margin: 4px; max-width: 62px; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--ANFZ6UmxIR2J1SVFTK__cards_ugc_video_y7DaUU"] img { object-fit: cover;}</style> 11177 11178 11179 11180<figure 11181 role="button" 11182 tabindex="0" 11183 @click.prevent.stop="$mediaGallery.showVideoGallery($el, [...$el.parentElement.querySelectorAll(`:scope > [data-ugc-video]`)])" 11184 @pointerover.once="utils.JSONParse($el.getAttribute('data-ugc-products') ?? '[]')?.forEach(([handle, id])=>_product.getProductData(handle, id))" 11185 data-ugc-video="{"alt":null,"id":36141811859682,"position":null,"preview_image":{"aspect_ratio":0.563,"height":1920,"width":1080,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/preview_images\/7691b7711c8243cb8a45e4ff271f3ed1.thumbnail.0000000000.jpg?v=1752168010"},"aspect_ratio":0.563,"duration":31000,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/7691b7711c8243cb8a45e4ff271f3ed1\/7691b7711c8243cb8a45e4ff271f3ed1.SD-480p-1.2Mbps-51000475.mp4?v=0","width":270},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/7691b7711c8243cb8a45e4ff271f3ed1\/7691b7711c8243cb8a45e4ff271f3ed1.HD-1080p-4.8Mbps-51000475.mp4?v=0","width":606},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/7691b7711c8243cb8a45e4ff271f3ed1\/7691b7711c8243cb8a45e4ff271f3ed1.HD-720p-3.0Mbps-51000475.mp4?v=0","width":404},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/7691b7711c8243cb8a45e4ff271f3ed1\/7691b7711c8243cb8a45e4ff271f3ed1.m3u8?v=0","width":606}]}" 11186 11187 data-ugc-products='[["pineapple-12-pack", 8905693528290],["the-starter-pack-1", 8908109349090],["peach-12-pack", 8905690743010],["real-cherry-12-pack", 8905700507874],["wild-berry-12-pack", 8905707946210],["lemon-lime-12-pack", 8905891152098],["watermelon-12-pack", 8905689006306]]' 11188 11189 11190 data-autoplay="true" 11191 11192 11193 data-controls="true" 11194 11195 11196 11197 data-style-id="template--19530703732962__main_product_PJRr9q--ANFZ6UmxIR2J1SVFTK__cards_ugc_video_y7DaUU" 11198 class="text-inherit"> 11199 <picture class="relative"> 11200 11201 11202 11203 11204 11205 11206 11207 11208
11208 11209 <img src="//hiseltzers.com/cdn/shop/files/preview_images/7691b7711c8243cb8a45e4ff271f3ed1.thumbnail.0000000000.jpg?crop=center&height=455&v=1752168010&width=256" 11210 11211 width="256" 11212 height="455" 11213 11214 class="w-full h-full transition-all object-[inherit] select-none" 11215 11216 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 25vw, 40vw" 11217 loading="lazy" 11218 role="presentation" 11219 role="presentation" 11220 srcset="//hiseltzers.com/cdn/shop/files/preview_images/7691b7711c8243cb8a45e4ff271f3ed1.thumbnail.0000000000.jpg?v=1752168010&width=48 48w,//hiseltzers.com/cdn/shop/files/preview_images/7691b7711c8243cb8a45e4ff271f3ed1.thumbnail.0000000000.jpg?v=1752168010&width=96 96w,//hiseltzers.com/cdn/shop/files/preview_images/7691b7711c8243cb8a45e4ff271f3ed1.thumbnail.0000000000.jpg?v=1752168010&width=256 256w" 11221 data-image="lazy"> 11222 11223 11224 11225 11226 11227 </picture> 11228 <figcaption> 11229 11230 11231 11232 </figcaption> 11233</figure> 11234 11235 11236 11237 11238 11239 11240<style>[data-style-id="template--19530703732962__main_product_PJRr9q--ANk14bjhjdkxXZkhsT__cards_ugc_video_7W9ygE"] { aspect-ratio: 1; border-radius: 100%; overflow: hidden; outline: 1px solid #273426; outline-offset: 3px; margin: 4px; max-width: 62px; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--ANk14bjhjdkxXZkhsT__cards_ugc_video_7W9ygE"] img { object-fit: cover;}</style> 11241 11242 11243 11244<figure 11245 role="button" 11246 tabindex="0" 11247 @click.prevent.stop="$mediaGallery.showVideoGallery($el, [...$el.parentElement.querySelectorAll(`:scope > [data-ugc-video]`)])" 11248 @pointerover.once="utils.JSONParse($el.getAttribute('data-ugc-products') ?? '[]')?.forEach(([handle, id])=>_product.getProductData(handle, id))" 11249 data-ugc-video="{"alt":null,"id":36141814644962,"position":null,"preview_image":{"aspect_ratio":0.563,"height":1920,"width":1080,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/preview_images\/5e5f10d98e044e45899977816cd02a20.thumbnail.0000000000.jpg?v=1752168151"},"aspect_ratio":0.563,"duration":34000,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/5e5f10d98e044e45899977816cd02a20\/5e5f10d98e044e45899977816cd02a20.SD-480p-1.2Mbps-51000589.mp4?v=0","width":270},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/5e5f10d98e044e45899977816cd02a20\/5e5f10d98e044e45899977816cd02a20.HD-1080p-4.8Mbps-51000589.mp4?v=0","width":606},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/5e5f10d98e044e45899977816cd02a20\/5e5f10d98e044e45899977816cd02a20.HD-720p-3.0Mbps-51000589.mp4?v=0","width":404},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/5e5f10d98e044e45899977816cd02a20\/5e5f10d98e044e45899977816cd02a20.m3u8?v=0","width":606}]}" 11250 11251 data-ugc-products='[["pineapple-12-pack", 8905693528290],["the-tropical-pack", 8906441523426],["lemon-lime-12-pack", 8905891152098],["watermelon-12-pack", 8905689006306]]' 11252 11253 11254 data-autoplay="true" 11255 11256 11257 data-controls="true" 11258 11259 11260 11261 data-style-id="template--19530703732962__main_product_PJRr9q--ANk14bjhjdkxXZkhsT__cards_ugc_video_7W9ygE" 11262 class="text-inherit"> 11263 <picture class="relative"> 11264 11265 11266 11267 11268 11269 11270 11271 11272 11273 <img src="//hiseltzers.com/cdn/shop/files/preview_images/5e5f10d98e044e45899977816cd02a20.thumbnail.0000000000.jpg?crop=center&height=455&v=1752168151&width=256" 11274 11275 width="256" 11276 height="455" 11277 11278 class="w-full h-full transition-all object-[inherit] select-none" 11279 11280 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 25vw, 40vw" 11281 loading="lazy" 11282 role="presentation" 11283 role="presentation" 11284 srcset="//hiseltzers.com/cdn/shop/files/preview_images/5e5f10d98e044e45899977816cd02a20.thumbnail.0000000000.jpg?v=1752168151&width=48 48w,//hiseltzers.com/cdn/shop/files/preview_images/5e5f10d98e044e45899977816cd02a20.thumbnail.0000000000.jpg?v=1752168151&width=96 96w,//hiseltzers.com/cdn/shop/files/preview_images/5e5f10d98e044e45899977816cd02a20.thumbnail.0000000000.jpg?v=1752168151&width=256 256w" 11285 data-image="lazy"> 11286 11287 11288 11289 11290 11291 </picture> 11292 <figcaption> 11293 11294 11295 11296 </figcaption> 11297</figure> 11298 11299 11300 11301 11302 11303 11304<style>[data-style-id="template--19530703732962__main_product_PJRr9q--AM3h1OFE1cENZTnBGU__cards_ugc_video_WUeBjz"] { aspect-ratio: 1; border-radius: 100%; overflow: hidden; outline: 1px solid #273426; outline-offset: 3px; margin: 4px; max-width: 62px; width: 100%;}[data-style-id="template--19530703732962__main_product_PJRr9q--AM3h1OFE1cENZTnBGU__cards_ugc_video_WUeBjz"] img { object-fit: cover;}</style> 11305 11306 11307 11308<figure 11309 role="button" 11310 tabindex="0" 11311 @click.prevent.stop="$mediaGallery.showVideoGallery($el, [...$el.parentElement.querySelectorAll(`:scope > [data-ugc-video]`)])" 11312 @pointerover.once="utils.JSONParse($el.getAttribute('data-ugc-products') ?? '[]')?.forEach(([handle, id])=>_product.getProductData(handle, id))" 11313 data-ugc-video="{"alt":null,"id":36141820543202,"position":null,"preview_image":{"aspect_ratio":0.563,"height":1920,"width":1080,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/preview_images\/942c159ba436447099a29086983e7481.thumbnail.0000000000.jpg?v=1752168267"},"aspect_ratio":0.563,"duration":31000,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/942c159ba436447099a29086983e7481\/942c159ba436447099a29086983e7481.SD-480p-1.2Mbps-51000673.mp4?v=0","width":270},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/942c159ba436447099a29086983e7481\/942c159ba436447099a29086983e7481.HD-1080p-4.8Mbps-51000673.mp4?v=0","width":606},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/942c159ba436447099a29086983e7481\/942c159ba436447099a29086983e7481.HD-720p-3.0Mbps-51000673.mp4?v=0","width":404},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/hiseltzers.com\/cdn\/shop\/videos\/c\/vp\/942c159ba436447099a29086983e7481\/942c159ba436447099a29086983e7481.m3u8?v=0","width":606}]}" 11314 11315 data-ugc-products='[["the-og-pack-1", 8908109054178],["lemon-lime-12-pack", 8905891152098],["real-cherry-12-pack", 8905700507874],["wild-berry-12-pack", 8905707946210]]' 11316 11317 11318 data-autoplay="true" 11319 11320 11321 data-controls="true" 11322 11323 11324 11325 data-style-id="template--19530703732962__main_product_PJRr9q--AM3h1OFE1cENZTnBGU__cards_ugc_video_WUeBjz" 11326 class="text-inherit"> 11327 <picture class="relative"> 11328 11329 11330 11331 11332 11333 11334 11335 11336 11337 <img src="//hiseltzers.com/cdn/shop/files/preview_images/942c159ba436447099a29086983e7481.thumbnail.0000000000.jpg?crop=center&height=455&v=1752168267&width=256" 11338 11339 width="256" 11340 height="455" 11341 11342 class="w-full h-full transition-all object-[inherit] select-none" 11343 11344 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 25vw, 40vw" 11345 loading="lazy" 11346 role="presentation" 11347 role="presentation" 11348 srcset="//hiseltzers.com/cdn/shop/files/preview_images/942c159ba436447099a29086983e7481.thumbnail.0000000000.jpg?v=1752168267&width=48 48w,//hiseltzers.com/cdn/shop/files/preview_images/942c159ba436447099a29086983e7481.thumbnail.0000000000.jpg?v=1752168267&width=96 96w,//hiseltzers.com/cdn/shop/files/preview_images/942c159ba436447099a29086983e7481.thumbnail.0000000000.jpg?v=1752168267&width=256 256w" 11349 data-image="lazy"> 11350 11351 11352 11353 11354 11355 </picture> 11356 <figcaption> 11357 11358 11359 11360 </figcaption> 11361</figure> 11362 11363 11364 11365</div> 11366 11367 11368
11369<script type="block/hide"></script>
11369<script type="block/hide"></script>
11369 11370 11371 11372 11373 11374 11375 11376 11377 11378 11379 11380<style>[data-style-id="template--19530703732962__main_product_PJRr9q--AdHRPU0Z2MFN2TXo1R__collapsible_CbgWd8"] { margin-top: 16px;}[data-style-id="template--19530703732962__main_product_PJRr9q--AdHRPU0Z2MFN2TXo1R__collapsible_CbgWd8"] li { margin-left: 24px;}</style> 11381 11382 11383 11384 11385 11386 11387 11388 11389 11390 11391 11392 11393<details 11394 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 11395 data-style-id="template--19530703732962__main_product_PJRr9q--AdHRPU0Z2MFN2TXo1R__collapsible_CbgWd8" 11396 11397 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 11398 11399 11400 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 11401 11402 class="block appearance-none accordion-pdp" 11403 :open="collapsible.open_accordion" 11404 > 11405 <summary class="cursor-pointer select-none" 11406 11407 @click.prevent.stop="toggleOpen()" 11408 11409 tabIndex="0"> 11410 <span class="flex w-full flex-1 items-center justify-between gap-2"> 11411 <span> 11412 11413NUTRITION FACTS</span> 11414 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 11415 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 11416 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 11417 </span> 11418 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 11419 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 11420 </span> 11421 </i> 11422 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 11423 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 11424 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 11425 </i> 11426 </span> 11427 </summary> 11428 11429 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 11430 11431 :class="collapsible.open_accordion ? '': 'select-none'" 11432 x-ref="collapsible_content" 11433 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 11434 <div class="richtext richtext-margins "> 11435 11436 11437 11438 11439 11440 11441<style>[data-style-id="template--19530703732962__main_product_PJRr9q--AZVR5OHViOWlWNUR6U__image_diFkLF"] {}</style> 11442 11443 11444 <picture data-style-id="template--19530703732962__main_product_PJRr9q--AZVR5OHViOWlWNUR6U__image_diFkLF" 11445 class="block relative shrink-0"> 11446 11447 11448 11449 11450 11451 11452 11453 11454 11455 11456 11457 11458 11459 11460 </picture> 11461 11462 11463 11464 11465 </div> 11466 </div> 11467</details> 11468 11469 11470 11471 11472 11473 11474 11475 11476<style> 11477 [data-style-id="template--19530703732962__main_product_PJRr9q--AaWpucUJZSy8zNGNXK__main_product_dynamic_text_GFmpVE"] .button-link-dark { flex-direction: row; width: fit-content; text-decoration: unset; padding-bottom: 0; margin-top: 16px;} 11478</style> 11479 11480<div data-style-id="template--19530703732962__main_product_PJRr9q--AaWpucUJZSy8zNGNXK__main_product_dynamic_text_GFmpVE" 11481 data-quick-view-visibility="quick_view_only" 11482 x-data="{ content: getDynamicText($el.getAttribute('data-content')), content_check: getDynamicText($el.getAttribute('data-content-check')) }" 11483 data-content=" 11484 11485<div class="_input-richtext button-link-dark"><p>SEE FULL DETAILS 11486 11487 <svg data-icon-handle="arrow-right" 11488 11489 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 11490 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-arrow-right--url`) }" 11491 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 11492 :role="url ? 'link':''" 11493 :tabindex="url ? '0' : undefined" 11494 aria-label="arrow-right" 11495 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 11496 style="mask: var(--icon-arrow-right); -webkit-mask: var(--icon-arrow-right); aspect-ratio: var(--icon-arrow-right-aspect-ratio, 1); height: 14px;width: 14px; color:currentColor;"></svg> 11497 11498 </p></div> 11499" 11500 data-content-check="SEE FULL DETAILS [icon.arrow-right.14px] " 11501 x-effect="() => { if (pdp.selected_variant || pdp.hydrated) { content = getDynamicText($el.getAttribute('data-content')) } }" 11502 x-show="!!content_check.trim()" 11503 x-cloak 11504 11505 :aria-label="pdp.product?.title" 11506 role="link" 11507 tabindex="0" 11508 x-init="utils.simulateAnchorTag($el)" 11509 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${pdp.product?.handle}?variant=${pdp.selected_variant?.id}`" 11510 11511 x-html="content"> 11512</div> 11513 11514 11515 11516</div> 11517 11518 11519 11520 11521 </form> 11522 11523 11524 11525 11526</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
11526 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__main_product_bar_QQrjgk" class="shopify-section"> 11527 11528 11529 11530 11531 11532 11533 11534 11535 11536 11537 11538 <style> 11539 [data-footer-section] { 11540 padding-bottom: var(--height-template--19530703732962__main_product_bar_QQrjgk); 11541 } 11542 </style> 11543 11544 11545 11546 11547 11548 <style> 11549 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--"] { background-color: #ffffff; } [data-style-id="template--19530703732962__main_product_bar_QQrjgk--"] { height: 76px; display: flex; justify-content: space-between; gap: 12px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--"] { justify-content: center; }} 11550 </style> 11551 11552 <section 11553 data-style-id="template--19530703732962__main_product_bar_QQrjgk--" 11554 11555 x-init="$nextTick(() => { document.documentElement.style.setProperty(`--height-template--19530703732962__main_product_bar_QQrjgk`, $el.offsetHeight + 'px') });" 11556 @resize.window="$nextTick(() => { document.documentElement.style.setProperty(`--height-template--19530703732962__main_product_bar_QQrjgk`, $el.offsetHeight + 'px') });" 11557 x-cloak 11558 x-show="progress > 0" 11559 :class="progress > 0 ? ($modal.id ? 'z-[10]' : 'z-[2147483645] pointer-events-auto') : 'pointer-events-none'" 11560 x-transition:enter-start="opacity-0" 11561 x-transition:enter-end="opacity-100" 11562 x-transition:leave-start="opacity-100" 11563 x-transition:leave-end="opacity-0" 11564 class="fixed bottom-0 inset-x-0 transition-opacity px-container-md" 11565 11566 11567 x-data="{ 11568 ..._sections.initMainProduct($el, $refs, $el.getAttribute('data-handle'), true), 11569 ..._sections.initParallax($el), progress: $scrollProgress.progress.get($el.closest(`.shopify-section`)), 11570 initiated: false, 11571 }" 11572 x-effect="() => { 11573 progress = $scrollProgress.progress.get($el.closest(`.shopify-section`)); 11574 if (progress && progress > 0 ) { 11575 $nextTick(() => { requestAnimationFrame(() => { document.documentElement.style.setProperty(`--height-template--19530703732962__main_product_bar_QQrjgk`, $el.offsetHeight + 'px') }) }); 11576 } 11577 if (!initiated && _stores.main_product) { 11578 initiated = true; 11579 state = _stores.main_product?.state; 11580 card = _stores.main_product?.card; 11581 bundle = _stores.main_product?.bundle; 11582 settings = _stores.main_product?.settings; 11583 handleAddToCart = _stores.main_product?.handleAddToCart; 11584 styleDynamicBuyButton = _stores.main_product?.styleDynamicBuyButton; 11585 setSelectedVariant = _stores.main_product?.setSelectedVariant; 11586 setProductOption = _stores.main_product?.setProductOption; 11587 setSiblingProduct = _stores.main_product?.setSiblingProduct; 11588 setSellingPlan = _stores.main_product?.setSellingPlan; 11589 setQuantity = _stores.main_product?.setQuantity; 11590 handleStickyScroll = _stores.main_product?.handleStickyScroll; 11591 scrollToMediaById = _stores.main_product?.scrollToMediaById; 11592 showMediaGallery = _stores.main_product?.showMediaGallery; 11593 truncateChildren = _stores.main_product?.truncateChildren; 11594 hasAvailableVariant = _stores.main_product?.hasAvailableVariant; 11595 getContentLabels = _stores.main_product?.getContentLabels; 11596 getDiscountLabel = _stores.main_product?.getDiscountLabel; 11597 getDynamicText = _stores.main_product?.getDynamicText; 11598 renderProductCards = _stores.main_product?.renderProductCards; 11599 } 11600 }" 11601 11602 11603 data-handle="the-og-pack-1"> 11604 11605 11606 11607 11608<style> 11609 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AMkoyWWQ1V3V1dVAwS__main_product_bar_container_Lckjcb"] { } [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AMkoyWWQ1V3V1dVAwS__main_product_bar_container_Lckjcb"] { display: flex; gap: 32px; align-items: center;}@media (max-width: 1100px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AMkoyWWQ1V3V1dVAwS__main_product_bar_c
11609ontainer_Lckjcb"] { gap: 12px; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AMkoyWWQ1V3V1dVAwS__main_product_bar_container_Lckjcb"] { display: none; }} 11610</style> 11611 11612<div 11613 data-style-id="template--19530703732962__main_product_bar_QQrjgk--AMkoyWWQ1V3V1dVAwS__main_product_bar_container_Lckjcb" 11614 11615 11616 11617 11618 11619> 11620 11621 11622 11623 11624 11625<style>[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AejJyRzFnL0srSi9sZ__main_product_bar_link_LYRgFM"] { min-width: unset; --accent-color: #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AejJyRzFnL0srSi9sZ__main_product_bar_link_LYRgFM"]:where(:hover,:focus) { border-bottom: 2px solid #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AejJyRzFnL0srSi9sZ__main_product_bar_link_LYRgFM"].active { border-bottom: 2px solid white;}</style> 11626 11627<a data-style-id="template--19530703732962__main_product_bar_QQrjgk--AejJyRzFnL0srSi9sZ__main_product_bar_link_LYRgFM" 11628 x-data="{ targetElement: $el.href ? document.querySelector(`#${$el.href?.split('#')?.[1]?.split('?')?.[0]}`) : null, isExternal: utils.isExternalURL($el.href), highlight: false }" 11629 x-init="if (targetElement) { 11630 const observer = new IntersectionObserver(([entry]) => { 11631 highlight = entry.isIntersecting 11632 }, { rootMargin: '20px 0px 0px 0px', threshold: 0.5 }); 11633 observer.observe(targetElement); 11634 }" 11635 11636 x-show="isExternal || targetElement" 11637 x-cloak 11638 11639 href="#Details" 11640 class="max-md:hidden flex h-full items-center justify-center border-b-2 richtext-md h5" 11641 :class="highlight ? 'border-b-[--accent-color]' : 'border-b-transparent'"> 11642 11643 11644<strong>DETAILS</strong> 11645</a> 11646 11647 11648 11649 11650 11651 11652<style>[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AU0oyeDZOS3JrajVYM__main_product_bar_link_84jnzc"] { min-width: unset; --accent-color: #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AU0oyeDZOS3JrajVYM__main_product_bar_link_84jnzc"]:where(:hover,:focus) { border-bottom: 2px solid #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AU0oyeDZOS3JrajVYM__main_product_bar_link_84jnzc"].active { border-bottom: 2px solid white;}</style> 11653 11654<a data-style-id="template--19530703732962__main_product_bar_QQrjgk--AU0oyeDZOS3JrajVYM__main_product_bar_link_84jnzc" 11655 x-data="{ targetElement: $el.href ? document.querySelector(`#${$el.href?.split('#')?.[1]?.split('?')?.[0]}`) : null, isExternal: utils.isExternalURL($el.href), highlight: false }" 11656 x-init="if (targetElement) { 11657 const observer = new IntersectionObserver(([entry]) => { 11658 highlight = entry.isIntersecting 11659 }, { rootMargin: '20px 0px 0px 0px', threshold: 0.5 }); 11660 observer.observe(targetElement); 11661 }" 11662 11663 x-show="isExternal || targetElement" 11664 x-cloak 11665 11666 href="#Science" 11667 class="max-md:hidden flex h-full items-center justify-center border-b-2 richtext-md h5" 11668 :class="highlight ? 'border-b-[--accent-color]' : 'border-b-transparent'"> 11669 11670 11671<strong>SCIENCE</strong> 11672</a> 11673 11674 11675 11676 11677 11678 11679<style>[data-style-id="template--19530703732962__main_product_bar_QQrjgk--ARk1uQmlseFJtSmdCY__main_product_bar_link_TCyrnH"] { min-width: unset; --accent-color: #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--ARk1uQmlseFJtSmdCY__main_product_bar_link_TCyrnH"]:where(:hover,:focus) { border-bottom: 2px solid #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--ARk1uQmlseFJtSmdCY__main_product_bar_link_TCyrnH"].active { border-bottom: 2px solid white;}</style> 11680 11681<a data-style-id="template--19530703732962__main_product_bar_QQrjgk--ARk1uQmlseFJtSmdCY__main_product_bar_link_TCyrnH" 11682 x-data="{ targetElement: $el.href ? document.querySelector(`#${$el.href?.split('#')?.[1]?.split('?')?.[0]}`) : null, isExternal: utils.isExternalURL($el.href), highlight: false }" 11683 x-init="if (targetElement) { 11684 const observer = new IntersectionObserver(([entry]) => { 11685 highlight = entry.isIntersecting 11686 }, { rootMargin: '20px 0px 0px 0px', threshold: 0.5 }); 11687 observer.observe(targetElement); 11688 }" 11689 11690 x-show="isExternal || targetElement" 11691 x-cloak 11692 11693 href="#Reviews" 11694 class="max-md:hidden flex h-full items-center justify-center border-b-2 richtext-md h5" 11695 :class="highlight ? 'border-b-[--accent-color]' : 'border-b-transparent'"> 11696 11697 11698<strong>REVIEWS</strong> 11699</a> 11700 11701 11702 11703 11704 11705 11706<style>[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AWWVkeDVzM0Yxc0RXT__main_product_bar_link_6FhdQi"] { min-width: unset; --accent-color: #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AWWVkeDVzM0Yxc0RXT__main_product_bar_link_6FhdQi"]:where(:hover,:focus) { border-bottom: 2px solid #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AWWVkeDVzM0Yxc0RXT__main_product_bar_link_6FhdQi"].active { border-bottom: 2px solid white;}</style> 11707 11708<a data-style-id="template--19530703732962__main_product_bar_QQrjgk--AWWVkeDVzM0Yxc0RXT__main_product_bar_link_6FhdQi" 11709 x-data="{ targetElement: $el.href ? document.querySelector(`#${$el.href?.split('#')?.[1]?.split('?')?.[0]}`) : null, isExternal: utils.isExternalURL($el.href), highlight: false }" 11710 x-init="if (targetElement) { 11711 const observer = new IntersectionObserver(([entry]) => { 11712 highlight = entry.isIntersecting 11713 }, { rootMargin: '20px 0px 0px 0px', threshold: 0.5 }); 11714 observer.observe(targetElement); 11715 }" 11716 11717 x-show="isExternal || targetElement" 11718 x-cloak 11719 11720 href="#Recommended" 11721 class="max-md:hidden flex h-full items-center justify-center border-b-2 richtext-md h5" 11722 :class="highlight ? 'border-b-[--accent-color]' : 'border-b-transparent'"> 11723 11724 11725<strong>RECOMMENDED</strong> 11726</a> 11727 11728 11729 11730 11731 11732 11733<style>[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AcHRWQVRKaCtKNGJYc__main_product_bar_link_fqi3ey"] { min-width: unset; --accent-color: #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AcHRWQVRKaCtKNGJYc__main_product_bar_link_fqi3ey"]:where(:hover,:focus) { border-bottom: 2px solid #BEBEBE;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AcHRWQVRKaCtKNGJYc__main_product_bar_link_fqi3ey"].active { border-bottom: 2px solid white;}</style> 11734 11735<a data-style-id="template--19530703732962__main_product_bar_QQrjgk--AcHRWQVRKaCtKNGJYc__main_product_bar_link_fqi3ey" 11736 x-data="{ targetElement: $el.href ? document.querySelector(`#${$el.href?.split('#')?.[1]?.split('?')?.[0]}`) : null, isExternal: utils.isExternalURL($el.href), highlight: false }" 11737 x-init="if (targetElement) { 11738 const observer = new IntersectionObserver(([entry]) => { 11739 highlight = entry.isIntersecting 11740 }, { rootMargin: '20px 0px 0px 0px', threshold: 0.5 }); 11741 observer.observe(targetElement); 11742 }" 11743 11744 x-show="isExternal || targetElement" 11745 x-cloak 11746 11747 href="#FAQs" 11748 class="max-md:hidden flex h-full items-center justify-center border-b-2 richtext-md h5" 11749 :class="highlight ? 'border-b-[--accent-color]' : 'border-b-transparent'"> 11750 11751 11752<strong>FAQs</strong> 11753</a> 11754 11755 11756</div> 11757 11758 11759 11760 11761 11762 11763 11764 11765<style> 11766 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AaVpac25HQVBTcnNSY__main_product_container_zFRaT9"] { } [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AaVpac25HQVBTcnNSY__main_product_container_zFRaT9"] { display: flex; align-items: center; gap: 16px; max-width: 518px; width: 100%;}@media (max-width: 768px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AaVpac25HQVBTcnNSY__main_product_container_zFRaT9"] { width: 100%; }} 11767</style> 11768 11769<div 11770 data-style-id="template--19530703732962__main_product_bar_QQrjgk--AaVpac25HQVBTcnNSY__main_product_container_zFRaT9" 11771 11772 data-quick-view-visibility="default" 11773 11774 11775 11776> 11777 11778 11779<style> 11780 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--ANXNzZnVYVXhabjY0T__main_product_image_B4zFHx"] { max-width: 45px; width: 100%; height: 45px; object-fit: cover; aspect-ratio: 1; padding: 0; border-radius: 8px; background-color: var(--color_2);}@media (max-width: 564px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--ANXNzZnVYVXhabjY0T__main_product_image_B4zFHx"] { display: none; }} 11781</style> 11782 11783 11784<div data-style-id="template--19530703732962__main_product_bar_QQrjgk--ANXNzZnVYVXhabjY0T__main_product_image_B4zFHx" 11785 data-quick-view-visibility="default" 11786 x-show="primary_image || secondary_image" 11787 x-data="{ primary_image: pdp.product?.media?.[0], secondary_image: pdp.product?.media?.[1] }" 11788 class="relative" 11789 :style="`--color_1: ${pdp?.product?.metafields?.smart?.colors?.color_1}; --color_2: ${pdp?.product?.metafields?.smart?.colors?.color_2}; --color_3: ${pdp?.product?.metafields?.smart?.colors?.color_3};`" 11790 11791 :aria-label="pdp.product?.title" 11792 role="link" 11793 tabindex="0" 11794 x-init="utils.simulateAnchorTag($el)" 11795 :data-href="`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${pdp.product?.handle}?variant=${pdp.selected_variant?.id}`" 11796 11797 x-effect="() => { 11798 if (`variant_image` === 'variant_image' && pdp.selected_variant?.featured_media) { 11799 primary_image = pdp.selected_variant?.featured_media; 11800 } 11801 if (`variant_image` === 'metafield_image') { 11802 primary_image = $data.getDynamicValue('[selected_variant.metafields.smart.image]') ?? primary_image 11803 } 11804 secondary_image = pdp.product?.media?.find(media => media.id !== primary_image?.id) 11805 }"> 11806 <img src="" 11807 x-show="!!primary_image" 11808 alt="" 11809 srcset="" 11810 :src="primary_image?.src ?? primary_image?.preview_image?.src ?? primary_image" 11811 :alt="primary_image?.alt ?? pdp.product?.title" 11812 :srcset="primary_image ? utils.getImageSrcSet(primary_image?.src ?? primary_image?.preview_image?.src ?? primary_image ?? '', +`540`) : ''" 11813 width="732" 11814 height="732" 11815 loading="lazy" 11816 onload="this.classList.remove('!opacity-0')" 11817 class="pointer-events-none relative h-full w-full select-none overflow-hidden object-[inherit] !opacity-0" 11818 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 11819 11820 <img x-show="!!secondary_image?.src" 11821 src="" 11822 alt="" 11823 srcset="" 11824 :src="secondary_image?.src ?? secondary_image?.preview_image?.src" 11825 :alt="secondary_image?.alt ?? pdp.product?.title" 11826 :srcset="secondary_image ? utils.getImageSrcSet(secondary_image?.src ?? secondary_image?.preview_image?.src ?? '', +`540`) : ''" 11827 width="732" 11828 height="732" 11829 loading="lazy" 11830 onload="this.classList.remove('!opacity-0')" 11831 class="absolute inset-0 h-full w-full select-none overflow-hidden object-[inherit] opacity-0 group-hf:opacity-100 bg-inherit !opacity-0" 11832 sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"> 11833 11834</div> 11835 11836 11837 11838 11839 11840 11841 11842<style> 11843 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i"] { width: 100%; max-width: 234px;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i"] .input-select { color: #273426; display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 999px; border: 1px solid var(--New-Green, #273426); min-height: 48px; padding: 8px 12px;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i"] .input-select::before { content: ""; width: 24px; height: 24px; border-radius: 100%; background: var(--color_1); flex-shrink:0;}@media (max-width: 564px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i"] { display: none; }} 11844</style> 11845 11846<fieldset data-style-id="template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i" 11847 data-quick-view-visibility="" 11848 x-data="{ current_sibling: `the-og-pack-1`, sibling_handles: utils.JSONParse($el.getAttribute('data-values'))?.filter(Boolean) ?? [] }" 11849 x-init="sibling_handles?.forEach(handle =>{ barba.prefetch(utils.getSiblingUrl(handle)) })" 11850 data-values="["the-og-pack-1","the-tropical-pack","the-starter-pack-1","the-party-pack-72-pack"]" 11851 :style="`--color_1: ${pdp?.product?.metafields?.smart?.colors?.color_1}; --color_2: ${pdp?.product?.metafields?.smart?.colors?.color_2}; --color_3: ${pdp?.product?.metafields?.smart?.colors?.color_3};`"> 11852 <legend class="flex w-full max-w-full truncate richtext-md h5" 11853 data-legend=" 11854 11855" 11856 data-current-title="OG Pack" 11857 x-effect="$el.innerHTML = $el.getAttribute('data-legend').replace('[value]', $el.getAttribute('data-current-title'))"> 11858 11859 11860 11861 </legend> 11862 11863 11864 11865 11866 11867 11868 11869 <div x-data="{ 11870 show: false, 11871 focusIndex: 0, 11872 values: utils.JSONParse($el.getAttribute('data-values') ?? '[]')?.filter(Boolean) ?? [], 11873 titles: utils.JSONParse($el.getAttribute('data-titles') ?? '[]')?.filter(Boolean) ?? [], 11874 colors: utils.JSONParse($el.getAttribute('data-colors') ?? '[]')?.filter(Boolean) ?? [], 11875 swatch_colors: utils.JSONParse($el.getAttribute('data-swatch-colors') ?? '[]')?.filter(Boolean) ?? [], 11876 disabledItems: [], 11877 value: $el.getAttribute('data-value'), 11878 title: $el.getAttribute('data-title'), 11879 pos: { top: 0, left:0, width: 0, height:0 }, 11880 select: $refs.select, 11881 direction: 'down', 11882 toggleDropdown(el) { 11883 const rect = el.getBoundingClientRect(); 11884 const spaceBelow = window.innerHeight - rect.bottom; 11885 const spaceAbove = rect.top; 11886 this.direction = spaceBelow < 250 && spaceAbove > spaceBelow ? 'up' : 'down'; 11887 this.show = !this.show; 11888 } 11889 }" 11890 data-select 11891 x-show="!!values.length" 11892 x-effect="focusIndex = values.findIndex(val=> val === current_sibling);" 11893 x-init="pos = select.getBoundingClientRect()" 11894 data-value="the-og-pack-1" 11895 data-title="OG Pack" 11896 data-titles="["OG Pack", "Tropical", "Starter Pack", "Party Pack"]" 11897 data-colors="[]" 11898 data-swatch-colors="[]" 11899 data-values="["the-og-pack-1", "the-tropical-pack", "the-starter-pack-1", "the-party-pack-72-pack"]" > 11900 <button class="w-full pl-5 py-2 pr-4 gap-3.5 input-select" 11901 type="button" 11902 x-ref="select" 11903 aria-label="" 11904 @click.prevent.stop="toggleDropdown($el)" 11905 @keydown.space.prevent="toggleDropdown($el)" 11906 @keydown.enter.prevent="toggleDropdown($el)" 11907 aria-haspopup="listbox"
11908 style="anchor-name: --template--19530703732962__main_product_bar_QQrjgk--AV1FObFgyVDZUQVo4c__main_product_sibling_color_select_TPxd4i--select" 11909 aria-expanded="false"> 11910 11911 <span class="w-full truncate text-left uppercase" 11912 x-html="`Flavor: ${titles[focusIndex]}`">OG Pack</span> 11913 11914 </button> 11915 <input type="hidden" 11916 11917 name="" 11918 :disabled="!values.length" 11919 :value="value"> 11920 <template x-teleport="body"> 11921 <template x-if="show"> 11922 <ul x-data="{ show: false }" 11923 x-init="$nextTick(() => { show = true }); pos = select.getBoundingClientRect()" 11924 x-effect="value = values[focusIndex], title = titles[focusIndex]" 11925 x-trap="show" 11926 :style="direction === 'up' 11927 ? `top: ${pos.top - 2}px; transform: translateY(-100%); width: ${pos.width}px; left: ${pos.left}px;` 11928 : `top: ${pos.top + pos.height + 2}px; width: ${pos.width}px; left: ${pos.left}px;`" 11929 @click.outside.capture="() => { ;if (!select?.contains($event.target) && select !== $event.target) { show = false } }" 11930 @scroll.window="pos = select.getBoundingClientRect()" 11931 @resize.window="pos = select.getBoundingClientRect()" 11932 @keydown.esc="show = false" 11933 @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 11934 @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" 11935 @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 11936 @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" 11937 @keydown.space.prevent.stop="$data.setSiblingProduct(value, $el.closest('[data-quick-view-container]')); current_sibling = value" 11938 @keydown.enter.prevent.stop="$data.setSiblingProduct(value, $el.closest('[data-quick-view-container]')); current_sibling = value; show = false" 11939 class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" 11940 aria-label="" 11941 aria-orientation="vertical" 11942 role="listbox" 11943 tabindex="0" 11944 x-show="show" 11945 x-cloak 11946 x-transition:enter-start="opacity-0" 11947 x-transition:enter-end="opacity-100" 11948 x-transition:leave-start="opacity-100" 11949 x-transition:leave-end="opacity-0" 11950 > 11951 <template x-for="(value, i) in values"> 11952 <li class="relative flex items-center cursor-default select-none py-2 pl-10 gap-3.5 pr-4 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2]" 11953 @click.prevent.stop="show = false; $data.setSiblingProduct(value, $el.closest('[data-quick-view-container]')); current_sibling = value; focusIndex = i" 11954 :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" 11955 x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" 11956 role="option" 11957 tabindex="-1" 11958 :aria-selected="i === focusIndex"> 11959 11960 <span class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center w-6 h-6 rounded-full" 11961 :style="`background-color: ${window._products[values[i]]?.metafields?.smart?.colors?.color_1 || ''};`"> 11962 </span> 11963 <span class="block truncate uppercase" 11964 x-html="`Flavor: ${titles[i]}`"></span> 11965 11966 </li> 11967 </template> 11968 </ul> 11969 </template> 11970 </template> 11971 </div> 11972 11973</fieldset> 11974 11975 11976 11977 11978 11979 11980<style> 11981 [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY"] { max-width: 207px;}[data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY"]:where(:hover,:focus) { }@media (max-width: 768px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY"] { margin-left: auto; }}@media (max-width: 564px) { [data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY"] { width: 100%; max-width: unset; margin-left: unset; }} 11982</style> 11983 11984<button 11985 data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY" 11986 data-quick-view-visibility="default" 11987 type="submit" 11988 class="w-full disabled:opacity-70 disabled:pointer-events-none button-primary !hidden" 11989 :class="pdp.isAdding ? 'button-loading':''" 11990 :disabled="pdp.isAdding || pdp.disable_add_to_cart.size > 0 || pdp.required_combine_items?.length < pdp.required_combine_quantity" 11991 x-effect="$el.classList.toggle('!hidden', !pdp.selected_variant?.available)" 11992 11993 x-html="$el.getAttribute('data-content') 11994 .replace('[price]', utils.formatMoney(pdp.selected_price * pdp.quantity)) 11995 .replace('[compare_at_price]', pdp.selected_compare_at_price > pdp.selected_price ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity)}</span>` : '') 11996 .replace('[total]', utils.formatMoney(pdp.selected_price * pdp.quantity + pdp.upsell_total)) 11997 .replace('[compare_at_total]', pdp.selected_compare_at_price + pdp.upsell_compare_at_total > pdp.selected_price + pdp.upsell_total ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity + pdp.upsell_compare_at_total)}</span>` : '')" 11998 11999 @click="handleAddToCart($event);" 12000 data-content=" 12001 12002Add to Cart"> 12003 12004 12005Add to Cart 12006</button> 12007 12008<button 12009 data-style-id="template--19530703732962__main_product_bar_QQrjgk--AeVNDTktMVTZ6TTZxT__main_product_add_to_cart_button_gnweiY" 12010 data-quick-view-visibility="default" 12011 type="button" 12012 12013 disabled="disabled" 12014 12015 class="w-full button-oos " 12016 x-effect="$el.classList.toggle('!hidden', pdp.selected_variant?.available)" 12017 12018 x-html="$el.getAttribute('data-content') 12019 .replace('[price]', utils.formatMoney(pdp.selected_price * pdp.quantity)) 12020 .replace('[compare_at_price]', pdp.selected_compare_at_price > pdp.selected_price ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity)}</span>` : '') 12021 .replace('[total]', utils.formatMoney(pdp.selected_price * pdp.quantity + pdp.upsell_total)) 12022 .replace('[compare_at_total]', pdp.selected_compare_at_price + pdp.upsell_compare_at_total > pdp.selected_price + pdp.upsell_total ? `<span style='text-decoration: line-through; opacity: 0.5;'>${utils.formatMoney(pdp.selected_compare_at_price * pdp.quantity + pdp.upsell_compare_at_total)}</span>` : '')" 12023 12024 data-content=" 12025 12026Out of Stock"> 12027 12028 12029Out of Stock 12030</button> 12031 12032 12033 12034 12035</div> 12036 12037 12038 12039 12040 </section> 12041 12042 12043 12044</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
12044 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_AF9yQC" class="shopify-section"> 12045 12046 12047 12048 12049 12050 12051 12052 <style> 12053 [data-style-id="template--19530703732962__generic_section_AF9yQC--"] { background-color: #f6fbff; } [data-style-id="template--19530703732962__generic_section_AF9yQC--"] { padding-top: 96px; padding-bottom: 96px; display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; min-height: 735px; gap: 24px; overflow: hidden;}@media (min-width: 768px) and (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--"] { --gutter: 24px; row-gap: 0; padding-bottom: 0; }}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--"] { padding-top: 32px; padding-bottom: 56px; grid-template-columns: repeat(1, 1fr); row-gap: 0; }} 12054 </style> 12055 12056 <section 12057 data-style-id="template--19530703732962__generic_section_AF9yQC--" 12058 id="Details" 12059 class="relative px-container-md"> 12060 12061 12062 12063 12064 12065 12066<style>[data-style-id="template--19530703732962__generic_section_AF9yQC--AQ1V2ZXVZZFhrekw4M__image_AbngUL"] { height: 100%; position: absolute; inset: 0; top: -40px; right: -128px; z-index: 0; object-fit: contain;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AQ1V2ZXVZZFhrekw4M__image_AbngUL"] { display: none; } }</style> 12067 12068 12069 <picture data-style-id="template--19530703732962__generic_section_AF9yQC--AQ1V2ZXVZZFhrekw4M__image_AbngUL" 12070 class="block relative shrink-0"> 12071 12072 12073 12074 12075 12076 12077 12078 12079 12080 12081 <img src="//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?crop=center&height=1827&v=1749520250&width=1920" 12082 12083 width="1920" 12084 height="1827" 12085 12086 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 12087 style="object-position: 50.0% 50.0%;" 12088 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, 90vw" 12089 loading="lazy" 12090 role="presentation" 12091 role="presentation" 12092 srcset="//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=48 48w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=96 96w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=256 256w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=384 384w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=460 460w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=640 640w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=960 960w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=1200 1200w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=1440 1440w,//hiseltzers.com/cdn/shop/files/45f66c93165ab9bfde4b4c9629e4710bc89ecd86.png?v=1749520250&width=1920 1920w" 12093 data-image="lazy"> 12094 12095 12096 12097 12098 12099 12100 </picture> 12101 12102 12103 12104 12105 12106 12107 12108<style> 12109 [data-style-id="template--19530703732962__generic_section_AF9yQC--AUC9VNktVTEhjVXFwT__container_Aab7py"] { background-color: #e2f1ff; } [data-style-id="template--19530703732962__generic_section_AF9yQC--AUC9VNktVTEhjVXFwT__container_Aab7py"] { display: flex; flex-direction: column; width: 100%; max-width: 375px; margin-right: auto; padding: 24px; gap: 24px; border-radius: 24px; z-index: 1;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AUC9VNktVTEhjVXFwT__container_Aab7py"] { max-width: unset; margin: 0; padding: 16px; }}@media (min-width: 768px) and (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AUC9VNktVTEhjVXFwT__container_Aab7py"] { order: 0; }} 12110</style> 12111 12112<div 12113 data-style-id="template--19530703732962__generic_section_AF9yQC--AUC9VNktVTEhjVXFwT__container_Aab7py" 12114 12115 12116 12117 12118 12119> 12120 12121 12122 12123 12124 12125<style> 12126 [data-style-id="template--19530703732962__generic_section_AF9yQC--Aa0d3T0tqK2ROT3NkW__richtext_QwBJt9"] { margin: 0; padding: 0; width: 100%;}@media (min-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--Aa0d3T0tqK2ROT3NkW__richtext_QwBJt9"] p:not(:first-of-type) { margin-top: 14px; }}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--Aa0d3T0tqK2ROT3NkW__richtext_QwBJt9"] { text-align: left; }} 12127</style> 12128 12129<div data-style-id="template--19530703732962__generic_section_AF9yQC--Aa0d3T0tqK2ROT3NkW__richtext_QwBJt9" 12130 class="relative text-left"> 12131 12132 12133<div class="_input-richtext richtext-md"><h2><strong>3 Simple Ingredients</strong></h2></div> 12134 12135</div> 12136 12137 12138 12139 12140 12141 12142<style> 12143 [data-style-id="template--19530703732962__generic_section_AF9yQC--AU0IvWExrZTZZNUhmU__container_Enx3tK"] { } [data-style-id="template--19530703732962__generic_section_AF9yQC--AU0IvWExrZTZZNUhmU__container_Enx3tK"] { display: grid; grid-template-columns: 1fr; gap: 24px; text-align: left;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AU0IvWExrZTZZNUhmU__container_Enx3tK"] { gap: 16px; }} 12144</style> 12145 12146<div 12147 data-style-id="template--19530703732962__generic_section_AF9yQC--AU0IvWExrZTZZNUhmU__container_Enx3tK" 12148 12149 12150 12151 12152 12153> 12154 12155 12156 12157 12158<style> 12159 [data-style-id="template--19530703732962__generic_section_AF9yQC--AN1BDa1RZbWs2aGFnd__container_ap6Uq9"] { background-color: #f6fbff; } [data-style-id="template--19530703732962__generic_section_AF9yQC--AN1BDa1RZbWs2aGFnd__container_ap6Uq9"] { padding: 16px 8px; border-radius: 24px; display: flex; gap: 8px; align-items: center;} 12160</style> 12161 12162<div 12163 data-style-id="template--19530703732962__generic_section_AF9yQC--AN1BDa1RZbWs2aGFnd__container_ap6Uq9" 12164 12165 12166 12167 12168 12169> 12170 12171 12172 12173 12174 12175<style> 12176 [data-style-id="template--19530703732962__generic_section_AF9yQC--ASWRDS2tJNTFiM1BIe__richtext_t7xLaq"] { padding: 8px; border-radius: 999px; background: var(--transparent-70, rgba(255, 255, 255, 0.70));}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--ASWRDS2tJNTFiM1BIe__richtext_t7xLaq"] svg { width: 16px; height: 16px; }} 12177</style> 12178 12179<div data-style-id="template--19530703732962__generic_section_AF9yQC--ASWRDS2tJNTFiM1BIe__richtext_t7xLaq" 12180 class="relative text-inherit"> 12181 12182 12183<div class="_input-richtext richtext-md"><p><strong> 12184 12185 <svg data-icon-handle="droplets" 12186 12187 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12188 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-droplets--url`) }" 12189 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12190 :role="url ? 'link':''" 12191 :tabindex="url ? '0' : undefined" 12192 aria-label="droplets" 12193 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12194 style="mask: var(--icon-droplets); -webkit-mask: var(--icon-droplets); aspect-ratio: var(--icon-droplets-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12195 12196</strong></p></div> 12197 12198</div> 12199 12200 12201 12202 12203 12204 12205 12206<style> 12207 [data-style-id="template--19530703732962__generic_section_AF9yQC--AVHlraFFnVFZrQjQwS__r
12207ichtext_g9zpAp"] {}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AVHlraFFnVFZrQjQwS__richtext_g9zpAp"] { }} 12208</style> 12209 12210<div data-style-id="template--19530703732962__generic_section_AF9yQC--AVHlraFFnVFZrQjQwS__richtext_g9zpAp" 12211 class="relative text-inherit"> 12212 12213 12214<div class="_input-richtext richtext-md"><p><strong>Carbonated Water</strong></p><p><strong><span style="display: block; height:4px;"></span></strong></p><h5>Crisp, carb-stone bubbles.</h5></div> 12215 12216</div> 12217 12218 12219 12220</div> 12221 12222 12223 12224 12225 12226 12227 12228<style> 12229 [data-style-id="template--19530703732962__generic_section_AF9yQC--AS0oxV2tWZkw0dzlua__container_pdjMKM"] { background-color: #f6fbff; } [data-style-id="template--19530703732962__generic_section_AF9yQC--AS0oxV2tWZkw0dzlua__container_pdjMKM"] { padding: 16px 8px; border-radius: 24px; display: flex; gap: 8px; align-items: center;} 12230</style> 12231 12232<div 12233 data-style-id="template--19530703732962__generic_section_AF9yQC--AS0oxV2tWZkw0dzlua__container_pdjMKM" 12234 12235 12236 12237 12238 12239> 12240 12241 12242 12243 12244 12245<style> 12246 [data-style-id="template--19530703732962__generic_section_AF9yQC--ANDBTZ0ZZTmVaZmkxe__richtext_3VbYtd"] { padding: 8px; border-radius: 999px; background: var(--transparent-70, rgba(255, 255, 255, 0.70));}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--ANDBTZ0ZZTmVaZmkxe__richtext_3VbYtd"] svg { width: 16px; height: 16px; }} 12247</style> 12248 12249<div data-style-id="template--19530703732962__generic_section_AF9yQC--ANDBTZ0ZZTmVaZmkxe__richtext_3VbYtd" 12250 class="relative text-inherit"> 12251 12252 12253<div class="_input-richtext richtext-md"><p><strong> 12254 12255 <svg data-icon-handle="wind" 12256 12257 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12258 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-wind--url`) }" 12259 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12260 :role="url ? 'link':''" 12261 :tabindex="url ? '0' : undefined" 12262 aria-label="wind" 12263 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12264 style="mask: var(--icon-wind); -webkit-mask: var(--icon-wind); aspect-ratio: var(--icon-wind-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12265 12266</strong></p></div> 12267 12268</div> 12269 12270 12271 12272 12273 12274 12275 12276<style> 12277 [data-style-id="template--19530703732962__generic_section_AF9yQC--ANXowODRma21xRWtNR__richtext_qYUyFR"] {}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--ANXowODRma21xRWtNR__richtext_qYUyFR"] { }} 12278</style> 12279 12280<div data-style-id="template--19530703732962__generic_section_AF9yQC--ANXowODRma21xRWtNR__richtext_qYUyFR" 12281 class="relative text-inherit"> 12282 12283 12284<div class="_input-richtext richtext-md"><p><strong>Natural Flavors</strong></p><p><strong><span style="display: block; height:4px;"></span></strong></p><h5>Zero artificial flavors or coloring.</h5></div> 12285 12286</div> 12287 12288 12289 12290</div> 12291 12292 12293 12294 12295 12296 12297 12298<style> 12299 [data-style-id="template--19530703732962__generic_section_AF9yQC--ARXc4c2pFKzdIVTdER__container_epXFX6"] { background-color: #f6fbff; } [data-style-id="template--19530703732962__generic_section_AF9yQC--ARXc4c2pFKzdIVTdER__container_epXFX6"] { padding: 16px 8px; border-radius: 24px; display: flex; gap: 8px; align-items: center;} 12300</style> 12301 12302<div 12303 data-style-id="template--19530703732962__generic_section_AF9yQC--ARXc4c2pFKzdIVTdER__container_epXFX6" 12304 12305 12306 12307 12308 12309> 12310 12311 12312 12313 12314 12315<style> 12316 [data-style-id="template--19530703732962__generic_section_AF9yQC--AME9kMEVJRjlZR3NJZ__richtext_Jrcmbz"] { padding: 8px; border-radius: 999px; background: var(--transparent-70, rgba(255, 255, 255, 0.70));}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AME9kMEVJRjlZR3NJZ__richtext_Jrcmbz"] svg { width: 16px; height: 16px; }} 12317</style> 12318 12319<div data-style-id="template--19530703732962__generic_section_AF9yQC--AME9kMEVJRjlZR3NJZ__richtext_Jrcmbz" 12320 class="relative text-inherit"> 12321 12322 12323<div class="_input-richtext richtext-md"><p><strong> 12324 12325 <svg data-icon-handle="stars" 12326 12327 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12328 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-stars--url`) }" 12329 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12330 :role="url ? 'link':''" 12331 :tabindex="url ? '0' : undefined" 12332 aria-label="stars" 12333 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12334 style="mask: var(--icon-stars); -webkit-mask: var(--icon-stars); aspect-ratio: var(--icon-stars-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12335 12336</strong></p></div> 12337 12338</div> 12339 12340 12341 12342 12343 12344 12345 12346<style> 12347 [data-style-id="template--19530703732962__generic_section_AF9yQC--AcXBXYzhLSVZCWFpCU__richtext_GfYmwP"] {}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AcXBXYzhLSVZCWFpCU__richtext_GfYmwP"] { }} 12348</style> 12349 12350<div data-style-id="template--19530703732962__generic_section_AF9yQC--AcXBXYzhLSVZCWFpCU__richtext_GfYmwP" 12351 class="relative text-inherit"> 12352 12353 12354<div class="_input-richtext richtext-md"><p><strong>Delta 9 THC</strong></p><p><strong><span style="display: block; height:4px;"></span></strong></p><h5>Premium hemp-derived THC extract.</h5></div> 12355 12356</div> 12357 12358 12359 12360</div> 12361 12362 12363 12364 12365</div> 12366 12367 12368 12369 12370 12371 12372 12373<style> 12374 [data-style-id="template--19530703732962__generic_section_AF9yQC--AWVUrWGdvRnd0bVJhb__container_YNXeNP"] { } [data-style-id="template--19530703732962__generic_section_AF9yQC--AWVUrWGdvRnd0bVJhb__container_YNXeNP"] { display: flex; align-items: center; width: 100%;} 12375</style> 12376 12377<div 12378 data-style-id="template--19530703732962__generic_section_AF9yQC--AWVUrWGdvRnd0bVJhb__container_YNXeNP" 12379 12380 12381 12382 12383 12384> 12385 12386 12387 12388 12389 12390<style> 12391 [data-style-id="template--19530703732962__generic_section_AF9yQC--AajVYUkp2REVTQ09IT__richtext_PypPCA"] { margin: 0; padding: 0; width: 100%;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AajVYUkp2REVTQ09IT__richtext_PypPCA"] { }} 12392</style> 12393 12394<div data-style-id="template--19530703732962__generic_section_AF9yQC--AajVYUkp2REVTQ09IT__richtext_PypPCA" 12395 class="relative text-left"> 12396 12397 12398<div class="_input-richtext richtext-md"><p><strong>That's It! </strong><br/>Ingredients you canât pronounce? Never.</p></div> 12399 12400</div> 12401 12402 12403 12404</div> 12405 12406 12407 12408 12409</div> 12410 12411 12412 12413 12414 12415 12416 12417 12418 12419<style>[data-style-id="template--19530703732962__generic_section_AF9yQC--AaTh0Ykc4cmVuZ1RQS__image_FdApMQ"] { width: 100vw; height: 100%; object-fit: cover; margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); aspect-ratio: 375 / 501;}@media (min-width: 1024px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AaTh0Ykc4cmVuZ1RQS__image_FdApMQ"] { display: none; }}@media (min-width: 768px) and (max-width: 1023px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--AaTh0Ykc4cmVuZ1RQS__image_FdApMQ"] { order: 2; grid-column: span 2; aspect-ratio: auto; }}</style> 12420 12421 12422 <picture data-style-id="template--19530703732962__generic_section_AF9yQC--AaTh0Ykc4cmVuZ1RQS__image_FdApMQ" 12423 class="block relative shrink-0"> 12424 12425 12426 12427 12428 12429 12430 12431 12432 12433 12434 <img src="//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?crop=center&height=1304&v=1749520251&width=1200" 12435 12436 width="1200" 12437 height="1304" 12438 12439 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 12440 style="object-position: 50.0% 50.0%;" 12441 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 12442 loading="lazy" 12443 role="presentation" 12444 role="presentation" 12445 srcset="//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=48 48w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=96 96w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=256 256w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=384 384w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=460 460w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=640 640w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=960 960w,//hiseltzers.com/cdn/shop/files/e28db5807c50a6b1d2b1795f66bb3f6bc9c10e53.png?v=1749520251&width=1200 1200w" 12446 data-image="lazy"> 12447 12448 12449 12450 12451 12452 12453 </picture> 12454 12455 12456 12457 12458 12459 12460 12461 12462 12463<style>[data-style-id="template--19530703732962__generic_section_AF9yQC--ATUhlNGw5YVVuVkVNQ__image_txtfaq"] { width: 100%; margin-left: auto; max-width: 340px; object-fit: contain; background-color: #E2F1FF; border-radius: 24px;}@media (min-width: 768px) and (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--ATUhlNGw5YVVuVkVNQ__image_txtfaq"] { order: 1; max-width: 347px; }}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_AF9yQC--ATUhlNGw5YVVuVkVNQ__image_txtfaq"] { margin: auto; }}</style> 12464 12465 12466 <picture data-style-id="template--19530703732962__generic_section_AF9yQC--ATUhlNGw5YVVuVkVNQ__image_txtfaq" 12467 class="block relative shrink-0"> 12468 12469 12470 12471 12472 12473 12474 12475 12476 12477 12478 <img src="//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?crop=center&height=1043&v=1749520201&width=707" 12479 12480 width="707" 12481 height="1043" 12482 12483 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 12484 style="object-position: 50.0% 50.0%;" 12485 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 12486 loading="eager" 12487 role="presentation" 12488 role="presentation" 12489 srcset="//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=48 48w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=96 96w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=256 256w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=384 384w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=460 460w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=640 640w,//hiseltzers.com/cdn/shop/files/4cb297026033095b0c82330d17aa56559c30b061.png?v=1749520201&width=960 960w" 12490 data-image="eager"> 12491 12492 12493 12494 12495 12496 12497 </picture> 12498 12499 12500 12501 12502 </section> 12503 12504 12505 12506</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
12506 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_rGbE6j" class="shopify-section"> 12507 12508 12509 12510 12511 12512 12513 12514 <style> 12515 [data-style-id="template--19530703732962__generic_section_rGbE6j--"] { color: #273426; background-color: #e2f1ff; } [data-style-id="template--19530703732962__generic_section_rGbE6j--"] { --gap: 64px; padding-top: 24px; padding-bottom: 24px; height: 84px; align-content: center;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_rGbE6j--"] { height: auto; }} 12516 </style> 12517 12518 <section 12519 data-style-id="template--19530703732962__generic_section_rGbE6j--" 12520 id="Marquee - 1" 12521 class="relative px-container-fullwidth"> 12522 12523 12524 12525 12526 12527 12528 12529<style> 12530 [data-style-id="template--19530703732962__generic_section_rGbE6j--AcUFMNTdhQUI0b2ZsV__marquee_qiAt6q"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AcUFMNTdhQUI0b2ZsV__marquee_qiAt6q"] { --gap: 48px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_rGbE6j--AcUFMNTdhQUI0b2ZsV__marquee_qiAt6q"] { --gap: 24px; }} 12531</style> 12532 12533<section 12534 data-style-id="template--19530703732962__generic_section_rGbE6j--AcUFMNTdhQUI0b2ZsV__marquee_qiAt6q" 12535 class="group relative grid auto-cols-max grid-flow-col-dense scrollbar-none overflow-hidden" 12536 12537 style="--animate-duration: 30" 12538 x-data="{ ..._sections.initMarqueeBar($el, +`30`) }" 12539 x-defer="intersect" 12540 @resize.window="handleMarqueeResize" 12541 x-init="$nextTick(()=> { handleMarqueeResize(); setTimeout(()=> { handleMarqueeResize() }, 350)})" 12542 12543> 12544 <div class="relative overflow-hidden w-max grid auto-cols-max grid-flow-col-dense scrollbar-none animate-marquee1 gap-[--gap] pl-[--gap]" 12545 style="animation-duration: calc(var(--animate-duration, 0) * 1s); animation-direction: "> 12546 12547 12548 12549 12550<style> 12551 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA"] {} 12552</style> 12553 12554<div 12555 data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA" 12556 12557 12558 12559 12560 12561> 12562 12563 12564 12565 12566 12567<style> 12568 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZ1pZN1J4SmE4czd1c__richtext_8KkWAn"] {} 12569</style> 12570 12571<div data-style-id="template--19530703732962__generic_section_rGbE6j--AZ1pZN1J4SmE4czd1c__richtext_8KkWAn" 12572 class="relative text-inherit"> 12573 12574 12575<div class="_input-richtext richtext-md"><p> 12576 12577 <svg data-icon-handle="check-mark" 12578 12579 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12580 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 12581 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12582 :role="url ? 'link':''" 12583 :tabindex="url ? '0' : undefined" 12584 aria-label="check-mark" 12585 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12586 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12587 12588</p></div> 12589 12590</div> 12591 12592 12593 12594</div> 12595 12596 12597 12598 12599 12600 12601 12602<style> 12603 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z"] {} 12604</style> 12605 12606<div 12607 data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z" 12608 12609 12610 12611 12612 12613> 12614 12615 12616 12617 12618 12619<style> 12620 [data-style-id="template--19530703732962__generic_section_rGbE6j--Ab3VFWnFEU28wYys5a__richtext_MYnFLj"] {} 12621</style> 12622 12623<div data-style-id="template--19530703732962__generic_section_rGbE6j--Ab3
12623VFWnFEU28wYys5a__richtext_MYnFLj" 12624 class="relative text-inherit"> 12625 12626 12627<div class="_input-richtext richtext-md"><h4><strong>0 ALCOHOL</strong></h4></div> 12628 12629</div> 12630 12631 12632 12633</div> 12634 12635 12636 12637 12638 12639 12640 12641<style> 12642 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD"] {} 12643</style> 12644 12645<div 12646 data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD" 12647 12648 12649 12650 12651 12652> 12653 12654 12655 12656 12657 12658<style> 12659 [data-style-id="template--19530703732962__generic_section_rGbE6j--AV2djU3M0NVM4RGNqc__richtext_FNGqUb"] {} 12660</style> 12661 12662<div data-style-id="template--19530703732962__generic_section_rGbE6j--AV2djU3M0NVM4RGNqc__richtext_FNGqUb" 12663 class="relative text-inherit"> 12664 12665 12666<div class="_input-richtext richtext-md"><p> 12667 12668 <svg data-icon-handle="check-mark" 12669 12670 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12671 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 12672 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12673 :role="url ? 'link':''" 12674 :tabindex="url ? '0' : undefined" 12675 aria-label="check-mark" 12676 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12677 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12678 12679</p></div> 12680 12681</div> 12682 12683 12684 12685</div> 12686 12687 12688 12689 12690 12691 12692 12693<style> 12694 [data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem"] {} 12695</style> 12696 12697<div 12698 data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem" 12699 12700 12701 12702 12703 12704> 12705 12706 12707 12708 12709 12710<style> 12711 [data-style-id="template--19530703732962__generic_section_rGbE6j--ALzVtR3o2QWVNK21ub__richtext_jaHNMF"] {} 12712</style> 12713 12714<div data-style-id="template--19530703732962__generic_section_rGbE6j--ALzVtR3o2QWVNK21ub__richtext_jaHNMF" 12715 class="relative text-inherit"> 12716 12717 12718<div class="_input-richtext richtext-md"><h4><strong>5MG THC</strong></h4></div> 12719 12720</div> 12721 12722 12723 12724</div> 12725 12726 12727 12728 12729 12730 12731 12732<style> 12733 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy"] {} 12734</style> 12735 12736<div 12737 data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy" 12738 12739 12740 12741 12742 12743> 12744 12745 12746 12747 12748 12749<style> 12750 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzhLYUhMV0ZoRXVkO__richtext_d9XEjX"] {} 12751</style> 12752 12753<div data-style-id="template--19530703732962__generic_section_rGbE6j--AdzhLYUhMV0ZoRXVkO__richtext_d9XEjX" 12754 class="relative text-inherit"> 12755 12756 12757<div class="_input-richtext richtext-md"><p> 12758 12759 <svg data-icon-handle="check-mark" 12760 12761 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12762 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 12763 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12764 :role="url ? 'link':''" 12765 :tabindex="url ? '0' : undefined" 12766 aria-label="check-mark" 12767 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12768 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12769 12770</p></div> 12771 12772</div> 12773 12774 12775 12776</div> 12777 12778 12779 12780 12781 12782 12783 12784<style> 12785 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ"] {} 12786</style> 12787 12788<div 12789 data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ" 12790 12791 12792 12793 12794 12795> 12796 12797 12798 12799 12800 12801<style> 12802 [data-style-id="template--19530703732962__generic_section_rGbE6j--AYzdhWHZMcFNQZG5YS__richtext_jFDeJj"] {} 12803</style> 12804 12805<div data-style-id="template--19530703732962__generic_section_rGbE6j--AYzdhWHZMcFNQZG5YS__richtext_jFDeJj" 12806 class="relative text-inherit"> 12807 12808 12809<div class="_input-richtext richtext-md"><h4><strong>3 INGREDIENTS</strong></h4></div> 12810 12811</div> 12812 12813 12814 12815</div> 12816 12817 12818 12819 12820 12821 12822 12823<style> 12824 [data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU"] {} 12825</style> 12826 12827<div 12828 data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU" 12829 12830 12831 12832 12833 12834> 12835 12836 12837 12838 12839 12840<style> 12841 [data-style-id="template--19530703732962__generic_section_rGbE6j--AaG1tYmVGQnBhd2Z0V__richtext_37p7J6"] {} 12842</style> 12843 12844<div data-style-id="template--19530703732962__generic_section_rGbE6j--AaG1tYmVGQnBhd2Z0V__richtext_37p7J6" 12845 class="relative text-inherit"> 12846 12847 12848<div class="_input-richtext richtext-md"><p> 12849 12850 <svg data-icon-handle="check-mark" 12851 12852 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12853 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 12854 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12855 :role="url ? 'link':''" 12856 :tabindex="url ? '0' : undefined" 12857 aria-label="check-mark" 12858 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12859 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12860 12861</p></div> 12862 12863</div> 12864 12865 12866 12867</div> 12868 12869 12870 12871 12872 12873 12874 12875<style> 12876 [data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8"] {} 12877</style> 12878 12879<div 12880 data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8" 12881 12882 12883 12884 12885 12886> 12887 12888 12889 12890 12891 12892<style> 12893 [data-style-id="template--19530703732962__generic_section_rGbE6j--AR0MrT0x1aDBYL2ppc__r
12893ichtext_QydQtP"] {} 12894</style> 12895 12896<div data-style-id="template--19530703732962__generic_section_rGbE6j--AR0MrT0x1aDBYL2ppc__richtext_QydQtP" 12897 class="relative text-inherit"> 12898 12899 12900<div class="_input-richtext richtext-md"><h4><strong>0 SUGARS</strong></h4></div> 12901 12902</div> 12903 12904 12905 12906</div> 12907 12908 12909 12910 12911 12912 12913 12914<style> 12915 [data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr"] {} 12916</style> 12917 12918<div 12919 data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr" 12920 12921 12922 12923 12924 12925> 12926 12927 12928 12929 12930 12931<style> 12932 [data-style-id="template--19530703732962__generic_section_rGbE6j--AUERJeUJNblRvRFpUS__richtext_r4DhWm"] {} 12933</style> 12934 12935<div data-style-id="template--19530703732962__generic_section_rGbE6j--AUERJeUJNblRvRFpUS__richtext_r4DhWm" 12936 class="relative text-inherit"> 12937 12938 12939<div class="_input-richtext richtext-md"><p> 12940 12941 <svg data-icon-handle="check-mark" 12942 12943 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 12944 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 12945 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 12946 :role="url ? 'link':''" 12947 :tabindex="url ? '0' : undefined" 12948 aria-label="check-mark" 12949 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 12950 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 12951 12952</p></div> 12953 12954</div> 12955 12956 12957 12958</div> 12959 12960 12961 12962 12963 12964 12965 12966<style> 12967 [data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK"] {} 12968</style> 12969 12970<div 12971 data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK" 12972 12973 12974 12975 12976 12977> 12978 12979 12980 12981 12982 12983<style> 12984 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdlRoU0poYmd1cThTW__richtext_mNfkfJ"] {} 12985</style> 12986 12987<div data-style-id="template--19530703732962__generic_section_rGbE6j--AdlRoU0poYmd1cThTW__richtext_mNfkfJ" 12988 class="relative text-inherit"> 12989 12990 12991<div class="_input-richtext richtext-md"><h4><strong>0 CALORIES</strong></h4></div> 12992 12993</div> 12994 12995 12996 12997</div> 12998 12999 13000 13001 13002 </div> 13003 13004 <div class="relative overflow-hidden w-max grid auto-cols-max grid-flow-col-dense scrollbar-none animate-marquee1 gap-[--gap] pl-[--gap]" 13005 aria-hidden="true" 13006 style="animation-duration: calc(var(--animate-duration) * 1s); animation-direction: "> 13007 13008 13009 13010 13011<style> 13012 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA"] {} 13013</style> 13014 13015<div 13016 data-style-id="template--19530703732962__generic_section_rGbE6j--AdzE3ckIydzdhMWlYN__container_46yFCA" 13017 13018 13019 13020 13021 13022> 13023 13024 13025 13026 13027 13028<style> 13029 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZ1pZN1J4SmE4czd1c__richtext_8KkWAn"] {} 13030</style> 13031 13032<div data-style-id="template--19530703732962__generic_section_rGbE6j--AZ1pZN1J4SmE4czd1c__richtext_8KkWAn" 13033 class="relative text-inherit"> 13034 13035 13036<div class="_input-richtext richtext-md"><p> 13037 13038 <svg data-icon-handle="check-mark" 13039 13040 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 13041 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 13042 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 13043 :role="url ? 'link':''" 13044 :tabindex="url ? '0' : undefined" 13045 aria-label="check-mark" 13046 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 13047 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 13048 13049</p></div> 13050 13051</div> 13052 13053 13054 13055</div> 13056 13057 13058 13059 13060 13061 13062 13063<style> 13064 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z"] {} 13065</style> 13066 13067<div 13068 data-style-id="template--19530703732962__generic_section_rGbE6j--AdDBYU3dYY1VlUThhb__container_TEek9z" 13069 13070 13071 13072 13073 13074> 13075 13076 13077 13078 13079 13080<style> 13081 [data-style-id="template--19530703732962__generic_section_rGbE6j--Ab3
13081VFWnFEU28wYys5a__richtext_MYnFLj"] {} 13082</style> 13083 13084<div data-style-id="template--19530703732962__generic_section_rGbE6j--Ab3VFWnFEU28wYys5a__richtext_MYnFLj" 13085 class="relative text-inherit"> 13086 13087 13088<div class="_input-richtext richtext-md"><h4><strong>0 ALCOHOL</strong></h4></div> 13089 13090</div> 13091 13092 13093 13094</div> 13095 13096 13097 13098 13099 13100 13101 13102<style> 13103 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD"] {} 13104</style> 13105 13106<div 13107 data-style-id="template--19530703732962__generic_section_rGbE6j--AZTBKUFZGcDdqL3RnZ__container_8edXmD" 13108 13109 13110 13111 13112 13113> 13114 13115 13116 13117 13118 13119<style> 13120 [data-style-id="template--19530703732962__generic_section_rGbE6j--AV2djU3M0NVM4RGNqc__richtext_FNGqUb"] {} 13121</style> 13122 13123<div data-style-id="template--19530703732962__generic_section_rGbE6j--AV2djU3M0NVM4RGNqc__richtext_FNGqUb" 13124 class="relative text-inherit"> 13125 13126 13127<div class="_input-richtext richtext-md"><p> 13128 13129 <svg data-icon-handle="check-mark" 13130 13131 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 13132 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 13133 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 13134 :role="url ? 'link':''" 13135 :tabindex="url ? '0' : undefined" 13136 aria-label="check-mark" 13137 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 13138 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 13139 13140</p></div> 13141 13142</div> 13143 13144 13145 13146</div> 13147 13148 13149 13150 13151 13152 13153 13154<style> 13155 [data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem"] {} 13156</style> 13157 13158<div 13159 data-style-id="template--19530703732962__generic_section_rGbE6j--AeEZqczZmR2s3S2tnd__container_t7biem" 13160 13161 13162 13163 13164 13165> 13166 13167 13168 13169 13170 13171<style> 13172 [data-style-id="template--19530703732962__generic_section_rGbE6j--ALzVtR3o2QWVNK21ub__richtext_jaHNMF"] {} 13173</style> 13174 13175<div data-style-id="template--19530703732962__generic_section_rGbE6j--ALzVtR3o2QWVNK21ub__richtext_jaHNMF" 13176 class="relative text-inherit"> 13177 13178 13179<div class="_input-richtext richtext-md"><h4><strong>5MG THC</strong></h4></div> 13180 13181</div> 13182 13183 13184 13185</div> 13186 13187 13188 13189 13190 13191 13192 13193<style> 13194 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy"] {} 13195</style> 13196 13197<div 13198 data-style-id="template--19530703732962__generic_section_rGbE6j--AdWM0MytnSG53R0p2U__container_TE6bTy" 13199 13200 13201 13202 13203 13204> 13205 13206 13207 13208 13209 13210<style> 13211 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdzhLYUhMV0ZoRXVkO__richtext_d9XEjX"] {} 13212</style> 13213 13214<div data-style-id="template--19530703732962__generic_section_rGbE6j--AdzhLYUhMV0ZoRXVkO__richtext_d9XEjX" 13215 class="relative text-inherit"> 13216 13217 13218<div class="_input-richtext richtext-md"><p> 13219 13220 <svg data-icon-handle="check-mark" 13221 13222 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 13223 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 13224 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 13225 :role="url ? 'link':''" 13226 :tabindex="url ? '0' : undefined" 13227 aria-label="check-mark" 13228 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 13229 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 13230 13231</p></div> 13232 13233</div> 13234 13235 13236 13237</div> 13238 13239 13240 13241 13242 13243 13244 13245<style> 13246 [data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ"] {} 13247</style> 13248 13249<div 13250 data-style-id="template--19530703732962__generic_section_rGbE6j--AZlBMcWdOK0VUajZDU__container_mpqrtJ" 13251 13252 13253 13254 13255 13256> 13257 13258 13259 13260 13261 13262<style> 13263 [data-style-id="template--19530703732962__generic_section_rGbE6j--AYzdhWHZMcFNQZG5YS__richtext_jFDeJj"] {} 13264</style> 13265 13266<div data-style-id="template--19530703732962__generic_section_rGbE6j--AYzdhWHZMcFNQZG5YS__richtext_jFDeJj" 13267 class="relative text-inherit"> 13268 13269 13270<div class="_input-richtext richtext-md"><h4><strong>3 INGREDIENTS</strong></h4></div> 13271 13272</div> 13273 13274 13275 13276</div> 13277 13278 13279 13280 13281 13282 13283 13284<style> 13285 [data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU"] {} 13286</style> 13287 13288<div 13289 data-style-id="template--19530703732962__generic_section_rGbE6j--AOW1HUTU2ay9tZ1Uxc__container_TmJJNU" 13290 13291 13292 13293 13294 13295> 13296 13297 13298 13299 13300 13301<style> 13302 [data-style-id="template--19530703732962__generic_section_rGbE6j--AaG1tYmVGQnBhd2Z0V__richtext_37p7J6"] {} 13303</style> 13304 13305<div data-style-id="template--19530703732962__generic_section_rGbE6j--AaG1tYmVGQnBhd2Z0V__richtext_37p7J6" 13306 class="relative text-inherit"> 13307 13308 13309<div class="_input-richtext richtext-md"><p> 13310 13311 <svg data-icon-handle="check-mark" 13312 13313 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 13314 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 13315 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 13316 :role="url ? 'link':''" 13317 :tabindex="url ? '0' : undefined" 13318 aria-label="check-mark" 13319 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 13320 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 13321 13322</p></div> 13323 13324</div> 13325 13326 13327 13328</div> 13329 13330 13331 13332 13333 13334 13335 13336<style> 13337 [data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8"] {} 13338</style> 13339 13340<div 13341 data-style-id="template--19530703732962__generic_section_rGbE6j--AR3pzc2Q2SG9ZbkVXQ__container_FRmHb8" 13342 13343 13344 13345 13346 13347> 13348 13349 13350 13351 13352 13353<style> 13354 [data-style-id="template--19530703732962__generic_section_rGbE6j--AR0MrT0x1aDBYL2ppc__r
13354ichtext_QydQtP"] {} 13355</style> 13356 13357<div data-style-id="template--19530703732962__generic_section_rGbE6j--AR0MrT0x1aDBYL2ppc__richtext_QydQtP" 13358 class="relative text-inherit"> 13359 13360 13361<div class="_input-richtext richtext-md"><h4><strong>0 SUGARS</strong></h4></div> 13362 13363</div> 13364 13365 13366 13367</div> 13368 13369 13370 13371 13372 13373 13374 13375<style> 13376 [data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr"] {} 13377</style> 13378 13379<div 13380 data-style-id="template--19530703732962__generic_section_rGbE6j--AVEVBVEkva1dLS1VTR__container_cBEQpr" 13381 13382 13383 13384 13385 13386> 13387 13388 13389 13390 13391 13392<style> 13393 [data-style-id="template--19530703732962__generic_section_rGbE6j--AUERJeUJNblRvRFpUS__richtext_r4DhWm"] {} 13394</style> 13395 13396<div data-style-id="template--19530703732962__generic_section_rGbE6j--AUERJeUJNblRvRFpUS__richtext_r4DhWm" 13397 class="relative text-inherit"> 13398 13399 13400<div class="_input-richtext richtext-md"><p> 13401 13402 <svg data-icon-handle="check-mark" 13403 13404 class="bg-current shrink-0 inline-flex items-center justify-center align-middle" 13405 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 13406 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 13407 :role="url ? 'link':''" 13408 :tabindex="url ? '0' : undefined" 13409 aria-label="check-mark" 13410 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 13411 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); height: 24px;width: 24px; color:currentColor;"></svg> 13412 13413</p></div> 13414 13415</div> 13416 13417 13418 13419</div> 13420 13421 13422 13423 13424 13425 13426 13427<style> 13428 [data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK"] { } [data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK"] {} 13429</style> 13430 13431<div 13432 data-style-id="template--19530703732962__generic_section_rGbE6j--AbzVtQXRkb0ZVTlJ6U__container_nwLFzK" 13433 13434 13435 13436 13437 13438> 13439 13440 13441 13442 13443 13444<style> 13445 [data-style-id="template--19530703732962__generic_section_rGbE6j--AdlRoU0poYmd1cThTW__richtext_mNfkfJ"] {} 13446</style> 13447 13448<div data-style-id="template--19530703732962__generic_section_rGbE6j--AdlRoU0poYmd1cThTW__richtext_mNfkfJ" 13449 class="relative text-inherit"> 13450 13451 13452<div class="_input-richtext richtext-md"><h4><strong>0 CALORIES</strong></h4></div> 13453 13454</div> 13455 13456 13457 13458</div> 13459 13460 13461 13462 13463 </div> 13464 13465</section> 13466 13467 13468 13469 </section> 13470 13471 13472 13473</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_RNTRhQ" class="shopify-section"> 13474 13475 13476 13477 13478 13479 13480 13481 <style> 13482 [data-style-id="template--19530703732962__generic_section_RNTRhQ--"] { } [data-style-id="template--19530703732962__generic_section_RNTRhQ--"] { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; //min-height: 712px; gap: 24px; padding-bottom: 16px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--"] { grid-template-columns: repeat(1, 1fr); gap: 0; padding-bottom: 0; }} 13483 </style> 13484 13485 <section 13486 data-style-id="template--19530703732962__generic_section_RNTRhQ--" 13487 id="Science" 13488 class="relative px-container-fullwidth"> 13489 13490 13491 13492 13493<style> 13494 [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATHhPSzZxWEIyUmJKa__container_fTtzpP"] { } [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATHhPSzZxWEIyUmJKa__container_fTtzpP"] { padding-left: var(--container-md);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATHhPSzZxWEIyUmJKa__container_fTtzpP"] { padding: 0; background-color: #FFFCF4; }} 13495</style> 13496 13497<div 13498 data-style-id="template--19530703732962__generic_section_RNTRhQ--ATHhPSzZxWEIyUmJKa__container_fTtzpP" 13499 13500 13501 13502 13503 13504> 13505 13506 13507 13508 13509<style> 13510 [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATVFaLzlBY01WTFQ4b__container_dHCc3Y"] { } [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATVFaLzlBY01WTFQ4b__container_dHCc3Y"] { display: flex; flex-direction: column; width: 100%; padding: 64px var(--gutter);}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--ATVFaLzlBY01WTFQ4b__container_dHCc3Y"] { padding: 48px var(--gutter) 32px var(--gutter); }} 13511</style> 13512 13513<div 13514 data-style-id="template--19530703732962__generic_section_RNTRhQ--ATVFaLzlBY01WTFQ4b__container_dHCc3Y" 13515 13516 13517 13518 13519 13520> 13521 13522 13523 13524 13525 13526<style> 13527 [data-style-id="template--19530703732962__generic_section_RNTRhQ--AaWN0SnlPUmNXSlpZb__richtext_djeJEV"] { margin-bottom: 20px; padding: 0; width: 100%;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--AaWN0SnlPUmNXSlpZb__richtext_djeJEV"] { margin-bottom: 16px; }} 13528</style> 13529 13530<div data-style-id="template--19530703732962__generic_section_RNTRhQ--AaWN0SnlPUmNXSlpZb__richtext_djeJEV" 13531 class="relative text-left"> 13532 13533 13534<div class="_input-richtext richtext-md"><h2><strong>Better Science = Better Drinks</strong></h2></div> 13535 13536</div> 13537 13538 13539 13540 13541 13542 13543 13544<style> 13545 [data-style-id="template--19530703732962__generic_section_RNTRhQ--AS2JwYzgzelc4cW8xR__richtext_8KB3fj"] { margin: 0; padding: 0; width: 100%;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--AS2JwYzgzelc4cW8xR__richtext_8KB3fj"] { }} 13546</style> 13547 13548<div data-style-id="template--19530703732962__generic_section_RNTRhQ--AS2JwYzgzelc4cW8xR__richtext_8KB3fj" 13549 class="relative text-left"> 13550 13551 13552<div class="_input-richtext richtext-md"><p>Our nano-emulsification process creates drinks that work faster, taste better, and deliver a consistently smooth experience with every sip.<br/><br/>Made fresh in our state-of-the-art facility â one of only 20 in the USA â features in-line pasteurization for guaranteed freshness in every can!<br/><br/><em>Want to Geek Out?</em></p></div> 13553 13554</div> 13555 13556 13557 13558 13559 13560 13561<style>[data-style-id="template--19530703732962__generic_section_RNTRhQ--Ad0ZTeWlCbzVwVlJxb__button_7VnyaD"] { margin-top: 32px; width: fit-content;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--Ad0ZTeWlCbzVwVlJxb__button_7VnyaD"] { margin-top: 24px; }}</style> 13562 13563 13564 13565 13566 13567 <a data-style-id="template--19530703732962__generic_section_RNTRhQ--Ad0ZTeWlCbzVwVlJxb__button_7VnyaD" 13568 13569 13570 href="/pages/coa-lab-results" 13571 class="w-full button-link-dark "> 13572 13573 13574Seltzer Lab Results <svg data-icon-handle="arrow-right" class="bg-current shrink-0 inline-flex items-center justify-center align-middle" x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-arrow-right--url`) }" :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" :role="url ? 'link':''" :tabindex="url ? '0' : undefined" aria-label="arrow-right" x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" style="mask: var(--icon-arrow-right); -webkit-mask: var(--icon-arrow-right); aspect-ratio: var(--icon-arrow-right-aspect-ratio, 1); height: 14px;width: 14px; color:currentColor;"></svg> 13575 </a> 13576 13577 13578 13579 13580</div> 13581 13582 13583 13584 13585</div> 13586 13587 13588 13589 13590 13591 13592 13593 13594 13595<style>[data-style-id="template--19530703732962__generic_section_RNTRhQ--AMmxFVkhxZWx4czhMS__image_APAeqA"] { width: 100%; aspect-ratio: 1; object-fit: cover; max-height: 712px;}[data-style-id="template--19530703732962__generic_section_RNTRhQ--AMmxFVkhxZWx4czhMS__image_APAeqA"]
13595img { object-position: 50% 100% !important;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_RNTRhQ--AMmxFVkhxZWx4czhMS__image_APAeqA"] { aspect-ratio: 375/281; }}</style> 13596 13597 13598 <picture data-style-id="template--19530703732962__generic_section_RNTRhQ--AMmxFVkhxZWx4czhMS__image_APAeqA" 13599 class="block relative shrink-0"> 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 <img src="//hiseltzers.com/cdn/shop/files/image_ratios_15.png?crop=center&height=712&v=1749520212&width=712" 13611 13612 width="712" 13613 height="712" 13614 13615 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 13616 style="object-position: 50.0% 50.0%;" 13617 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 13618 loading="eager" 13619 role="presentation" 13620 role="presentation" 13621 srcset="//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=48 48w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=96 96w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=256 256w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=384 384w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=460 460w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=640 640w,//hiseltzers.com/cdn/shop/files/image_ratios_15.png?v=1749520212&width=960 960w" 13622 data-image="eager"> 13623 13624 13625 13626 13627 13628 13629 </picture> 13630 13631 13632 13633 13634 </section> 13635 13636 13637 13638</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__table_eeJqfa" class="shopify-section"> 13639 13640 13641 13642 13643 13644 13645 13646 <style> 13647 [data-style-id="template--19530703732962__table_eeJqfa--"] { background-color: #fff4d1; } [data-style-id="template--19530703732962__table_eeJqfa--"] { padding-top: 80px; padding-bottom: 80px; background: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/3724563e496d0fe423b5f4daf874f653548e5d2c_2eb87e0a-0af8-4466-8f88-3ad5d26ce7f3.png?v=1750639821') 50% no-repeat, #FFF4D1; background-size: contain; z-index: 1;}[data-style-id="template--19530703732962__table_eeJqfa--"]::after { content: ''; width: 100%; height: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1512' height='38' viewBox='0 0 1512 38' fill='none'%3E%3Cpath d='M1259.74 0C1197.42 0 1165.77 5.62279 1135.22 10.9597C1103.89 16.4872 1071.46 22.2053 1007.82 22.2053C944.059 22.2053 911.738 16.4872 880.414 10.9597C849.753 5.52749 818.096 0 755.889 0C693.572 0 661.915 5.62279 631.365 10.9597C600.04 16.4872 567.609 22.2053 503.963 22.2053C440.207 22.2053 407.886 16.4872 376.561 10.9597C345.9 5.52749 314.244 0 252.037 0C189.719 0 158.063 5.62279 127.513 10.9597C96.188 16.4872 63.7564 22.2053 0.110688 22.2053C0.110688 22.2053 0.110688 22.2053 0 22.2053V38H1512V22.2053C1448.24 22.2053 1415.92 16.4872 1384.6 10.9597C1353.72 5.52749 1322.06 0 1259.74 0Z' fill='%23FFF4D1'/%3E%3C/svg%3E"); position: absolute; top: -38px; left: 0; right: 0; z-index: 1;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--"] { padding-top: 56px; padding-bottom: 56px; } [data-style-id="template--19530703732962__table_eeJqfa--"]::after { content: ''; width: 100%; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='12' viewBox='0 0 375 12' fill='none'%3E%3Cpath d='M312.436 0.666992C296.98 0.666992 289.129 2.2854 281.552 3.82151C273.783 5.41248 265.739 7.05831 249.954 7.05831C234.142 7.05831 226.126 5.41248 218.357 3.82151C210.752 2.25796 202.901 0.666992 187.473 0.666992C172.017 0.666992 164.165 2.2854 156.589 3.82151C148.82 5.41248 140.776 7.05831 124.991 7.05831C109.178 7.05831 101.162 5.41248 93.3931 3.82151C85.7888 2.25796 77.9374 0.666992 62.5091 0.666992C47.0534 0.666992 39.2021 2.2854 31.6252 3.82151C23.8562 5.41248 15.8126 7.05831 0.0274524 7.05831C0.0274524 7.05831 0.0274524 7.05831 0 7.05831V11.6045H375V7.05831C359.187 7.05831 351.171 5.41248 343.402 3.82151C335.743 2.25796 327.892 0.666992 312.436 0.666992Z' fill='%23FFF4D1'/%3E%3C/svg%3E"); position: absolute; top: -10px; left: 0; right: 0; z-index: 1; } [data-style-id="template--19530703732962__table_eeJqfa--"] { background: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/7d47bab6d8b18aa33886115261c6658cb077f86e.png?v=1750640856') 100% no-repeat, #FFF4D1; background-size: cover; }} 13648 </style> 13649 13650 <section 13651 data-style-id="template--19530703732962__table_eeJqfa--" 13652 id="Comparison Table" 13653 class="relative px-container-md"> 13654 13655 13656 13657 13658 13659<style>
13660 [data-style-id="template--19530703732962__table_eeJqfa--ARnhGOHlNWmt0M1Rya__richtext_L9U33n"] {} 13661</style> 13662 13663<div data-style-id="template--19530703732962__table_eeJqfa--ARnhGOHlNWmt0M1Rya__richtext_L9U33n" 13664 class="relative text-center"> 13665 13666 13667<div class="_input-richtext richtext-md"><h2><strong>Why hi Seltzer is the Clear Choice</strong><br/><span style="display: block; height:16px;"></span></h2><h4>Our seltzers are all natural, pour clear, and guilt-free.</h4></div> 13668 13669</div> 13670 13671 13672 13673 13674 13675 13676 13677 13678 13679 <style> 13680 [data-style-id="template--19530703732962__table_eeJqfa--AemZKNUZBQlpUSU82R__table_container_VgFQRc"] { } [data-style-id="template--19530703732962__table_eeJqfa--AemZKNUZBQlpUSU82R__table_container_VgFQRc"] { position: relative; height: 100%; padding-top: 32px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AemZKNUZBQlpUSU82R__table_container_VgFQRc"] { padding-top: 24px; }} 13681 </style> 13682 13683 <div data-style-id="template--19530703732962__table_eeJqfa--AemZKNUZBQlpUSU82R__table_container_VgFQRc" > 13684 13685 13686 13687 13688 13689 13690 13691 <style> 13692 [data-style-id="template--19530703732962__table_eeJqfa--AckEzK3E4Z2I4cFlVe__table_container_VJ9nUW"] { } [data-style-id="template--19530703732962__table_eeJqfa--AckEzK3E4Z2I4cFlVe__table_container_VJ9nUW"] { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; max-width: 800px; margin: 0 auto; position: relative; z-index: 1;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AckEzK3E4Z2I4cFlVe__table_container_VJ9nUW"] { grid-template-columns: 148px 1fr 1fr; }} 13693 </style> 13694 13695 <div data-style-id="template--19530703732962__table_eeJqfa--AckEzK3E4Z2I4cFlVe__table_container_VJ9nUW" > 13696 13697 13698 13699 13700 13701 13702 13703 <style> 13704 [data-style-id="template--19530703732962__table_eeJqfa--AS3FUYkJUU0Ixb2R0N__table_container_rKy9QW"] { } [data-style-id="template--19530703732962__table_eeJqfa--AS3FUYkJUU0Ixb2R0N__table_container_rKy9QW"] { grid-column-start: 2; height: 80px; background: #FEEAAA; padding: 8px var(--spacing-spacing-s, 16px); border-top-left-radius: 32px; border-top-right-radius: 32px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AS3FUYkJUU0Ixb2R0N__table_container_rKy9QW"] { border-top-left-radius: 24px; border-top-right-radius: 24px; }} 13705 </style> 13706 13707 <div data-style-id="template--19530703732962__table_eeJqfa--AS3FUYkJUU0Ixb2R0N__table_container_rKy9QW" > 13708 13709 13710 13711 13712 13713 13714<style>[data-style-id="template--19530703732962__table_eeJqfa--AN0swMHhUZi9DbDhLW__image_QwfC7c"] { width: auto; height: 64px; aspect-ratio: auto; object-fit: contain; border: none; border-radius: 0; overflow: hidden;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AN0swMHhUZi9DbDhLW__image_QwfC7c"] { height: 56px; margin: auto; aspect-ratio: 42.90 / 56.00; }}</style> 13715 13716 13717 <picture data-style-id="template--19530703732962__table_eeJqfa--AN0swMHhUZi9DbDhLW__image_QwfC7c" 13718 class="block relative shrink-0"> 13719 13720 13721 13722 13723 13724 13725 13726 13727 13728 13729 <img src="//hiseltzers.com/cdn/shop/files/logo.svg?crop=center&height=48&v=1749597615&width=38" 13730 13731 width="38" 13732 height="48" 13733 13734 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 13735 style="object-position: 50.0% 50.0%;" 13736 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 13737 loading="lazy" 13738 role="presentation" 13739 role="presentation" 13740 srcset="//hiseltzers.com/cdn/shop/files/logo.svg?v=1749597615&width=48 48w" 13741 data-image="lazy"> 13742 13743 13744 13745 13746 13747 13748 </picture> 13749 13750 13751 13752 13753 </div> 13754 13755 13756 13757 13758 13759 13760 13761<style> 13762 [data-style-id="template--19530703732962__table_eeJqfa--AZ28xV212eFluTWJZe__richtext_9rNL9y"] { color: #273426; }[data-style-id="template--19530703732962__table_eeJqfa--AZ28xV212eFluTWJZe__richtext_9rNL9y"] { height: 80px; padding: 8px var(--spacing-spacing-s, 16px); display: flex; align-items: center; justify-content: center; }@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AZ28xV212eFluTWJZe__richtext_9rNL9y"] { padding: 8px 5px; } [data-style-id="template--19530703732962__table_eeJqfa--AZ28xV212eFluTWJZe__richtext_9rNL9y"] h4 strong{ font-size: var(--richtext-md-p1, 15p
13762x); line-height: 140%; }} 13763</style> 13764 13765<div data-style-id="template--19530703732962__table_eeJqfa--AZ28xV212eFluTWJZe__richtext_9rNL9y" 13766 class="relative text-center"> 13767 13768 13769<div class="_input-richtext richtext-md"><h4><strong>Other 21+ Drinks</strong></h4></div> 13770 13771</div> 13772 13773 13774 13775 </div> 13776 13777 13778 13779 13780 13781 13782 13783<style>[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; min-height: 60px; width: 100%; justify-content: center; background: #FFF; max-width: 800px; margin: auto; position: relative; z-index: 1;}[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"]:first-of-type { border-radius: 48px 48px 0px 0px;}[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"]:last-of-type { border-radius: 0px 0px 48px 48px;}[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"]:last-of-type > * { border-bottom: 0px;}[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] > * { display: flex; justify-content: center; align-items: center; text-align: center; padding: var(--spacing-spacing-s, 16px); height: 80px; flex-wrap: wrap; }[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] [data-brand-icon] { background: #FEEAAA;}[data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] img { width: 32px; height: 32px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] { grid-template-columns: 148px 1fr 1fr; } [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] > * { padding: 8px; height: 64px; } [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"]:first-of-type { border-radius: 32px 32px 0px 0px; } [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"]:last-of-type { border-radius: 0px 0px 32px 32px; } [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] img { width: 24px; height: 24px; } [data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"] .richtext-md.h4 { font-size: var(--richtext-md-p1, 15px); line-height: 140%; }}</style> 13784 13785 13786 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" data-block-type="_table__row" data-block-id="ANjFiSFJFbTJuWmhCY__table_row_KxeAP6"> 13787 13788 13789<div class="_input-richtext richtext-md h4 !font-bold">Hangover-Free</div> 13790 13791 <span data-brand-icon class="bg-theme-text"> 13792 13793 13794 13795 13796 13797 13798 13799 13800 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 13801 13802 width="32" 13803 height="33" 13804 13805 class="size-10 text-theme-bg select-none" 13806 style="object-position: 50.0% 50.0%;" 13807 13808 loading="lazy" 13809 role="presentation" 13810 role="presentation" 13811 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 13812 data-image="lazy"> 13813 13814 13815 13816 13817</span> 13818 13819 <span data-competitor-icon> 13820 13821 13822 13823 13824 13825 13826 13827 13828 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 13829 13830 width="33" 13831 height="33" 13832 13833 class="size-6 text-theme-text select-none" 13834 style="object-position: 50.0% 50.0%;" 13835 13836 loading="lazy" 13837 role="presentation" 13838 role="presentation" 13839 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 13840 data-image="lazy"> 13841 13842 13843 13844 13845</span> 13846 13847 </row> 13848 13849 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" > 13850 13851 13852<div class="_input-richtext richtext-md h4 !font-bold">Lab-Tested</div> 13853 13854 <span data-brand-icon class="bg-theme-text"> 13855 13856 13857 13858 13859 13860 13861 13862 13863 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 13864 13865 width="32" 13866 height="33" 13867 13868 class="size-10 text-theme-bg select-none" 13869 style="object-position: 50.0% 50.0%;" 13870 13871 loading="lazy" 13872 role="presentation" 13873 role="presentation" 13874 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 13875 data-image="lazy"> 13876 13877 13878 13879 13880</span> 13881
13882 <span data-competitor-icon> 13883 13884 13885 13886 13887 13888 13889 13890 13891 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 13892 13893 width="33" 13894 height="33" 13895 13896 class="size-6 text-theme-text select-none" 13897 style="object-position: 50.0% 50.0%;" 13898 13899 loading="lazy" 13900 role="presentation" 13901 role="presentation" 13902 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 13903 data-image="lazy"> 13904 13905 13906 13907 13908</span> 13909 13910 </row> 13911 13912 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" > 13913 13914 13915<div class="_input-richtext richtext-md h4 !font-bold">0 Sugar, 0 Calories</div> 13916 13917 <span data-brand-icon class="bg-theme-text"> 13918 13919 13920 13921 13922 13923 13924 13925 13926 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 13927 13928 width="32" 13929 height="33" 13930 13931 class="size-10 text-theme-bg select-none" 13932 style="object-position: 50.0% 50.0%;" 13933 13934 loading="lazy" 13935 role="presentation" 13936 role="presentation" 13937 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 13938 data-image="lazy"> 13939 13940 13941 13942 13943</span> 13944 13945 <span data-competitor-icon> 13946 13947 13948 13949 13950 13951 13952 13953 13954 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 13955 13956 width="33" 13957 height="33" 13958 13959 class="size-6 text-theme-text select-none" 13960 style="object-position: 50.0% 50.0%;" 13961 13962 loading="lazy" 13963 role="presentation" 13964 role="presentation" 13965 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 13966 data-image="lazy"> 13967 13968 13969 13970 13971</span> 13972 13973 </row> 13974 13975 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" > 13976 13977 13978<div class="_input-richtext richtext-md h4 !font-bold">All Natural</div> 13979 13980 <span data-brand-icon class="bg-theme-text"> 13981 13982 13983 13984 13985 13986 13987 13988 13989 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 13990 13991 width="32" 13992 height="33" 13993 13994 class="size-10 text-theme-bg select-none" 13995 style="object-position: 50.0% 50.0%;" 13996 13997 loading="lazy" 13998 role="presentation" 13999 role="presentation" 14000 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 14001 data-image="lazy"> 14002 14003 14004 14005 14006</span> 14007 14008 <span data-competitor-icon> 14009 14010 14011 14012 14013 14014 14015 14016 14017 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 14018 14019 width="33" 14020 height="33" 14021 14022 class="size-6 text-theme-text select-none" 14023 style="object-position: 50.0% 50.0%;" 14024 14025 loading="lazy" 14026 role="presentation" 14027 role="presentation" 14028 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 14029 data-image="lazy"> 14030 14031 14032 14033 14034</span> 14035 14036 </row> 14037 14038 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" > 14039 14040 14041<div class="_input-richtext richtext-md h4 !font-bold">No Bloating</div> 14042 14043 <span data-brand-icon class="bg-theme-text"> 14044 14045 14046 14047 14048 14049 14050 14051 14052 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 14053 14054 width="32" 14055 height="33" 14056 14057 class="size-10 text-theme-bg select-none" 14058 style="object-position: 50.0% 50.0%;" 14059 14060 loading="lazy" 14061 role="presentation" 14062 role="presentation" 14063 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 14064 data-image="lazy"> 14065 14066 14067 14068 14069</span> 14070 14071 <span data-competitor-icon> 14072 14073 14074 14075 14076 14077 14078 14079 14080 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 14081 14082 width="33" 14083 height="33" 14084 14085 class="size-6 text-theme-text select-none" 14086 style="object-position: 50.0% 50.0%;" 14087 14088 loading="lazy" 14089 role="presentation" 14090 role="presentation" 14091 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 14092 data-image="lazy"> 14093 14094 14095 14096 14097</span> 14098 14099 </row> 14100 14101 <row data-style-id="template--19530703732962__table_eeJqfa--ANjFiSFJFbTJuWmhCY__table_row_KxeAP6" > 14102 14103 14104<div class="_input-richtext richtext-md h4 !font-bold">Nothing Artificial</div> 14105
14106 <span data-brand-icon class="bg-theme-text"> 14107 14108 14109 14110 14111 14112 14113 14114 14115 <img src="//hiseltzers.com/cdn/shop/files/check-circle.svg?crop=center&height=33&v=1750257578&width=32" 14116 14117 width="32" 14118 height="33" 14119 14120 class="size-10 text-theme-bg select-none" 14121 style="object-position: 50.0% 50.0%;" 14122 14123 loading="lazy" 14124 role="presentation" 14125 role="presentation" 14126 srcset="//hiseltzers.com/cdn/shop/files/check-circle.svg?v=1750257578&width=48 48w" 14127 data-image="lazy"> 14128 14129 14130 14131 14132</span> 14133 14134 <span data-competitor-icon> 14135 14136 14137 14138 14139 14140 14141 14142 14143 <img src="//hiseltzers.com/cdn/shop/files/x-circle.svg?crop=center&height=33&v=1750257577&width=33" 14144 14145 width="33" 14146 height="33" 14147 14148 class="size-6 text-theme-text select-none" 14149 style="object-position: 50.0% 50.0%;" 14150 14151 loading="lazy" 14152 role="presentation" 14153 role="presentation" 14154 srcset="//hiseltzers.com/cdn/shop/files/x-circle.svg?v=1750257577&width=48 48w" 14155 data-image="lazy"> 14156 14157 14158 14159 14160</span> 14161 14162 </row> 14163 14164 14165 14166 14167 14168 14169 14170 14171 <style> 14172 [data-style-id="template--19530703732962__table_eeJqfa--AQW55ak91OTBMV05tb__table_container_gQDt9n"] { } [data-style-id="template--19530703732962__table_eeJqfa--AQW55ak91OTBMV05tb__table_container_gQDt9n"] { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; max-width: 800px; margin: 0 auto; position: relative; z-index: 1;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AQW55ak91OTBMV05tb__table_container_gQDt9n"] { grid-template-columns: 148px 1fr 1fr; }} 14173 </style> 14174 14175 <div data-style-id="template--19530703732962__table_eeJqfa--AQW55ak91OTBMV05tb__table_container_gQDt9n" > 14176 14177 14178 14179 14180 14181 14182 14183 <style> 14184 [data-style-id="template--19530703732962__table_eeJqfa--AcWp0Ynd0YlMyRThhS__table_container_Cn8ndq"] { } [data-style-id="template--19530703732962__table_eeJqfa--AcWp0Ynd0YlMyRThhS__table_container_Cn8ndq"] { grid-column-start: 2; height: 24px; background: #FEEAAA; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__table_eeJqfa--AcWp0Ynd0YlMyRThhS__table_container_Cn8ndq"] { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }} 14185 </style> 14186 14187 <div data-style-id="template--19530703732962__table_eeJqfa--AcWp0Ynd0YlMyRThhS__table_container_Cn8ndq" > 14188 14189 </div> 14190 14191 14192 14193 </div> 14194 14195 14196 14197 </div> 14198 14199 14200 14201 </section> 14202 14203 14204</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_TPPDVm" class="shopify-section"> 14205 14206 14207 14208 14209 14210 14211 14212 <style> 14213 [data-style-id="template--19530703732962__generic_section_TPPDVm--"] { color: #273426; background-color: #feeaaa; } [data-style-id="template--19530703732962__generic_section_TPPDVm--"] { --gap: 64px; padding-top: 24px; padding-bottom: 24px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--"] { }} 14214 </style> 14215 14216 <section 14217 data-style-id="template--19530703732962__generic_section_TPPDVm--" 14218 id="Marquee - 2" 14219 class="relative px-container-fullwidth"> 14220 14221 14222 14223 14224 14225 14226 14227<style> 14228 [data-style-id="template--19530703732962__generic_section_TPPDVm--AZWhJVk02TjNQTzF1T__marquee_8mkPqf"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AZWhJVk02TjNQTzF1T__marquee_8mkPqf"] { --gap: 64px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AZWhJVk02TjNQTzF1T__marquee_8mkPqf"] { --gap: 32px; }} 14229</style> 14230 14231<section 14232 data-style-id="template--19530703732962__generic_section_TPPDVm--AZWhJVk02TjNQTzF1T__marquee_8mkPqf" 14233 class="group relative grid auto-cols-max grid-flow-col-dense scrollbar-none overflow-hidden" 14234 14235 style="--animate-duration: 30" 14236 x-data="{ ..._sections.initMarqueeBar($el, +`30`) }" 14237 x-defer="intersect" 14238 @resize.window="handleMarqueeResize" 14239 x-init="$nextTick(()=> { handleMarqueeResize(); setTimeout(()=> { handleMarqueeResize() }, 350)})" 14240 14241> 14242 <div class="relative overflow-hidden w-max grid auto-cols-max grid-flow-col-dense scrollbar-none animate-marquee1 gap-[--gap] pl-[--gap]" 14243 style="animation-duration: calc(var(--animate-duration, 0) * 1s); animation-direction: "> 14244 14245 14246 14247 14248<style> 14249 [data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6"] {} 14250</style> 14251 14252<div 14253 data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6" 14254 14255 14256 14257 14258 14259> 14260 14261 14262 14263 14264 14265 14266<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] { height: 32px; opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] { height: 24px; }}</style> 14267 14268 14269 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8" 14270 class="block relative shrink-0"> 14271 14272 14273 14274 14275 14276 14277 14278 14279 14280 14281 <img src="//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?crop=center&height=222&v=1749966093&width=1080" 14282 14283 width="1080" 14284 height="222" 14285 14286 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14287 style="object-position: 50.0% 50.0%;" 14288 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14289 loading="lazy" 14290 role="presentation" 14291 role="presentation" 14292 srcset="//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=48 48w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=96 96w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=256 256w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=384 384w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=460 460w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=640 640w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=960 960w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=1200 1200w" 14293 data-image="lazy"> 14294 14295 14296 14297 14298 14299 14300 </picture> 14301 14302 14303 14304 14305</div> 14306 14307 14308 14309 14310 14311 14312 14313<style> 14314 [data-style-id="template--19530703732962__generic_section_TPPDVm--AL0R
14314xNkxLR3NkUU9LN__container_BKNd7D"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AL0RxNkxLR3NkUU9LN__container_BKNd7D"] {} 14315</style> 14316 14317<div 14318 data-style-id="template--19530703732962__generic_section_TPPDVm--AL0RxNkxLR3NkUU9LN__container_BKNd7D" 14319 14320 14321 14322 14323 14324> 14325 14326 14327 14328 14329 14330 14331<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] { height: 24px; }}</style> 14332 14333 14334 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3" 14335 class="block relative shrink-0"> 14336 14337 14338 14339 14340 14341 14342 14343 14344 14345 14346 <img src="//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?crop=center&height=32&v=1751255835&width=67" 14347 14348 width="67" 14349 height="32" 14350 14351 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14352 style="object-position: 50.0% 50.0%;" 14353 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14354 loading="lazy" 14355 role="presentation" 14356 role="presentation" 14357 srcset="//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?v=1751255835&width=48 48w,//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?v=1751255835&width=96 96w" 14358 data-image="lazy"> 14359 14360 14361 14362 14363 14364 14365 </picture> 14366 14367 14368 14369 14370</div> 14371 14372 14373 14374 14375 14376 14377 14378<style> 14379 [data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4"] {} 14380</style> 14381 14382<div 14383 data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4" 14384 14385 14386 14387 14388 14389> 14390 14391 14392 14393 14394 14395 14396<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] { height: 24px; }}</style> 14397 14398 14399 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt" 14400 class="block relative shrink-0"> 14401 14402 14403 14404 14405 14406 14407 14408 14409 14410 14411 <img src="//hiseltzers.com/cdn/shop/files/CNN_1.svg?crop=center&height=32&v=1749966094&width=67" 14412 14413 width="67" 14414 height="32" 14415 14416 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14417 style="object-position: 50.0% 50.0%;" 14418 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14419 loading="lazy" 14420 role="presentation" 14421 role="presentation" 14422 srcset="//hiseltzers.com/cdn/shop/files/CNN_1.svg?v=1749966094&width=48 48w,//hiseltzers.com/cdn/shop/files/CNN_1.svg?v=1749966094&width=96 96w" 14423 data-image="lazy"> 14424 14425 14426 14427 14428 14429 14430 </picture> 14431 14432 14433 14434 14435</div> 14436 14437 14438 14439 14440 14441 14442 14443<style> 14444 [data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__
14444container_VCgiYa"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__container_VCgiYa"] {} 14445</style> 14446 14447<div 14448 data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__container_VCgiYa" 14449 14450 14451 14452 14453 14454> 14455 14456 14457 14458 14459 14460 14461<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] { height: 24px; }}</style> 14462 14463 14464 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g" 14465 class="block relative shrink-0"> 14466 14467 14468 14469 14470 14471 14472 14473 14474 14475 14476 <img src="//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?crop=center&height=152&v=1751255591&width=800" 14477 14478 width="800" 14479 height="152" 14480 14481 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14482 style="object-position: 50.0% 50.0%;" 14483 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14484 loading="lazy" 14485 role="presentation" 14486 role="presentation" 14487 srcset="//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=48 48w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=96 96w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=256 256w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=384 384w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=460 460w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=640 640w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=960 960w" 14488 data-image="lazy"> 14489 14490 14491 14492 14493 14494 14495 </picture> 14496 14497 14498 14499 14500</div> 14501 14502 14503 14504 14505 14506 14507 14508<style> 14509 [data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3"] {} 14510</style> 14511 14512<div 14513 data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3" 14514 14515 14516 14517 14518 14519> 14520 14521 14522 14523 14524 14525 14526<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] { height: 24px; }}</style> 14527 14528 14529 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH" 14530 class="block relative shrink-0"> 14531 14532 14533 14534 14535 14536 14537 14538 14539 14540 14541 <img src="//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?crop=center&height=32&v=1749966093&width=110" 14542 14543 width="110" 14544 height="32" 14545 14546 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14547 style="object-position: 50.0% 50.0%;" 14548 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14549 loading="lazy" 14550 role="presentation" 14551 role="presentation" 14552 srcset="//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=48 48w,//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=96 96w,//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=256 256w" 14553 data-image="lazy"> 14554 14555 14556 14557 14558 14559 14560 </picture> 14561 14562 14563 14564 14565</div> 14566 14567 14568 14569 14570 14571 14572 14573<style> 14574 [data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR"] {} 14575</style> 14576 14577<div 14578 data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR" 14579 14580 14581 14582 14583 14584> 14585 14586 14587 14588 14589 14590 14591<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] { height: 24px; }}</style> 14592 14593 14594 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6" 14595 class="block relative shrink-0"> 14596 14597 14598 14599 14600 14601 14602 14603 14604 14605 14606 <img src="//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?crop=center&height=32&v=1751255802&width=121" 14607 14608 width="121" 14609 height="32" 14610 14611 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14612 style="object-position: 50.0% 50.0%;" 14613 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14614 loading="lazy" 14615 role="presentation" 14616 role="presentation" 14617 srcset="//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=48 48w,//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=96 96w,//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=256 256w" 14618 data-image="lazy"> 14619 14620 14621 14622 14623 14624 14625 </picture> 14626 14627 14628 14629 14630</div> 14631 14632 14633 14634 14635 </div> 14636 14637 <div class="relative overflow-hidden w-max grid auto-cols-max grid-flow-col-dense scrollbar-none animate-marquee1 gap-[--gap] pl-[--gap]" 14638 aria-hidden="true" 14639 style="animation-duration: calc(var(--animate-duration) * 1s); animation-direction: "> 14640 14641 14642 14643 14644<style> 14645 [data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6"] {} 14646</style> 14647 14648<div 14649 data-style-id="template--19530703732962__generic_section_TPPDVm--ANDliekVFOXRZTEU0N__container_Kfd7c6" 14650 14651 14652 14653 14654 14655> 14656 14657 14658 14659 14660 14661 14662<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] { height: 32px; opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8"] { height: 24px; }}</style> 14663 14664 14665 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AVnNiUEZRd2prMHZlL__image_HrPtW8" 14666 class="block relative shrink-0"> 14667 14668 14669 14670 14671 14672 14673 14674 14675 14676 14677 <img src="//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?crop=center&height=222&v=1749966093&width=1080" 14678 14679 width="1080" 14680 height="222" 14681 14682 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14683 style="object-position: 50.0% 50.0%;" 14684 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14685 loading="lazy" 14686 role="presentation" 14687 role="presentation" 14688 srcset="//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=48 48w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=96 96w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=256 256w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=384 384w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=460 460w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=640 640w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=960 960w,//hiseltzers.com/cdn/shop/files/b02a0b4c2896dbcb099cc2e89c6af48a068c6e83.png?v=1749966093&width=1200 1200w" 14689 data-image="lazy"> 14690 14691 14692 14693 14694 14695 14696 </picture> 14697 14698 14699 14700 14701</div> 14702 14703 14704 14705 14706 14707 14708 14709<style> 14710 [data-style-id="template--19530703732962__generic_section_TPPDVm--AL0R
14710xNkxLR3NkUU9LN__container_BKNd7D"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AL0RxNkxLR3NkUU9LN__container_BKNd7D"] {} 14711</style> 14712 14713<div 14714 data-style-id="template--19530703732962__generic_section_TPPDVm--AL0RxNkxLR3NkUU9LN__container_BKNd7D" 14715 14716 14717 14718 14719 14720> 14721 14722 14723 14724 14725 14726 14727<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3"] { height: 24px; }}</style> 14728 14729 14730 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AU21RckZsYW5qL042d__image_GMAYp3" 14731 class="block relative shrink-0"> 14732 14733 14734 14735 14736 14737 14738 14739 14740 14741 14742 <img src="//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?crop=center&height=32&v=1751255835&width=67" 14743 14744 width="67" 14745 height="32" 14746 14747 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14748 style="object-position: 50.0% 50.0%;" 14749 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14750 loading="lazy" 14751 role="presentation" 14752 role="presentation" 14753 srcset="//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?v=1751255835&width=48 48w,//hiseltzers.com/cdn/shop/files/Beverage-Digest_1.svg?v=1751255835&width=96 96w" 14754 data-image="lazy"> 14755 14756 14757 14758 14759 14760 14761 </picture> 14762 14763 14764 14765 14766</div> 14767 14768 14769 14770 14771 14772 14773 14774<style> 14775 [data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4"] {} 14776</style> 14777 14778<div 14779 data-style-id="template--19530703732962__generic_section_TPPDVm--Aem94blVvZFlRQzhra__container_4x4xD4" 14780 14781 14782 14783 14784 14785> 14786 14787 14788 14789 14790 14791 14792<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt"] { height: 24px; }}</style> 14793 14794 14795 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AcmdlayttQ0x1K2Y5T__image_G7Fzrt" 14796 class="block relative shrink-0"> 14797 14798 14799 14800 14801 14802 14803 14804 14805 14806 14807 <img src="//hiseltzers.com/cdn/shop/files/CNN_1.svg?crop=center&height=32&v=1749966094&width=67" 14808 14809 width="67" 14810 height="32" 14811 14812 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14813 style="object-position: 50.0% 50.0%;" 14814 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14815 loading="lazy" 14816 role="presentation" 14817 role="presentation" 14818 srcset="//hiseltzers.com/cdn/shop/files/CNN_1.svg?v=1749966094&width=48 48w,//hiseltzers.com/cdn/shop/files/CNN_1.svg?v=1749966094&width=96 96w" 14819 data-image="lazy"> 14820 14821 14822 14823 14824 14825 14826 </picture> 14827 14828 14829 14830 14831</div> 14832 14833 14834 14835 14836 14837 14838 14839<style> 14840 [data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__
14840container_VCgiYa"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__container_VCgiYa"] {} 14841</style> 14842 14843<div 14844 data-style-id="template--19530703732962__generic_section_TPPDVm--AT0tSTGJBbXljbTJrN__container_VCgiYa" 14845 14846 14847 14848 14849 14850> 14851 14852 14853 14854 14855 14856 14857<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g"] { height: 24px; }}</style> 14858 14859 14860 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--AVHBCcHJwbVNIM1R6b__image_dGLy7g" 14861 class="block relative shrink-0"> 14862 14863 14864 14865 14866 14867 14868 14869 14870 14871 14872 <img src="//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?crop=center&height=152&v=1751255591&width=800" 14873 14874 width="800" 14875 height="152" 14876 14877 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14878 style="object-position: 50.0% 50.0%;" 14879 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14880 loading="lazy" 14881 role="presentation" 14882 role="presentation" 14883 srcset="//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=48 48w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=96 96w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=256 256w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=384 384w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=460 460w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=640 640w,//hiseltzers.com/cdn/shop/files/6509fa2cec87827d2b7d01adb1c192207e608de4.png?v=1751255591&width=960 960w" 14884 data-image="lazy"> 14885 14886 14887 14888 14889 14890 14891 </picture> 14892 14893 14894 14895 14896</div> 14897 14898 14899 14900 14901 14902 14903 14904<style> 14905 [data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3"] {} 14906</style> 14907 14908<div 14909 data-style-id="template--19530703732962__generic_section_TPPDVm--AeGM5OFFmSDdPM3lEW__container_8mcDx3" 14910 14911 14912 14913 14914 14915> 14916 14917 14918 14919 14920 14921 14922<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH"] { height: 24px; }}</style> 14923 14924 14925 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--ARUlpMTNCN0p0L1hOV__image_CaYgyH" 14926 class="block relative shrink-0"> 14927 14928 14929 14930 14931 14932 14933 14934 14935 14936 14937 <img src="//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?crop=center&height=32&v=1749966093&width=110" 14938 14939 width="110" 14940 height="32" 14941 14942 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 14943 style="object-position: 50.0% 50.0%;" 14944 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 14945 loading="lazy" 14946 role="presentation" 14947 role="presentation" 14948 srcset="//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=48 48w,//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=96 96w,//hiseltzers.com/cdn/shop/files/CBS_logo_3.svg?v=1749966093&width=256 256w" 14949 data-image="lazy"> 14950 14951 14952 14953 14954 14955 14956 </picture> 14957 14958 14959 14960 14961</div> 14962 14963 14964 14965 14966 14967 14968 14969<style> 14970 [data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR"] { } [data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR"] {} 14971</style> 14972 14973<div 14974 data-style-id="template--19530703732962__generic_section_TPPDVm--AN3Q2b3V3T2dqZkNPZ__container_CfNRRR" 14975 14976 14977 14978 14979 14980> 14981 14982 14983 14984 14985 14986 14987<style>[data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] { height: 32px; //opacity: .8;}[data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] img { width: auto;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6"] { height: 24px; }}</style> 14988 14989 14990 <picture data-style-id="template--19530703732962__generic_section_TPPDVm--ASXllcXQyTHl2VHhOe__image_mAz8Y6" 14991 class="block relative shrink-0"> 14992 14993 14994 14995 14996 14997 14998 14999 15000 15001 15002 <img src="//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?crop=center&height=32&v=1751255802&width=121" 15003 15004 width="121" 15005 height="32" 15006 15007 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 15008 style="object-position: 50.0% 50.0%;" 15009 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 15010 loading="lazy" 15011 role="presentation" 15012 role="presentation" 15013 srcset="//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=48 48w,//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=96 96w,//hiseltzers.com/cdn/shop/files/Forbes_3_1.svg?v=1751255802&width=256 256w" 15014 data-image="lazy"> 15015 15016 15017 15018 15019 15020 15021 </picture> 15022 15023 15024 15025 15026</div> 15027 15028 15029 15030 15031 </div> 15032 15033</section> 15034 15035 15036 15037 </section> 15038 15039 15040 15041</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
15041 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__174973311727b056ee" class="shopify-section"> 15042 15043 15044 15045 15046 15047 15048 15049 <style> 15050 [data-style-id="template--19530703732962__174973311727b056ee--"] { background-color: rgba(0,0,0,0); } [data-style-id="template--19530703732962__174973311727b056ee--"] { padding-top: 42px; padding-bottom: 60px;}[data-style-id="template--19530703732962__174973311727b056ee--"] .shopify-app-block { border-radius: 32px; overflow: hidden;}[data-style-id="template--19530703732962__174973311727b056ee--"] .jdgm-rev-widg { padding: 24px 16px !important;}@media (max-width: 768px) { [data-style-id="template--19530703732962__174973311727b056ee--"] { padding-top: 32px; padding-bottom: 48px; } [data-style-id="template--19530703732962__174973311727b056ee--"] .shopify-app-block { border-radius: 24px; }} 15051 </style> 15052 15053 <section 15054 data-style-id="template--19530703732962__174973311727b056ee--" 15055 id="Reviews" 15056 class="relative px-container-md "> 15057 <!-- Failed to render app block "judge_me_reviews_review_widget_nk4iwc": app block path "shopify://apps/judge-me-reviews/blocks/review_widget/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8" does not exist --> 15058 </section> 15059 15060 15061 15062</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_7mknay" class="shopify-section"> 15063 15064 15065 15066 15067 15068 15069 15070 <style> 15071 [data-style-id="template--19530703732962__generic_section_7mknay--"] { background-color: #fffef7; } [data-style-id="template--19530703732962__generic_section_7mknay--"] { padding-bottom: 96px; display: flex; //gap: 48px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_7mknay--"] { flex-direction: column; padding-bottom: 56px; gap: 24px; }} 15072 </style> 15073 15074 <section 15075 data-style-id="template--19530703732962__generic_section_7mknay--" 15076 id="Recommended" 15077 class="relative px-container-md"> 15078 15079 15080 15081 15082 15083 15084<style>[data-style-id="template--19530703732962__generic_section_7mknay--AekJJcEdUdjdQQmtmS__image_3wKpUJ"] { padding-right: 48px; z-index: 10; background-color: #FFFEF7;}[data-style-id="template--19530703732962__generic_section_7mknay--AekJJcEdUdjdQQmtmS__image_3wKpUJ"] img { aspect-ratio: 592/657; max-width: 592px; width: 100%; border-radius: 32px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_7mknay--AekJJcEdUdjdQQmtmS__image_3wKpUJ"] img { aspect-ratio: 1; margin: auto; } [data-style-id="template--19530703732962__generic_section_7mknay--AekJJcEdUdjdQQmtmS__image_3wKpUJ"] { padding-right: 0; }}</style> 15085 15086 15087 <picture data-style-id="template--19530703732962__generic_section_7mknay--AekJJcEdUdjdQQmtmS__image_3wKpUJ" 15088 class="block relative shrink-0"> 15089 15090 15091 15092 15093 15094 15095 15096 15097 15098 15099 <img src="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?crop=center&height=1365&v=1753823012&width=1092" 15100 15101 width="1092" 15102 height="1365" 15103 15104 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 15105 style="object-position: 50.0% 50.0%;" 15106 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 15107 loading="lazy" 15108 role="presentation" 15109 role="presentation" 15110 srcset="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=48 48w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=96 96w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=256 256w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=384 384w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=460 460w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=640 640w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=960 960w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4750.jpg?v=1753823012&width=1200 1200w" 15111 data-image="lazy"> 15112 15113 15114 15115 15116 15117 15118 </picture> 15119 15120 15121 15122 15123 15124 15125 15126<style> 15127 [data-style-id="template--19530703732962__generic_section_7mknay--AcWtZVkRWQVJySmttc__container_G8QxQV"] { } [data-style-id="template--19530703732962__generic_section_7mknay--AcWtZVkRWQVJySmttc__container_G8QxQV"] { display: flex; flex-direction: column; gap: 36px;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_7mknay--AcWtZVkRWQVJySmttc__container_G8QxQV"] { gap: 24px; }} 15128</style> 15129 15130<div 15131 data-style-id="template--19530703732962__generic_section_7mknay--AcWtZVkRWQVJySmttc__container_G8QxQV" 15132 15133 15134 15135 15136 15137> 15138 15139 15140 15141 15142 15143<style> 15144 [data-style-id="template--19530703732962__generic_section_7mknay--AN1FHdWMrcUZ1WGpES__richtext_crtCYm"] { max-width: 464px; width: 100%;}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_7mknay--AN1FHdWMrcUZ1WGpES__richtext_crtCYm"] { text-align: center; }} 15145</style> 15146 15147<div data-style-id="template--19530703732962__generic_section_7mknay--AN1FHdWMrcUZ1WGpES__richtext_crtCYm" 15148 class="relative text-inherit"> 15149 15150 15151<div class="_input-richtext richtext-md"><h2><strong>Double the hi, <br/>Double the Fun</strong></h2><p><span style="display: block; height:16px;"></span></p><p>Fast-acting, flavorful, and perfectly dosed. Grab some gummies and take your hi further. Choose your Flavor!</p></div> 15152 15153</div> 15154 15155 15156 15157 15158 15159 15160 15161 15162 15163 15164 15165 <style> 15166 [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] { } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] { --grid-cols: 2.4; --grid-gap: 24px;}[data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] .grid-container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap); margin-right: calc(var(--container-md)* -1); scroll-padding-right: var(--container-md); padding-right: var(--container-md);}[data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar] { position: absolute; top: -92px; width: 100%; max-width: 616px;}[data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar-buttons] { justify-content: end; gap: 16px;}[data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] .scroll-pagination { display: none;}@media (max-width: 1280px) { [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] { --grid-cols: 2; --grid-gap: 12px; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar-button] { width: 36px; height: 36px; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar-button] svg { width: 24px; height: 24px; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar] { right: -64px; top: -73px; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar-buttons] { gap: 4px; }}@media (max-width: 1024px) { [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] { --grid-cols: 3; --grid-gap: 16px; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] [data-scrollbar] { display: none; } [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] .scroll-pagination { display: flex; margin-top: 14px; }}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km"] { --grid-cols: 1.74; --grid-gap: 16px; }} 15167 </style> 15168 15169 <div data-style-id="template--19530703732962__generic_section_7mknay--AYmtqaWxtVWpRVjJJK__slider_Rrc3Km" 15170 class="relative max-w-full" 15171 style="-webkit-overflow-scrolling: touch; touch-action: pan-x;" 15172 15173
15174 x-data="{ ...utils.initContentSlider($el, $refs.scrollContainer, undefined,`false` === 'true', +`0`), show_all_items: true, desktop_display_limit: 9999, mobile_display_limit: 9999 }" 15175 15176 15177 > 15178 <div class="grid-container relative grid overflow-x-auto scrollbar-none overflow-y-hidden snap-mandatory [&>*]:snap-start max-md:-mx-container-md max-md:scroll-px-container-md max-md:px-container-md" 15179 x-ref="scrollContainer" 15180 @resize.window="content_slider.handleResize" 15181 x-init="$nextTick(() => content_slider.handleResize())" 15182 @scroll="content_slider.handleScroll" 15183 @scrollend="content_slider.handleInfiniteScroll" 15184 15185 > 15186 15187 15188 15189 15190 15191 15192 15193 15194 15195 15196 15197 15198<style> 15199 [data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb"] { } [data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb"] {} 15200</style> 15201 15202 15203 15204 15205 15206 15207 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15208 class="shrink-0 max-w-full w-full order-[--order] " 15209 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--0" 15210 data-hide-if-empty="none" 15211 data-product-handle="blue-raspberry-2-pack" 15212 15213 style="--order: 10"> 15214 <section 15215 class="card-loading product-card--product-card-pdp" 15216 data-product-handle="blue-raspberry-2-pack" 15217 data-product-id="8906344333538" 15218 15219 15220 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15221 15222
15222<script type="application/json" 15223 data-product-data="blue-raspberry-2-pack"> 15224 15225 15226{ "id": 8906344333538, "selected_variant_id": null, "handle": "blue-raspberry-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Blue Raspberry 2-Pack", "featured_media": {"alt":null,"id":36025038307554,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157","width":645}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157", "image": {"alt":null,"id":36025038307554,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157","width":645}, "media": [{"alt":null,"id":36025038307554,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_0621_1.png?v=1749837157","width":645},{"alt":null,"id":36133545935074,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Blue_was.png?v=1751988609"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Blue_was.png?v=1751988609","width":2160},{"alt":null,"id":36264844591330,"position":3,"preview_image":{"aspect_ratio":1.5,"height":1365,"width":2048,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4946.jpg?v=1753822075"},"aspect_ratio":1.5,"height":1365,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4946.jpg?v=1753822075","width":2048},{"alt":null,"id":36092509389026,"position":4,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-2108.jpg?v=1753822075"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-2108.jpg?v=1753822075","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/blue-raspberry-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["wild-berry-12-pack"], "related_product_handles":[], "metafields": { "smart":{ "colors": {"color_1":"#7caedb","color_2":"#e2f1ff","color_3":"#f6fbff","name":"WILD BERRY"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518039778, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_blue-raspberry.png?v=1751394304", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9
15226-THC_01-2025_blue-raspberry.png?v=1751394304", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eBursting with sweet, ripe berry flavor, this blueberry gummy brings a simple, familiar, and always satisfying taste. \u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eA nostalgic blast of sweet, tangy perfection.\u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are a bit different than our seltzers, we recommend the same approach: start with half, wait about 15 minutes, and if youâre feeling good, enjoy the rest! \u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627410346210, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627410346210, "sku": "BR1020EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15226 15227 15228 </div> 15229 15230 15231 15232 15233 15234 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15235 class="shrink-0 max-w-full w-full order-[--order] " 15236 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--1" 15237 data-hide-if-empty="none" 15238 data-product-handle="strawberry-2-pack" 15239 15240 style="--order: 20"> 15241 <section 15242 class="card-loading product-card--product-card-pdp" 15243 data-product-handle="strawberry-2-pack" 15244 data-product-id="8906355605730" 15245 15246 15247 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15248 15249
15249<script type="application/json" 15250 data-product-data="strawberry-2-pack"> 15251 15252 15253{ "id": 8906355605730, "selected_variant_id": null, "handle": "strawberry-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Strawberry 2 Pack", "featured_media": {"alt":null,"id":36025038340322,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842","width":645}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842", "image": {"alt":null,"id":36025038340322,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842","width":645}, "media": [{"alt":null,"id":36025038340322,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_067_1.png?v=1749835842","width":645},{"alt":null,"id":36133549670626,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Strawberry_2.png?v=1751988693"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Strawberry_2.png?v=1751988693","width":2160},{"alt":null,"id":36092497068258,"position":3,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-4312_3a7798f7-0e0b-4604-ba96-2e6351a88686.jpg?v=1751988693"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-4312_3a7798f7-0e0b-4604-ba96-2e6351a88686.jpg?v=1751988693","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/strawberry-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["watermelon-12-pack"], "metafields": { "smart":{ "colors": {"color_1":"#e2607d","color_2":"#ffe5ee","color_3":"#fffbfb","name":"CHERRY"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518105314, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_strawberry.png?v=1751394305", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_strawberry.png?v=1751394305", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eSweet, bright, and perfectly ripe - this strawberry gummy is a simple, feel-good classic that never goes out of season. \u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eFresh, vibrant, and bursting with berry goodness.\u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","
15253sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are different than our seltzers, we recommend the same trial process. Start with half and after 15 minutes if you feel okay then have the rest! You can expect an easy, calming high â just enough to feel good, not enough to overwhelm.\u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627439935714, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627439935714, "sku": "ST0520EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15253 15254 15255 </div> 15256 15257 15258 15259 15260 15261 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15262 class="shrink-0 max-w-full w-full order-[--order] " 15263 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--2" 15264 data-hide-if-empty="none" 15265 data-product-handle="orange-2-pack" 15266 15267 style="--order: 30"> 15268 <section 15269 class="card-loading product-card--product-card-pdp" 15270 data-product-handle="orange-2-pack" 15271 data-product-id="8906344530146" 15272 15273 15274 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15275 15276
15276<script type="application/json" 15277 data-product-data="orange-2-pack"> 15278 15279 15280{ "id": 8906344530146, "selected_variant_id": null, "handle": "orange-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Orange 2-Pack", "featured_media": {"alt":null,"id":36025038373090,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192","width":645}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192", "image": {"alt":null,"id":36025038373090,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192","width":645}, "media": [{"alt":null,"id":36025038373090,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_062_1.png?v=1749837192","width":645},{"alt":null,"id":36133547475170,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Orange.png?v=1751988636"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Orange.png?v=1751988636","width":2160},{"alt":null,"id":36264846131426,"position":3,"preview_image":{"aspect_ratio":1.5,"height":1365,"width":2048,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4945.jpg?v=1753822163"},"aspect_ratio":1.5,"height":1365,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4945.jpg?v=1753822163","width":2048},{"alt":null,"id":36092498444514,"position":4,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-1253_367abddc-9ef1-4bc1-a51f-34603cc77544.jpg?v=1753822163"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-1253_367abddc-9ef1-4bc1-a51f-34603cc77544.jpg?v=1753822163","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/orange-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["pineapple-12-pack"], "metafields": { "smart":{ "colors": {"color_1":"#deb73d","color_2":"#fff4d1","color_3":"#fffcf4","name":"PINEAPPLE"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518072546, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_orange.png?v=1751394305", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9
15280-THC_01-2025_orange.png?v=1751394305", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eBright and citrusy, this orange gummy is a classic - like a sweet burst of sunshine with every chew.\u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eBright, citrusy, and irresistibly zesty.\u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are different than our seltzers, we recommend the same trial process. Start with half and after 15 minutes if you feel okay then have the rest! You can expect an easy, calming high â just enough to feel good, not enough to overwhelm.\u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627410542818, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627410542818, "sku": "OR1020EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15280 15281 15282 </div> 15283 15284 15285 15286 15287 15288 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15289 class="shrink-0 max-w-full w-full order-[--order] " 15290 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--3" 15291 data-hide-if-empty="none" 15292 data-product-handle="green-apple-2-pack" 15293 15294 style="--order: 40"> 15295 <section 15296 class="card-loading product-card--product-card-pdp" 15297 data-product-handle="green-apple-2-pack" 15298 data-product-id="8906344104162" 15299 15300 15301 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15302 15303
15303<script type="application/json" 15304 data-product-data="green-apple-2-pack"> 15305 15306 15307{ "id": 8906344104162, "selected_variant_id": null, "handle": "green-apple-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Green Apple 2-Pack", "featured_media": {"alt":null,"id":35999178064098,"position":1,"preview_image":{"aspect_ratio":0.63,"height":3809,"width":2400,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794"},"aspect_ratio":0.63,"height":3809,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794","width":2400}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794", "image": {"alt":null,"id":35999178064098,"position":1,"preview_image":{"aspect_ratio":0.63,"height":3809,"width":2400,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794"},"aspect_ratio":0.63,"height":3809,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794","width":2400}, "media": [{"alt":null,"id":35999178064098,"position":1,"preview_image":{"aspect_ratio":0.63,"height":3809,"width":2400,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794"},"aspect_ratio":0.63,"height":3809,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/d83bd6009523a3ae22dc709b1e99abe86fe94299.png?v=1749521794","width":2400},{"alt":null,"id":36133543608546,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Apple_2.png?v=1751988578"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Apple_2.png?v=1751988578","width":2160},{"alt":null,"id":36264846590178,"position":3,"preview_image":{"aspect_ratio":1.5,"height":1365,"width":2048,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4948.jpg?v=1753822191"},"aspect_ratio":1.5,"height":1365,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4948.jpg?v=1753822191","width":2048},{"alt":null,"id":36092503359714,"position":4,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-2046_67820b78-5176-4e3e-ba06-19b98866000b.jpg?v=1753822191"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-2046_67820b78-5176-4e3e-ba06-19b98866000b.jpg?v=1753822191","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/green-apple-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["lemon-lime-12-pack"], "metafields": { "smart":{ "colors": {"color_1":"#6fb566","color_2":"#d6ecd1","color_3":"#f7fff5","name":"LEMON LIME"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518170850, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9
15307-THC_01-2025_green-apple.png?v=1751394305", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_green-apple.png?v=1751394305", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eSweet and perfectly tart, this green apple gummy balances a bold twist on a timeless favorite.\u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eCrisp, tart, and just the right touch of sweet.\u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are different than our seltzers, we recommend the same trial process. Start with half and after 15 minutes if you feel okay then have the rest! You can expect an easy, calming high â just enough to feel good, not enough to overwhelm.\u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627409854690, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627409854690, "sku": "GA1020EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15307 15308 15309 </div> 15310 15311 15312 15313 15314 15315 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15316 class="shrink-0 max-w-full w-full order-[--order] " 15317 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--4" 15318 data-hide-if-empty="none" 15319 data-product-handle="grape-2-pack" 15320 15321 style="--order: 50"> 15322 <section 15323 class="card-loading product-card--product-card-pdp" 15324 data-product-handle="grape-2-pack" 15325 data-product-id="8906343776482" 15326 15327 15328 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15329 15330
15330<script type="application/json" 15331 data-product-data="grape-2-pack"> 15332 15333 15334{ "id": 8906343776482, "selected_variant_id": null, "handle": "grape-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Grape 2-Pack", "featured_media": {"alt":null,"id":36025038274786,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008","width":645}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008", "image": {"alt":null,"id":36025038274786,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008","width":645}, "media": [{"alt":null,"id":36025038274786,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_066_1.png?v=1749837008","width":645},{"alt":null,"id":36133543280866,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Grape.png?v=1751988504"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Grape.png?v=1751988504","width":2160},{"alt":null,"id":36264843346146,"position":3,"preview_image":{"aspect_ratio":1.5,"height":1365,"width":2048,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4952.jpg?v=1753822018"},"aspect_ratio":1.5,"height":1365,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4952.jpg?v=1753822018","width":2048},{"alt":null,"id":36092508274914,"position":4,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-0119_e3af6b58-a01f-4701-a6c9-5050a8c5e1ac.jpg?v=1753822018"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-0119_e3af6b58-a01f-4701-a6c9-5050a8c5e1ac.jpg?v=1753822018","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/grape-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["real-cherry-12-pack"], "metafields": { "smart":{ "colors": {"color_1":"#a371c3","color_2":"#ece1f7","color_3":"#faf4ff","name":"GRAPE"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518007010, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_grape.png?v=1751394304", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9
15334-THC_01-2025_grape.png?v=1751394304", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eBold and juicy, this grape gummy delivers that classic, throwback flavor in every bite. \u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eBold and juicy, this grape gummy delivers that classic, throwback flavor in every bite. \u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are a bit different than our seltzers, we recommend the same approach: start with half, wait about 15 minutes, and if youâre feeling good, enjoy the rest! \u003cbr \/\u003e\n\u003cbr \/\u003e\nYou can expect a smooth, calming high - just enough to feel good, never too much to overwhelm\u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627409068258, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627409068258, "sku": "GP1020EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15334 15335 15336 </div> 15337 15338 15339 15340 15341 15342 <div data-style-id="template--19530703732962__generic_section_7mknay--AVk95RmplQ0J4SmhBS__cards_product_NwP8rb" 15343 class="shrink-0 max-w-full w-full order-[--order] " 15344 data-render-index="AVk95RmplQ0J4SmhBS__cards_product_NwP8rb--5" 15345 data-hide-if-empty="none" 15346 data-product-handle="watermelon-2-pack" 15347 15348 style="--order: 60"> 15349 <section 15350 class="card-loading product-card--product-card-pdp" 15351 data-product-handle="watermelon-2-pack" 15352 data-product-id="8906344726754" 15353 15354 15355 x-init="$nextTick(() => _sections.hydrateProductCard($el, 'product-card-pdp', $el.getAttribute('data-product-handle'), $el.getAttribute('data-product-id'), []))"></section> 15356 15357
15357<script type="application/json" 15358 data-product-data="watermelon-2-pack"> 15359 15360 15361{ "id": 8906344726754, "selected_variant_id": null, "handle": "watermelon-2-pack", "collections": ["all","all-flavors","gummies"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 2995, "price_min": 2995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Watermelon 2-Pack", "featured_media": {"alt":null,"id":36025038242018,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228","width":645}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228", "image": {"alt":null,"id":36025038242018,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228","width":645}, "media": [{"alt":null,"id":36025038242018,"position":1,"preview_image":{"aspect_ratio":0.63,"height":1024,"width":645,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228"},"aspect_ratio":0.63,"height":1024,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_render_FRONT_D9-THC_06_1.png?v=1749837228","width":645},{"alt":null,"id":36133548654818,"position":2,"preview_image":{"aspect_ratio":0.72,"height":3000,"width":2160,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Watermelon.png?v=1751988663"},"aspect_ratio":0.72,"height":3000,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Watermelon.png?v=1751988663","width":2160},{"alt":null,"id":36264845574370,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1365,"width":1365,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4950.jpg?v=1753822476"},"aspect_ratio":1.0,"height":1365,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Copy_of_5H9A4950.jpg?v=1753822476","width":1365},{"alt":null,"id":36092497527010,"position":4,"preview_image":{"aspect_ratio":0.75,"height":4032,"width":3024,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-9268_8df8cfca-2789-4129-a94b-60e991c031ab.jpg?v=1753822133"},"aspect_ratio":0.75,"height":4032,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/Tezza-9268_8df8cfca-2789-4129-a94b-60e991c031ab.jpg?v=1753822133","width":3024}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/watermelon-2-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["peach-12-pack"], "metafields": { "smart":{ "colors": {"color_1":"#da6567","color_2":"#ffb8b5","color_3":"#fff4f4","name":"WATERMELON"} ,"ingredients": "\u003cp\u003eThere are three major ingredients in our gummies: Pectin, Natural Flavors \u0026amp; THC. \u003cbr \/\u003e\n\u003cbr \/\u003e\nOur gummies also contain Sugar, Tapioca, Syrup, Water, Cirtic Acid, and Sodium Citrate. \u003c\/p\u003e" ,"nutrition_facts":{ "alt": "", "aspect_ratio": 0.6300866369125755, "height": 3809, "id": 36092518138082, "media_type": "image", "preview_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi_gummi_bag_mockup_BACK_D9-THC_01-2025_watermelon.png?v=1751394304", "src": "//hiseltzers.com/cdn/shop/files/hi_gummi_bag_mockup_BACK_D9
15361-THC_01-2025_watermelon.png?v=1751394304", "variants": null, "width": 2400, "focal_point": "50.0% 50.0%" } ,"short_description": "\u003cp\u003eNostalgic and sweet, this watermelon gummy delivers a classic melon flavor in every bite.\u003cbr \/\u003e\n\u003cbr \/\u003e\nEach pack contains 5 gummies, meaning our 2-pack contains 10 gummies. Every individual gummy contains 10mg THC.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eCool, juicy, and pure summer in a bite.\u003c\/p\u003e" ,"sibling_products":[ {"product":"green-apple-2-pack","sibling_name":"Green Apple (2 Pack)","title":"Green Apple"}, {"product":"strawberry-2-pack","sibling_name":"Strawberry (2 Pack)","title":"Strawberry"}, {"product":"orange-2-pack","sibling_name":"Orange (2 Pack)","title":"Orange"}, {"product":"blue-raspberry-2-pack","sibling_name":"Blue Raspberry (2 Pack)","title":"Blue Raspberry"}, {"product":"watermelon-2-pack","sibling_name":"Watermelon (2 Pack)","title":"Watermelon"}, {"product":"grape-2-pack","sibling_name":"Grape (2 Pack)","title":"Grape"}] ,"size":"2 Pack" ,"what_to_expect": "\u003cp\u003eThough our gummies are different than our seltzers, we recommend the same trial process. Start with half and after 15 minutes if you feel okay then have the rest! You can expect an easy, calming high â just enough to feel good, not enough to overwhelm.\u003c\/p\u003e"} }, "selected_or_first_available_variant_id": 46627411099874, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 2995, "compare_at_price": 2995, "id": 46627411099874, "sku": "WM1020EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
15361 15362 15363 </div> 15364 15365 15366 15367 15368 15369 15370 </div> 15371 15372 15373 15374 15375 15376<div x-data="{ ..._scrollbar.init($refs.scrollBar, $refs.scrollThumb, $refs.scrollContainer, 200) }" 15377 data-scrollbar 15378 class="scroll-buttons-arrows pointer-events-none !hidden flex items-center" 15379 x-effect="() => { $el.classList.toggle('!hidden', (Math.round((scrollbar.width || 1) * 10) / 10) === 1) }" 15380 > 15381 <div data-scrollbar-container class="flex-1 pointer-events-auto flex items-center"> 15382 <div class="-my-2 flex w-full cursor-pointer items-center py-2" 15383 @click="handleScrollBarClick($event)" 15384 x-ref="scrollBar"> 15385 <div data-scrollbar-track class="flex w-full items-center rounded-full"> 15386 <button type="button" 15387 data-scrollbar-thumb 15388 x-ref="scrollThumb" 15389 @click.stop="" 15390 @pointerdown.prevent.stop="handleScrollThumbPointerDown" 15391 @keydown.prevent.stop.left="handlePrevClick" 15392 @keydown.prevent.stop.right="handleNextClick" 15393 :disabled="($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 15394 aria-label="Scroll thumb" 15395 :style="`left: ${scrollbar.left * 100}%; width: ${scrollbar.width * 100}%;`" 15396 class="relative h-full min-w-10 cursor-grab rounded-full"> 15397 <span class="absolute inset-0 -my-2 w-full"></span> 15398 </button> 15399 </div> 15400 </div> 15401 </div> 15402 <div data-scrollbar-buttons class="flex items-center justify-between pointer-events-none"> 15403 <button type="button" 15404 data-scrollbar-button="prev" 15405 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 15406 :disabled="(scrollbar.current_index === 1 && !!+`200` && !$data?.content_slider?.state?.infinite) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 15407 aria-label="Scroll left" @click="handlePrevClick($event, $data.content_slider)"> 15408 <svg class="mr-[calc((100%*0.44)/3)] rotate-180 size-[calc(100%*0.44)] stroke-2 animated-icon" 15409 fill="none"
15410 viewBox="0 0 10 10" 15411 aria-hidden="true" 15412 stroke="currentColor"> 15413 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 15414 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 15415 </svg> 15416 <svg class="absolute left-1/2 top-1/2 size-[calc(100%*0.7)] -translate-x-1/2 -translate-y-1/2 bg-current simple-icon" 15417 style="background: var(--scroll-button-image-prev, currentColor); mask: var(--scroll-button-prev); -webkit-mask: var(--scroll-button-prev); aspect-ratio: var(--scroll-button-prev-aspect-ratio, 1);"> 15418 </svg> 15419 15420 </button> 15421 <div data-scrollbar-counter class="mx-auto select-none text-center"> 15422 <span x-html="$data?.content_slider?.state?.infinite ? `${scrollbar.current_index > scrollbar.pages / 2 ? scrollbar.current_index - scrollbar.pages / 2 : scrollbar.current_index} / ${scrollbar.pages / 2}` : `${scrollbar.current_index} / ${scrollbar.pages}`"></span> 15423 </div> 15424 <button type="button" 15425 data-scrollbar-button="next" 15426 class="relative flex items-center justify-center transition-all group pointer-events-auto disabled:opacity-30 disabled:pointer-events-none" 15427 :disabled="((scrollbar.no_next_page && !$data?.content_slider?.state?.infinite) && !!+`200`) || !!($data?.content_slider?.state?.infinite && $data?.content_slider?.state?.block_scroll_events)" 15428 aria-label="Scroll right" @click="handleNextClick($event, $data.content_slider)"> 15429 <svg class="ml-[calc((100%*0.44)/3)] size-[calc(100%*0.44)] stroke-2 animated-icon" 15430 fill="none"
15431 viewBox="0 0 10 10" 15432 aria-hidden="true" 15433 stroke="currentColor"> 15434 <path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path> 15435 <path class="transition group-hover:translate-x-[calc((100%*0.44)/4)]" d="M1 1l4 4-4 4"></path> 15436 </svg> 15437 15438 <svg class="size-[calc(100%*0.7)] bg-current simple-icon" 15439 style="background: var(--scroll-button-image-next, currentColor); mask: var(--scroll-button-next); -webkit-mask: var(--scroll-button-next); aspect-ratio: var(--scroll-button-next-aspect-ratio, 1);"> 15440 </svg> 15441 </button> 15442 </div> 15443</div> 15444 15445 15446 15447 15448 15449<div class="scroll-pagination" 15450 x-cloak 15451 data-scroll-pagination 15452 x-data="{ ..._scrollbar.initScrollPagination($el, $refs.scrollContainer), count: 1 }" 15453 x-effect="count = Math.round((content_slider.state?.infinite ? content_slider?.state?.slide_count / 2 : content_slider?.state?.slide_count) ?? 1)" 15454 x-show="count > 1"> 15455 <template x-for="index in [...new Array(count)].map((_,i) => i)"> 15456 <button type="button" 15457 :aria-label="`Scroll to slide ${index + 1}`" 15458 class="-m-2.5 p-2.5 hf:opacity-80" 15459 @click="() => content_slider?.scrollToIndex(index)"> 15460 <span class="block" 15461 :class="content_slider?.state?.current_index === index ? 'active' : ''"></span> 15462 </button> 15463 </template> 15464</div> 15465 15466 15467 15468 </div> 15469 15470 15471 15472 15473</div> 15474 15475 15476 15477 15478 </section> 15479 15480 15481 15482</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_azrknb" class="shopify-section"> 15483 15484 15485 15486 15487 15488 15489 15490 <style> 15491 [data-style-id="template--19530703732962__generic_section_azrknb--"] { color: #273426; background-color: #fffef7; } [data-style-id="template--19530703732962__generic_section_azrknb--"] { padding-top: 96px; padding-bottom: 96px; display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; min-height: 200px;}[data-style-id="template--19530703732962__generic_section_azrknb--"]::before { content: ''; width: 500px; height: 500px; background: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/floating_element_1.png?v=1750116715'); background-repeat: no-repeat; background-size: contain; position: absolute; top: 37px; left: 0px;}[data-style-id="template--19530703732962__generic_section_azrknb--"]::after { content: ''; width: 500px; height: 500px; background: url('https://cdn.shopify.com/s/files/1/0740/3624/8802/files/floating_element.png?v=1750116533'); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -96px; right: -170px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_azrknb--"] { padding-top: 56px; padding-bottom: 0px; grid-template-columns: repeat(1, 1fr) } [data-style-id="template--19530703732962__generic_section_azrknb--"]::after, [data-style-id="template--19530703732962__generic_section_azrknb--"]::before { display: none; }} 15492 </style> 15493 15494 <section 15495 data-style-id="template--19530703732962__generic_section_azrknb--" 15496 id="FAQ" 15497 class="relative px-container-md"> 15498 15499 15500 15501 15502<style> 15503 [data-style-id="template--19530703732962__generic_section_azrknb--ATktmUXdVTCs0YmdpO__container_pqj7NU"] { } [data-style-id="template--19530703732962__generic_section_azrknb--ATktmUXdVTCs0YmdpO__container_pqj7NU"] { max-width: 832px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 16px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_azrknb--ATktmUXdVTCs0YmdpO__container_pqj7NU"] { gap: 24px; }} 15504</style> 15505 15506<div 15507 data-style-id="template--19530703732962__generic_section_azrknb--ATktmUXdVTCs0YmdpO__container_pqj7NU" 15508 15509 15510 15511 15512 15513> 15514 15515 15516 15517 15518<style> 15519 [data-style-id="template--19530703732962__generic_section_azrknb--AOWt4b01tQjBCcHFFO__container_d373PU"] { color: #273426; } [data-style-id="template--19530703732962__generic_section_azrknb--AOWt4b01tQjBCcHFFO__container_d373PU"] { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; margin-bottom: 40px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_azrknb--AOWt4b01tQjBCcHFFO__container_d373PU"] { text-align: center; margin-bottom: 12px; }} 15520</style> 15521 15522<div 15523 data-style-id="template--19530703732962__generic_section_azrknb--AOWt4b01tQjBCcHFFO__container_d373PU" 15524 15525 15526 15527 15528 15529> 15530 15531 15532 15533 15534 15535<style> 15536 [data-style-id="template--19530703732962__generic_section_azrknb--AZ0N1TGg5RmRMM3JQN__richtext_W8CWRk"] {} 15537</style> 15538 15539<div data-style-id="template--19530703732962__generic_section_azrknb--AZ0N1TGg5RmRMM3JQN__richtext_W8CWRk" 15540 class="relative text-inherit"> 15541 15542 15543<div class="_input-richtext richtext-md"><h2><strong>Questions? We've Got Answers</strong></h2></div> 15544 15545</div> 15546 15547 15548 15549 15550 15551 15552<style>[data-style-id="template--19530703732962__generic_section_azrknb--AdHZVbnQwRVhxMXIyb__button_cJ7Gy8"] { width: fit-content;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_azrknb--AdHZVbnQwRVhxMXIyb__button_cJ7Gy8"] { display: none; }}</style> 15553 15554 15555 15556 15557 15558 <a data-style-id="template--19530703732962__generic_section_azrknb--AdHZVbnQwRVhxMXIyb__button_cJ7Gy8" 15559 15560 15561 href="/pages/faq" 15562 class="w-full button-link-dark "> 15563 15564 15565View all faq 15566 </a> 15567 15568 15569 15570 15571</div> 15572 15573 15574 15575 15576 15577 15578 15579 15580 15581 15582 15583 15584 15585 15586<style>[data-style-id="template--19530703732962__generic_section_azrknb--AeXB1S0VaT25NbWptY__collapsible_nHfNCB"] { border-color: #6FB566; color: #273426;}</style> 15587 15588 15589 15590 15591 15592 15593 15594 15595 15596 15597 15598 15599<details
15600 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 15601 data-style-id="template--19530703732962__generic_section_azrknb--AeXB1S0VaT25NbWptY__collapsible_nHfNCB" 15602 15603 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 15604 15605 15606 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 15607 15608 class="block appearance-none accordion" 15609 :open="collapsible.open_accordion" 15610 > 15611 <summary class="cursor-pointer select-none" 15612 15613 @click.prevent.stop="toggleOpen()" 15614 15615 tabIndex="0"> 15616 <span class="flex w-full flex-1 items-center justify-between gap-2"> 15617 <span> 15618 15619Will I get a hangover?</span> 15620 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 15621 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 15622 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 15623 </span> 15624 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 15625 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 15626 </span> 15627 </i> 15628 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 15629 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 15630 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 15631 </i> 15632 </span> 15633 </summary> 15634 15635 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 15636 15637 :class="collapsible.open_accordion ? '': 'select-none'" 15638 x-ref="collapsible_content" 15639 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 15640 <div class="richtext richtext-margins "> 15641 15642 15643<div class="_input-richtext "><p>No - hi Seltzer is 100% natural, with ZERO sugar, ZERO calories, and ZERO alcohol. That means you can unwind without compromise. No headaches. ZERO regrets. Just a gentle, social experience thatâs perfect whether youâre kicking back at home or at a party.</p></div> 15644 15645 </div> 15646 </div> 15647</details> 15648 15649 15650 15651 15652 15653 15654 15655 15656 15657 15658 15659 15660 15661 15662<style>[data-style-id="template--19530703732962__generic_section_azrknb--AajdiQUtDemxLOUJjT__collapsible_cg79Wy"] { border-color: #6FB566; color: #273426;}</style> 15663 15664 15665 15666 15667 15668 15669 15670 15671 15672 15673 15674 15675<details 15676 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 15677 data-style-id="template--19530703732962__generic_section_azrknb--AajdiQUtDemxLOUJjT__collapsible_cg79Wy" 15678 15679 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 15680 15681 15682 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 15683 15684 class="block appearance-none accordion" 15685 :open="collapsible.open_accordion" 15686 > 15687 <summary class="cursor-pointer select-none" 15688 15689 @click.prevent.stop="toggleOpen()" 15690 15691 tabIndex="0"> 15692 <span class="flex w-full flex-1 items-center justify-between gap-2"> 15693 <span> 15694 15695Where can I find hi Seltzer?</span> 15696 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 15697 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 15698 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 15699 </span> 15700 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 15701 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 15702 </span> 15703 </i> 15704 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 15705 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 15706 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 15707 </i> 15708 </span> 15709 </summary> 15710 15711 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 15712
15713 :class="collapsible.open_accordion ? '': 'select-none'" 15714 x-ref="collapsible_content" 15715 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 15716 <div class="richtext richtext-margins "> 15717 15718 15719<div class="_input-richtext "><p>Weâre excited to be nationally available at a large number of premium retailers. Click <a href="/pages/store-locator" title="Store Locator">here</a> to use our store finder to find hi near you!</p></div> 15720 15721 </div> 15722 </div> 15723</details> 15724 15725 15726 15727 15728 15729 15730 15731 15732 15733 15734 15735 15736 15737 15738<style>[data-style-id="template--19530703732962__generic_section_azrknb--AalptS3J5azdwc1pHM__collapsible_mAEeh9"] { border-color: #6FB566; color: #273426;}</style> 15739 15740 15741 15742 15743 15744 15745 15746 15747 15748 15749 15750 15751<details 15752 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 15753 data-style-id="template--19530703732962__generic_section_azrknb--AalptS3J5azdwc1pHM__collapsible_mAEeh9" 15754 15755 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 15756 15757 15758 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 15759 15760 class="block appearance-none accordion" 15761 :open="collapsible.open_accordion" 15762 > 15763 <summary class="cursor-pointer select-none" 15764 15765 @click.prevent.stop="toggleOpen()" 15766 15767 tabIndex="0"> 15768 <span class="flex w-full flex-1 items-center justify-between gap-2"> 15769 <span> 15770 15771How much should I drink?</span> 15772 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 15773 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 15774 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 15775 </span> 15776 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 15777 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 15778 </span> 15779 </i> 15780 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 15781 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 15782 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 15783 </i> 15784 </span> 15785 </summary> 15786 15787 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 15788 15789 :class="collapsible.open_accordion ? '': 'select-none'" 15790 x-ref="collapsible_content" 15791 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 15792 <div class="richtext richtext-margins "> 15793 15794 15795<div class="_input-richtext "><p>It can be confusing how gauge much THC is right for you. Here's our guide based on what you're looking for:<br/><br/><strong>Microdose (1-2mg THC):</strong> Perfect for a barely-there buzz, relaxation, or slight mood elevation.<br/><strong>Low dose (2-5mg THC):</strong> A gentle high, great for social settings or winding down.<br/><strong>Moderate dose (5-10mg THC):</strong> Stronger effects, better for more experienced users or a cozy night in.<br/><strong>High dose (10mg+ THC):</strong> Great for seasoned cannabis lovers but may feel too intense for beginners.<br/><br/>Since hi Seltzer contains 5mg of THC per can, it falls in the low to moderate range â just enough to feel good, but not enough to overwhelm.</p></div> 15796 15797 </div> 15798 </div> 15799</details> 15800 15801 15802 15803 15804 15805 15806 15807 15808 15809 15810 15811 15812 15813 15814<style>[data-style-id="template--19530703732962__generic_section_azrknb--ATmFqSWpPeUtLY3NhR__collapsible_zAxEb3"] { border-color: #6FB566; color: #273426;}</style> 15815 15816 15817 15818 15819 15820 15821 15822 15823 15824 15825 15826 15827<details 15828 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 15829 data-style-id="template--19530703732962__generic_section_azrknb--ATmFqSWpPeUtLY3NhR__collapsible_zAxEb3" 15830 15831 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 15832 15833 15834 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 15835 15836 class="block appearance-none accordion"
15837 :open="collapsible.open_accordion" 15838 > 15839 <summary class="cursor-pointer select-none" 15840 15841 @click.prevent.stop="toggleOpen()" 15842 15843 tabIndex="0"> 15844 <span class="flex w-full flex-1 items-center justify-between gap-2"> 15845 <span> 15846 15847How will hi Seltzers make me feel?</span> 15848 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 15849 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 15850 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 15851 </span> 15852 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 15853 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 15854 </span> 15855 </i> 15856 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 15857 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 15858 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 15859 </i> 15860 </span> 15861 </summary> 15862 15863 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 15864 15865 :class="collapsible.open_accordion ? '': 'select-none'" 15866 x-ref="collapsible_content" 15867 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 15868 <div class="richtext richtext-margins "> 15869 15870 15871<div class="_input-richtext "><p>hi Seltzer's unique formulation delivers a gentle, easygoing buzz in about 15 minutes. Itâs designed for social moments - whether you're poolside or at a party.</p></div> 15872 15873 </div> 15874 </div> 15875</details> 15876 15877 15878 15879 15880 15881 15882 15883 15884 15885 15886 15887 15888 15889 15890<style>[data-style-id="template--19530703732962__generic_section_azrknb--AQ3Y2WXVQUGFPemJEW__collapsible_J9GyNQ"] { border-color: #6FB566; color: #273426;}</style> 15891 15892 15893 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903<details 15904 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 15905 data-style-id="template--19530703732962__generic_section_azrknb--AQ3Y2WXVQUGFPemJEW__collapsible_J9GyNQ" 15906 15907 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 15908 15909 15910 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 15911 15912 class="block appearance-none accordion" 15913 :open="collapsible.open_accordion" 15914 > 15915 <summary class="cursor-pointer select-none" 15916 15917 @click.prevent.stop="toggleOpen()" 15918 15919 tabIndex="0"> 15920 <span class="flex w-full flex-1 items-center justify-between gap-2"> 15921 <span> 15922 15923What are the ingredients?</span> 15924 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 15925 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 15926 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 15927 </span> 15928 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 15929 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 15930 </span> 15931 </i> 15932 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 15933 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 15934 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 15935 </i> 15936 </span> 15937 </summary> 15938 15939 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 15940 15941 :class="collapsible.open_accordion ? '': 'select-none'" 15942 x-ref="collapsible_content" 15943 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 15944 <div class="richtext richtext-margins "> 15945 15946 15947<div class="_input-richtext "><p>All of our seltzers contain only 3 simple ingredients â Carbonated Water, Natural Flavors, and Delta-9.<br/><br/>Our gummies contain Sugar, Tapioca, Syrup, Water, Natural Colors & Flavors, Pe
15947ctin, Cirtic Acid, Sodium Citrate, and THC. </p></div> 15948 15949 </div> 15950 </div> 15951</details> 15952 15953 15954 15955 15956 15957 15958 15959<style>[data-style-id="template--19530703732962__generic_section_azrknb--AekVXb2hMenBmamF4d__button_4rJ8VW"] { width: fit-content; margin: 0 auto; margin-top: 12px;}@media (min-width: 768px) { [data-style-id="template--19530703732962__generic_section_azrknb--AekVXb2hMenBmamF4d__button_4rJ8VW"] { display: none; }}</style> 15960 15961 15962 15963 15964 15965 <a data-style-id="template--19530703732962__generic_section_azrknb--AekVXb2hMenBmamF4d__button_4rJ8VW" 15966 15967 15968 href="/pages/faq" 15969 class="w-full button-link-dark "> 15970 15971 15972View all faq 15973 </a> 15974 15975 15976 15977 15978</div> 15979 15980 15981 15982 15983 </section> 15984 15985 15986 15987</div><div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-template--19530703732962__generic_section_mDBXBq" class="shopify-section"> 15988 15989 15990 15991 15992 15993 15994 15995 <style> 15996 [data-style-id="template--19530703732962__generic_section_mDBXBq--"] { background-color: rgba(0,0,0,0); } [data-style-id="template--19530703732962__generic_section_mDBXBq--"] { padding-top: 32px; padding-bottom: 32px;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--"] { padding-top: 48px; padding-bottom: 48px; }} 15997 </style> 15998 15999 <section 16000 data-style-id="template--19530703732962__generic_section_mDBXBq--" 16001 id="Image Feed" 16002 class="relative px-container-fullwidth"> 16003 16004 16005 16006 16007<style> 16008 [data-style-id="template--19530703732962__generic_section_mDBXBq--AU3FCT28wcWo5SnZLR__container_cAqbCc"] { } [data-style-id="template--19530703732962__generic_section_mDBXBq--AU3FCT28wcWo5SnZLR__container_cAqbCc"] { padding: 0 var(--container-md); display: flex; justify-content: space-between; align-items: center;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--AU3FCT28wcWo5SnZLR__container_cAqbCc"] { justify-content: center; }} 16009</style> 16010 16011<div 16012 data-style-id="template--19530703732962__generic_section_mDBXBq--AU3FCT28wcWo5SnZLR__container_cAqbCc" 16013 16014 16015 16016 16017 16018> 16019 16020 16021 16022 16023 16024<style> 16025 [data-style-id="template--19530703732962__generic_section_mDBXBq--AbE9mU1o4RmJYNkZFb__richtext_DeMXtH"] { }@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--AbE9mU1o4RmJYNkZFb__richtext_DeMXtH"] { display: none; }} 16026</style> 16027 16028<div data-style-id="template--19530703732962__generic_section_mDBXBq--AbE9mU1o4RmJYNkZFb__richtext_DeMXtH" 16029 class="relative text-inherit"> 16030 16031 16032<div class="_input-richtext richtext-md"><h3><strong>hi Seltzer. It's a feeling.</strong></h3></div> 16033 16034</div> 16035 16036 16037 16038 16039 16040 16041<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--Ac3RiR0VzSkU0ZExZY__button_wGB7dt"] { background-color: #D6ECD1; color: #273426; width: fit-content;}[data-style-id="template--19530703732962__generic_section_mDBXBq--Ac3RiR0VzSkU0ZExZY__button_wGB7dt"]:where(:hover,:focus-visible) { background: #6FB566;}[data-style-id="template--19530703732962__generic_section_mDBXBq--Ac3RiR0VzSkU0ZExZY__button_wGB7dt"].active { background: #6FB566;}@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--Ac3RiR0VzSkU0ZExZY__button_wGB7dt"] { width: 100%; }}</style> 16042 16043 16044 16045 16046 16047 <a data-style-id="template--19530703732962__generic_section_mDBXBq--Ac3RiR0VzSkU0ZExZY__button_wGB7dt" 16048 16049 16050 href="https://www.instagram.com/hiseltzers/?hl=en" 16051 class="w-full button-primary "> 16052 16053 16054FOLLOW US @hiseltzers 16055 </a> 16056 16057 16058 16059 16060</div> 16061 16062 16063 16064 16065 16066 16067 16068 16069 16070 16071 16072 16073 <style> 16074 [data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] { } [data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] { margin-top: 24px; padding: 0 4px; --grid-cols: 4.7; --grid-gap: 24px;}[data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] .grid-container { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--grid-cols) - 1))) / var(--grid-cols)); gap: var(--grid-gap);}[data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] [data-scrollbar] { margin-top: 32px;}@media (max-width: 1200px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] { --grid-cols: 4.5; } }@media (max-width: 768px) { [data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D"] { --grid-gap: 8px; --grid-cols: 1.8; }} 16075 </style> 16076 16077 <div data-style-id="template--19530703732962__generic_section_mDBXBq--ATU9idmNwNnRrVW1qQ__slider_93xD4D" 16078 class="relative max-w-full" 16079 style="-webkit-overflow-scrolling: touch; touch-action: pan-x;" 16080 16081
16082 x-data="{ ...utils.initContentSlider($el, $refs.scrollContainer, undefined,`false` === 'true', +`0`), show_all_items: true, desktop_display_limit: 9999, mobile_display_limit: 9999 }" 16083 16084 16085 > 16086 <div class="grid-container relative grid overflow-x-auto scrollbar-none overflow-y-hidden snap-m md:[&>*]:snap-start [&>*]:snap-center -mx-container-fullwidth scroll-px-container-fullwidth px-container-fullwidth" 16087 x-ref="scrollContainer" 16088 @resize.window="content_slider.handleResize" 16089 x-init="$nextTick(() => content_slider.handleResize())" 16090 @scroll="content_slider.handleScroll" 16091 @scrollend="content_slider.handleInfiniteScroll" 16092 16093 > 16094 16095 16096 16097 16098 16099 16100<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--Ad0xlaDNCbFRxcklud__image_wcjxWe"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16101 16102 16103 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--Ad0xlaDNCbFRxcklud__image_wcjxWe" 16104 class="block relative shrink-0"> 16105 16106 16107 16108 16109 16110 16111 16112 16113 16114 16115 <img src="//hiseltzers.com/cdn/shop/files/image_ratios_8.png?crop=center&height=600&v=1749520210&width=600" 16116 16117 width="600" 16118 height="600" 16119 16120 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16121 style="object-position: 50.0% 50.0%;" 16122 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16123 loading="lazy" 16124 role="presentation" 16125 role="presentation" 16126 srcset="//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=48 48w,//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=96 96w,//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=256 256w,//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=384 384w,//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=460 460w,//hiseltzers.com/cdn/shop/files/image_ratios_8.png?v=1749520210&width=640 640w" 16127 data-image="lazy"> 16128 16129 16130 16131 16132 16133 16134 </picture> 16135 16136 16137 16138 16139 16140 16141 16142 16143 16144<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--AbnZwM0hFeGRvQnpFe__image_pqNfVj"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16145 16146 16147 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--AbnZwM0hFeGRvQnpFe__image_pqNfVj" 16148 class="block relative shrink-0"> 16149 16150 16151 16152 16153 16154 16155 16156 16157 16158 16159 <img src="//hiseltzers.com/cdn/shop/files/image_ratios_9.png?crop=center&height=601&v=1749520209&width=600" 16160 16161 width="600" 16162 height="601" 16163 16164 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16165 style="object-position: 50.0% 50.0%;" 16166 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16167 loading="lazy" 16168 role="presentation" 16169 role="presentation" 16170 srcset="//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=48 48w,//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=96 96w,//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=256 256w,//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=384 384w,//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=460 460w,//hiseltzers.com/cdn/shop/files/image_ratios_9.png?v=1749520209&width=640 640w" 16171 data-image="lazy"> 16172 16173 16174 16175 16176 16177 16178 </picture> 16179 16180 16181 16182 16183 16184 16185 16186 16187 16188<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--AOGRTL2d1cDNqNjFkW__image_QzLfNU"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16189 16190 16191 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--AOGRTL2d1cDNqNjFkW__image_QzLfNU" 16192 class="block relative shrink-0"> 16193 16194 16195 16196 16197 16198 16199 16200 16201 16202 16203 <img src="//hiseltzers.com/cdn/shop/files/image_ratios_10.png?crop=center&height=601&v=1749520210&width=600" 16204 16205 width="600" 16206 height="601" 16207 16208 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16209 style="object-position: 50.0% 50.0%;" 16210 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16211 loading="lazy" 16212 role="presentation" 16213 role="presentation" 16214 srcset="//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=48 48w,//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=96 96w,//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=256 256w,//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=384 384w,//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=460 460w,//hiseltzers.com/cdn/shop/files/image_ratios_10.png?v=1749520210&width=640 640w" 16215 data-image="lazy"> 16216 16217 16218 16219 16220 16221 16222 </picture> 16223 16224 16225 16226 16227 16228 16229 16230 16231 16232<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--AZHVKcUNvakk3UXRyc__image_meL9Ph"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16233 16234 16235 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--AZHVKcUNvakk3UXRyc__image_meL9Ph" 16236 class="block relative shrink-0"> 16237 16238 16239 16240 16241 16242 16243 16244 16245 16246 16247 <img src="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?crop=center&height=1200&v=1753822774&width=1200" 16248 16249 width="1200" 16250 height="1200" 16251 16252 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16253 style="object-position: 50.0% 50.0%;" 16254 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16255 loading="lazy" 16256 role="presentation" 16257 role="presentation" 16258 srcset="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=48 48w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=96 96w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=256 256w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=384 384w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=460 460w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=640 640w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=960 960w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4860.jpg?v=1753822774&width=1200 1200w" 16259 data-image="lazy"> 16260 16261 16262 16263 16264 16265 16266 </picture> 16267 16268 16269 16270 16271 16272 16273 16274 16275 16276<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--Aa3p4a21sT3JsY3F0R__image_FpBXtM"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16277 16278 16279 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--Aa3p4a21sT3JsY3F0R__image_FpBXtM" 16280 class="block relative shrink-0"> 16281 16282 16283 16284 16285 16286 16287 16288 16289 16290 16291 <img src="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?crop=center&height=1200&v=1753822476&width=1200" 16292 16293 width="1200" 16294 height="1200" 16295 16296 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16297 style="object-position: 50.0% 50.0%;" 16298 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16299 loading="lazy" 16300 role="presentation" 16301 role="presentation" 16302 srcset="//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=48 48w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=96 96w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=256 256w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=384 384w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=460 460w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=640 640w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=960 960w,//hiseltzers.com/cdn/shop/files/Copy_of_5H9A4950.jpg?v=1753822476&width=1200 1200w" 16303 data-image="lazy"> 16304 16305 16306 16307 16308 16309 16310 </picture> 16311 16312 16313 16314 16315 16316 16317 16318 16319 16320<style>[data-style-id="template--19530703732962__generic_section_mDBXBq--ASzRDd1QyRW4rbGFzd__image_xdDEBb"] { width: 100%; height: 100%; border-radius: 24px;}</style> 16321 16322 16323 <picture data-style-id="template--19530703732962__generic_section_mDBXBq--ASzRDd1QyRW4rbGFzd__image_xdDEBb" 16324 class="block relative shrink-0"> 16325 16326 16327 16328 16329 16330 16331 16332 16333 16334 16335 <img src="//hiseltzers.com/cdn/shop/files/image_ratios_13.png?crop=center&height=600&v=1749520210&width=600" 16336 16337 width="600" 16338 height="600" 16339 16340 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 16341 style="object-position: 50.0% 50.0%;" 16342 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 16343 loading="lazy" 16344 role="presentation" 16345 role="presentation" 16346 srcset="//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=48 48w,//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=96 96w,//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=256 256w,//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=384 384w,//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=460 460w,//hiseltzers.com/cdn/shop/files/image_ratios_13.png?v=1749520210&width=640 640w" 16347 data-image="lazy"> 16348 16349 16350 16351 16352 16353 16354 </picture> 16355 16356 16357 16358 16359 </div> 16360 16361 16362 16363 </div> 16364 16365 16366 16367 16368 </section> 16369 16370 16371 16372</div> 16373 16374 16375 <div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t =>
16375 t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-data_product_json" class="shopify-section"> 16376 16377 16378 16379 16380 16381
16382<script type="application/json" 16383 data-product-data="the-og-pack-1" 16384 data-primary-product-data="the-og-pack-1"> 16385 16386 16387 16388{ "id": 8908109054178, "selected_variant_id": null, "handle": "the-og-pack-1", "collections": ["all","all-flavors","bundles"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 4995, "price_min": 4995, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "The OG Pack", "featured_media": {"alt":null,"id":36100636803298,"position":1,"preview_image":{"aspect_ratio":1.0,"height":620,"width":620,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402"},"aspect_ratio":1.0,"height":620,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402","width":620}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402", "image": {"alt":null,"id":36100636803298,"position":1,"preview_image":{"aspect_ratio":1.0,"height":620,"width":620,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402"},"aspect_ratio":1.0,"height":620,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402","width":620}, "media": [{"alt":null,"id":36100636803298,"position":1,"preview_image":{"aspect_ratio":1.0,"height":620,"width":620,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402"},"aspect_ratio":1.0,"height":620,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/image_13.png?v=1751475402","width":620},{"alt":null,"id":36100636836066,"position":2,"preview_image":{"aspect_ratio":0.66,"height":1036,"width":684,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/SeltzersProductCardBundles_3.png?v=1751475405"},"aspect_ratio":0.66,"height":1036,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/SeltzersProductCardBundles_3.png?v=1751475405","width":684}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/the-og-pack-1", "available": false, "tags": [], "gift_card": null, "complementary_products":[{ "id": 8908108234978, "selected_variant_id": null, "handle": "gummies-variety-pack", "collections": ["all","all-flavors","bundles"], "requires_selling_plan": false, "selling_plan_groups": [], "template_suffix": "gummies", "options": ["Title"], "option1": "Title", "option2": null, "option3": null, "price": 8985, "price_min": 8985, "price_varies": false, "compare_at_price": null, "compare_at_price_min": 0, "compare_at_price_varies": false, "options_with_values": [{"name":"Title","position":1,"values":["Default Title"]}], "title": "Gummies Variety Pack", "featured_media": {"alt":null,"id":36101132058850,"position":1,"preview_image":{"aspect_ratio":0.769,"height":1080,"width":831,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908"},"aspect_ratio":0.769,"height":1080,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908","width":831}, "featured_image": "\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908", "image": {"alt":null,"id":36101132058850,"position":1,"preview_image":{"aspect_ratio":0.769,"height":1080,"width":831,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908"},"aspect_ratio":0.769,"height":1080,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908","width":831}, "media": [{"alt":null,"id":36101132058850,"position":1,"preview_image":{"aspect_ratio":0.769,"height":1080,"width":831,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbnail_Bundles_Gummies-Variety.png?v=1751481908"},"aspect_ratio":0.769,"height":1080,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/hi-Seltzer_Thumbn
16388ail_Bundles_Gummies-Variety.png?v=1751481908","width":831},{"alt":null,"id":36100661805282,"position":2,"preview_image":{"aspect_ratio":0.667,"height":4905,"width":3270,"src":"\/\/hiseltzers.com\/cdn\/shop\/files\/0060_Hi-Seltzers_C1522_1.jpg?v=1751481908"},"aspect_ratio":0.667,"height":4905,"media_type":"image","src":"\/\/hiseltzers.com\/cdn\/shop\/files\/0060_Hi-Seltzers_C1522_1.jpg?v=1751481908","width":3270}], "seo_description": null, "description": "", "vendor": "hi Seltzers", "url":"\/products\/gummies-variety-pack", "available": false, "tags": [], "gift_card": null, "complementary_product_handles":["the-starter-pack-1"], "metafields": { "smart":{ "colors": {"color_1":"#a371c3","color_2":"#ece1f7","color_3":"#faf4ff","name":"GRAPE"} ,"labels":["6 PACK"]} }, "selected_or_first_available_variant_id": 46637377781986, "reviews": { "rating": 4.19, "review_count": 69 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 8985, "compare_at_price": 8985, "id": 46637377781986, "sku": "GUMVAR6-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }], "metafields": { "smart":{ "colors": {"color_1":"#6fb566","color_2":"#d6ecd1","color_3":"#f7fff5","name":"LEMON LIME"} ,"product_facts":[ {"label":"Sugars","name":"Sugars","value":0}, {"label":"Calories","name":"Calories","value":0}, {"label":"Alcohol","name":"Alcohol","value":0}, {"label":"5mg THC","name":"5mg THC","value":5,"5}":null}] ,"short_description": "\u003cp\u003eOur original hits, together in one smooth, nostalgic lineup.\u003c\/p\u003e" ,"short_description_card": "\u003cp\u003eOur original hits, together in one smooth, nostalgic lineup.\u003c\/p\u003e" ,"sibling_products":[ {"product":"the-og-pack-1","sibling_name":"OG Pack","title":"OG Pack"}, {"product":"the-tropical-pack","sibling_name":"Tropical Pack","title":"Tropical"}, {"product":"the-starter-pack-1","sibling_name":"Starter Pack","title":"Starter Pack"}, {"product":"the-party-pack-72-pack","sibling_name":"Party Pack","title":"Party Pack"}] ,"size":"12 Pack"} }, "selected_or_first_available_variant_id": 46637382041826, "reviews": { "rating": 4.44, "review_count": 234 }, "variants": [{"available": false, "featured_media": null, "option1": "Default Title", "option2": null, "option3": null, "options": ["Default Title"], "price": 4995, "compare_at_price": 4995, "id": 46637382041826, "sku": "OGVAR1212EN-D9", "title": "Default Title", "inventory_quantity": 0, "inventory_policy": "deny", "inventory_management": "shopify", "selling_plan_allocations": [], "metafields": { "smart":{} } }] }</script>
16388 16389
16390<script data-product-data-init="the-og-pack-1" type="application/javascript"> 16391 (() => { 16392 const product = JSON.parse(document.querySelector(`[data-primary-product-data="the-og-pack-1"]`)?.innerText); 16393 window._product_card_product = product; 16394 16395 window._recent_products = [[product.handle, product.id], ...window._recent_products].filter(([a], i, arr) => arr.findIndex(([b]) => a === b) === i); 16396 localStorage?.setItem('_recent_products_storage', JSON.stringify(window._recent_products)); 16397 16398 const productData = { 16399 loaded: false, 16400 handleHydration: async (product) => { 16401 const dbKey = `_${window.Shopify.theme.id}-product--${product.handle}`; 16402 _products[product.handle] = { 16403 recommendations_loaded_at: 0, 16404 related_products: [], 16405 complementary_products: [], 16406 ...(await idbKeyval?.get(dbKey) || {}), 16407 ...product, 16408 updated_at: Date.now(), 16409 }; 16410 16411 idbKeyval?.set(dbKey, _products[product.handle]); 16412 }, 16413 }; 16414 16415 document.addEventListener('index-db-loaded', () => { 16416 if (productData.loaded) return; 16417 productData.loaded = true; 16418 productData.handleHydration(product); 16419 }); 16420 16421 16422 if (typeof idbKeyval !== "undefined" && !productData.loaded) { 16423 productData.loaded = true; 16424 productData.handleHydration(product); 16425 } 16426 })(); 16427</script>
16427 16428 16429 16430 16431 16432 16433</div> 16434 <div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-data_collection_json" class="shopify-section"></div> 16435 <div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-data_article_json" class="shopify-section"></div> 16436 <div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-data_page_json" class="shopify-section"></div> 16437 16438 <div x-init="() => { 16439 window.collection = { id: null }; 16440 window.article = { id: null }; 16441 window.blog = { id: null }; 16442 window.page = { id: null }; 16443 window.product = { id: 8908109054178 }; 16444 }"></div> 16445 </main> 16446 16447 16448 16449 16450 <footer data-footer-section> 16451 <!-- BEGIN sections: 0_footer --> 16452<div x-data="{ tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')), current_tabs: utils.JSONParse($el.getAttribute('data-tabs') ?? '[]')?.map(t => t?.split('|%S%|')?.[0] ?? '') }" id="shopify-section-sections--19530698391778__footer_jyfUFV" class="shopify-section shopify-section-group-0_footer"> 16453 16454 16455 16456 16457 16458 16459 16460 <style> 16461 [data-style-id="sections--19530698391778__footer_jyfUFV--"] { background-color: #f7fff5; } [data-style-id="sections--19530698391778__footer_jyfUFV--"] { display: flex; flex-wrap: wrap; padding-top: 56px; display: flex; flex-direction: column; gap: 32px; border-top: 1px solid var(--primary-products-lime-300, #6FB566);}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--"] { padding-top: 48px; gap: 24px; }} 16462 </style> 16463 16464 <section 16465 data-style-id="sections--19530698391778__footer_jyfUFV--" 16466 16467 class="relative px-container-fullwidth"> 16468 16469 16470 16471 16472<style> 16473 [data-style-id="sections--19530698391778__footer_jyfUFV--AbTg4SUg0bHZnM1ZVN__footer_container_AQRUzL"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AbTg4SUg0bHZnM1ZVN__footer_container_AQRUzL"] { display: flex; padding: 0 var(--container-md); //justify-content: space-between; gap: 30px;}@media (max-width: 1024px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AbTg4SUg0bHZnM1ZVN__footer_container_AQRUzL"] { flex-direction: column; gap: 24px; }} 16474</style> 16475 16476<div 16477 data-style-id="sections--19530698391778__footer_jyfUFV--AbTg4SUg0bHZnM1ZVN__footer_container_AQRUzL" 16478 16479 16480 16481 16482 16483> 16484 16485 16486 16487 16488<style> 16489 [data-style-id="sections--19530698391778__footer_jyfUFV--ARnhpTVhTaFNESFJsZ__footer_container_BwLkkD"] { color: #273426; } [data-style-id="sections--19530698391778__footer_jyfUFV--ARnhpTVhTaFNESFJsZ__footer_container_BwLkkD"] { flex: 1; max-width: 460px; display: flex; gap: 48px;}@media (max-width: 1024px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ARnhpTVhTaFNESFJsZ__footer_container_BwLkkD"] { justify-content: center; max-width: unset; }}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ARnhpTVhTaFNESFJsZ__footer_container_BwLkkD"] { display: none; }} 16490</style> 16491 16492<div 16493 data-style-id="sections--19530698391778__footer_jyfUFV--ARnhpTVhTaFNESFJsZ__footer_container_BwLkkD" 16494 16495 16496 16497 16498 16499> 16500 16501 16502 16503 16504 16505<style> 16506 [data-style-id="sections--19530698391778__footer_jyfUFV--AWEJTTjRYYmcrMXZYR__menu_ANg4jR"] { display: flex; flex-direction: column; gap: 8px;}[data-style-id="sections--19530698391778__footer_jyfUFV--AWEJTTjRYYmcrMXZYR__menu_ANg4jR"] :first-child { margin-bottom: 4px;} 16507</style> 16508 16509<nav data-style-id="sections--19530698391778__footer_jyfUFV--AWEJTTjRYYmcrMXZYR__menu_ANg4jR" > 16510 16511 16512 <div class="shrink-0 richtext-md h4"> 16513 16514 16515<strong>SHOP</strong> 16516 </div> 16517 16518 16519 16520 16521 16522 16523 <a href="/collections/seltzers" 16524 16525 16526 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/seltzers')" 16527 16528 class="shrink-0 w-max richtext-md p link-effect "> 16529 16530 16531Seltzers 16532 </a> 16533 16534 16535 16536 16537 <a href="/collections/gummies" 16538 16539 16540 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/gummies')" 16541 16542 class="shrink-0 w-max richtext-md p link-effect "> 16543 16544 16545Gummies 16546 </a> 16547 16548 16549 16550 16551 <a href="/collections/all-flavors" 16552 16553 16554 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/all-flavors')" 16555 16556 class="shrink-0 w-max richtext-md p link-effect "> 16557 16558 16559Shop All 16560 </a> 16561 16562 16563 16564 16565 <a href="/pages/hi-seltzer-discount" 16566 16567 16568 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/hi-seltzer-discount')" 16569 16570 class="shrink-0 w-max richtext-md p link-effect "> 16571 16572 16573Service Discounts 16574 </a> 16575 16576 16577 16578 16579 <a href="https://hiseltzers.com/pages/store-locator" 16580 16581 target="_blank" 16582 rel="noopener noreferrer" 16583 16584 16585 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#https://hiseltzers.com/pages/store-locator')" 16586 16587 class="shrink-0 w-max richtext-md p link-effect "> 16588 16589 16590Store Locator 16591 </a> 16592 16593</nav> 16594 16595 16596 16597 16598 16599 16600 16601<style> 16602 [data-style-id="sections--19530698391778__footer_jyfUFV--Ac3VwTXdwQVZOblZtN__menu_QdBkPR"] { display: flex; flex-direction: column; gap: 8px;}[data-style-id="sections--19530698391778__footer_jyfUFV--Ac3VwTXdwQVZOblZtN__menu_QdBkPR"] :first-child { margin-bottom: 4px;} 16603</style> 16604 16605<nav data-style-id="sections--19530698391778__footer_jyfUFV--Ac3VwTXdwQVZOblZtN__menu_QdBkPR" > 16606 16607 16608 <div class="shrink-0 richtext-md h4"> 16609 16610 16611<strong>LEARN</strong> 16612 </div> 16613 16614 16615 16616 16617 16618 16619 <a href="/pages/about-us" 16620 16621 16622 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/about-us')" 16623 16624 class="shrink-0 w-max richtext-md p link-effect "> 16625 16626 16627About Us 16628 </a> 16629 16630 16631 16632 16633 <a href="/pages/faq" 16634 16635 16636 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/faq')" 16637 16638 class="shrink-0 w-max richtext-md p link-effect "> 16639 16640 16641FAQ 16642 </a> 16643 16644 16645 16646 16647 <a href="/blogs/recipes" 16648 16649 16650 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/blogs/recipes')" 16651 16652 class="shrink-0 w-max richtext-md p link-effect "> 16653 16654 16655Recipes 16656 </a> 16657 16658 16659 16660 16661 <a href="/blogs/hi-blog" 16662 16663 16664 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/blogs/hi-blog')" 16665 16666 class="shrink-0 w-max richtext-md p link-effect "> 16667 16668 16669Blog 16670 </a> 16671 16672 16673 16674 16675 <a href="/pages/behind-the-science" 16676 16677 16678 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/behind-the-science')" 16679 16680 class="shrink-0 w-max richtext-md p link-effect "> 16681 16682 16683Behind the Science 16684 </a> 16685 16686 16687 16688 16689 <a href="/pages/coa-lab-results" 16690 16691 16692 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/coa-lab-results')" 16693 16694 class="shrink-0 w-max richtext-md p link-effect "> 16695 16696 16697COA Lab Results 16698 </a> 16699 16700</nav> 16701 16702 16703 16704</div> 16705 16706 16707 16708 16709 16710 16711 16712<style> 16713 [data-style-id="sections--19530698391778__footer_jyfUFV--AeEVQ
16713akZseGNBbDBVU__footer_container_PJ97KM"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AeEVQakZseGNBbDBVU__footer_container_PJ97KM"] { flex: 1; max-width: 463px;}@media (max-width: 1024px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AeEVQakZseGNBbDBVU__footer_container_PJ97KM"] { margin: 0 auto; }} 16714</style> 16715 16716<div 16717 data-style-id="sections--19530698391778__footer_jyfUFV--AeEVQakZseGNBbDBVU__footer_container_PJ97KM" 16718 16719 16720 16721 16722 16723> 16724 16725 16726 16727 16728 16729<style> 16730 @media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AaFY3Rlpvb3R4WXBJZ__richtext_t8UWwV"] { display: none; }} 16731</style> 16732 16733<div data-style-id="sections--19530698391778__footer_jyfUFV--AaFY3Rlpvb3R4WXBJZ__richtext_t8UWwV" 16734 class="relative text-center"> 16735 16736 16737<div class="_input-richtext richtext-md"><h4><strong>STAY IN THE LOOP</strong></h4><div class="p"></div><p>Exclusive Drops, Deals & Good Vibes Await!</p></div> 16738 16739</div> 16740 16741 16742 16743 16744 16745 16746 16747<style> 16748 [data-style-id="sections--19530698391778__footer_jyfUFV--ATFo5ODZxU2tkREVQb__richtext_cTaPQ7"] { color: #273426; }[data-style-id="sections--19530698391778__footer_jyfUFV--ATFo5ODZxU2tkREVQb__richtext_cTaPQ7"] p { margin-top: 12px;}@media (min-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ATFo5ODZxU2tkREVQb__richtext_cTaPQ7"] { display: none; }} 16749</style> 16750 16751<div data-style-id="sections--19530698391778__footer_jyfUFV--ATFo5ODZxU2tkREVQb__richtext_cTaPQ7" 16752 class="relative text-left"> 16753 16754 16755<div class="_input-richtext richtext-md"><h4><strong>SIGN UP</strong><br/></h4><p>Stay up to date with our latest news, receive exclusive deals, and more.</p></div> 16756 16757</div> 16758 16759 16760 16761 16762 16763 16764 16765<style> 16766 [data-style-id="sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6"] { margin-top: 20px; display: flex; gap: 12px;}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6"] { flex-direction: column; }} 16767</style> 16768 16769 16770 16771 16772 16773 16774 16775 16776 <form 16777 data-style-id="sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6" 16778 16779 id="form__newsletter_signup__sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6" 16780 16781 16782 16783 x-data="{ submitting: false }" 16784 @submit.capture.stop.prevent="if (utils.validateFormAndToast($el)) { submitting = true; $el.submit(); }" 16785 method="post" action="/contact#form__newsletter_signup__sections--19530698391778__footer_jyfUFV--AWm5MZWlCRlh1bi8xL__form_CAiid6" accept-charset="UTF-8"> 16786 <input type="hidden" name="form_type" value="customer"> 16787 <input type="hidden" name="customer[accepts_marketing]" value="true" /> 16788 <input type="hidden" name="utf8" value="â"> 16789 16790 16791 16792<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AQlFyUEJEK01FZFpyb__form_input_email_eRmn9T"] {}</style> 16793 16794 16795 16796 16797<label class="relative flex w-full input-text" 16798 data-style-id="sections--19530698391778__footer_jyfUFV--AQlFyUEJEK01FZFpyb__form_input_email_eRmn9T" 16799 x-data="{ 16800 active: !!$refs.input.value && !!$refs.label?.textContent.trim(), 16801 label: $el, 16802 type: `email`, 16803 value: $refs.input.value 16804 }" 16805 x-effect="active = !!$refs.label?.textContent.trim() && !!value" 16806 :class="utils.clsx(active && 'active', false && 'button-loading')"> 16807 <div class="relative flex flex-col w-full flex-1"> 16808 <span x-ref="label">Email</span> 16809 <input x-ref="input" 16810 16811 name="contact[email]" 16812 16813 type="email" 16814 placeholder="Email" 16815 data-placeholder="Email" 16816 :placeholder="active ? '': $el.getAttribute('data-placeholder')" 16817 autocorrect="off" 16818 aria-label="Email" 16819 :type="type" 16820 16821 autocomplete="username" 16822 16823 16824 required="required" 16825 16826 16827 16828 :disabled="false" 16829 value="" 16830 16831 @input="value = $el.value; $el.setCustomValidity(''); " 16832 16833 @focus="" 16834 @blur="" 16835 class="appearance-none flex-1 bg-transparent !outline-none"> 16836 </div> 16837 16838 16839 16840 16841</label> 16842 16843 16844 16845 16846 16847<style>[data-style-id="sections--19530698391778__footer_jyfUFV--ANjBUamlzcTZHWC9kT__form_input_button_8BqhhA"] { white-space: nowrap; flex-shrink: 1; min-height:100%;}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ANjBUamlzcTZHWC9kT__form_input_button_8BqhhA"] { width: 100%; }}</style> 16848 16849<button 16850 data-style-id="sections--19530698391778__footer_jyfUFV--ANjBUamlzcTZHWC9kT__form_input_button_8BqhhA" 16851 type="submit" 16852 16853 16854 16855 :class="$data?.submitting ? 'button-loading' :''" 16856 16857 :disabled="!!$data?.submitting" 16858 class="disabled:opacity-50 button-primary" 16859> 16860 16861 16862submit 16863</button> 16864 16865 16866 16867<input type="hidden" name="contact[tags]" value="newsletter"> 16868 16869 16870 16871 16872 16873 </form> 16874 16875 16876 16877 16878 16879 16880 16881 16882 16883 16884 16885 16886 16887 16888 16889 16890 16891 16892 16893</div> 16894 16895 16896 16897 16898 16899 16900 16901<style> 16902 [data-style-id="sections--19530698391778__footer_jyfUFV--ANWlpeEw1UWg3UXNkc__footer_container_YifkXE"] { color: #273426; } [data-style-id="sections--19530698391778__footer_jyfUFV--ANWlpeEw1UWg3UXNkc__footer_container_YifkXE"] { display: flex; flex-direction: column; gap: 24px; margin-top: 24px;}@media (min-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ANWlpeEw1UWg3UXNkc__footer_container_YifkXE"] { display: none; }} 16903</style> 16904 16905<div 16906 data-style-id="sections--19530698391778__footer_jyfUFV--ANWlpeEw1UWg3UXNkc__footer_container_YifkXE" 16907 16908 16909 16910 16911 16912> 16913 16914 16915 16916 16917 16918 16919 16920 16921 16922 16923 16924<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AR3crMVlSL1B0RitUQ__collapsible_3Ktqna"] { border-bottom: 1px solid #6FB566;}</style> 16925 16926 16927 16928 16929 16930 16931 16932 16933 16934 16935 16936 16937<details
16938 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 16939 data-style-id="sections--19530698391778__footer_jyfUFV--AR3crMVlSL1B0RitUQ__collapsible_3Ktqna" 16940 16941 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 16942 16943 16944 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 16945 16946 class="block appearance-none accordion" 16947 :open="collapsible.open_accordion" 16948 > 16949 <summary class="cursor-pointer select-none" 16950 16951 @click.prevent.stop="toggleOpen()" 16952 16953 tabIndex="0"> 16954 <span class="flex w-full flex-1 items-center justify-between gap-2"> 16955 <span> 16956 16957SHOP</span> 16958 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 16959 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 16960 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 16961 </span> 16962 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 16963 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 16964 </span> 16965 </i> 16966 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 16967 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 16968 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 16969 </i> 16970 </span> 16971 </summary> 16972 16973 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 16974 16975 :class="collapsible.open_accordion ? '': 'select-none'" 16976 x-ref="collapsible_content" 16977 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 16978 <div class="richtext richtext-margins "> 16979 16980 16981 16982 16983 16984<style> 16985 [data-style-id="sections--19530698391778__footer_jyfUFV--Acit4cjMzV1BiWmZCb__menu_gPL7xG"] { color: #273426; }[data-style-id="sections--19530698391778__footer_jyfUFV--Acit4cjMzV1BiWmZCb__menu_gPL7xG"] { margin-top: 10px; display: flex; flex-direction: column; gap: 10px;} 16986</style> 16987 16988<nav data-style-id="sections--19530698391778__footer_jyfUFV--Acit4cjMzV1BiWmZCb__menu_gPL7xG" > 16989 16990 16991 16992 16993 16994 <a href="/collections/seltzers" 16995 16996 16997 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/seltzers')" 16998 16999 class="shrink-0 w-max link-effect "> 17000 17001 17002Seltzers 17003 </a> 17004 17005 17006 17007 17008 <a href="/collections/gummies" 17009 17010 17011 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/gummies')" 17012 17013 class="shrink-0 w-max link-effect "> 17014 17015 17016Gummies 17017 </a> 17018 17019 17020 17021 17022 <a href="/collections/all-flavors" 17023 17024 17025 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/collections/all-flavors')" 17026 17027 class="shrink-0 w-max link-effect "> 17028 17029 17030Shop All 17031 </a> 17032 17033 17034 17035 17036 <a href="/pages/hi-seltzer-discount" 17037 17038 17039 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/hi-seltzer-discount')" 17040 17041 class="shrink-0 w-max link-effect "> 17042 17043 17044Service Discounts 17045 </a> 17046 17047 17048 17049 17050 <a href="https://hiseltzers.com/pages/store-locator" 17051 17052 target="_blank" 17053 rel="noopener noreferrer" 17054 17055 17056 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#https://hiseltzers.com/pages/store-locator')" 17057 17058 class="shrink-0 w-max link-effect "> 17059 17060 17061Store Locator 17062 </a> 17063 17064</nav> 17065 17066 17067 17068 </div> 17069 </div> 17070</details> 17071 17072 17073 17074 17075 17076 17077 17078 17079 17080 17081 17082 17083 17084 17085<style>[data-style-id="sections--19530698391778__footer_jyfUFV--Aa0R2dXNTQjZrSG1vc__collapsible_wwzyXh"] { border-bottom: 1px solid #6FB566;}</style> 17086 17087 17088 17089 17090 17091 17092 17093 17094 17095 17096 17097 17098<details
17099 x-data="{ ...utils.initCollapsible($el, $refs.collapsible_content, $el.getAttribute('open') === 'open')}" 17100 data-style-id="sections--19530698391778__footer_jyfUFV--Aa0R2dXNTQjZrSG1vc__collapsible_wwzyXh" 17101 17102 x-init="$watch('$data.windowWidth', () => { $nextTick(() => { collapsible.containerHeight = $refs.collapsible_content?.scrollHeight }) });" 17103 17104 17105 x-effect="if (collapsible?.opening) { closeSiblingCollapsibles() }" 17106 17107 class="block appearance-none accordion" 17108 :open="collapsible.open_accordion" 17109 > 17110 <summary class="cursor-pointer select-none" 17111 17112 @click.prevent.stop="toggleOpen()" 17113 17114 tabIndex="0"> 17115 <span class="flex w-full flex-1 items-center justify-between gap-2"> 17116 <span> 17117 17118LEARN</span> 17119 <i data-animated-icon class="relative flex shrink-0 items-center justify-center h-2.5 w-2.5"> 17120 <span class="absolute rounded-full bg-current transition-all duration-200 h-0.5 w-2.5" 17121 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-180'"> 17122 </span> 17123 <span class="absolute origin-center rounded-full bg-current transition-all h-0.5 w-2.5" 17124 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-0' : '-rotate-90'"> 17125 </span> 17126 </i> 17127 <i data-simple-icon class="bg-current transition-all duration-300 ease-linear" 17128 :class="collapsible.open_accordion && !collapsible.closing ? 'rotate-[--accordion-icon-rotate]' : 'rotate-0'" 17129 style="mask: var(--accordion-icon); -webkit-mask: var(--accordion-icon); aspect-ratio: var(--accordion-icon-aspect-ratio, 1);"> 17130 </i> 17131 </span> 17132 </summary> 17133 17134 <div class="accordion-content transition-all overflow-hidden duration-200 ease-linear" 17135 17136 :class="collapsible.open_accordion ? '': 'select-none'" 17137 x-ref="collapsible_content" 17138 x-init="$el.querySelector('.richtext-margins :where(h1,h2,h3,h4,h5,h6,p,ul,ol)')?.classList?.add('mt-0')"> 17139 <div class="richtext richtext-margins "> 17140 17141 17142 17143 17144 17145<style> 17146 [data-style-id="sections--19530698391778__footer_jyfUFV--AeHJpR1E5cHczTGo0b__menu_E7Gbnm"] { color: #273426; }[data-style-id="sections--19530698391778__footer_jyfUFV--AeHJpR1E5cHczTGo0b__menu_E7Gbnm"] { margin-top: 10px; display: flex; flex-direction: column; gap: 10px;} 17147</style> 17148 17149<nav data-style-id="sections--19530698391778__footer_jyfUFV--AeHJpR1E5cHczTGo0b__menu_E7Gbnm" > 17150 17151 17152 17153 17154 17155 <a href="/pages/about-us" 17156 17157 17158 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/about-us')" 17159 17160 class="shrink-0 w-max link-effect "> 17161 17162 17163About Us 17164 </a> 17165 17166 17167 17168 17169 <a href="/pages/faq" 17170 17171 17172 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/faq')" 17173 17174 class="shrink-0 w-max link-effect "> 17175 17176 17177FAQ 17178 </a> 17179 17180 17181 17182 17183 <a href="/blogs/recipes" 17184 17185 17186 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/blogs/recipes')" 17187 17188 class="shrink-0 w-max link-effect "> 17189 17190 17191Recipes 17192 </a> 17193 17194 17195 17196 17197 <a href="/blogs/hi-blog" 17198 17199 17200 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/blogs/hi-blog')" 17201 17202 class="shrink-0 w-max link-effect "> 17203 17204 17205Blog 17206 </a> 17207 17208 17209 17210 17211 <a href="/pages/behind-the-science" 17212 17213 17214 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/behind-the-science')" 17215 17216 class="shrink-0 w-max link-effect "> 17217 17218 17219Behind the Science 17220 </a> 17221 17222 17223 17224 17225 <a href="/pages/coa-lab-results" 17226 17227 17228 x-effect="$el.classList.toggle('active', $router.pathname === $el.href.replace(window.origin, '')?.split(/(\#|\?)/gi)?.[0] && $router.hash === '#/pages/coa-lab-results')" 17229 17230 class="shrink-0 w-max link-effect "> 17231 17232 17233COA Lab Results 17234 </a> 17235 17236</nav> 17237 17238 17239 17240 </div> 17241 </div> 17242</details> 17243 17244 17245 17246 17247</div> 17248 17249 17250 17251 17252 17253 17254 17255<style> 17256 [data-style-id="sections--19530698391778__footer_jyfUFV--AYTNNRVhaWWlUS0IrS__footer_container_Mhb7Ym"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AYTNNRVhaWWlUS0IrS__footer_container_Mhb7Ym"] { flex: 1; max-width: 460px; display: flex; flex-direction: column; gap: 24px; justify-content: start; align-items: end;}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AYTNNRVhaWWlUS0IrS__footer_container_Mhb7Ym"] { align-items: center; }} 17257</style> 17258 17259<div 17260 data-style-id="sections--19530698391778__footer_jyfUFV--AYTNNRVhaWWlUS0IrS__footer_container_Mhb7Ym"
17261 17262 17263 17264 17265 17266> 17267 17268 17269 17270 17271 17272 17273<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AbEVpM1JSNE9DVC94Q__image_M8VV7X"] { width: 120px;}</style> 17274 17275 17276 <picture data-style-id="sections--19530698391778__footer_jyfUFV--AbEVpM1JSNE9DVC94Q__image_M8VV7X" 17277 class="block relative shrink-0"> 17278 17279 17280 17281 17282 17283 17284 17285 17286 17287 17288 <img src="//hiseltzers.com/cdn/shop/files/logomark.svg?crop=center&height=157&v=1749520200&width=120" 17289 17290 width="120" 17291 height="157" 17292 17293 class="w-full h-full transition-all object-[inherit] rounded-[inherit] select-none" 17294 style="object-position: 50.0% 50.0%;" 17295 sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 48vw" 17296 loading="lazy" 17297 role="presentation" 17298 role="presentation" 17299 srcset="//hiseltzers.com/cdn/shop/files/logomark.svg?v=1749520200&width=48 48w,//hiseltzers.com/cdn/shop/files/logomark.svg?v=1749520200&width=96 96w,//hiseltzers.com/cdn/shop/files/logomark.svg?v=1749520200&width=256 256w" 17300 data-image="lazy"> 17301 17302 17303 17304 17305 17306 17307 </picture> 17308 17309 17310 17311 17312 17313 17314 17315 17316 17317 17318 <style> 17319 [data-style-id="sections--19530698391778__footer_jyfUFV--AWERXQ1lVWkFMNWFXS__social_icons_NL84XP"] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AWERXQ1lVWkFMNWFXS__social_icons_NL84XP"] { justify-content: center; }} 17320 </style> 17321 17322 <nav data-style-id="sections--19530698391778__footer_jyfUFV--AWERXQ1lVWkFMNWFXS__social_icons_NL84XP" 17323 aria-label="Social Media Links"> 17324 17325 17326 17327 17328 17329<style> 17330 [data-style-id="sections--19530698391778__footer_jyfUFV--AeHBmT0FGbDErRlg0b__social_icons_icon_button_xnkkfY"] { height: 32px; }[data-style-id="sections--19530698391778__footer_jyfUFV--AeHBmT0FGbDErRlg0b__social_icons_icon_button_xnkkfY"] {}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AeHBmT0FGbDErRlg0b__social_icons_icon_button_xnkkfY"] { height: 24px; }} 17331</style> 17332 17333 17334 <a data-style-id="sections--19530698391778__footer_jyfUFV--AeHBmT0FGbDErRlg0b__social_icons_icon_button_xnkkfY" 17335 class="hf:opacity-70" 17336 href="https://www.facebook.com/p/Hi-Seltzer-100084697232738/" target="_blank" rel="noopener noreferrer"> 17337 17338 17339 <svg data-icon-handle="facebook" 17340 17341 class="bg-current shrink-0 h-full" 17342 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-facebook--url`) }" 17343 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 17344 :role="url ? 'link':''" 17345 :tabindex="url ? '0' : undefined" 17346 aria-label="facebook" 17347 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 17348 style="mask: var(--icon-facebook); -webkit-mask: var(--icon-facebook); aspect-ratio: var(--icon-facebook-aspect-ratio, 1); "></svg> 17349 17350 17351 </a> 17352 17353 17354 17355 17356 17357 17358 17359 17360<style> 17361 [data-style-id="sections--19530698391778__footer_jyfUFV--AQ2xJclhHMnIxSG9rM__social_icons_icon_button_jYPmQW"] { height: 32px; }[data-style-id="sections--19530698391778__footer_jyfUFV--AQ2xJclhHMnIxSG9rM__social_icons_icon_button_jYPmQW"] {}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AQ2xJclhHMnIxSG9rM__social_icons_icon_button_jYPmQW"] { height: 24px; }} 17362</style> 17363 17364 17365 <a data-style-id="sections--19530698391778__footer_jyfUFV--AQ2xJclhHMnIxSG9rM__social_icons_icon_button_jYPmQW" 17366 class="hf:opacity-70" 17367 href="https://x.com/hiseltzers" target="_blank" rel="noopener noreferrer"> 17368 17369 17370 <svg data-icon-handle="twitter" 17371 17372 class="bg-current shrink-0 h-full" 17373 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-twitter--url`) }" 17374 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 17375 :role="url ? 'link':''" 17376 :tabindex="url ? '0' : undefined" 17377 aria-label="twitter" 17378 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 17379 style="mask: var(--icon-twitter); -webkit-mask: var(--icon-twitter); aspect-ratio: var(--icon-twitter-aspect-ratio, 1); "></svg> 17380 17381 17382 </a> 17383 17384 17385 17386 17387 17388 17389 17390 17391<style> 17392 [data-style-id="sections--19530698391778__footer_jyfUFV--Aa05UaVh4YjVKUTJLN__social_icons_icon_button_ApegJM"] { height: 32px; }[data-style-id="sections--19530698391778__footer_jyfUFV--Aa05UaVh4YjVKUTJLN__social_icons_icon_button_ApegJM"] {}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--Aa05UaVh4YjVKUTJLN__social_icons_icon_button_ApegJM"] { height: 24px; }} 17393</style> 17394 17395 17396 <a data-style-id="sections--19530698391778__footer_jyfUFV--Aa05UaVh4YjVKUTJLN__social_icons_icon_button_ApegJM" 17397 class="hf:opacity-70" 17398 href="https://www.instagram.com/hiseltzers/?hl=en" target="_blank" rel="noopener noreferrer"> 17399 17400 17401 <svg data-icon-handle="instagram" 17402 17403 class="bg-current shrink-0 h-full" 17404 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-instagram--url`) }" 17405 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 17406 :role="url ? 'link':''" 17407 :tabindex="url ? '0' : undefined" 17408 aria-label="instagram" 17409 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 17410 style="mask: var(--icon-instagram); -webkit-mask: var(--icon-instagram); aspect-ratio: var(--icon-instagram-aspect-ratio, 1); "></svg> 17411 17412 17413 </a> 17414 17415 17416 17417 17418 17419 17420 17421 17422<style> 17423 [data-style-id="sections--19530698391778__footer_jyfUFV--AeU10ckdab3cwRTBYY__social_icons_icon_button_pLfHbn"] { height: 32px; }[data-style-id="sections--19530698391778__footer_jyfUFV--AeU10ckdab3cwRTBYY__social_icons_icon_button_pLfHbn"] {}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AeU10ckdab3cwRTBYY__social_icons_icon_button_pLfHbn"] { height: 24px; }} 17424</style> 17425 17426 17427 <a data-style-id="sections--19530698391778__footer_jyfUFV--AeU10ckdab3cwRTBYY__social_icons_icon_button_pLfHbn" 17428 class="hf:opacity-70" 17429 href="https://www.tiktok.com/@hi_seltzers" target="_blank" rel="noopener noreferrer"> 17430 17431 17432 <svg data-icon-handle="tiktok" 17433 17434 class="bg-current shrink-0 h-full" 17435 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-tiktok--url`) }" 17436 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 17437 :role="url ? 'link':''" 17438 :tabindex="url ? '0' : undefined" 17439 aria-label="tiktok" 17440 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 17441 style="mask: var(--icon-tiktok); -webkit-mask: var(--icon-tiktok); aspect-ratio: var(--icon-tiktok-aspect-ratio, 1); "></svg> 17442 17443 17444 </a> 17445 17446 17447 17448 17449 </nav> 17450 17451 17452 17453 17454</div> 17455 17456 17457 17458 17459</div> 17460 17461 17462 17463 17464 17465 17466 17467<style> 17468 [data-style-id="sections--19530698391778__footer_jyfUFV--AN1Ixa0dqVTEvbFhQQ__footer_container_P9J4Xy"] { background-color: rgba(0,0,0,0); } [data-style-id="sections--19530698391778__footer_jyfUFV--AN1Ixa0dqVTEvbFhQQ__footer_container_P9J4Xy"] { padding: 0 var(--container-md);} 17469</style> 17470 17471<div 17472 data-style-id="sections--19530698391778__footer_jyfUFV--AN1Ixa0dqVTEvbFhQQ__footer_container_P9J4Xy" 17473 17474 17475 17476 17477 17478> 17479 17480 17481 17482 17483<style> 17484 [data-style-id="sections--19530698391778__footer_jyfUFV--AdWdyTW4yUGpVUGJyM__footer_container_QhrdgD"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AdWdyTW4yUGpVUGJyM__footer_container_QhrdgD"] { border-radius: 32px; background: var(--primary-products-lime-200, #D6ECD1); display: flex; padding: 32px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AdWdyTW4yUGpVUGJyM__footer_container_QhrdgD"] { padding: 24px; }} 17485</style> 17486 17487<div 17488 data-style-id="sections--19530698391778__footer_jyfUFV--AdWdyTW4yUGpVUGJyM__footer_container_QhrdgD" 17489 17490 17491 17492 17493 17494> 17495 17496 17497 17498 17499 17500<style> 17501 [data-style-id="sections--19530698391778__footer_jyfUFV--AcC8yd0tERUFBNzB1N__richtext_TMWymV"] {} 17502</style> 17503 17504<div data-style-id="sections--19530698391778__footer_jyfUFV--AcC8yd0tERUFBNzB1N__richtext_TMWymV" 17505 class="relative text-center"> 17506 17507 17508<div class="_input-richtext richtext-md"><h6>Products on this site contain a value of 0.3% or less Î9THC by weight (or no more than 0.3% Î9THC). Products are only available for sale and shipment to states where hemp derived Delta 9 is permitted.</h6><div class="h6"></div><h6>Please Note: <br/>(a) "This product is intended for use by adults 21 years and older. Keep out of reach of children."<br/>(b) "There may be health risks associated with the consumption of this product."<br/>(c) "There may be additional health risks associated with the consumption of this product for those who are pregnant, nursing, or plan to become pregnant."<br/>(d) "The intoxicating effects of this product may be delayed by two or more hours."<br/>(e) "May cause drowsiness or impairment. Do not drive a motor vehicle or operate machinery while using this product."<br/>(f) "Use of this product may result in a positive drug screen".<br/></h6><h6>
17508<br/>All trademarks and copyrights are property of their respective owners and are not affiliated with nor do they endorse this product. These statements have not been evaluated by the FDA. These products are not intended to diagnose, treat, cure, or prevent any disease.<br/><br/>All credit card payments will be charged by THE HI COLLECTION. Contact 859-303-6757 or [email protected] for support.<br/><br/></h6></div> 17509 17510</div> 17511 17512 17513 17514</div> 17515 17516 17517 17518 17519</div> 17520 17521 17522 17523 17524 17525 17526 17527<style> 17528 [data-style-id="sections--19530698391778__footer_jyfUFV--ARys1OFYzMmNLVDhJR__footer_container_XFFmtp"] { color: #ffffff; background-color: #273426; } [data-style-id="sections--19530698391778__footer_jyfUFV--ARys1OFYzMmNLVDhJR__footer_container_XFFmtp"] { padding: 18px var(--container-md); display: flex; align-items: center; gap: 16px;}@media (max-width: 1024px) { [data-style-id="sections--19530698391778__footer_jyfUFV--ARys1OFYzMmNLVDhJR__footer_container_XFFmtp"] { flex-direction: column; }} 17529</style> 17530 17531<div 17532 data-style-id="sections--19530698391778__footer_jyfUFV--ARys1OFYzMmNLVDhJR__footer_container_XFFmtp" 17533 17534 17535 17536 17537 17538> 17539 17540 17541 17542 17543<style> 17544 [data-style-id="sections--19530698391778__footer_jyfUFV--AQnoyWVJ5THlHL3RCd__footer_container_9i7LjQ"] { } [data-style-id="sections--19530698391778__footer_jyfUFV--AQnoyWVJ5THlHL3RCd__footer_container_9i7LjQ"] { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 16px;} 17545</style> 17546 17547<div 17548 data-style-id="sections--19530698391778__footer_jyfUFV--AQnoyWVJ5THlHL3RCd__footer_container_9i7LjQ" 17549 17550 17551 17552 17553 17554> 17555 17556 17557 17558 17559<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AZUxOdFNkTDhqSzBke__button_jfwL6R"] { width: max-content; whitespace: no-wrap;}</style> 17560 17561 17562 17563 17564 17565 <a data-style-id="sections--19530698391778__footer_jyfUFV--AZUxOdFNkTDhqSzBke__button_jfwL6R" 17566 17567 17568 href="/policies/shipping-policy" 17569 class="w-full richtext-md h5 "> 17570 17571 17572Shipping Policy 17573 </a> 17574 17575 17576 17577 17578 17579 17580 17581<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AaUVqZzc3K2ZkaHkyS__button_pLWRL9"] { width: max-content; whitespace: no-wrap;}</style> 17582 17583 17584 17585 17586 17587 <a data-style-id="sections--19530698391778__footer_jyfUFV--AaUVqZzc3K2ZkaHkyS__button_pLWRL9" 17588 17589 17590 href="/policies/privacy-policy" 17591 class="w-full richtext-md h5 "> 17592 17593 17594Privacy Policy 17595 </a> 17596 17597 17598 17599 17600 17601 17602 17603<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AbUFCWCt4R3pLcEtXc__button_r9Namr"] { width: max-content; whitespace: no-wrap;}</style> 17604 17605 17606 17607 17608 17609 <a data-style-id="sections--19530698391778__footer_jyfUFV--AbUFCWCt4R3pLcEtXc__button_r9Namr" 17610 17611 17612 href="/policies/terms-of-service" 17613 class="w-full richtext-md h5 "> 17614 17615 17616Terms Of Use 17617 </a> 17618 17619 17620 17621 17622 17623 17624 17625<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AY3doVG9oSHJiVklse__button_86e9zn"] { width: max-content; whitespace: no-wrap;}</style> 17626 17627 17628 17629 17630 17631 <a data-style-id="sections--19530698391778__footer_jyfUFV--AY3doVG9oSHJiVklse__button_86e9zn" 17632 17633 17634 href="/policies/refund-policy" 17635 class="w-full richtext-md h5 "> 17636 17637 17638Refund Policy 17639 </a> 17640 17641 17642 17643 17644</div> 17645 17646 17647 17648 17649 17650<style>[data-style-id="sections--19530698391778__footer_jyfUFV--Ab0xneTBrWG9EdnhId__custom_liquid_XLArwK"] { display: flex; font-family: var(--Family-Secondary, Inter); font-size: var(--richtext-md-h5, 14px); font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */}[data-style-id="sections--19530698391778__footer_jyfUFV--Ab0xneTBrWG9EdnhId__custom_liquid_XLArwK"] span { text-align: center;}[data-style-id="sections--19530698391778__footer_jyfUFV--Ab0xneTBrWG9EdnhId__custom_liquid_XLArwK"] a:last-of-type { text-decoration: underline;}@media (max-width: 768px) { [data-style-id="sections--19530698391778__footer_jyfUFV--Ab0xneTBrWG9EdnhId__custom_liquid_XLArwK"] { font-size: var(--richtext-md-h5, 13px); }}</style> 17651 17652<div data-style-id="sections--19530698391778__footer_jyfUFV--Ab0xneTBrWG9EdnhId__custom_liquid_XLArwK" > 17653 <span>© 2026 <a href="/" title="">hi Seltzers</a>. All Rights Reserved. - Powered by <a href="https://www.platter.com/">Platter.com</a></span> 17654</div> 17655 17656 17657 17658 17659<style>[data-style-id="sections--19530698391778__footer_jyfUFV--AV1kyT0xKUEFUdE1KR__language_selector_tMqb3X"] { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-shrink: 0; flex: 1;}[data-style-id="sections--19530698391778__footer_jyfUFV--AV1kyT0xKUEFUdE1KR__language_selector_tMqb3X"] .relative { max-width: 250px; width: 100%;}@media (max-width: 1024px) { [data-style-id="sections--19530698391778__footer_jyfUFV--AV1kyT0xKUEFUdE1KR__language_selector_tMqb3X"] { width: 100%; justify-content: center; } [data-style-id="sections--19530698391778__footer_jyfUFV--AV1kyT0xKUEFUdE1KR__language_selector_tMqb3X"] .relative { max-width: unset; }}</style> 17660 17661 17662<div data-style-id="sections--19530698391778__footer_jyfUFV--AV1kyT0xKUEFUdE1KR__language_selector_tMqb3X" 17663 x-data="{ 17664 show: false, 17665 direction: 'down', 17666 toggleDropdown(el) { 17667 const rect = el.getBoundingClientRect(); 17668 const spaceBelow = window.innerHeight - rect.bottom; 17669 const spaceAbove = rect.top; 17670 17671 this.direction = spaceBelow < 250 && spaceAbove > spaceBelow ? 'up' : 'down'; 17672 this.show = !this.show; 17673 } 17674 }"> 17675 <div class="relative"> 17676 <button 17677 type="button" 17678 class="w-full input-select" 17679 @click="toggleDropdown($el)" 17680 > 17681 English 17682 </button> 17683 <div 17684 x-show="show" 17685 @click.outside="show = false" 17686 class="z-max mt-1 max-h-60 absolute w-full justify-start overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none" 17687 :class="direction === 'up' ? 'bottom-full mb-1' : 'mt-1 top-full'" 17688 > 17689 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/the-og-pack-1" /> 17690 17691 <button 17692 type="submit" 17693 name="locale_code" 17694 value="en" 17695 class="flex items-center w-full text-left relative select-none py-2 pl-3 text-black ac:bg-[#F2F2F2] hf:bg-[#F2F2F2] " 17696 @click="show = false" 17697 >
17698 <span class="flex-shrink-0 mr-2 text-theme-accent opacity-100"> 17699 17700 17701 <svg data-icon-handle="check-mark" 17702 17703 class="bg-current shrink-0 size-5 opacity-60 bg-gray-900" 17704 x-data="{ url: getComputedStyle(document.documentElement).getPropertyValue(`--icon-check-mark--url`) }" 17705 :class="url ? 'cursor-pointer hf:opacity-70 transition-all duration-75': ''" 17706 :role="url ? 'link':''" 17707 :tabindex="url ? '0' : undefined" 17708 aria-label="check-mark" 17709 x-init="if (url) { $el.onclick = (e) => utils.isExternalURL(url) ? window.open(url) : barba.go(url) }" 17710 style="mask: var(--icon-check-mark); -webkit-mask: var(--icon-check-mark); aspect-ratio: var(--icon-check-mark-aspect-ratio, 1); "></svg> 17711 17712 17713 </span> 17714 <span class="block truncate"> 17715 English 17716 </span> 17717 </button> 17718 17719 </form> 17720 </div> 17721 </div> 17722</div> 17723 17724 17725 17726</div> 17727 17728 17729 17730 17731 </section> 17732 17733 17734 17735</div> 17736<!-- END sections: 0_footer --> 17737 </footer> 17738 17739 17740 <div x-data="{ startTime: Date.now(), hover: false }" 17741 class="pointer-events-none fixed inset-0 z-max flex items-end justify-end p-8"> 17742 <div class="pointer-events-auto relative mx-auto justify-center flex w-full flex-1 flex-col gap-2 md:max-w-sm" 17743 @pointerleave="hover = false; $toast.continueRemoval()"> 17744 <template x-for="(value, index) in $toast.toasts"> 17745 <section x-data="{ show: false }" 17746 x-init="$nextTick(() => { show = true })" 17747 @pointerover="hover = true; $toast.pauseRemoval()" 17748 class="pointer-events-auto bottom-0 right-0 h-full max-h-full w-full scale-100 rounded-md bg-white transition-all duration-500 ease-in-out md:max-w-sm" 17749 :class="($toast.toasts.length - 1) === index ? 'relative' : 'absolute'" 17750 :style="`bottom: ${Math.min(($toast.toasts.length - 1) - index, 2) * 12}px; --tw-scale-x: ${1 - Math.min(($toast.toasts.length - 1) - index, $data.hover ? 0 : 2) * 0.09};`" 17751 x-effect="$el.classList.toggle('absolute', !$data.hover)" 17752 :data-index="index" 17753 :aria-live="['error','warning'].includes(value.type) ? 'assertive' : 'polite'" 17754 aria-atomic="true" 17755 role="status" 17756 tabIndex="0" 17757 x-show="show && !value.hide" 17758 x-cloak 17759 x-transition:enter-start="opacity-0 translate-y-full" 17760 x-transition:enter-end="opacity-100 translate-y-0" 17761 x-transition:leave-start="opacity-100 translate-y-0" 17762 x-transition:leave-end="opacity-0 translate-y-full"> 17763 <div class="flex gap-2 overflow-hidden rounded-md border p-3 text-sm shadow-lg drop-shadow-sm" 17764 :class="{ 17765 plain: `border-gray-300 bg-white text-gray-900`, 17766 warning: `border-warning/70 bg-warning/5 text-[--color-warning-text--hex]`, 17767 error: `border-error/70 bg-error/5 text-[--color-error-text--hex]`, 17768 info: `border-info/70 bg-info/5 text-[--color-info-text--hex]`, 17769 success: `border-success/70 bg-success/5 text-[--color-success-text--hex]` 17770 }[value.type]"> 17771 <div class="text-warning shrink-0"> 17772 <svg x-data="{ icon: utils.handlelize(value.icon) }" 17773 :data-icon-handle="icon" 17774 class="h-5 w-5 bg-current" 17775 :class="{ 17776 plain: 'text-gray-700', 17777 warning: 'text-warning', 17778 error: 'text-error', 17779 info: 'text-info', 17780 success: 'text-success' 17781 }[value.type]" 17782 :style="`mask: var(--icon-${icon}); -webkit-mask: var(--icon-${icon}); aspect-ratio: var(--icon-${icon}-aspect-ratio, 1);`"></svg> 17783 </div> 17784 <div class=""> 17785 <header class="text-13 font-semibold" x-html="value.title" x-show="value.title"></header> 17786 <main class="text-13 font-medium opacity-80" x-html="value.content" x-show="value.content"></main> 17787 </div> 17788 </div> 17789 </section> 17790 </template> 17791 </div> 17792</div> 17793 17794 17795 <div data-tooltip-container 17796 class="pointer-events-none fixed inset-0 z-max"
17797 x-init="$watch('$router.pathname', () => { $el.innerHTML = ''; })"></div> 17798 17799
17799<script type="application/javascript"> 17800 document.documentElement.style.setProperty( 17801 "--scrollbar-width", 17802 `${window.innerWidth - document.documentElement.clientWidth}px`, 17803 ); 17804 </script>
17804 17805 17806 17807 17808 17809 17810 17811 17812 17813 17814 17815 17816 17817 17818<div id="lootly-widget" class="lootly-init" style="display: none" 17819 data-provider="https://lootly.io" 17820 data-api-key="4VuH6g5Uke6HL45ML7CmfBaV26ZgDAtWC0Om7PDrdLpiuH6ytOykdDiVUJLz" 17821 data-shop-domain="d1dpfn-ug.myshopify.com" 17822 data-shop-id="972c77b01a72ff075b674bc576014693" 17823 data-customer-id="" 17824 data-customer-signature=""> 17825</div> 17826 17827<!-- Failed to render app block "855628211100114053": app block path "shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507" does not exist --><!-- Failed to render app block "14060646107696862457": app block path "shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8" does not exist --><!-- Failed to render app block "3140817623390692025": app block path "shopify://apps/na-age-verification/blocks/agechecker_y1K8NR3dvv/15fad4c9-4ba9-4c27-8e6c-1f214a81924f" does not exist -->
17827<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
17827 17828</body> 17829</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.