1<!doctype html> 2<html 3 class="no-js" 4 lang="en" 5> 6 <head> 7 <link rel="preconnect" href="https://cdn.intelligems.io" crossorigin><link rel="preconnect" href="https://static.klaviyo.com" crossorigin> 8 <link rel="preconnect" href="https://sdk-static.loyaltylion.net" crossorigin> 9 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 10 <link rel="preload" as="script" crossorigin href="https://cdn.intelligems.io/esm/672ba8719d28/bundle.js"> 11 <link rel="preload" as="style" href="//prolonlife.com/cdn/shop/t/119/assets/base.css?v=50515185990914882441790260995"><link rel="preload" as="style" href="//prolonlife.com/cdn/shop/t/119/assets/ck-tailwind-build.min.css?v=144101051081744194221790342186"> 12 13 14 15 16 17 18 19 20 21 22 23 <!-- --> 24 <!-- TEMPLATE NAME : page.contact --> 25 <!-- HANDLE : contact-us -->
25<script> 26(function() { 27 'use strict'; 28 29 // Soft redirect map: old path -> new path 30 // Paths are case-insensitive and should not include the domain 31 var redirectMap = { 32 33 // Prolon L-Spread 34 35 // Landing Pages -> Main Pages 36 37 38 // Prolon Products - Various Offers 39 40 // Reset/Bundle Products 41 42 43 // Fasting Shake Products 44 // L-Biome Products 45 '/products/free-welcome-kit-lp': '/products/prolon-offer', 46 47 // Bundle Redirects - Patient/Provider/Legacy to Main Products 48 '/products/onward-package-protection': '/products/prolon-offer' 49 50 // Collection Redirect 51 52 // Pages -> Relevant Destinations 53 54 };// Get current path (lowercase for case-insensitive matching) 55 var currentPath = window.location.pathname.toLowerCase(); 56 57 // Decode URI component to handle encoded characters like %C2%AE 58 var decodedPath = currentPath; 59 try { 60 decodedPath = decodeURIComponent(currentPath); 61 } catch(e) { 62 // If decode fails, use original path 63 } 64 65 // Check if current path matches any redirect 66 var newPath = null; 67 68 // Check exact match first 69 if (redirectMap[currentPath]) { 70 newPath = redirectMap[currentPath]; 71 } else if (redirectMap[decodedPath]) { 72 newPath = redirectMap[decodedPath]; 73 } else { 74 // Check all keys (for encoded/decoded variations) 75 for (var oldPath in redirectMap) { 76 if (redirectMap.hasOwnProperty(oldPath)) { 77 var decodedOldPath = oldPath; 78 try { 79 decodedOldPath = decodeURIComponent(oldPath); 80 } catch(e) {} 81 82 if (currentPath === oldPath.toLowerCase() || 83 currentPath === decodedOldPath.toLowerCase() || 84 decodedPath === oldPath.toLowerCase() || 85 decodedPath === decodedOldPath.toLowerCase()) { 86 newPath = redirectMap[oldPath]; 87 break; 88 } 89 } 90 } 91 } 92 93 // Perform redirect if match found 94 if (newPath && newPath !== window.location.pathname) { 95 // Preserve query string if present 96 var queryString = window.location.search || ''; 97 var hash = window.location.hash || ''; 98 99 // Use replace to avoid adding to browser history (true soft redirect) 100 window.location.replace(newPath + queryString + hash); 101 } 102})(); 103</script>
103 104<meta charset="utf-8"> 105<meta 106 http-equiv="X-UA-Compatible" 107 content="IE=edge" 108> 109<meta 110 name="viewport" 111 content="width=device-width,initial-scale=1" 112> 113<meta 114 name="view-transition" 115 content="same-origin" 116> 117<meta 118 name="theme-color" 119 content="" 120> 121 122<meta 123 property="og:site_name" 124 content="Prolon Life" 125> 126<meta 127 property="og:url" 128 content="https://prolonlife.com/pages/contact-us" 129> 130<meta 131 property="og:title" 132 content="Prolon Contact Us Page" 133> 134<meta 135 property="og:type" 136 content="website" 137> 138<meta 139 property="og:description" 140 content="Your satisfaction is important to us, and we are committed to ensuring the quality of our products. Please contact us using the form below, or by phone if you have any concerns about your ProLon® merchandise or services." 141><meta 142 property="og:image" 143 content="http://prolonlife.com/cdn/shop/files/Screenshot_2026-01-26_at_10.47.07_AM.png?v=1769446061" 144 > 145 <meta 146 property="og:image:secure_url" 147 content="https://prolonlife.com/cdn/shop/files/Screenshot_2026-01-26_at_10.47.07_AM.png?v=1769446061" 148 > 149 <meta 150 property="og:image:width" 151 content="3340" 152 > 153 <meta 154 property="og:image:height" 155 content="1522" 156 ><meta 157 name="twitter:card" 158 content="summary_large_image" 159> 160<meta 161 name="twitter:title" 162 content="Prolon Contact Us Page" 163> 164<meta 165 name="twitter:description" 166 content="Your satisfaction is important to us, and we are committed to ensuring the quality of our products. Please contact us using the form below, or by phone if you have any concerns about your ProLon® merchandise or services." 167> 168 169<title> 170 Prolon Contact Us Page 171 – Prolon Life</title> 172 173<link 174 rel="canonical" 175 href="https://prolonlife.com/pages/contact-us" 176> 177 178<meta 179 name="description" 180 content="Your satisfaction is important to us, and we are committed to ensuring the quality of our products. Please contact us using the form below, or by phone if you have any concerns about your ProLon® merchandise or services." 181> 182<link 183 rel="icon" 184 type="image/png" 185 href="//prolonlife.com/cdn/shop/files/Prolon_Icon_light_green.png?crop=center&height=32&v=1746203038&width=32" 186 ><style> 187 /* Critical Reset */ 188 *, *::before, *::after { box-sizing: border-box; } 189 html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } 190 body { margin: 0; min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; } 191 img, picture, video, canvas, svg { display: block; max-width: 100%; } 192 193 /* Critical Layout */ 194 .skip-to-content-link:not(:focus) { 195 position: absolute; 196 width: 1px; 197 height: 1px; 198 overflow: hidden; 199 clip: rect(0, 0, 0, 0); 200 } 201 202 /* Header Critical */ 203 #header-group { position: sticky; top: 0; z-index: 50; } 204 205 /* Main Content */ 206 .content-for-layout { min-height: 50vh; } 207 208 /* Hero Section Critical */ 209 .section-wrapper { position: relative; } 210 .background-image-container { position: absolute; inset: 0; overflow: hidden; } 211 .background-image-container img { width: 100%; height: 100%; object-fit: cover; } 212 213 /* Font Loading Optimization - Prevent FOIT */ 214 .no-js .lazyload { display: none; } 215 216 /* Critical text styles */ 217 h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; } 218 a { color: inherit; text-decoration: inherit; } 219 button { background: none; border: none; padding: 0; cursor: pointer; } 220 221 /* Prevent layout shift for images */ 222 img { height: auto; } 223 224 /* Critical animations - reduced motion */ 225 @media (prefers-reduced-motion: reduce) { 226 *, *::before, *::after { 227 animation-duration: 0.01ms !important; 228 animation-iteration-count: 1 !important; 229 transition-duration: 0.01ms !important; 230 } 231 } 232 233 /* Cart drawer - prevent layout shift */ 234 [role="dialog"][aria-hidden="true"] { display: none; } 235 236 /* Skeleton loading states */ 237 .skeleton { 238 background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); 239 background-size: 200% 100%; 240 animation: skeleton-loading 1.5s infinite; 241 } 242 @keyframes skeleton-loading { 243 0% { background-position: 200% 0; } 244 100% { background-position: -200% 0; } 245 } 246 247 /* Reduce data mode - for slow connections */ 248 .reduce-data img { filter: blur(5px); transition: filter 0.3s; } 249 .reduce-data img.loaded { filter: none; } 250</style> 251<link href="//prolonlife.com/cdn/shop/t/119/assets/base.css?v=50515185990914882441790260995" rel="stylesheet" type="text/css" media="all" /> 252<link href="//prolonlife.com/cdn/shop/t/119/assets/ck-tailwind-build.min.css?v=144101051081744194221790342186" rel="stylesheet" type="text/css" media="all" /> 253 254<link 255 rel="preload" 256 as="font" 257 href="//prolonlife.com/cdn/shop/t/119/assets/Inter-roman-latin.woff2?v=5808579388252114031788500321" 258 type="font/woff2" 259 crossorigin 260> 261 262 263<style data-shopify> 264 @font-face { 265 font-family: Inter; 266 font-weight: 400; 267 font-style: normal; 268 font-display: swap; 269 src: url("//prolonlife.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 270 url("//prolonlife.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 271} 272 273 @font-face { 274 font-family: Inter; 275 font-weight: 700; 276 font-style: normal; 277 font-display: swap; 278 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 279 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 280} 281 282 @font-face { 283 font-family: Inter; 284 font-weight: 400; 285 font-style: italic; 286 font-display: swap; 287 src: url("//prolonlife.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 288 url("//prolonlife.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 289} 290 291 @font-face { 292 font-family: Inter; 293 font-weight: 700; 294 font-style: italic; 295 font-display: swap; 296 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 297 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 298} 299 300 301 @font-face { 302 font-family: Inter; 303 font-weight: 500; 304 font-style: normal; 305 font-display: swap; 306 src: url("//prolonlife.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 307 url("//prolonlife.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 308} 309 310 @font-face { 311 font-family: Inter; 312 font-weight: 700; 313 font-style: normal; 314 font-display: swap; 315 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 316 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 317} 318 319 @font-face { 320 font-family: Inter; 321 font-weight: 500; 322 font-style: italic; 323 font-display: swap; 324 src: url("//prolonlife.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 325 url("//prolonlife.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 326} 327 328 @font-face { 329 font-family: Inter; 330 font-weight: 700; 331 font-style: italic; 332 font-display: swap; 333 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 334 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 335} 336 337 338 @font-face { 339 font-family: Inter; 340 font-weight: 700; 341 font-style: normal; 342 font-display: swap; 343 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 344 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 345} 346 347 @font-face { 348 font-family: Inter; 349 font-weight: 700; 350 font-style: normal; 351 font-display: swap; 352 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 353 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 354} 355 356 @font-face { 357 font-family: Inter; 358 font-weight: 700; 359 font-style: italic; 360 font-display: swap; 361 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 362 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 363} 364 365 @font-face { 366 font-family: Inter; 367 font-weight: 700; 368 font-style: italic; 369 font-display: swap; 370 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 371 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 372} 373 374 375 @font-face { 376 font-family: Inter; 377 font-weight: 700; 378 font-style: normal; 379 font-display: swap; 380 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 381 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 382} 383 384 @font-face { 385 font-family: Inter; 386 font-weight: 700; 387 font-style: normal; 388 font-display: swap; 389 src: url("//prolonlife.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 390 url("//prolonlife.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 391} 392 393 @font-face { 394 font-family: Inter; 395 font-weight: 700; 396 font-style: italic; 397 font-display: swap; 398 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 399 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 400} 401 402 @font-face { 403 font-family: Inter; 404 font-weight: 700; 405 font-style: italic; 406 font-display: swap; 407 src: url("//prolonlife.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 408 url("//prolonlife.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 409} 410 411 412 :root { 413 /* Page Layout */ 414 --sidebar-width: 25rem; 415 --narrow-content-width: 36rem; 416 --normal-content-width: 42rem; 417 --wide-content-width: 46rem; 418 --narrow-page-width: 90rem; 419 --normal-page-width: 120rem; 420 --wide-page-width: 150rem; 421 422 /* Section Heights */ 423 --section-height-small: 15rem; 424 --section-height-medium: 25rem; 425 --section-height-large: 700px; 426 427 @media screen and (min-width: 40em) { 428 --section-height-small: 40svh; 429 --section-height-medium: 55svh; 430 --section-height-large: 70svh; 431 } 432 433 @media screen and (min-width: 60em) { 434 --section-height-small: 50svh; 435 --section-height-medium: 65svh; 436 --section-height-large: 80svh; 437 } 438 439 /* Letter spacing */ 440 --letter-spacing-sm: 0.06em; 441 --letter-spacing-md: 0.13em; 442 443 /* Font families */ 444 --font-body--family: Inter, sans-serif; 445 --font-body--style: normal; 446 --font-body--weight: 400; 447 --font-subheading--family: Inter, sans-serif; 448 --font-subheading--style: normal; 449 --font-subheading--weight: 500; 450 --font-heading--family: Inter, sans-serif; 451 --font-heading--style: normal; 452 --font-heading--weight: 700; 453 --font-accent--family: Inter, sans-serif; 454 --font-accent--style: normal; 455 --font-accent--weight: 700; 456 457 /* Margin sizes */ 458 --font-h1--spacing: 0.25em; 459 --font-h2--spacing: 0.25em; 460 --font-h3--spacing: 0.25em; 461 --font-h4--spacing: 0.25em; 462 --font-h5--spacing: 0.25em; 463 --font-h6--spacing: 0.25em; 464 --font-paragraph--spacing: 0.5em; 465 466 /* Heading colors */ 467 --font-h1--color: var(--color-foreground-heading); 468 --font-h2--color: var(--color-foreground-heading); 469 --font-h3--color: var(--color-foreground-heading); 470 --font-h4--color: var(--color-foreground-heading); 471 --font-h5--color: var(--color-foreground-heading); 472 --font-h6--color: var(--color-foreground-heading); 473 474 /** Z-Index / Layering */ 475 --layer-section-background: -2; 476 --layer-lowest: -1; 477 --layer-base: 0; 478 --layer-flat: 1; 479 --layer-raised: 2; 480 --layer-heightened: 4; 481 --layer-sticky: 98; 482 --layer-window-overlay: 10; 483 --layer-header-menu: 12; 484 --layer-overlay: 16; 485 --layer-menu-drawer: 18; 486 --layer-temporary: 20; 487 488 /* Max-width / Measure */ 489 --max-width--body-normal: 50ch; 490 --max-width--body-narrow: 35ch; 491 492 --max-width--heading-normal: 50ch; 493 --max-width--heading-narrow: 30ch; 494 495 --max-width--display-normal: 20ch; 496 --max-width--display-narrow: 15ch; 497 --max-width--display-tight: 5ch; 498 499 /* Letter-spacing / Tracking */ 500 --letter-spacing--display-tight: -0.03em; 501 --letter-spacing--display-normal: 0em; 502 --letter-spacing--display-loose: 0.03em; 503 504 --letter-spacing--heading-tight: -0.03em; 505 --letter-spacing--heading-normal: 0em; 506 --letter-spacing--heading-loose: 0.03em; 507 508 --letter-spacing--body-tight: -0.03em; 509 --letter-spacing--body-normal: 0em; 510 --letter-spacing--body-loose: 0.03em; 511 512 /* Line height / Leading */ 513 --line-height: 1; 514 515 --line-height--display-tight: 1; 516 --line-height--display-normal: 1.1; 517 --line-height--display-loose: 1.2; 518 519 --line-height--heading-tight: 1.15; 520 --line-height--heading-normal: 1.25; 521 --line-height--heading-loose: 1.35; 522 523 --line-height--body-tight: 1.2; 524 --line-height--body-normal: 1.4; 525 --line-height--body-loose: 1.6; 526 527 /* Typography presets */ 528 --font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.75rem, 6.0vw, 3.75rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 529 530 /* Hardcoded font sizes */ 531 --font-size--2xs: 0.625rem; 532 --font-size--xs: 0.8125rem; 533 --font-size--sm: 0.875rem; 534 --font-size--md: 1rem; 535 --font-size--lg: 1.125
535rem; 536 --font-size--xl: 1.25rem; 537 --font-size--2xl: 1.5rem; 538 --font-size--3xl: 2rem; 539 --font-size--4xl: 2.5rem; 540 --font-size--5xl: 3rem; 541 --font-size--6xl: 3.5rem; 542 543 /* Menu font sizes */ 544 --menu-font-sm--size: 0.875rem; 545 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 546 --menu-font-md--size: 1rem; 547 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 548 --menu-font-lg--size: 1.125rem; 549 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 550 --menu-font-xl--size: 1.25rem; 551 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 552 --menu-font-2xl--size: 1.75rem; 553 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 554 555 /* Colors */ 556 --color-error: #8B0000; 557 --color-success: #006400; 558 --color-white: #FFFFFF; 559 --color-white-rgb: 255 255 255; 560 --color-black: #000000; 561 --color-instock: #3ED660; 562 --color-lowstock: #EE9441; 563 --color-outofstock: #C8C8C8; 564 565 /* Opacity */ 566 --opacity-5: 0.05; 567 --opacity-8: 0.08; 568 --opacity-10: 0.1; 569 --opacity-15: 0.15; 570 --opacity-20: 0.2; 571 --opacity-25: 0.25; 572 --opacity-30: 0.3; 573 --opacity-40: 0.4; 574 --opacity-50: 0.5; 575 --opacity-60: 0.6; 576 --opacity-70: 0.7; 577 --opacity-80: 0.8; 578 --opacity-85: 0.85; 579 --opacity-90: 0.9; 580 --opacity-subdued-text: var(--opacity-70); 581 582 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 583 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 584 585 /* Spacing */ 586 --margin-3xs: 0.125rem; 587 --margin-2xs: 0.3rem; 588 --margin-xs: 0.5rem; 589 --margin-sm: 0.7rem; 590 --margin-md: 0.8rem; 591 --margin-lg: 1rem; 592 --margin-xl: 1.25rem; 593 --margin-2xl: 1.5rem; 594 --margin-3xl: 1.75rem; 595 --margin-4xl: 2rem; 596 --margin-5xl: 3rem; 597 --margin-6xl: 5rem; 598 599 --scroll-margin: 50px; 600 601 --padding-3xs: 0.125rem; 602 --padding-2xs: 0.25rem; 603 --padding-xs: 0.5rem; 604 --padding-sm: 0.7rem; 605 --padding-md: 0.8rem; 606 --padding-lg: 1rem; 607 --padding-xl: 1.25rem; 608 --padding-2xl: 1.5rem; 609 --padding-3xl: 1.75rem; 610 --padding-4xl: 2rem; 611 --padding-5xl: 3rem; 612 --padding-6xl: 4rem; 613 614 --gap-3xs: 0.125rem; 615 --gap-2xs: 0.3rem; 616 --gap-xs: 0.5rem; 617 --gap-sm: 0.7rem; 618 --gap-md: 0.9rem; 619 --gap-lg: 1rem; 620 --gap-xl: 1.25rem; 621 --gap-2xl: 2rem; 622 --gap-3xl: 3rem; 623 624 --spacing-scale-sm: 0.6; 625 --spacing-scale-md: 0.7; 626 --spacing-scale-default: 1.0; 627 628 /* Checkout buttons gap */ 629 --checkout-button-gap: 8px; 630 631 /* Borders */ 632 --style-border-width: 1px; 633 --style-border-radius-xs: 0.2rem; 634 --style-border-radius-sm: 0.6rem; 635 --style-border-radius-md: 0.8rem; 636 --style-border-radius-50: 50%; 637 --style-border-radius-lg: 1rem; 638 --style-border-radius-pills: 40px; 639 --style-border-radius-inputs: 4px; 640 --style-border-radius-buttons-primary: 100px; 641 --style-border-radius-buttons-secondary: 100px; 642 --style-border-width-primary: 0px; 643 --style-border-width-secondary: 1px; 644 --style-border-width-inputs: 1px; 645 --style-border-radius-popover: 14px; 646 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 647 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 648 --style-border-swatch-opacity: 10%; 649 --style-border-swatch-width: 1px; 650 --style-border-swatch-style: solid; 651 652 /* Animation */ 653 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 654 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 655 --animation-speed-fast: 0.0625s; 656 --animation-speed: 0.125s; 657 --animation-speed-slow: 0.2s; 658 --animation-speed-medium: 0.15s; 659 --animation-easing: ease-in-out; 660 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 661 --drawer-animation-speed: 0.2s; 662 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 663 --animation-values: var(--animation-speed) var(--animation-easing); 664 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 665 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 666 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 667 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 668 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 669 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 670 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 671 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 672 673 /* View transitions */ 674 /* View transition old */ 675 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 676 677 /* View transition new */ 678 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 679 680 /* Focus */ 681 --focus-outline-width: 0.09375rem; 682 --focus-outline-offset: 0.2em; 683 684 /* Badges */ 685 --badge-blob-padding-block: 1px; 686 --badge-blob-padding-inline: 12px 8px; 687 --badge-rectangle-padding-block: 1px; 688 --badge-rectangle-padding-inline: 6px; 689 @media screen and (min-width: 750px) { 690 --badge-blob-padding-block: 4px; 691 --badge-blob-padding-inline: 16px 12px; 692 --badge-rectangle-padding-block: 4px; 693 --badge-rectangle-padding-inline: 10px; 694 } 695 696 /* Icons */ 697 --icon-size-2xs: 0.6rem; 698 --icon-size-xs: 0.85rem; 699 --icon-size-sm: 1.25rem; 700 --icon-size-md: 1.375rem; 701 --icon-size-lg: 1.5rem; 702 --icon-stroke-width: 1.5px; 703 704 /* Input */ 705 --input-email-min-width: 200px; 706 --input-search-max-width: 650px; 707 --input-padding-y: 0.8rem; 708 --input-padding-x: 0.8rem; 709 --input-padding: var(--input-padding-y) var(--input-padding-x); 710 --input-box-shadow-width: var(--style-border-width-inputs); 711 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 712 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 713 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 714 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 715 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
716 --input-textarea-min-height: 55px; 717 718 /* Button size */ 719 --button-size-sm: 30px; 720 --button-size-md: 36px; 721 --button-size: var(--minimum-touch-target); 722 --button-padding-inline: 24px; 723 --button-padding-block: 16px; 724 725 /* Button font-family */ 726 --button-font-family-primary: var(--font-body--family); 727 --button-font-family-secondary: var(--font-body--family); 728 729 /* Button font-weight */ 730 --button-font-weight-primary: 700; 731 --button-font-weight-secondary: default; 732 733 /* Button text case */ 734 --button-text-case: ; 735 --button-text-case-primary: default; 736 --button-text-case-secondary: default; 737 738 /* Borders */ 739 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 740 --border-width-sm: 1px; 741 --border-width-md: 2px; 742 --border-width-lg: 5px; 743 744 /* Drawers */ 745 --drawer-inline-padding: 25px; 746 --drawer-menu-inline-padding: 2.5rem; 747 --drawer-header-block-padding: 20px; 748 --drawer-content-block-padding: 10px; 749 --drawer-header-desktop-top: 0rem; 750 --drawer-padding: calc(var(--padding-sm) + 7px); 751 --drawer-height: 100dvh; 752 --drawer-width: 95vw; 753 --drawer-max-width: 500px; 754 755 /* Variant Picker Swatches */ 756 --variant-picker-swatch-width-unitless: 34; 757 --variant-picker-swatch-height-unitless: 34; 758 --variant-picker-swatch-width: 34px; 759 --variant-picker-swatch-height: 34px; 760 --variant-picker-swatch-radius: 32px; 761 --variant-picker-border-width: 1px; 762 --variant-picker-border-style: solid; 763 --variant-picker-border-opacity: 10%; 764 765 /* Variant Picker Buttons */ 766 --variant-picker-button-radius: 14px; 767 --variant-picker-button-border-width: 1px; 768 769 /* Slideshow */ 770 --slideshow-controls-size: 3.5rem; 771 --slideshow-controls-icon: 2rem; 772 --peek-next-slide-size: 3rem; 773 774 /* Utilities */ 775 --backdrop-opacity: 0.15; 776 --backdrop-color-rgb: var(--color-shadow-rgb); 777 --minimum-touch-target: 44px; 778 --disabled-opacity: 0.5; 779 --skeleton-opacity: 0.025; 780 781 /* Shapes */ 782 --shape--circle: circle(50% at center); 783 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 784 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 785 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
785% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 786 787 /* Buy buttons */ 788 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 789 790 /* Card image height variables */ 791 --height-small: 10rem; 792 --height-medium: 11.5rem; 793 --height-large: 13rem; 794 --height-full: 100vh; 795 796 @media screen and (min-width: 750px) { 797 --height-small: 17.5rem; 798 --height-medium: 21.25rem; 799 --height-large: 25rem; 800 } 801 802 /* Modal */ 803 --modal-max-height: 65dvh; 804 805 /* Card styles for search */ 806 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 807 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 808 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 809 810 /* Cart */ 811 --cart-primary-font-family: var(--font-body--family); 812 --cart-primary-font-style: var(--font-body--style); 813 --cart-primary-font-weight: var(--font-body--weight); 814 --cart-secondary-font-family: var(--font-secondary--family); 815 --cart-secondary-font-style: var(--font-secondary--style); 816 --cart-secondary-font-weight: var(--font-secondary--weight); 817 } 818</style> 819<style data-shopify> 820 821 822 :root, 823 824 825 826 .color-scheme-1 { 827 --color-background: rgb(255 255 255 / 1.0); 828 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 829 --color-background-rgb: 255 255 255; 830 --opacity-5-15: 0.05; 831 --opacity-10-25: 0.1; 832 --opacity-35-55: 0.35; 833 --opacity-40-60: 0.4; 834 --opacity-30-60: 0.3; 835 --color-announcment-bg-color: rgb(30 64 54 / 1.0); 836 --color-announcement-text-color: rgb(255 255 255 / 1.0); 837 --color-foreground: rgb(30 64 54 / 1.0); 838 --color-foreground-rgb: 30 64 54; 839 --color-foreground-heading: rgb(30 64 54 / 1.0); 840 --color-foreground-heading-rgb: 30 64 54; 841 --color-primary: rgb(255 255 255 / 1.0); 842 --color-primary-rgb: 255 255 255; 843 --color-primary-hover: rgb(255 255 255 / 1.0); 844 --color-primary-hover-rgb: 255 255 255; 845 --color-border: rgb(232 219 212 / 1.0); 846 --color-border-rgb: 232 219 212; 847 --color-shadow: rgb(0 0 0 / 1.0); 848 --color-shadow-rgb: 0 0 0; 849 --color-primary-button-text: rgb(255 255 255 / 1.0); 850 --color-primary-button-background: rgb(30 64 54 / 1.0); 851 --color-primary-button-border: rgb(30 64 54 / 1.0); 852 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 853 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 854 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 855 --color-secondary-button-text: rgb(30 64 54 / 1.0); 856 --color-secondary-button-background: rgb(0 0 0 / 0.0); 857 --color-secondary-button-border: rgb(30 64 54 / 1.0); 858 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 859 --color-secondary-button-hover-background: rgb(248 244 242 / 1.0); 860 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 861 --color-input-background: rgb(255 255 255 / 1.0); 862 --color-input-text: rgb(30 64 54 / 1.0); 863 --color-input-text-rgb: 30 64 54; 864 --color-input-border: rgb(232 219 212 / 1.0); 865 --color-input-hover-background: rgb(248 244 242 / 1.0); 866 --color-variant-background: rgb(255 255 255 / 1.0); 867 --color-variant-border: rgb(232 219 212 / 1.0); 868 --color-variant-text: rgb(30 64 54 / 1.0); 869 --color-variant-text-rgb: 30 64 54; 870 --color-variant-hover-background: rgb(248 244 242 / 1.0); 871 --color-variant-hover-text: rgb(30 64 54 / 1.0); 872 --color-variant-hover-border: rgb(232 219 212 / 1.0); 873 --color-selected-variant-background: rgb(30 64 54 / 1.0); 874 --color-selected-variant-border: rgb(30 64 54 / 1.0); 875 --color-selected-variant-text: rgb(255 255 255 / 1.0); 876 --color-selected-variant-hover-background: rgb(30 64 54 / 1.0); 877 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 878 --color-selected-variant-hover-border: rgb(30 64 54 / 1.0); 879 880 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 881 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 882 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 883 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 884 --font-h1--color: var(--color-foreground-heading); 885 --font-h2--color: var(--color-foreground-heading); 886 --font-h3--color: var(--color-foreground-heading); 887 --font-h4--color: var(--color-foreground-heading); 888 --font-h5--color: var(--color-foreground-heading); 889 --font-h6--color: var(--color-foreground-heading); 890 891 /* Shadows */ 892 893 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 894 895 896 --shadow-blur: 20px; 897 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 898 899 } 900 901 902 903 904 .color-scheme-2 {
905 --color-background: rgb(248 244 242 / 1.0); 906 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 907 --color-background-rgb: 248 244 242; 908 --opacity-5-15: 0.05; 909 --opacity-10-25: 0.1; 910 --opacity-35-55: 0.35; 911 --opacity-40-60: 0.4; 912 --opacity-30-60: 0.3; 913 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 914 --color-announcement-text-color: rgb(0 0 0 / 1.0); 915 --color-foreground: rgb(30 64 54 / 1.0); 916 --color-foreground-rgb: 30 64 54; 917 --color-foreground-heading: rgb(30 64 54 / 1.0); 918 --color-foreground-heading-rgb: 30 64 54; 919 --color-primary: rgb(30 64 54 / 1.0); 920 --color-primary-rgb: 30 64 54; 921 --color-primary-hover: rgb(30 64 54 / 1.0); 922 --color-primary-hover-rgb: 30 64 54; 923 --color-border: rgb(232 219 212 / 1.0); 924 --color-border-rgb: 232 219 212; 925 --color-shadow: rgb(0 0 0 / 1.0); 926 --color-shadow-rgb: 0 0 0; 927 --color-primary-button-text: rgb(255 255 255 / 1.0); 928 --color-primary-button-background: rgb(30 64 54 / 1.0); 929 --color-primary-button-border: rgb(30 64 54 / 1.0); 930 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 931 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 932 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 933 --color-secondary-button-text: rgb(30 64 54 / 1.0); 934 --color-secondary-button-background: rgb(0 0 0 / 0.0); 935 --color-secondary-button-border: rgb(30 64 54 / 1.0); 936 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 937 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 938 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 939 --color-input-background: rgb(255 255 255 / 1.0); 940 --color-input-text: rgb(30 64 54 / 1.0); 941 --color-input-text-rgb: 30 64 54; 942 --color-input-border: rgb(232 219 212 / 1.0); 943 --color-input-hover-background: rgb(255 255 255 / 1.0); 944 --color-variant-background: rgb(255 255 255 / 1.0); 945 --color-variant-border: rgb(232 219 212 / 1.0); 946 --color-variant-text: rgb(30 64 54 / 1.0); 947 --color-variant-text-rgb: 30 64 54; 948 --color-variant-hover-background: rgb(255 255 255 / 1.0); 949 --color-variant-hover-text: rgb(30 64 54 / 1.0); 950 --color-variant-hover-border: rgb(232 219 212 / 1.0); 951 --color-selected-variant-background: rgb(30 64 54 / 1.0); 952 --color-selected-variant-border: rgb(30 64 54 / 1.0); 953 --color-selected-variant-text: rgb(255 255 255 / 1.0); 954 --color-selected-variant-hover-background: rgb(30 64 54 / 1.0); 955 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 956 --color-selected-variant-hover-border: rgb(30 64 54 / 1.0); 957 958 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 959 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 960 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 961 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 962 --font-h1--color: var(--color-foreground-heading); 963 --font-h2--color: var(--color-foreground-heading); 964 --font-h3--color: var(--color-foreground-heading); 965 --font-h4--color: var(--color-foreground-heading); 966 --font-h5--color: var(--color-foreground-heading); 967 --font-h6--color: var(--color-foreground-heading); 968 969 /* Shadows */ 970 971 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 972 973 974 --shadow-blur: 20px; 975 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 976 977 } 978 979 980 981 982 .color-scheme-3 { 983 --color-background: rgb(212 232 195 / 1.0); 984 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 985 --color-background-rgb: 212 232 195; 986 --opacity-5-15: 0.05; 987 --opacity-10-25: 0.1; 988 --opacity-35-55: 0.35; 989 --opacity-40-60: 0.4; 990 --opacity-30-60: 0.3; 991 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 992 --color-announcement-text-color: rgb(0 0 0 / 1.0); 993 --color-foreground: rgb(30 64 54 / 1.0); 994 --color-foreground-rgb: 30 64 54; 995 --color-foreground-heading: rgb(30 64 54 / 1.0); 996 --color-foreground-heading-rgb: 30 64 54; 997 --color-primary: rgb(30 64 54 / 1.0); 998 --color-primary-rgb: 30 64 54; 999 --color-primary-hover: rgb(30 64 54 / 1.0); 1000 --color-primary-hover-rgb: 30 64 54; 1001 --color-border: rgb(170 209 136 / 1.0); 1002 --color-border-rgb: 170 209 136; 1003 --color-shadow: rgb(0 0 0 / 1.0); 1004 --color-shadow-rgb: 0 0 0; 1005 --color-primary-button-text: rgb(255 255 255 / 1.0); 1006 --color-primary-button-background: rgb(30 64 54 / 1.0); 1007 --color-primary-button-border: rgb(30 64 54 / 1.0); 1008 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1009 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 1010 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 1011 --color-secondary-button-text: rgb(30 64 54 / 1.0); 1012 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1013 --color-secondary-button-border: rgb(30 64 54 / 1.0); 1014 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 1015 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1016 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 1017 --color-input-background: rgb(255 255 255 / 1.0); 1018 --color-input-text: rgb(30 64 54 / 1.0); 1019 --color-input-text-rgb: 30 64 54; 1020 --color-input-border: rgb(170 209 136 / 1.0); 1021 --color-input-hover-background: rgb(255 255 255 / 1.0); 1022 --color-variant-background: rgb(255 255 255 / 1.0); 1023 --color-variant-border: rgb(230 230 230 / 1.0); 1024 --color-variant-text: rgb(0 0 0 / 1.0); 1025 --color-variant-text-rgb: 0 0 0; 1026 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1027 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1028 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1029 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1030 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1031 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1032 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1033 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1034 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1035 1036 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1037 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1038 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1039 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1040 --font-h1--color: var(--color-foreground-heading); 1041 --font-h2--color: var(--color-foreground-heading); 1042 --font-h3--color: var(--color-foreground-heading); 1043 --font-h4--color: var(--color-foreground-heading); 1044 --font-h5--color: var(--color-foreground-heading); 1045 --font-h6--color: var(--color-foreground-heading); 1046 1047 /* Shadows */ 1048 1049 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1050 1051 1052 --shadow-blur: 20px; 1053 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1054 1055 } 1056 1057 1058 1059 1060 .color-scheme-4 { 1061 --color-background: rgb(230 243 255 / 1.0); 1062 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1063 --color-background-rgb: 230 243 255; 1064 --opacity-5-15: 0.05; 1065 --opacity-10-25: 0.1; 1066 --opacity-35-55: 0.35; 1067 --opacity-40-60: 0.4; 1068 --opacity-30-60: 0.3; 1069 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1070 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1071 --color-foreground: rgb(30 64 54 / 1.0); 1072 --color-foreground-rgb: 30 64 54; 1073 --color-foreground-heading: rgb(30 64 54 / 1.0); 1074 --color-foreground-heading-rgb: 30 64 54; 1075 --color-primary: rgb(0 100 172 / 1.0); 1076 --color-primary-rgb: 0 100 172; 1077 --color-primary-hover: rgb(30 64 54 / 1.0); 1078 --color-primary-hover-rgb: 30 64 54; 1079 --color-border: rgb(179 217 255 / 1.0); 1080 --color-border-rgb: 179 217 255; 1081 --color-shadow: rgb(0 0 0 / 1.0); 1082 --color-shadow-rgb: 0 0 0; 1083 --color-primary-button-text: rgb(255 255 255 / 1.0); 1084 --color-primary-button-background: rgb(0 100 172 / 1.0); 1085 --color-primary-button-border: rgb(0 100 172 / 1.0); 1086 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1087 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 1088 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 1089 --color-secondary-button-text: rgb(0 100 172 / 1.0); 1090 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1091 --color-secondary-button-border: rgb(0 100 172 / 1.0); 1092 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 1093 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1094 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 1095 --color-input-background: rgb(255 255 255 / 1.0); 1096 --color-input-text: rgb(30 64 54 / 1.0); 1097 --color-input-text-rgb: 30 64 54; 1098 --color-input-border: rgb(179 217 255 / 1.0); 1099 --color-input-hover-background: rgb(255 255 255 / 1.0); 1100 --color-variant-background: rgb(255 255 255 / 1.0); 1101 --color-variant-border: rgb(179 217 255 / 1.0); 1102 --color-variant-text: rgb(30 64 54 / 1.0); 1103 --color-variant-text-rgb: 30 64 54; 1104 --color-variant-hover-background: rgb(255 255 255 / 1.0); 1105 --color-variant-hover-text: rgb(30 64 54 / 1.0); 1106 --color-variant-hover-border: rgb(179 217 255 / 1.0); 1107 --color-selected-variant-background: rgb(0 100 172 / 1.0); 1108 --color-selected-variant-border: rgb(0 100 172 / 1.0); 1109 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1110 --color-selected-variant-hover-background: rgb(30 64 54 / 1.0); 1111 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1112 --color-selected-variant-hover-border: rgb(30 64 54 / 1.0); 1113 1114 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1115 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1116 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1117 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1118 --font-h1--color: var(--color-foreground-heading); 1119 --font-h2--color: var(--color-foreground-heading); 1120 --font-h3--color: var(--color-foreground-heading); 1121 --font-h4--color: var(--color-foreground-heading); 1122 --font-h5--color: var(--color-foreground-heading); 1123 --font-h6--color: var(--color-foreground-heading); 1124 1125 /* Shadows */ 1126 1127 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1128 1129 1130 --shadow-blur: 20px; 1131 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1132 1133 } 1134 1135 1136 1137 1138 .color-scheme-5 { 1139 --color-background: rgb(51 51 51 / 1.0); 1140 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1141 --color-background-rgb: 51 51 51; 1142 --opacity-5-15: 0.15; 1143 --opacity-10-25: 0.25; 1144 --opacity-35-55: 0.55; 1145 --opacity-40-60: 0.6; 1146 --opacity-30-60: 0.6; 1147 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1148 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1149 --color-foreground: rgb(255 255 255 / 1.0); 1150 --color-foreground-rgb: 255 255 255; 1151 --color-foreground-heading: rgb(255 255 255 / 1.0); 1152 --color-foreground-heading-rgb: 255 255 255; 1153 --color-primary: rgb(255 255 255 / 1.0); 1154 --color-primary-rgb: 255 255 255; 1155 --color-primary-hover: rgb(255 255 255 / 0.69); 1156 --color-primary-hover-rgb: 255 255 255; 1157 --color-border: rgb(255 255 255 / 0.69); 1158 --color-border-rgb: 255 255 255; 1159 --color-shadow: rgb(0 0 0 / 1.0); 1160 --color-shadow-rgb: 0 0 0; 1161 --color-primary-button-text: rgb(0 0 0 / 1.0); 1162 --color-primary-button-background: rgb(255 255 255 / 1.0); 1163 --color-primary-button-border: rgb(255 255 255 / 1.0); 1164 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1165 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1166 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1167 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1168 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1169 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1170 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1171 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1172 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1173 --color-input-background: rgb(51 51 51 / 1.0); 1174 --color-input-text: rgb(255 255 255 / 0.93); 1175 --color-input-text-rgb: 255 255 255; 1176 --color-input-border: rgb(255 255 255 / 0.69); 1177 --color-input-hover-background: rgb(255 255 255 / 0.04); 1178 --color-variant-background: rgb(255 255 255 / 1.0); 1179 --color-variant-border: rgb(230 230 230 / 1.0); 1180 --color-variant-text: rgb(0 0 0 / 1.0); 1181 --color-variant-text-rgb: 0 0 0; 1182 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1183 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1184 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1185 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1186 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1187 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1188 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1189 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1190 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1191 1192 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1193 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1194 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1195 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1196 --font-h1--color: var(--color-foreground-heading); 1197 --font-h2--color: var(--color-foreground-heading); 1198 --font-h3--color: var(--color-foreground-heading); 1199 --font-h4--color: var(--color-foreground-heading); 1200 --font-h5--color: var(--color-foreground-heading); 1201 --font-h6--color: var(--color-foreground-heading); 1202 1203 /* Shadows */ 1204 1205 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1206 1207 1208 --shadow-blur: 20px; 1209 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1210 1211 } 1212 1213 1214 1215 1216 .color-scheme-6 { 1217 --color-background: rgb(0 0 0 / 0.0); 1218 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1219 --color-background-rgb: 0 0 0; 1220 --opacity-5-15: 0.15; 1221 --opacity-10-25: 0.25; 1222 --opacity-35-55: 0.55; 1223 --opacity-40-60: 0.6; 1224 --opacity-30-60: 0.6; 1225 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1226 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1227 --color-foreground: rgb(255 255 255 / 1.0); 1228 --color-foreground-rgb: 255 255 255; 1229 --color-foreground-heading: rgb(255 255 255 / 1.0); 1230 --color-foreground-heading-rgb:
1230 255 255 255; 1231 --color-primary: rgb(255 255 255 / 1.0); 1232 --color-primary-rgb: 255 255 255; 1233 --color-primary-hover: rgb(255 255 255 / 0.69); 1234 --color-primary-hover-rgb: 255 255 255; 1235 --color-border: rgb(230 230 230 / 1.0); 1236 --color-border-rgb: 230 230 230; 1237 --color-shadow: rgb(0 0 0 / 1.0); 1238 --color-shadow-rgb: 0 0 0; 1239 --color-primary-button-text: rgb(30 64 54 / 1.0); 1240 --color-primary-button-background: rgb(255 255 255 / 1.0); 1241 --color-primary-button-border: rgb(255 255 255 / 1.0); 1242 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1243 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 1244 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1245 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1246 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1247 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1248 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1249 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1250 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1251 --color-input-background: rgb(255 255 255 / 1.0); 1252 --color-input-text: rgb(0 0 0 / 0.53); 1253 --color-input-text-rgb: 0 0 0; 1254 --color-input-border: rgb(0 0 0 / 0.13); 1255 --color-input-hover-background: rgb(250 250 250 / 1.0); 1256 --color-variant-background: rgb(255 255 255 / 1.0); 1257 --color-variant-border: rgb(230 230 230 / 1.0); 1258 --color-variant-text: rgb(0 0 0 / 1.0); 1259 --color-variant-text-rgb: 0 0 0; 1260 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1261 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1262 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1263 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1264 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1265 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1266 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1267 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1268 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1269 1270 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1271 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1272 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1273 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1274 --font-h1--color: var(--color-foreground-heading); 1275 --font-h2--color: var(--color-foreground-heading); 1276 --font-h3--color: var(--color-foreground-heading); 1277 --font-h4--color: var(--color-foreground-heading); 1278 --font-h5--color: var(--color-foreground-heading); 1279 --font-h6--color: var(--color-foreground-heading); 1280 1281 /* Shadows */ 1282 1283 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1284 1285 1286 --shadow-blur: 20px; 1287 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1288 1289 } 1290 1291 1292 1293 1294 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1295 --color-background: rgb(0 0 0 / 0.0); 1296 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1297 --color-background-rgb: 0 0 0; 1298 --opacity-5-15: 0.15; 1299 --opacity-10-25: 0.25; 1300 --opacity-35-55: 0.55; 1301 --opacity-40-60: 0.6; 1302 --opacity-30-60: 0.6; 1303 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1304 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1305 --color-foreground: rgb(0 0 0 / 1.0); 1306 --color-foreground-rgb: 0 0 0; 1307 --color-foreground-heading: rgb(0 0 0 / 1.0); 1308 --color-foreground-heading-rgb: 0 0 0; 1309 --color-primary: rgb(0 0 0 / 1.0); 1310 --color-primary-rgb: 0 0 0; 1311 --color-primary-hover: rgb(0 0 0 / 0.53); 1312 --color-primary-hover-rgb: 0 0 0; 1313 --color-border: rgb(230 230 230 / 1.0); 1314 --color-border-rgb: 230 230 230; 1315 --color-shadow: rgb(0 0 0 / 1.0); 1316 --color-shadow-rgb: 0 0 0; 1317 --color-primary-button-text: rgb(255 255 255 / 1.0); 1318 --color-primary-button-background: rgb(0 0 0 / 1.0); 1319 --color-primary-button-border: rgb(0 0 0 / 1.0); 1320 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1321 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1322 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1323 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1324 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1325 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1326 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1327 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1328 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1329 --color-input-background: rgb(255 255 255 / 1.0); 1330 --color-input-text: rgb(0 0 0 / 0.53); 1331 --color-input-text-rgb: 0 0 0; 1332 --color-input-border: rgb(0 0 0 / 0.13); 1333 --color-input-hover-background: rgb(250 250 250 / 1.0); 1334 --color-variant-background: rgb(255 255 255 / 1.0); 1335 --color-variant-border: rgb(230 230 230 / 1.0); 1336 --color-variant-text: rgb(0 0 0 / 1.0); 1337 --color-variant-text-rgb: 0 0 0; 1338 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1339 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1340 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1341 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1342 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1343 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1344 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1345 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1346 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1347 1348 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1349 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1350 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1351 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1352 --font-h1--color: var(--color-foreground-heading); 1353 --font-h2--color: var(--color-foreground-heading); 1354 --font-h3--color: var(--color-foreground-heading); 1355 --font-h4--color: var(--color-foreground-heading); 1356 --font-h5--color: var(--color-foreground-heading); 1357 --font-h6--color: var(--color-foreground-heading); 1358 1359 /* Shadows */ 1360 1361 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1362 1363 1364 --shadow-blur: 20px; 1365 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1366 1367 } 1368 1369 1370 1371 1372 .color-scheme-footer-dark { 1373 --color-background: rgb(30 64 54 / 1.0); 1374 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1375 --color-background-rgb: 30 64 54; 1376 --opacity-5-15: 0.15; 1377 --opacity-10-25: 0.25; 1378 --opacity-35-55: 0.55; 1379 --opacity-40-60: 0.6; 1380 --opacity-30-60: 0.6; 1381 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1382 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1383 --color-foreground: rgb(255 255 255 / 1.0); 1384 --color-foreground-rgb: 255 255 255; 1385 --color-foreground-heading: rgb(255 255 255 / 1.0); 1386 --color-foreground-heading-rgb: 255 255 255; 1387 --color-primary: rgb(255 255 255 / 1.0); 1388 --color-primary-rgb: 255 255 255; 1389 --color-primary-hover: rgb(255 255 255 / 0.69); 1390 --color-primary-hover-rgb: 255 255 255; 1391 --color-border: rgb(255 255 255 / 0.24); 1392 --color-border-rgb: 255 255 255; 1393 --color-shadow: rgb(0 0 0 / 1.0); 1394 --color-shadow-rgb: 0 0 0; 1395 --color-primary-button-text: rgb(30 64 54 / 1.0); 1396 --color-primary-button-background: rgb(255 255 255 / 1.0); 1397 --color-primary-button-border: rgb(255 255 255 / 1.0); 1398 --color-primary-button-hover-text: rgb(30 64 54 / 1.0); 1399 --color-primary-button-hover-background: rgb(240 240 240 / 1.0); 1400 --color-primary-button-hover-border: rgb(240 240 240 / 1.0); 1401 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1402 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1403 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1404 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1405 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1406 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1407 --color-input-background: rgb(255 255 255 / 1.0); 1408 --color-input-text: rgb(30 64 54 / 1.0); 1409 --color-input-text-rgb: 30 64 54; 1410 --color-input-border: rgb(255 255 255 / 1.0); 1411 --color-input-hover-background: rgb(240 240 240 / 1.0); 1412 --color-variant-background: rgb(255 255 255 / 1.0); 1413 --color-variant-border: rgb(255 255 255 / 1.0); 1414 --color-variant-text: rgb(30 64 54 / 1.0); 1415 --color-variant-text-rgb: 30 64 54; 1416 --color-variant-hover-background: rgb(240 240 240 / 1.0); 1417 --color-variant-hover-text: rgb(30 64 54 / 1.0); 1418 --color-variant-hover-border: rgb(255 255 255 / 1.0); 1419 --color-selected-variant-background: rgb(255 255 255 / 1.0); 1420 --color-selected-variant-border: rgb(255 255 255 / 1.0); 1421 --color-selected-variant-text: rgb(30 64 54 / 1.0); 1422 --color-selected-variant-hover-background: rgb(240 240 240 / 1.0); 1423 --color-selected-variant-hover-text: rgb(30 64 54 / 1.0); 1424 --color-selected-variant-hover-border: rgb(240 240 240 / 1.0); 1425 1426 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1427 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1428 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1429 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1430 --font-h1--color: var(--color-foreground-heading); 1431 --font-h2--color: var(--color-foreground-heading); 1432 --font-h3--color: var(--color-foreground-heading); 1433 --font-h4--color: var(--color-foreground-heading); 1434 --font-h5--color: var(--color-foreground-heading); 1435 --font-h6--color: var(--color-foreground-heading); 1436 1437 /* Shadows */ 1438 1439 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1440 1441 1442 --shadow-blur: 20px; 1443 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1444 1445 } 1446 1447 1448 1449 1450 .color-scheme-eea071b1-a71b-4a50-aa3c-688f3329a39c { 1451 --color-background: rgb(232 219 212 / 1.0); 1452 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1453 --color-background-rgb: 232 219 212; 1454 --opacity-5-15: 0.05; 1455 --opacity-10-25: 0.1; 1456 --opacity-35-55: 0.35; 1457 --opacity-40-60: 0.4; 1458 --opacity-30-60: 0.3; 1459 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1460 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1461 --color-foreground: rgb(30 64 54 / 1.0); 1462 --color-foreground-rgb: 30 64 54; 1463 --color-foreground-heading: rgb(30 64 54 / 1.0); 1464 --color-foreground-heading-rgb: 30 64 54; 1465 --color-primary: rgb(30 64 54 / 1.0); 1466 --color-primary-rgb: 30 64 54; 1467 --color-primary-hover: rgb(30 64 54 / 1.0); 1468 --color-primary-hover-rgb: 30 64 54; 1469 --color-border: rgb(30 64 54 / 1.0); 1470 --color-border-rgb: 30 64 54; 1471 --color-shadow: rgb(0 0 0 / 1.0); 1472 --color-shadow-rgb: 0 0 0; 1473 --color-primary-button-text: rgb(255 255 255 / 1.0); 1474 --color-primary-button-background: rgb(30 64 54 / 1.0); 1475 --color-primary-button-border: rgb(30 64 54 / 1.0); 1476 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1477 --color-primary-button-hover-background: rgb(30 64 54 / 1.0); 1478 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 1479 --color-secondary-button-text: rgb(30 64 54 / 1.0); 1480 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1481 --color-secondary-button-border: rgb(30 64 54 / 1.0); 1482 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 1483 --color-secondary-button-hover-background: rgb(0 0 0 / 0.01); 1484 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 1485 --color-input-background: rgb(255 255 255 / 0.78); 1486 --color-input-text: rgb(51 51 51 / 1.0); 1487 --color-input-text-rgb: 51 51 51; 1488 --color-input-border: rgb(223 223 223 / 1.0); 1489 --color-input-hover-background: rgb(0 0 0 / 0.01); 1490 --color-variant-background: rgb(255 255 255 / 1.0); 1491 --color-variant-border: rgb(0 0 0 / 0.13); 1492 --color-variant-text: rgb(0 0 0 / 1.0); 1493 --color-variant-text-rgb: 0 0 0; 1494 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1495 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1496 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1497 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1498 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1499 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1500 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1501 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1502 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1503 1504 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1505 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1506 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1507 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1508 --font-h1--color: var(--color-foreground-heading); 1509 --font-h2--color: var(--color-foreground-heading); 1510 --font-h3--color: var(--color-foreground-heading); 1511 --font-h4--color: var(--color-foreground-heading); 1512 --font-h5--color: var(--color-foreground-heading); 1513 --font-h6--color: var(--color-foreground-heading); 1514 1515 /* Shadows */ 1516 1517 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1518 1519 1520 --shadow-blur: 20px; 1521 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1522 1523 } 1524 1525 1526 1527 1528 .color-scheme-a535781b-9c61-4378-8ac0-cb70bdde59dc { 1529 --color-background: rgb(248 244 242 / 1.0); 1530 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1531 --color-background-rgb: 248 244 242; 1532 --opacity-5-15: 0.05; 1533 --opacity-10-25: 0.1; 1534 --opacity-35-55: 0.35; 1535 --opacity-40-60: 0.4; 1536 --opacity-30-60: 0.3; 1537 --color-announcment-bg-color: rgb(255 255 255 / 1.0); 1538 --color-announcement-text-color: rgb(0 0 0 / 1.0); 1539 --color-foreground: rgb(30 64 54 / 1.0); 1540 --color-foreground-rgb: 30 64 54; 1541 --color-foreground-heading: rgb(30 64 54 / 1.0); 1542 --color-foreground-heading-rgb: 30 64 54; 1543 --color-primary: rgb(30 64 54 / 1.0); 1544 --color-primary-rgb: 30 64 54; 1545 --color-primary-hover: rgb(30 64 54 / 1.0); 1546 --color-primary-hover-rgb: 30 64 54; 1547 --color-border: rgb(232 219 212 / 1.0); 1548 --color-border-rgb: 232 219 212; 1549 --color-shadow: rgb(0 0 0 / 1.0); 1550 --color-shadow-rgb: 0 0 0; 1551 --color-primary-button-text: rgb(255 255 255 / 1.0); 1552 --color-primary-button-background: rgb(30 64 54 / 1.0); 1553 --color-primary-button-border: rgb(30 64 54 / 1.0); 1554 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1555 --color-pr
1555imary-button-hover-background: rgb(30 64 54 / 1.0); 1556 --color-primary-button-hover-border: rgb(30 64 54 / 1.0); 1557 --color-secondary-button-text: rgb(30 64 54 / 1.0); 1558 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1559 --color-secondary-button-border: rgb(30 64 54 / 1.0); 1560 --color-secondary-button-hover-text: rgb(30 64 54 / 1.0); 1561 --color-secondary-button-hover-background: rgb(248 244 242 / 1.0); 1562 --color-secondary-button-hover-border: rgb(30 64 54 / 1.0); 1563 --color-input-background: rgb(255 255 255 / 1.0); 1564 --color-input-text: rgb(30 64 54 / 1.0); 1565 --color-input-text-rgb: 30 64 54; 1566 --color-input-border: rgb(232 219 212 / 1.0); 1567 --color-input-hover-background: rgb(248 244 242 / 1.0); 1568 --color-variant-background: rgb(255 255 255 / 1.0); 1569 --color-variant-border: rgb(232 219 212 / 1.0); 1570 --color-variant-text: rgb(30 64 54 / 1.0); 1571 --color-variant-text-rgb: 30 64 54; 1572 --color-variant-hover-background: rgb(248 244 242 / 1.0); 1573 --color-variant-hover-text: rgb(30 64 54 / 1.0); 1574 --color-variant-hover-border: rgb(232 219 212 / 1.0); 1575 --color-selected-variant-background: rgb(30 64 54 / 1.0); 1576 --color-selected-variant-border: rgb(30 64 54 / 1.0); 1577 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1578 --color-selected-variant-hover-background: rgb(30 64 54 / 1.0); 1579 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1580 --color-selected-variant-hover-border: rgb(30 64 54 / 1.0); 1581 1582 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1583 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1584 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1585 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1586 --font-h1--color: var(--color-foreground-heading); 1587 --font-h2--color: var(--color-foreground-heading); 1588 --font-h3--color: var(--color-foreground-heading); 1589 --font-h4--color: var(--color-foreground-heading); 1590 --font-h5--color: var(--color-foreground-heading); 1591 --font-h6--color: var(--color-foreground-heading); 1592 1593 /* Shadows */ 1594 1595 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1596 1597 1598 --shadow-blur: 20px; 1599 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1600 1601 } 1602 1603 1604 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-footer-dark, .color-scheme-eea071b1-a71b-4a50-aa3c-688f3329a39c, .color-scheme-a535781b-9c61-4378-8ac0-cb70bdde59dc { 1605 color: var(--color-foreground); 1606 background-color: var(--color-background); 1607 } 1608</style> 1609<style data-shopify> 1610 :root { 1611 /* H1 Typography */ 1612 --text-h1-bold-desktop-size: 60px; 1613 --text-h1-bold-desktop-line-height: 65px; 1614 --text-h1-bold-mobile-size: 40px; 1615 --text-h1-bold-mobile-line-height: 48px; 1616 1617 --text-h1-regular-desktop-size: 60px; 1618 --text-h1-regular-desktop-line-height: 65px; 1619 --text-h1-regular-mobile-size: 40px; 1620 --text-h1-regular-mobile-line-height: 48px; 1621 1622 /* Quote Typography */ 1623 --text-quote-text-desktop-size: 36px; 1624 --text-quote-text-desktop-line-height: 42px; 1625 --text-quote-text-mobile-size: 30px; 1626 --text-quote-text-mobile-line-height: 36px; 1627 1628 /* Subtitle Typography */ 1629 --text-subtitle-bold-desktop-size: 24px; 1630 --text-subtitle-bold-desktop-line-height: 32px; 1631 --text-subtitle-bold-mobile-size: 20px; 1632 --text-subtitle-bold-mobile-line-height: 26px; 1633 1634 --text-subtitle-regular-desktop-size: 24px; 1635 --text-subtitle-regular-desktop-line-height: 32px; 1636 --text-subtitle-regular-mobile-size: 20px; 1637 --text-subtitle-regular-mobile-line-height: 26px; 1638 /* test-s */ 1639 /* CTA Typography */ 1640 --text-cta-text-desktop-size: 16px;
1641 --text-cta-text-desktop-line-height: 21px; 1642 --text-cta-text-mobile-size: 16px; 1643 --text-cta-text-mobile-line-height: 21px; 1644 1645 --text-cta-non-selected-desktop-size: 16px; 1646 --text-cta-non-selected-desktop-line-height: 21px; 1647 --text-cta-non-selected-mobile-size: 16px; 1648 --text-cta-non-selected-mobile-line-height: 21px; 1649 1650 /* Body Typography */ 1651 --text-body-bold-desktop-size: 18px; 1652 --text-body-bold-desktop-line-height: 24px; 1653 --text-body-bold-mobile-size: 18px; 1654 --text-body-bold-mobile-line-height: 24px; 1655 1656 --text-body-regular-desktop-size: 18px; 1657 --text-body-regular-desktop-line-height: 24px; 1658 --text-body-regular-mobile-size: 18px; 1659 --text-body-regular-mobile-line-height: 24px; 1660 1661 /* Small Typography */ 1662 --text-small-body-bold-desktop-size: 12px; 1663 --text-small-body-bold-desktop-line-height: 16px; 1664 --text-small-body-bold-mobile-size: 12px; 1665 --text-small-body-bold-mobile-line-height: 16px; 1666 1667 --text-small-body-regular-desktop-size: 12px; 1668 --text-small-body-regular-desktop-line-height: 16px; 1669 --text-small-body-regular-mobile-size: 12px; 1670 --text-small-body-regular-mobile-line-height: 16px; 1671 1672 --text-small-cta-desktop-size: 12px;
1673 --text-small-cta-desktop-line-height: 18px; 1674 --text-small-cta-mobile-size: 12px; 1675 --text-small-cta-mobile-line-height: 18px; 1676 } 1677</style><link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/menu.css?v=75104636763888785921762187879" media="print" onload="this.media='all'"> 1678 <link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/overflow-list.css?v=168694168152117541881762187881" media="print" onload="this.media='all'"><link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/simple-nav.css?v=125886467395843300761790198293" media="print" onload="this.media='all'"> 1679 <noscript> 1680 <link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/theme.css?v=143227749335746944441790342190"> 1681 <link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/menu.css?v=75104636763888785921762187879"> 1682 <link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/overflow-list.css?v=168694168152117541881762187881"> 1683 <link rel="stylesheet" href="//prolonlife.com/cdn/shop/t/119/assets/simple-nav.css?v=125886467395843300761790198293"> 1684 </noscript>
1684<script> 1685 1686 1687 1688</script>
1688<script> 1689 window.devLog = function(...args) { 1690 try { 1691 if (localStorage.getItem('devShowConsoleLog') === '110') { 1692 console.log(...args); 1693 } 1694 } catch (e) { 1695 // localStorage not available 1696 } 1697 }; 1698 window.devWarn = function(...args) { 1699 try { 1700 if (localStorage.getItem('devShowConsoleLog') === '110') { 1701 console.warn(...args); 1702 } 1703 } catch (e) {} 1704 }; 1705 window.devError = function(...args) { 1706 try { 1707 if (localStorage.getItem('devShowConsoleLog') === '110') { 1708 console.error(...args); 1709 } 1710 } catch (e) {} 1711 }; 1712</script>
1712 1713
1714<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 1714
1714
1715<script type="importmap"> 1716 { 1717 "imports": { 1718 "@theme/critical": "//prolonlife.com/cdn/shop/t/119/assets/critical.js?v=34395725382898153171762187880", 1719 "@theme/product-title": "//prolonlife.com/cdn/shop/t/119/assets/product-title-truncation.js?v=81744426891537421781762187878", 1720 "@theme/component": "//prolonlife.com/cdn/shop/t/119/assets/component.js?v=74239122572524296041762187882", 1721 "@theme/dialog": "//prolonlife.com/cdn/shop/t/119/assets/dialog.js?v=94382931671780430451762187880", 1722 "@theme/events": "//prolonlife.com/cdn/shop/t/119/assets/events.js?v=26166644030623418901762187882", 1723 "@theme/focus": "//prolonlife.com/cdn/shop/t/119/assets/focus.js?v=60436577539430446401762187880", 1724 "@theme/morph": "//prolonlife.com/cdn/shop/t/119/assets/morph.js?v=130689995393408371391762187880", 1725 "@theme/paginated-list": "//prolonlife.com/cdn/shop/t/119/assets/paginated-list.js?v=95298315036233333871762187882", 1726 "@theme/performance": "//prolonlife.com/cdn/shop/t/119/assets/performance.js?v=25067702614201670671762187882", 1727 "@theme/product-form": "//prolonlife.com/cdn/shop/t/119/assets/product-form.js?v=82166810780734770861780667437", 1728 "@theme/recently-viewed-products": "//prolonlife.com/cdn/shop/t/119/assets/recently-viewed-products.js?v=94729125001750262651762187881", 1729 "@theme/scrolling": "//prolonlife.com/cdn/shop/t/119/assets/scrolling.js?v=10957690925586738441762187879", 1730 "@theme/section-renderer": "//prolonlife.com/cdn/shop/t/119/assets/section-renderer.js?v=117657582323260828391762187880", 1731 "@theme/utilities": "//prolonlife.com/cdn/shop/t/119/assets/utilities.js?v=26927751642168286221762187882", 1732 "@theme/variant-picker": "//prolonlife.com/cdn/shop/t/119/assets/variant-picker.js?v=30068366729522547651762187879", 1733 "@theme/media-gallery": "//prolonlife.com/cdn/shop/t/119/assets/media-gallery.js?v=111441960308641931071762187882", 1734 "@theme/quick-add": "//prolonlife.com/cdn/shop/t/119/assets/quick-add.js?v=22366602664859896481762187880", 1735 "@theme/paginated-list-aspect-ratio": "//prolonlife.com/cdn/shop/t/119/assets/paginated-list-aspect-ratio.js?v=25254270272143792451762187881" 1736 } 1737 } 1738</script>
1738 1739 1740 1741 1742
1742<script 1743 src="//prolonlife.com/cdn/shop/t/119/assets/view-transitions.js?v=84877080446900032951762187879" 1744 async 1745 blocking="render" 1746 ></script>
1746 1747 1748 1749<link 1750 rel="modulepreload" 1751 href="//prolonlife.com/cdn/shop/t/119/assets/critical.js?v=34395725382898153171762187880" 1752> 1753 1754<link 1755 rel="modulepreload" 1756 href="//prolonlife.com/cdn/shop/t/119/assets/utilities.js?v=26927751642168286221762187882" 1757 fetchpriority="low" 1758> 1759<link 1760 rel="modulepreload" 1761 href="//prolonlife.com/cdn/shop/t/119/assets/component.js?v=74239122572524296041762187882" 1762 fetchpriority="low" 1763> 1764<link 1765 rel="modulepreload" 1766 href="//prolonlife.com/cdn/shop/t/119/assets/section-renderer.js?v=117657582323260828391762187880" 1767 fetchpriority="low" 1768> 1769<link 1770 rel="modulepreload" 1771 href="//prolonlife.com/cdn/shop/t/119/assets/morph.js?v=130689995393408371391762187880" 1772 fetchpriority="low" 1773> 1774 1775 1776 1777<link 1778 rel="modulepreload" 1779 href="//prolonlife.com/cdn/shop/t/119/assets/focus.js?v=60436577539430446401762187880" 1780 fetchpriority="low" 1781> 1782<link 1783 rel="modulepreload" 1784 href="//prolonlife.com/cdn/shop/t/119/assets/recently-viewed-products.js?v=94729125001750262651762187881" 1785 fetchpriority="low" 1786> 1787<link 1788 rel="modulepreload" 1789 href="//prolonlife.com/cdn/shop/t/119/assets/scrolling.js?v=10957690925586738441762187879" 1790 fetchpriority="low" 1791> 1792<link 1793 rel="modulepreload" 1794 href="//prolonlife.com/cdn/shop/t/119/assets/events.js?v=26166644030623418901762187882" 1795 fetchpriority="low" 1796>
1797<script 1798 src="//prolonlife.com/cdn/shop/t/119/assets/quick-add.js?v=22366602664859896481762187880" 1799 type="module" 1800 fetchpriority="low" 1801></script>
1801 1802 1803
1803<script 1804 src="//prolonlife.com/cdn/shop/t/119/assets/cart-discount.js?v=107077853990124422021762187879" 1805 type="module" 1806 fetchpriority="low" 1807 ></script>
1807 1808
1809<script 1810 src="//prolonlife.com/cdn/shop/t/119/assets/dialog.js?v=94382931671780430451762187880" 1811 type="module" 1812 fetchpriority="low" 1813></script>
vendor: 1 bytes, line 1813
1813
1814<script 1815 src="//prolonlife.com/cdn/shop/t/119/assets/variant-picker.js?v=30068366729522547651762187879" 1816 type="module" 1817 fetchpriority="low" 1818></script>
vendor: 1 bytes, line 1818
1818
1819<script 1820 src="//prolonlife.com/cdn/shop/t/119/assets/product-card.js?v=31631398633476366691762187879" 1821 type="module" 1822 fetchpriority="low" 1823></script>
vendor: 1 bytes, line 1823
1823
1824<script 1825 src="//prolonlife.com/cdn/shop/t/119/assets/product-form.js?v=82166810780734770861780667437" 1826 type="module" 1827 fetchpriority="low" 1828></script>
vendor: 1 bytes, line 1828
1828
1829<script 1830 src="//prolonlife.com/cdn/shop/t/119/assets/accordion-custom.js?v=34694615669135873481762187882" 1831 type="module" 1832 fetchpriority="low" 1833></script>
vendor: 1 bytes, line 1833
1833
1834<script 1835 src="//prolonlife.com/cdn/shop/t/119/assets/media.js?v=37825095869491791421762187882" 1836 type="module" 1837 fetchpriority="low" 1838></script>
vendor: 1 bytes, line 1838
1838
1839<script 1840 src="//prolonlife.com/cdn/shop/t/119/assets/product-price.js?v=61883781588833961341788467060" 1841 type="module" 1842 fetchpriority="low" 1843></script>
vendor: 1 bytes, line 1843
1843
1844<script 1845 src="//prolonlife.com/cdn/shop/t/119/assets/product-title-truncation.js?v=81744426891537421781762187878" 1846 type="module" 1847 fetchpriority="low" 1848></script>
vendor: 1 bytes, line 1848
1848
1849<script 1850 src="//prolonlife.com/cdn/shop/t/119/assets/product-inventory.js?v=16343734458933704981762187881" 1851 type="module" 1852 fetchpriority="low" 1853></script>
vendor: 1 bytes, line 1853
1853
1854<script 1855 src="//prolonlife.com/cdn/shop/t/119/assets/show-more.js?v=94563802205717136101762187881" 1856 type="module" 1857 fetchpriority="low" 1858></script>
vendor: 1 bytes, line 1858
1858
1859<script 1860 src="//prolonlife.com/cdn/shop/t/119/assets/slideshow.js?v=63092151078244317761762187882" 1861 type="module" 1862 fetchpriority="low" 1863></script>
vendor: 1 bytes, line 1863
1863
1864<script 1865 src="//prolonlife.com/cdn/shop/t/119/assets/anchored-popover.js?v=143092715850611436701762187878" 1866 type="module" 1867 fetchpriority="low" 1868></script>
vendor: 1 bytes, line 1868
1868
1869<script 1870 src="//prolonlife.com/cdn/shop/t/119/assets/floating-panel.js?v=128677600744947036551762187880" 1871 type="module" 1872 fetchpriority="low" 1873></script>
vendor: 1 bytes, line 1873
1873
1874<script 1875 src="//prolonlife.com/cdn/shop/t/119/assets/video-background.js?v=25237992823806706551762187879" 1876 type="module" 1877 fetchpriority="low" 1878></script>
vendor: 1 bytes, line 1878
1878
1879<script 1880 src="//prolonlife.com/cdn/shop/t/119/assets/component-quantity-selector.js?v=56330027151833116691762187882" 1881 type="module" 1882 fetchpriority="low" 1883></script>
vendor: 1 bytes, line 1883
1883
1884<script 1885 src="//prolonlife.com/cdn/shop/t/119/assets/media-gallery.js?v=111441960308641931071762187882" 1886 type="module" 1887 fetchpriority="low" 1888></script>
vendor: 1 bytes, line 1888
1888
1889<script 1890 src="//prolonlife.com/cdn/shop/t/119/assets/rte-formatter.js?v=101420294193111439321762187882" 1891 type="module" 1892 fetchpriority="low" 1893></script>
1893 1894 1895 1896 1897 1898 1899 1900
1900<script 1901 src="//prolonlife.com/cdn/shop/t/119/assets/product-card-link.js?v=97122579314620396511762187879" 1902 type="module" 1903 fetchpriority="low" 1904 ></script>
1904 1905 1906
1907<script 1908 src="//prolonlife.com/cdn/shop/t/119/assets/auto-close-details.js?v=58350291535404441581762187881" 1909 defer="defer" 1910></script>
1910 1911
1912<script> 1913 const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders'; 1914 const Theme = { 1915 placeholders: { 1916 general: [ 1917 `${basePath}/general-1.png`, 1918 `${basePath}/general-2.png`, 1919 `${basePath}/general-3.png`, 1920 `${basePath}/general-4.png`, 1921 `${basePath}/general-5.png`, 1922 `${basePath}/general-6.png`, 1923 `${basePath}/general-7.png`, 1924 ], 1925 product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`], 1926 }, 1927 translations: { 1928 placeholder_image: `Placeholder image`, 1929 added: `Added`, 1930 }, 1931 routes: { 1932 cart_add_url: '/cart/add.js', 1933 cart_change_url: '/cart/change', 1934 cart_update_url: '/cart/update', 1935 cart_url: '/cart', 1936 predictive_search_url: '/search/suggest', 1937 search_url: '/search', 1938 }, 1939 template: { 1940 name: 'page.contact', 1941 }, 1942 }; 1943</script>
vendor: 1 bytes, line 1943
1943
1944<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js" defer></script>
1944 1945
1945<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" defer></script>
1945<script src="//prolonlife.com/cdn/shop/t/119/assets/ck-components-collection-with-subs.js?v=49728161432071286511772987649" defer></script>
1945<script> 1946 window.PROMO_GIFT_BAR = { 1947 // Promo live: the gift is auto-added once the cart qualifies. 1948 enabled: true, 1949 1950 // Progress bar ON â it takes the place of the free-shipping bar in the 1951 // slide cart and on the cart page. Flip to false to run the promo silently. 1952 showBar: true, 1953 1954 // "spend" = unlock on cart subtotal (this promo). "qty" = unlock on box 1955 // count (the previous promo; its keys are further down, still intact). 1956 mode: "spend", 1957 1958 /* ---------------- spend mode ---------------- */ 1959 1960 // $200.00, in cents. 1961 goalCents: 20000, 1962 1963 // "original" = list prices, the basis the free-shipping bar already uses. 1964 // "final" = after discounts. See the header comment. 1965 spendBasis: "original", 1966 1967 // Expedited Shipping â a shipping upgrade, not product spend. 1968 excludeVariantIds: [43035645640862], 1969 1970 // Bar copy â the headline has two states, locked and unlocked. 1971 // ${remaining} in the locked line is replaced with the formatted amount 1972 // still to go ("$62.50", or "$50" on whole dollars). The current headline 1973 // states the offer flat instead of counting down, so it carries no 1974 // placeholder; put ${remaining} back in and it starts working again. 1975 spendLockedMessage: "Unlock 12 free Fasting Bars when you spend $200+ â no code needed", 1976 spendUnlockedMessage: "You're in. 12 Fasting Bars just landed in your cart â free.", 1977 spendNote: "Spend $200 on anything â and we'll add 12 Fasting Bars on us.", 1978 1979 /* ---------------- qty mode (inactive) ---------------- */ 1980 1981 goalQty: 2, 1982 qualifyingProductIds: [8156423520414], 1983 qualifyingSkus: ["PR001", "PR039", "PR005", "PR004", "PR006", "PR047", "PR007"], 1984 skuBoxCounts: { 1985 "2XPROLON": 2, 1986 "3XPROLON": 3, 1987 "PR001BUNDLE1": 2, 1988 "PR001-BUNDLE-3": 3, 1989 "PR039BUNDLE-3": 3, 1990 "PR039BOXBUNDLE-4": 4 1991 }, 1992 multiBoxTitlePattern: "(\\d+)\\s*x\\s*prolon", 1993 1994 title: "Do the 5-Day together, and <b>receive more</b>", 1995 subtitle: "Buy 2 FMDs, get 2 boxes of Fasting Bars and 2 1-Day Resets", 1996 note: "Gifts added automatically", 1997 stepLabel: "FMD", 1998 stepLabelPlural: "FMDs", 1999 allUnlockedMessage: "ð Your $160 in free gifts is in the cart", 2000 // Variant B only: how long a revealed bubble stays open before it fades. 2001 bubbleMs: 3000, 2002 2003 /* ---------------- the gifts ---------------- */ 2004 2005 gifts: [ 2006 { 2007 gift: "12 Fasting Bars", 2008 msrp: 40, 2009 variantIds: [50520576884894], 2010 img: "\/\/prolonlife.com\/cdn\/shop\/t\/119\/assets\/promo-gift-fasting-bars.webp?v=170995197913617023681787362509" 2011 } 2012 ] 2013 }; 2014</script>
2014<script> 2015 (function () { 2016 try { 2017 var q = new URLSearchParams(location.search).get("promo_gift_bubbles"); 2018 if (q === "1" || q === "true") sessionStorage.setItem("promo_gift_bubbles_qa", "1"); 2019 else if (q === "0" || q === "false") sessionStorage.removeItem("promo_gift_bubbles_qa"); 2020 } catch (e) {} 2021 2022 window.__promoGiftBubblesOn = function () { 2023 if (typeof window.PROMO_GIFT_BUBBLES === "boolean") return window.PROMO_GIFT_BUBBLES; 2024 try { 2025 return sessionStorage.getItem("promo_gift_bubbles_qa") === "1"; 2026 } catch (e) { 2027 return false; 2028 } 2029 }; 2030 })(); 2031</script>
2031<style>.pgpb-scope { 2032 container-type: inline-size; 2033 container-name: pgpb; 2034 } 2035 .pgpb { 2036 --pgpb-green: var(--color-light-green); 2037 --pgpb-ink: #1e4036; 2038 --pgpb-img: 34px; 2039 --pgpb-badge: 15px; 2040 --pgpb-gift: 11.5px; 2041 --pgpb-msrp: 10px; 2042 --pgpb-plus: 20px; 2043 --pgpb-bubble: 68px; 2044 margin: 10px 16px 2px; 2045 color: var(--pgpb-ink); 2046 font-weight: 400; 2047 line-height: 1.3; 2048 } 2049 @container pgpb (min-width: 390px) { 2050 .pgpb { 2051 --pgpb-img: 40px; 2052 --pgpb-badge: 16px; 2053 --pgpb-gift: 12.5px; 2054 --pgpb-msrp: 11px; 2055 --pgpb-plus: 24px; 2056 --pgpb-bubble: 82px; 2057 } 2058 } 2059 @container pgpb (min-width: 520px) { 2060 .pgpb { 2061 --pgpb-img: 44px; 2062 --pgpb-badge: 17px; 2063 --pgpb-gift: 13px; 2064 --pgpb-msrp: 11.5px; 2065 --pgpb-plus: 28px; 2066 --pgpb-bubble: 92px; 2067 } 2068 }.pgpb__head { 2069 display: flex; 2070 justify-content: space-between; 2071 align-items: baseline; 2072 gap: 2px 10px; 2073 flex-wrap: wrap; 2074 } 2075 .pgpb__title { 2076 flex: 1 1 auto; 2077 margin: 0; 2078 padding: 0; 2079 font-size: 15px; 2080 font-weight: 400; 2081 line-height: 1.25; 2082 color: var(--pgpb-ink); 2083 } 2084 .pgpb__title b { font-weight: 700; } 2085 @container pgpb (min-width: 390px) { .pgpb__title { font-size: 17px; } }.pgpb__note { 2086 order: 4; 2087 font-size: 10.5px; 2088 color: rgba(30, 64, 54, 0.6); 2089 white-space: nowrap; 2090 } 2091 @container pgpb (min-width: 390px) { 2092 .pgpb__note { order: 2; } 2093 } 2094 .pgpb__subtitle { 2095 order: 3; 2096 flex: 1 1 100%;
2097 margin-top: 1px; 2098 font-size: 11px; 2099 color: rgba(30, 64, 54, 0.6); 2100 } 2101 .pgpb__status { 2102 order: 5; 2103 flex: 1 1 100%; 2104 margin-top: 2px; 2105 font-size: 11.5px; 2106 color: rgba(30, 64, 54, 0.75); 2107 } 2108 .pgpb__status b { font-weight: 700; color: var(--pgpb-ink); }.pgpb__steps { 2109 position: relative; 2110 height: 18px; 2111 margin: 20px 30px 0; 2112 padding-bottom: 20px; 2113 } 2114 .pgpb__track { 2115 position: absolute; 2116 left: 0; 2117 right: 0; 2118 top: 7px; 2119 height: 4px; 2120 background: rgba(30, 64, 54, 0.1); 2121 border-radius: 2px; 2122 } 2123 .pgpb__fill { 2124 position: absolute; 2125 left: 0; 2126 top: 0; 2127 height: 100%; 2128 background: var(--pgpb-green); 2129 border-radius: 2px; 2130 transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1); 2131 } 2132 .pgpb__step { 2133 position: absolute; 2134 top: 0; 2135 transform: translateX(-50%); 2136 display: flex; 2137 flex-direction: column; 2138 align-items: center; 2139 } 2140 2141 .pgpb__dot { 2142 position: relative; 2143 z-index: 1; 2144 width: 18px; 2145 height: 18px; 2146 border-radius: 999px; 2147 background: #fff; 2148 border: 2px solid rgba(30, 64, 54, 0.18); 2149 display: flex; 2150 align-items: center; 2151 justify-content: center; 2152 font-size: 10px; 2153 font-weight: 700; 2154 color: rgba(30, 64, 54, 0.45); 2155 transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; 2156 } 2157 .pgpb__step--on .pgpb__dot { 2158 background: var(--pgpb-green); 2159 border-color: var(--pgpb-green); 2160 color: #fff; 2161 }.pgpb__step--next .pgpb__dot { border-color: var(--pgpb-green); } 2162 .pgpb__step--next .pgpb__dot::after { 2163 content: ""; 2164 position: absolute; 2165 inset: -2px; 2166 border-radius: 999px; 2167 background: var(--pgpb-green); 2168 animation: pgpb-pulse 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite; 2169 } 2170 @keyframes pgpb-pulse { 2171 0% { transform: scale(1); opacity: 0.5; } 2172 100% { transform: scale(2.1); opacity: 0; } 2173 } 2174 @media (prefers-reduced-motion: reduce) { 2175 .pgpb__step--next .pgpb__dot::after { animation: none; opacity: 0; } 2176 } 2177 2178 .pgpb__step-label { 2179 margin-top: 6px; 2180 font-size: 10.5px; 2181 font-weight: 700; 2182 line-height: 1.2; 2183 white-space: nowrap; 2184 color: rgba(30, 64, 54, 0.55); 2185 } 2186 .pgpb__step--on .pgpb__step-label { color: var(--pgpb-ink); }.pgpb__gifts { 2187 display: flex; 2188 align-items: stretch; 2189 justify-content: center; 2190 gap: 4px; 2191 margin-top: 25px; 2192 } 2193 .pgpb__tile { 2194 position: relative; 2195 flex: 1 1 0; 2196 min-width: 0; 2197 display: flex; 2198 flex-direction: column; 2199 align-items: center; 2200 text-align: center; 2201 gap: 4px; 2202 padding: 9px 4px 8px; 2203 border-radius: 10px; 2204 background: rgba(255, 255, 255, 0.55); 2205 transition: opacity 0.3s ease; 2206 } 2207 .pgpb__tile--locked { opacity: 0.62; } 2208 .pgpb__badge { 2209 display: flex; 2210 align-items: center; 2211 height: var(--pgpb-badge); 2212 padding: 0 7px; 2213 border: 1px solid var(--pgpb-green); 2214 border-radius: 999px; 2215 font-size: 9px; 2216 font-weight: 700; 2217 letter-spacing: 0.02em; 2218 color: var(--pgpb-green); 2219 visibility: hidden; 2220 } 2221 .pgpb__badge--on { visibility: visible; } 2222 .pgpb__img { 2223 width: var(--pgpb-img); 2224 height: var(--pgpb-img); 2225 display: flex; 2226 align-items: center; 2227 justify-content: center; 2228 } 2229 .pgpb__img img { 2230 max-width: 100%; 2231 max-height: 100%; 2232 object-fit: contain; 2233 } 2234 .pgpb__tile--locked .pgpb__img img { opacity: 0.55; } 2235 .pgpb__gift { 2236 font-size: var(--pgpb-gift); 2237 font-weight: 700; 2238 line-height: 1.25; 2239 } 2240 .pgpb__msrp { 2241 margin-top: -1px; 2242 font-size: var(--pgpb-msrp); 2243 } 2244 .pgpb__msrp b { font-weight: 700; } 2245 .pgpb__free { font-weight: 700; color: var(--pgpb-green); } 2246 .pgpb__plus { 2247 flex: 0 0 auto; 2248 align-self: center; 2249 font-size: var(--pgpb-plus); 2250 font-weight: 700; 2251 line-height: 1; 2252 color: var(--pgpb-green); 2253 pointer-events: none; 2254 } 2255 2256 /* ------------------------------------------------------------------ 2257 VARIANT B â no inline pictures, gift image revealed as a bubble. 2258 Everything here is scoped to .pgpb--bubbles, so the control design 2259 is untouched when the class is absent. 2260 ------------------------------------------------------------------ */ 2261 2262 /* Images leave the layout entirely â the row closes up around them. */ 2263 .pgpb--bubbles .pgpb__img { display: none; } 2264 .pgpb--bubbles .pgpb__tile { padding: 9px 4px; } 2265 2266 /* â¦and the height they gave back stays given back: no band is reserved above 2267 the tiles. A bubble is absolutely positioned and transient, so it costs no 2268 layout and the row never jumps when one opens â it simply floats over the 2269 track while it is up, the way a popover does. */ 2270 .pgpb--bubbles .pgpb__gifts { margin-top: 28px; } 2271 2272 /* The gift name is the tap target that re-opens its bubble. */ 2273 .pgpb--bubbles .pgpb__gift { 2274 cursor: pointer; 2275 -webkit-tap-highlight-color: transparent; 2276 } 2277 .pgpb--bubbles .pgpb__gift:focus-visible { 2278 outline: 2px solid var(--pgpb-green); 2279 outline-offset: 2px; 2280 border-radius: 4px; 2281 } 2282 2283 /* Bubbles float above their own tile. They never take part in layout and 2284 never eat a click, so nothing below them shifts or breaks while they come 2285 and go. */ 2286 .pgpb__bubble { 2287 position: absolute; 2288 left: 50%; 2289 bottom: 100%;box-sizing: border-box; 2290 width: var(--pgpb-bubble); 2291 height: var(--pgpb-bubble); 2292 display: flex; 2293 align-items: center; 2294 justify-content: center; 2295 padding: 8px; 2296 background: #fff; 2297 border: 2px solid var(--pgpb-ink); 2298 border-radius: 14px; 2299 box-shadow: 0 6px 18px rgba(30, 64, 54, 0.18); 2300 pointer-events: none; 2301 z-index: 5; 2302 opacity: 0; 2303 visibility: hidden; 2304 transform-origin: 50% calc(100% + 8px); 2305 transform: translate(-50%, -10px) scale(0.72); 2306 transition: 2307 opacity 0.26s ease, 2308 transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1), 2309 visibility 0s linear 0.32s; 2310 } 2311 .pgpb__bubble--on { 2312 opacity: 1; 2313 visibility: visible; 2314 transform: translate(-50%, -10px) scale(1); 2315 transition-delay: 0s; 2316 } 2317 .pgpb__bubble img { 2318 max-width: 100%; 2319 max-height: 100%; 2320 object-fit: contain; 2321 } 2322 /* Tail: a rotated square borrowing two of the bubble's borders, so it reads 2323 as one shape with the bubble instead of a separate triangle. */ 2324 .pgpb__bubble::after { 2325 content: ""; 2326 position: absolute; 2327 left: 50%; 2328 bottom: -7px; 2329 width: 12px; 2330 height: 12px; 2331 background: #fff; 2332 border-right: 2px solid var(--pgpb-ink); 2333 border-bottom: 2px solid var(--pgpb-ink); 2334 border-bottom-right-radius: 3px; 2335 transform: translateX(-50%) rotate(45deg); 2336 } 2337 2338 @media (prefers-reduced-motion: reduce) { 2339 .pgpb__bubble { 2340 transition: opacity 0.2s linear, visibility 0s linear 0.2s; 2341 transform: translate(-50%, -10px); 2342 } 2343 .pgpb__bubble--on { transform: translate(-50%, -10px); } 2344 } 2345 2346 /* ================================================================== 2347 SPEND MODE â one continuous track to the $ goal. 2348 A spend promo has no discrete steps, so none of the stepped-track 2349 rules above apply: this is a headline, a plain bar and the offer 2350 line under it. It reuses the .pgpb colour tokens, so the lean 2351 cart's --pgpb-green / --pgpb-ink overrides reach it unchanged. 2352 ================================================================== */ 2353 .pgpb-spend { 2354 display: flex; 2355 flex-direction: column; 2356 align-items: center; 2357 gap: 12px; 2358 width: 100%; 2359 } 2360 .pgpb-spend__headline { 2361 width: 100%; 2362 margin: 0; 2363 text-align: center; 2364 font-size: 15px; 2365 font-weight: 600; 2366 line-height: 1.35; 2367 color: var(--pgpb-ink); 2368 } 2369 @container pgpb (min-width: 390px) { .pgpb-spend__headline { font-size: 16px; } } 2370 2371 .pgpb-spend__track { 2372 position: relative; 2373 width: 100%; 2374 height: 8px; 2375 background: rgba(30, 64, 54, 0.12); 2376 border-radius: 4px; 2377 }.pgpb-spend__fill { 2378 position: absolute; 2379 inset: 0 auto 0 0; 2380 min-width: 34px; 2381 background: var(--pgpb-green); 2382 border-radius: 4px; 2383 transition: width 1s cubic-bezier(0.22, 1, 0.36, 1); 2384 } 2385 .pgpb-spend__knob { 2386 position: absolute; 2387 right: -2px; 2388 top: 50%; 2389 transform: translateY(-50%); 2390 width: 34px; 2391 height: 34px;
2392 border-radius: 17px; 2393 background: var(--pgpb-green); 2394 border: 3px solid var(--pgpb-knob-ring, #fff); 2395 display: flex; 2396 align-items: center; 2397 justify-content: center; 2398 } 2399 .pgpb-spend__knob svg { width: 16px; height: 16px; display: block; } 2400 2401 .pgpb-spend__note { 2402 width: 100%; 2403 margin: 0; 2404 text-align: center; 2405 font-size: 12px; 2406 font-weight: 400; 2407 line-height: 1.45; 2408 color: rgba(30, 64, 54, 0.7); 2409 } 2410 @container pgpb (min-width: 390px) { .pgpb-spend__note { font-size: 12.5px; } }.pgpb-spend--unlocked .pgpb-spend__headline { color: var(--pgpb-green); } 2411</style> 2412<link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/carousel.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 2413<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/carousel.min.css"></noscript> 2414
2414<script src="//prolonlife.com/cdn/shop/t/119/assets/vue.global.prod.js?v=174182751384452413401762187880" defer></script>
2414 2415 2416
2417<script></script>
2417<script src="//prolonlife.com/cdn/shop/t/119/assets/axios.min.js?v=169802125047977213321762187881" defer></script>
vendor: 1 bytes, line 2417
2417
2418<script src="//prolonlife.com/cdn/shop/t/119/assets/ck-vue-carousel.js?v=21532935215126825011762187880" defer></script>
vendor: 1 bytes, line 2418
2418
2419<script src="//prolonlife.com/cdn/shop/t/119/assets/conversion-king-slide-cart.js?v=12049362661817023821790283787" defer></script>
vendor: 1 bytes, line 2419
2419
2420<script src="//prolonlife.com/cdn/shop/t/119/assets/conversion-king-popups.js?v=53246139713664006871787179279" defer></script>
vendor: 1 bytes, line 2420
2420
2421<script src="//prolonlife.com/cdn/shop/t/119/assets/ck-components-klaviyo.js?v=2269909376339935661765476641" defer></script>
2421<script> 2422 window.shipping_gift= {}; 2423 window.cart_gift= { 2424 "choose_title": "CHOOSE YOUR FREE GIFT BELOW", 2425 "collection_handle": "free-gifts-cart", 2426 "display_text": "Free Gift", 2427 "enabled": true, 2428 "not_alllowed_products": [ 2429 ], 2430 "remaining_message": "Spend $ more to get 1 free gift.", 2431 "success_message": "YOU'VE UNLOCKED 1 FREE GIFT!", 2432 "threshold": 50, 2433 "isSubscriptionProduct":true, 2434 "unlock_title": "YOU'VE UNLOCKED 1 FREE GIFT!" 2435 }; 2436 window.gift_products_mini_description={}; 2437 window.discounted_upsell_pricing={}; 2438 2439 2440 2441 2442 2443 2444</script>
2444 2445 2446
2446<script src="//prolonlife.com/cdn/shop/t/119/assets/expandable-cards.js?v=126329665338346987251762187878" defer></script>
2446 2447
2447<script src="//prolonlife.com/cdn/shop/t/119/assets/tab-card-binding.js?v=67215699382289205241765196546" defer></script>
2447 2448
2448<script src="//prolonlife.com/cdn/shop/t/119/assets/articles-podcasts.js?v=31294097323657478011762187880" defer></script>
2448 2449 2450 <link 2451 rel="expect" 2452 href="#MainContent" 2453 blocking="render" 2454 id="view-transition-render-blocker" 2455 > 2456 2457
2458<script type="speculationrules"> 2459{ 2460 "prerender": [ 2461 { 2462 "where": { 2463 "or": [ 2464 { "href_matches": "/collections/*" }, 2465 { "href_matches": "/products/*" }, 2466 { "href_matches": "/pages/*" } 2467 ] 2468 }, 2469 "eagerness": "moderate" 2470 } 2471 ], 2472 "prefetch": [ 2473 { 2474 "where": { 2475 "or": [ 2476 { "href_matches": "/collections/*" }, 2477 { "href_matches": "/products/*" }, 2478 { "href_matches": "/pages/*" } 2479 ] 2480 }, 2481 "eagerness": "moderate" 2482 } 2483 ] 2484} 2485</script>
2485 2486 2487 2488 2489 2490 <!-- Boosted Plus Package Code Start --> 2491 2492 <noscript id="deferred-styles"></noscript> 2493 2494
2495<script> 2496 2497 2498 window['addEventListener'] = (function () { 2499 var original = this['addEventListener']; 2500 return function () { 2501 if (arguments[0] == 'load' && arguments[1] && arguments[1].name == 'asyncLoad') { 2502 console.log('Delaying asyncLoad in after page load !', arguments); 2503 var asynfunction = arguments; 2504 var SuperAppLoader = setInterval(function () { 2505 if (window.islazyload) { 2506 clearInterval(SuperAppLoader); 2507 if (asynfunction && asynfunction[1]) { 2508 console.log(asynfunction); 2509 asynfunction[1](); 2510 } 2511 } 2512 }, 100); 2513 } else { 2514 return original.apply(this, arguments); 2515 } 2516 }; 2517 }.bind(window))(); 2518</script>
2518 2519 2520 2521
2522<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2522<meta name="google-site-verification" content="ZakHCQdS2MZPh0LKM_PPoTbi3zFY3TMVwWfC4ezJ5RQ"> 2523<meta name="facebook-domain-verification" content="xyott19q00odvatg38i730izkb8pig"> 2524<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50806259870/digital_wallets/dialog"> 2525<meta id="in-context-paypal-metadata" data-shop-id="50806259870" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 2526<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
2526<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4011851934"></script>
2526 2527<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
2528<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=4011851934&shop_id=50806259870" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2528
2528
2529<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":50806259870,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/50806259870","merchantName":"Prolon Life","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Prolon Life","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 2529
2529
2530<script id="shopify-features" type="application/json">{"accessToken":"1625fd80db934c01e4f0f65297311d23","betas":["rich-media-storefront-analytics"],"domain":"prolonlife.com","predictiveSearch":true,"shopId":50806259870,"locale":"en"}</script>
vendor: 1 bytes, line 2530
2530
2531<script>var Shopify = Shopify || {}; 2532Shopify.shop = "prolon-fmd-2020.myshopify.com"; 2533Shopify.locale = "en"; 2534Shopify.currency = {"active":"USD","rate":"1.0"}; 2535Shopify.country = "US"; 2536Shopify.theme = {"name":"PROLON-LIFE-HORIZON\/main","id":150847815838,"schema_name":"King - Horizon","schema_version":"2.0.3","theme_store_id":null,"role":"main"}; 2537Shopify.theme.handle = "null"; 2538Shopify.theme.style = {"id":null,"handle":null}; 2539Shopify.cdnHost = "prolonlife.com/cdn"; 2540Shopify.routes = Shopify.routes || {}; 2541Shopify.routes.root = "/"; 2542Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 2543Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 2544Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 2545Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2545
2545
2546<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2546
2546
2547<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 2547
2547
2548<script> 2549 window.ShopifyPay = window.ShopifyPay || {}; 2550 window.ShopifyPay.apiHost = "shop.app\/pay"; 2551 window.ShopifyPay.redirectState = null; 2552</script>
vendor: 1 bytes, line 2552
2552
2553<script> 2554 window.Shopify = window.Shopify || {}; 2555 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 2556 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 2557 window.Shopify.SignInWithShop.eligible = true; 2558</script>
vendor: 1 bytes, line 2558
2558
2559<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 2559
2559
2560<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 2560
2560
2561<script type="module"> 2562 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 2563 2564 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 2565 2566</script>
vendor: 1 bytes, line 2566
2566
2567<script> 2568 window.Shopify = window.Shopify || {}; 2569 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 2570 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"]}; 2571</script>
vendor: 1 bytes, line 2571
2571
2572<script>(function() { 2573 var isLoaded = false; 2574 function asyncLoad() { 2575 if (isLoaded) return; 2576 isLoaded = true; 2577 var urls = ["https:\/\/d1hcrjcdtouu7e.cloudfront.net\/js\/gdpr_cookie_consent.min.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=prolon-fmd-2020.myshopify.com","\/\/cdn.shopify.com\/proxy\/9f5b72d4cf49c9ac52cf1e280b6ace249489d86828099a82b35ffd99a2b2bb21\/app.retention.com\/shopify\/reids.js?shop=prolon-fmd-2020.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/superfiliate-cdn.com\/storefront.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiIzUFNvTGFpQkF2d3hCWE5sIiwicyI6InNrdSJ9\u0026v=2.5\u0026shop=prolon-fmd-2020.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiIzUFNvTGFpQkF2d3hCWE5sIiwicyI6InNrdSIsInQiOlsib3JkZXJzL2Z1bGZpbGxlZCJdLCJ2IjoiIiwiYSI6IiJ9\u0026shop=prolon-fmd-2020.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/prolon-fmd-2020.myshopify.com.js?settings=1771353923379\u0026shop=prolon-fmd-2020.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/stockist-form\/prolon-fmd-2020-1750216464.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/setting\/prolon-fmd-2020-1781869095.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/wtb\/prolon-fmd-2020-1781869096.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/fo\/prolon-fmd-2020-1781869096.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/static.getangler.ai\/dist\/shp_script_tag\/_latest.min.js?shop=prolon-fmd-2020.myshopify.com","https:\/\/d217z8zw4dqir.cloudfront.net\/script_tags\/loop_snippets?shop=prolon-fmd-2020.myshopify.com"]; 2578 for (var i = 0; i < urls.length; i++) { 2579 var s = document.createElement('script'); 2580 s.type = 'text/javascript'; 2581 s.async = true; 2582 s.src = urls[i]; 2583 var x = document.getElementsByTagName('script')[0]; 2584 x.parentNode.insertBefore(s, x); 2585 } 2586 }; 2587 if(window.attachEvent) { 2588 window.attachEvent('onload', asyncLoad); 2589 } else { 2590 window.addEventListener('load', asyncLoad, false); 2591 } 2592})();</script>
vendor: 1 bytes, line 2592
2592
2593<script id="__st">var __st={"a":50806259870,"offset":-25200,"reqid":"f4fe460e-d289-42d7-af74-32a31e3931be-1790348128","pageurl":"prolonlife.com\/pages\/contact-us","s":"pages-70321242270","u":"0586366c9457","p":"page","rtyp":"page","rid":70321242270};</script>
vendor: 1 bytes, line 2593
2593
2594<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2594
2594
2595<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 2595
2595
2596<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//prolonlife.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2596
2596
2597<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 = "//prolonlife.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>
2597<script crossorigin="anonymous" defer="defer" src="//prolonlife.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 2597
2597
2598<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 2598
2598
2599<script> 2600 window.Shopify = window.Shopify || {}; 2601 window.Shopify.MCP = window.Shopify.MCP || {}; 2602 window.Shopify.MCP.enabled = true; 2603 window.Shopify.MCP.shop = "prolon-fmd-2020.myshopify.com"; 2604 window.Shopify.MCP.mcpEndpoint = "https:\/\/prolonlife.com\/api\/mcp"; 2605 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"]}}]; 2606</script>
vendor: 1 bytes, line 2606
2606
2607<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("\/\/prolonlife.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 2608</script>
vendor: 1 bytes, line 2608
2608
2609<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://prolonlife.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 2610</script>
vendor: 1 bytes, line 2610
2610
2611<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 2612 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); 2613</script>
vendor: 1 bytes, line 2613
2613
2614<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})}})); 2615</script>
vendor: 1 bytes, line 2615
2615
2616<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M3CH0VTFR46HQZYJCKV2ZYMT","publisher_shop_id":50806259870,"theme_id":150847815838,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"handle":"contact-us","page_type":"page"},"recommendations_tracking_enabled":true}" defer="defer" src="//prolonlife.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
2616 2617<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://prolonlife.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 2618<style id="shopify-accelerated-checkout-cart"> 2619 #shopify-buyer-consent { 2620 margin-top: 1em; 2621 display: inline-block; 2622 width: 100%; 2623} 2624 2625#shopify-buyer-consent.hidden { 2626 display: none; 2627} 2628 2629#shopify-subscription-policy-button { 2630 background: none; 2631 border: none; 2632 padding: 0; 2633 text-decoration: underline; 2634 font-size: inherit; 2635 cursor: pointer; 2636} 2637 2638#shopify-subscription-policy-button::before { 2639 box-shadow: none; 2640} 2641 2642 </style> 2643
2644<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2644 2645 2646 2647
2648<script> 2649 /* 2650 * ginit.js? asyncLoad 2651 */ 2652 function debounce(func, wait, immediate) { 2653 var timeout; 2654 return function () { 2655 var context = this; 2656 var args = arguments; 2657 var later = function () { 2658 timeout = null; 2659 if (!immediate) func.apply(context, args); 2660 }; 2661 var callNow = immediate && !timeout; 2662 clearTimeout(timeout); 2663 timeout = setTimeout(later, wait); 2664 if (callNow) func.apply(context, args); 2665 }; 2666 } 2667 2668 function loadDeferredStyles() { 2669 console.warn('deferred Styles Loaded'); 2670 var addStylesNode = document.getElementById('deferred-styles'); 2671 if (!addStylesNode) return; 2672 var replacement = document.createElement('div'); 2673 replacement.innerHTML = addStylesNode.textContent; 2674 document.body.appendChild(replacement); 2675 addStylesNode.parentElement.removeChild(addStylesNode); 2676 } 2677 2678 function loadDeferredscripts() { 2679 console.warn('loading scripts'); 2680 2681 var deferredScripts = document.querySelectorAll('[type="text/javascript/defer"]'); 2682 deferredScripts.forEach(function (el) { 2683 var src = el.getAttribute('src'); 2684 if (!src) return; 2685 var ss = document.createElement('script'); 2686 ss.src = src; 2687 ss.type = 'text/javascript'; 2688 ss.defer = true; 2689 ss.async = true; 2690 var onload = el.getAttribute('onload'); 2691 if (onload) ss.setAttribute('onload', onload); 2692 document.getElementsByTagName('head')[0].appendChild(ss); 2693 }); 2694 2695 var inlineDeferred = document.querySelectorAll('[type="text/javascript/inlinedefer"]'); 2696 inlineDeferred.forEach(function (el) { 2697 window.eval(el.innerHTML); 2698 }); 2699 } 2700 2701 window.islazyloaded = false; 2702 window.islazyloadstyle = false; 2703 2704 function l_lazyLoop() { 2705 if (window.lazySizes) { 2706 lazySizes.init(); 2707 } else { 2708 setTimeout(l_lazyLoop, 100); 2709 } 2710 } 2711 2712 function extralazyloop() { 2713 setInterval(function () { 2714 document.querySelectorAll('.xlazyload').forEach(function (el) { 2715 el.classList.add('lazyload'); 2716 el.classList.remove('xlazyload'); 2717 }); 2718 }, 200); 2719 } 2720 2721 var loadscriptsz = debounce(function () { 2722 if (!window.islazyload) { 2723 window.islazyload = true; 2724 loadDeferredscripts(); 2725 loadDeferredStyles(); 2726 // l_lazyLoop(); 2727 extralazyloop(); 2728 } 2729 }, 500); 2730 2731 window.addEventListener('mousemove', loadscriptsz); 2732 window.addEventListener('touchstart', loadscriptsz); 2733 window.addEventListener('mouseover', loadscriptsz); 2734 2735 var raf = 2736 window.requestAnimationFrame || 2737 window.mozRequestAnimationFrame || 2738 window.webkitRequestAnimationFrame || 2739 window.msRequestAnimationFrame; 2740 if (raf) raf(function () { window.setTimeout(loadDeferredStyles, 0); }); 2741</script>
2741 2742 2743
2743<script id="consentmo-script-blocker"> 2744(function() { 2745 'use strict'; 2746 2747 var ACTIVATED = {}; 2748 2749 // =========================================================================== 2750 // TEMP BYPASS â force-enable ALL tracking, ignore cookie consent. 2751 // Set to false (or delete this block) to restore consent gating. 2752 // WARNING: firing trackers before consent violates GDPR/ePrivacy/CCPA. 2753 // =========================================================================== 2754 var FORCE_ENABLE_ALL = true; 2755 2756 function activateScripts(category) { 2757 if (ACTIVATED[category]) return; 2758 ACTIVATED[category] = true; 2759 2760 var scripts = document.querySelectorAll('script[type="text/plain"][data-consentmo="' + category + '"]'); 2761 scripts.forEach(function(blocked) { 2762 var newScript = document.createElement('script'); 2763 2764 // Copy all attributes except type and data-consentmo 2765 Array.from(blocked.attributes).forEach(function(attr) { 2766 if (attr.name === 'type' || attr.name === 'data-consentmo') return; 2767 if (attr.name === 'data-src') { 2768 newScript.setAttribute('src', attr.value); 2769 } else { 2770 newScript.setAttribute(attr.name, attr.value); 2771 } 2772 }); 2773 2774 // Copy inline content if no external src 2775 if (!newScript.src && blocked.textContent) { 2776 newScript.textContent = blocked.textContent; 2777 } 2778 2779 blocked.parentNode.insertBefore(newScript, blocked); 2780 blocked.parentNode.removeChild(blocked); 2781 }); 2782 } 2783 2784 function handleConsent(preferences) { 2785 if (!preferences) return; 2786 if (preferences.analytics) activateScripts('analytics'); 2787 if (preferences.marketing) activateScripts('marketing'); 2788 if (preferences.functionality) activateScripts('functionality'); 2789 } 2790 2791 // Listen for Consentmo consent on page load (returning visitors) 2792 document.addEventListener('consentmoSignal_onLoad', function(e) { 2793 var signal = e.detail || {}; 2794 if (signal.preferences) { 2795 handleConsent(signal.preferences); 2796 } 2797 }); 2798 2799 // Listen for Consentmo consent updates (new consent given) 2800 document.addEventListener('consentmoSignal', function(e) { 2801 var signal = e.detail || {}; 2802 if (signal.preferences) { 2803 handleConsent(signal.preferences); 2804 } 2805 }); 2806 2807 // TEMP BYPASS â activate every category regardless of consent. 2808 // PERF: trackers are deferred OFF the critical render path. They never run 2809 // before first paint; they fire on the first user interaction, or when the 2810 // main thread goes idle, or after a short fallback timeout â whichever comes 2811 // first. This keeps GTM/Klaviyo/Northbeam/Engage-X/FB/TikTok etc. from 2812 // blocking FCP/LCP while still loading them within the first few seconds. 2813 if (FORCE_ENABLE_ALL) { 2814 var fired = false; 2815 var INTERACTION_EVENTS = ['pointerdown', 'mousedown', 'touchstart', 'keydown', 'scroll', 'mousemove']; 2816 2817 var sweep = function () { 2818 activateScripts('analytics'); 2819 activateScripts('marketing'); 2820 activateScripts('functionality'); 2821 }; 2822 2823 var forceAll = function () { 2824 if (fired) return; 2825 fired = true; 2826 INTERACTION_EVENTS.forEach(function (ev) { 2827 window.removeEventListener(ev, forceAll, true); 2828 }); 2829 sweep(); 2830 // Catch any late-injected blocked scripts once, off the critical path. 2831 setTimeout(function () { ACTIVATED = {}; sweep(); }, 2000); 2832 }; 2833 2834 var arm = function () { 2835 INTERACTION_EVENTS.forEach(function (ev) { 2836 window.addEventListener(ev, forceAll, { once: true, passive: true, capture: true }); 2837 }); 2838 if ('requestIdleCallback' in window) { 2839 requestIdleCallback(forceAll, { timeout: 4000 }); 2840 } else { 2841 setTimeout(forceAll, 3500); 2842 } 2843 }; 2844 2845 // Arm after the DOM is parsed so we never compete with first paint. 2846 if (document.readyState === 'loading') { 2847 document.addEventListener('DOMContentLoaded', arm); 2848 } else { 2849 arm(); 2850 } 2851 return; 2852 } 2853 2854 // Fallback: also check Shopify Customer Privacy API 2855 if (window.Shopify && window.Shopify.customerPrivacy) { 2856 var cp = window.Shopify.customerPrivacy; 2857 if (typeof cp.analyticsProcessingAllowed === 'function' && cp.analyticsProcessingAllowed()) { 2858 activateScripts('analytics'); 2859 } 2860 if (typeof cp.marketingAllowed === 'function' && cp.marketingAllowed()) { 2861 activateScripts('marketing'); 2862 } 2863 if (typeof cp.preferencesProcessingAllowed === 'function' && cp.preferencesProcessingAllowed()) { 2864 activateScripts('functionality'); 2865 } 2866 } 2867})(); 2868</script>
2868 2869<meta name="google-site-verification" content="sQaXhwFhJfzE3NClBlzZRn5R9oaPtTI9tHK5AgfAjO8" /> 2870 2871
2871<script type="text/javascript" id="loop-subscription-script" src="//prolonlife.com/cdn/shop/t/119/assets/loop-widget.js?v=154498646764350262311790181775"></script>
2871 2872 2873 <!-- BEGIN app block: shopify://apps/intelligems-a-b-testing/blocks/intelligems-script/fa83b64c-0c77-4c0c-b4b2-b94b42f5ef19 -->
2873<script> 2874 window._template = { 2875 directory: "", 2876 name: "page", 2877 suffix: "contact" 2878 }; 2879 window.__productIdFromTemplate = null; 2880 window.__plpCollectionIdFromTemplate = null; 2881 window.igProductData = (function() { 2882 const data = {};return data; 2883 })(); 2884</script>
2884 2885
2886<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/672ba8719d28/bundle.js" data-em-disable async></script>
2886 2887 2888 2889<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 2890<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
2891<script> 2892/* >> TriplePixel :: start*/ 2893window.TriplePixelData={TripleName:"prolon-fmd-2020.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"",cart:"drawer",template:"page",curr:"USD" || "USD", market:"10682526"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 2894/* << TriplePixel :: end*/ 2895</script>
2895 2896 2897 2898 2899<!-- END app block --><!-- BEGIN app block: shopify://apps/superfiliate/blocks/index/f1b76257-4e14-4893-ac41-24d1f75d4c83 --><!-- Start of Superfiliate Extension -->
2900<script async src="https://superfiliate-cdn.com/storefront.js?shop=prolon-fmd-2020.myshopify.com"></script>
2900 2901<!-- End of Superfiliate Extension --> 2902 2903 2904<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917
2917<script async src="https://static.klaviyo.com/onsite/js/XqzShz/klaviyo.js?company_id=XqzShz"></script>
2917 2918
2918<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2918 2919 2920 2921 2922 2923 2924 2925
2925<script> 2926 window.klaviyoReviewsProductDesignMode = false 2927 </script>
2927 2928 2929 2930 2931 <!-- BEGIN app snippet: customer-hub-data -->
2931<script> 2932 if (!window.customerHub) { 2933 window.customerHub = {}; 2934 } 2935 window.customerHub.storefrontRoutes = { 2936 login: "/account/login?return_url=%2F%23k-hub", 2937 register: "/account/register?return_url=%2F%23k-hub", 2938 logout: "/account/logout", 2939 profile: "/account", 2940 addresses: "/account/addresses", 2941 }; 2942 2943 window.customerHub.userId = null; 2944 2945 window.customerHub.storeDomain = "prolon-fmd-2020.myshopify.com"; 2946 2947 2948 2949 2950 window.customerHub.storeLocale = { 2951 currentLanguage: 'en', 2952 currentCountry: 'US', 2953 availableLanguages: [ 2954 2955 { 2956 iso_code: 'en', 2957 endonym_name: 'English' 2958 } 2959 2960 ], 2961 availableCountries: [ 2962 2963 { 2964 iso_code: 'US', 2965 name: 'United States', 2966 currency_code: 'USD' 2967 } 2968 2969 ] 2970 }; 2971 2972</script>
2972 2973<!-- END app snippet --> 2974 2975 2976 2977 <!-- BEGIN app snippet: customer-hub-replace-links -->
2978<script> 2979 function replaceAccountLinks() { 2980 const selector = 2981 'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account'; 2982 const accountLinksNodes = document.querySelectorAll(selector); 2983 for (const node of accountLinksNodes) { 2984 const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false'; 2985 if (!ignore) { 2986 // Any login links to Shopify's account system, point them at the customer hub instead. 2987 node.href = '#k-hub'; 2988 /** 2989 * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads. 2990 * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen. 2991 * Luckily, these themes usually have a className you can add to links to skip the transition. 2992 * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link. 2993 **/ 2994 node.classList.add('no-transition', 'js-no-transition'); 2995 } 2996 } 2997 } 2998 2999 3000 if (document.readyState === 'complete') { 3001 replaceAccountLinks(); 3002 } else { 3003 const controller = new AbortController(); 3004 document.addEventListener( 3005 'readystatechange', 3006 () => { 3007 replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state 3008 if (document.readyState === 'complete') { 3009 // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort 3010 // by removing the listener afterwards. 3011 controller.abort(); 3012 } 3013 }, 3014 { signal: controller.signal }, 3015 ); 3016 } 3017 3018</script>
3018 3019<!-- END app snippet --> 3020 3021 3022 3023 3024 3025<!-- END app block --><!-- BEGIN app block: shopify://apps/geoip-country-redirect/blocks/speeedup_link/a3fa1a12-9aad-4707-ab56-45ccf9191aa7 --><!-- BEGIN app snippet: flags-style --><style id='sgcr-flags-css'>.sgcr-flag {display: inline-block;background-size: contain;background-position: 50%;background-repeat: no-repeat;margin: 0;padding: 0;}.sgcr-flag-af { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/af.svg")}.sgcr-flag-ak { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ak.svg")}.sgcr-flag-am { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/am.svg")}.sgcr-flag-ar { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ar.svg")}.sgcr-flag-as { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/as.svg")}.sgcr-flag-az { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/az.svg")}.sgcr-flag-be { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/be.svg")}.sgcr-flag-bg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bg.svg")}.sgcr-flag-bm { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bm.svg")}.sgcr-flag-bn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bn.svg")}.sgcr-flag-bo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bo.svg")}.sgcr-flag-br { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/br.svg")}.sgcr-flag-bs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bs.svg")}.sgcr-flag-ca { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ca.svg")}.sgcr-flag-ce { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ce.svg")}.sgcr-flag-ckb { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ckb.svg")}.sgcr-flag-cs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cs.svg")}.sgcr-flag-cy { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cy.svg")}.sgcr-flag-da { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/da.svg")}.sgcr-flag-de { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/de.svg")}.sgcr-flag-dz { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/dz.svg")}.sgcr-flag-ee { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ee.svg")}.sgcr-flag-el { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/el.svg")}.sgcr-flag-en { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/en.svg")}.sgcr-flag-eo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/eo.svg")}.sgcr-flag-es { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/es.svg")}.sgcr-flag-et { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/et.svg")}.sgcr-flag-eu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/eu.
3025svg")}.sgcr-flag-fa { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fa.svg")}.sgcr-flag-ff { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ff.svg")}.sgcr-flag-fi { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fi.svg")}.sgcr-flag-fil { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fil.svg")}.sgcr-flag-fo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fo.svg")}.sgcr-flag-fr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fr.svg")}.sgcr-flag-fy { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fy.svg")}.sgcr-flag-ga { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ga.svg")}.sgcr-flag-gd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gd.svg")}.sgcr-flag-gl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gl.svg")}.sgcr-flag-gu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gu.svg")}.sgcr-flag-gv { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gv.svg")}.sgcr-flag-ha { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ha.svg")}.sgcr-flag-he { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/he.svg")}.sgcr-flag-hi { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hi.svg")}.sgcr-flag-hr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hr.svg")}.sgcr-flag-hu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hu.svg")}.sgcr-flag-hy { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hy.svg")}.sgcr-flag-ia { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ia.svg")}.sgcr-flag-id { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/id.svg")}.sgcr-flag-ig { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ig.svg")}.sgcr-flag-ii { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ii.svg")}.sgcr-flag-is { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/is.svg")}.sgcr-flag-it { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/it.svg")}.sgcr-flag-ja { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ja.svg")}.sgcr-flag-jv { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/jv.svg")}.sgcr-flag-ka { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ka.svg")}.sgcr-flag-ki { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ki.svg")}.sgcr-flag-kk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kk.svg")}.sgcr-flag-kl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kl.svg")}.sgcr-flag-km { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/km.svg")}.sgcr-flag-kn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kn.svg")}.sgcr-flag-ko { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ko.svg")}.sgcr-flag-ks { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ks.svg")}.sgcr-flag-ku { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ku.svg")}.sgcr-flag-kw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kw.svg")}.sgcr-flag-ky { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ky.svg")}.sgcr-flag-lb { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lb.svg")}.sgcr-flag-lg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lg.svg")}.sgcr-flag-ln { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ln.svg")}.sgcr-flag-lo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lo.svg")}.sgcr-flag-lt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lt.svg")}.sgcr-flag-lu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lu.svg")}.sgcr-flag-lv { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lv.svg")}.sgcr-flag-mg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mg.svg")}.sgcr-flag-mi { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mi.svg")}.sgcr-flag-mk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mk.svg")}.sgcr-flag-ml { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ml.svg")}.sgcr-flag-mn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mn.svg")}.sgcr-flag-mr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mr.svg")}.sgcr-flag-ms { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ms.svg")}.sgcr-flag-mt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mt.svg")}.sgcr-flag-my { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/my.svg")}.sgcr-flag-nb { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nb.svg")}.sgcr-flag-nd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nd.svg")}.sgcr-flag-ne { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ne.svg")}.sgcr-flag-nl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nl.svg")}.sgcr-flag-nn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nn.svg")}.sgcr-flag-no { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/no.svg")}.sgcr-flag-om { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/om.svg")}.sgcr-flag-or { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/or.svg")}.sgcr-flag-os { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/os.svg")}.sgcr-flag-pa { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pa.svg")}.sgcr-flag-pl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pl.svg")}.sgcr-flag-ps { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ps.svg")}.sgcr-flag-pt-br { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pt-br.svg")}.sgcr-flag-pt-pt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pt-pt.svg")}.sgcr-flag-qu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/qu.svg")}.sgcr-flag-rm { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rm.svg")}.sgcr-flag-rn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rn.svg")}.sgcr-flag-ro { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ro.svg")}.sgcr-flag-ru { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ru.svg")}.sgcr-flag-rw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rw.svg")}.sgcr-flag-sa { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sa.svg")}.sgcr-flag-sc { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sc.svg")}.sgcr-flag-sd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sd.svg")}.sgcr-flag-se { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/se.svg")}.sgcr-flag-sg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sg.svg")}.sgcr-flag-si { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/si.svg")}.sgcr-flag-sk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sk.svg")}.sgcr-flag-sl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sl.svg")}.sgcr-flag-sn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sn.svg")}.sgcr-flag-so { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/so.svg")}.sgcr-flag-sq { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sq.svg")}.sgcr-flag-sr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sr.svg")}.sgcr-flag-su { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/su.svg")}.sgcr-flag-sv { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sv.svg")}.sgcr-flag-sw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sw.svg")}.sgcr-flag-ta { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ta.svg")}.sgcr-flag-te { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/te.svg")}.sgcr-flag-tg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tg.svg")}.sgcr-flag-th { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/th.svg")}.sgcr-flag-ti { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ti.svg")}.sgcr-flag-tk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tk.svg")}.sgcr-flag-to { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/to.svg")}.sgcr-flag-tr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tr.svg")}.sgcr-flag-tt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tt.svg")}.sgcr-flag-ug { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ug.svg")}.sgcr-flag-uk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/uk.svg")}.sgcr-flag-ur { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ur.svg")}.sgcr-flag-uz { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/uz.svg")}.sgcr-flag-vi { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/vi.svg")}.sgcr-flag-wo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/wo.svg")}.sgcr-flag-xh { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/xh.svg")}.sgcr-flag-yi { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/yi.svg")}.sgcr-flag-yo { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/yo.svg")}.sgcr-flag-zh-cn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/zh-cn.svg")}.sgcr-flag-zh-tw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/zh-tw.svg")}.sgcr-flag-zu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/zu.svg")}.sgcr-flag-aed { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/aed.svg")}.sgcr-flag-afn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/afn.svg")}.sgcr-flag-all { background-ima
3025ge: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/all.svg")}.sgcr-flag-amd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/amd.svg")}.sgcr-flag-ang { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ang.svg")}.sgcr-flag-aoa { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/aoa.svg")}.sgcr-flag-ars { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ars.svg")}.sgcr-flag-aud { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/aud.svg")}.sgcr-flag-awg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/awg.svg")}.sgcr-flag-azn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/azn.svg")}.sgcr-flag-bam { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bam.svg")}.sgcr-flag-bbd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bbd.svg")}.sgcr-flag-bdt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bdt.svg")}.sgcr-flag-bgn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bgn.svg")}.sgcr-flag-bhd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bhd.svg")}.sgcr-flag-bif { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bif.svg")}.sgcr-flag-bnd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bnd.svg")}.sgcr-flag-bob { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bob.svg")}.sgcr-flag-brl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/brl.svg")}.sgcr-flag-bsd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bsd.svg")}.sgcr-flag-btn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/btn.svg")}.sgcr-flag-bwp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bwp.svg")}.sgcr-flag-byn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/byn.svg")}.sgcr-flag-bzd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/bzd.svg")}.sgcr-flag-cad { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cad.svg")}.sgcr-flag-cdf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cdf.svg")}.sgcr-flag-chf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/chf.svg")}.sgcr-flag-clp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/clp.svg")}.sgcr-flag-cny { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cny.svg")}.sgcr-flag-cop { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cop.svg")}.sgcr-flag-crc { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/crc.svg")}.sgcr-flag-cve { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/cve.svg")}.sgcr-flag-czk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/czk.svg")}.sgcr-flag-djf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/djf.svg")}.sgcr-flag-dkk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/dkk.svg")}.sgcr-flag-dop { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/dop.svg")}.sgcr-flag-dzd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/dzd.svg")}.sgcr-flag-egp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/egp.svg")}.sgcr-flag-ern { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ern.svg")}.sgcr-flag-etb { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/etb.svg")}.sgcr-flag-eur { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/eur.svg")}.sgcr-flag-fjd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fjd.svg")}.sgcr-flag-fkp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/fkp.svg")}.sgcr-flag-gbp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gbp.svg")}.sgcr-flag-gel { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gel.svg")}.sgcr-flag-ghs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ghs.svg")}.sgcr-flag-gmd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gmd.svg")}.sgcr-flag-gnf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gnf.svg")}.sgcr-flag-gtq { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gtq.svg")}.sgcr-flag-gyd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/gyd.svg")}.sgcr-flag-hkd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hkd.svg")}.sgcr-flag-hnl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hnl.svg")}.sgcr-flag-hrk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/hrk.svg")}.sgcr-flag-htg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/htg.svg")}.sgcr-flag-huf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/huf.svg")}.sgcr-flag-idr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/idr.svg")}.sgcr-flag-ils { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ils.svg")}.sgcr-flag-inr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/inr.svg")}.sgcr-flag-iqd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/iqd.svg")}.sgcr-flag-isk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/isk.svg")}.sgcr-flag-jmd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/jmd.svg")}.sgcr-flag-jod { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/jod.svg")}.sgcr-flag-jpy { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/jpy.svg")}.sgcr-flag-kes { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kes.svg")}.sgcr-flag-kgs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kgs.svg")}.sgcr-flag-khr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/khr.svg")}.sgcr-flag-kmf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kmf.svg")}.sgcr-flag-krw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/krw.svg")}.sgcr-flag-kwd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kwd.svg")}.sgcr-flag-kyd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kyd.svg")}.sgcr-flag-kzt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/kzt.svg")}.sgcr-flag-lak { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lak.svg")}.sgcr-flag-lbp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lbp.svg")}.sgcr-flag-lkr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lkr.svg")}.sgcr-flag-lrd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lrd.svg")}.sgcr-flag-lsl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lsl.svg")}.sgcr-flag-lyd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/lyd.svg")}.sgcr-flag-mad { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mad.svg")}.sgcr-flag-mdl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mdl.svg")}.sgcr-flag-mga { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mga.svg")}.sgcr-flag-mkd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mkd.svg")}.sgcr-flag-mmk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mmk.svg")}.sgcr-flag-mnt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mnt.svg")}.sgcr-flag-mop { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mop.svg")}.sgcr-flag-mro { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mro.svg")}.sgcr-flag-mur { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mur.svg")}.sgcr-flag-mvr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mvr.svg")}.sgcr-flag-mwk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mwk.svg")}.sgcr-flag-mxn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mxn.svg")}.sgcr-flag-myr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/myr.svg")}.sgcr-flag-mzn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/mzn.svg")}.sgcr-flag-nad { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nad.svg")}.sgcr-flag-ngn { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ngn.svg")}.sgcr-flag-nio { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nio.svg")}.sgcr-flag-nok { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nok.svg")}.sgcr-flag-npr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/npr.svg")}.sgcr-flag-nzd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/nzd.svg")}.sgcr-flag-omr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/omr.svg")}.sgcr-flag-pen { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pen.svg")}.sgcr-flag-pgk { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pgk.svg")}.sgcr-flag-php { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/php.svg")}.sgcr-flag-pkr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pkr.svg")}.sgcr-flag-pln { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pln.svg")}.sgcr-flag-pyg { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/pyg.svg")}.sgcr-flag-qar { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/qar.svg")}.sgcr-flag-ron { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ron.svg")}.sgcr-flag-rsd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rsd.svg")}.sgcr-flag-rub { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rub.svg")}.sgcr-flag-rwf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/rwf.svg")}.sgcr-flag-sar { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sar.svg")}.sgcr-flag-sbd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sbd.svg")}.sgcr-flag-scr { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/scr.svg")}.sgcr-flag-sdg { backgrou
3025nd-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sdg.svg")}.sgcr-flag-sek { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sek.svg")}.sgcr-flag-sgd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sgd.svg")}.sgcr-flag-shp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/shp.svg")}.sgcr-flag-sll { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sll.svg")}.sgcr-flag-sos { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/sos.svg")}.sgcr-flag-srd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/srd.svg")}.sgcr-flag-ssp { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ssp.svg")}.sgcr-flag-std { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/std.svg")}.sgcr-flag-szl { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/szl.svg")}.sgcr-flag-thb { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/thb.svg")}.sgcr-flag-tjs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tjs.svg")}.sgcr-flag-tmt { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tmt.svg")}.sgcr-flag-tnd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tnd.svg")}.sgcr-flag-top { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/top.svg")}.sgcr-flag-try { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/try.svg")}.sgcr-flag-ttd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ttd.svg")}.sgcr-flag-twd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/twd.svg")}.sgcr-flag-tzs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/tzs.svg")}.sgcr-flag-uah { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/uah.svg")}.sgcr-flag-ugx { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/ugx.svg")}.sgcr-flag-usd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/usd.svg")}.sgcr-flag-uyu { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/uyu.svg")}.sgcr-flag-uzs { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/uzs.svg")}.sgcr-flag-vnd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/vnd.svg")}.sgcr-flag-vuv { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/vuv.svg")}.sgcr-flag-wst { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/wst.svg")}.sgcr-flag-xaf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/xaf.svg")}.sgcr-flag-xcd { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/xcd.svg")}.sgcr-flag-xof { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/xof.svg")}.sgcr-flag-xpf { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/xpf.svg")}.sgcr-flag-yer { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/yer.svg")}.sgcr-flag-zar { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/zar.svg")}.sgcr-flag-zmw { background-image: url("https://cdn.shopify.com/extensions/01a05c18-6947-7139-91fd-4cc03cd2ff54/release_bfs_v.3.0.1/assets/zmw.svg")}</style><!-- END app snippet --> 3026<!-- BEGIN app snippet: market-config --> 3027 3028 3029 3030
3031<script type="text/javascript"> 3032 try { 3033 let metafieldsConfig = {}; 3034 let resourcesConfig = {}; 3035 3036 window["sgcr_marketConfig"] = { 3037 marketAutoRedirectConfig: metafieldsConfig.sg_geolocation_auto_redirect, 3038 marketPopupRedirectConfig: { 3039 ...metafieldsConfig.sg_geolocation_popup, 3040 template: metafieldsConfig.sg_geolocation_script_config, 3041 htmlCss: metafieldsConfig.sg_geolocation_template_html 3042 }, 3043 marketData: { 3044 markets: metafieldsConfig.sg_geolocation_markets_data, 3045 countries: metafieldsConfig.sg_geolocation_countries_data, 3046 currencies: metafieldsConfig.sg_geolocation_currencies_data, 3047 languages: metafieldsConfig.sg_geolocation_languages_data 3048 }, 3049 byPassParam: metafieldsConfig.sg_bypass_geolocation 3050 }; 3051 3052 window["sgcr_marketResources"] = resourcesConfig.sg_resource_countries; 3053 } catch (error) { 3054 console.warn("Error In Market Config"); 3055 } 3056</script>
3056 3057<!-- END app snippet --> 3058<!-- BEGIN app snippet: localization-form -->
3059<script type="text/javascript" id="sgcr-localization-script"> 3060 window.sgcr_localization = { 3061 "country":{ 3062 "availableLanguages":{"en": { 3063 "endonymName":"English", 3064 "isoCode":"en", 3065 "name":"English", 3066 "primary":true, 3067 "rootUrl":"/" 3068 },}, 3069 "continent":"North America", 3070 "currency":{ 3071 "name":"United States Dollar", 3072 "isoCode":"USD", 3073 "symbol":"$" 3074 }, 3075 "flagUrl":"//cdn.shopify.com/static/images/flags/us.svg", 3076 "isoCode":"US", 3077 "market":{ 3078 "handle":"us", 3079 "id":"10682526" 3080 }, 3081 "name":"United States", 3082 "popular": false , 3083 "unitSystem":"imperial" 3084 }, 3085 "language":{ 3086 "endonymName":"English", 3087 "isoCode":"en", 3088 "name":"English", 3089 "primary":true, 3090 "rootUrl":"/" 3091 }, 3092 "market":{ 3093 "handle":"us", 3094 "id":"10682526" 3095 }, 3096 "availableCountries":{"US":{ 3097 "availableLanguages":{"en" : { 3098 "name":"English", 3099 "isoCode":"en", 3100 "endonymName":"English", 3101 "primary":true, 3102 "rootUrl":"/" 3103 },}, 3104 "continent":"North America", 3105 "currency":{ 3106 "name":"United States Dollar", 3107 "isoCode":"USD", 3108 "symbol":"$" 3109 }, 3110 "flagUrl":"//cdn.shopify.com/static/images/flags/us.svg", 3111 "isoCode":"US", 3112 "market":{ 3113 "handle":"us", 3114 "id":"10682526" 3115 }, 3116 "name":"United States", 3117 "popular": false , 3118 "unitSystem":"imperial" 3119 },}, 3120 "availableLanguages":{"en": { 3121 "name":"English", 3122 "isoCode":"en", 3123 "endonymName":"English", 3124 "primary":true, 3125 "rootUrl":"/" 3126 },} 3127 } 3128</script>
3128 3129
3130<script type="text/javascript"> 3131 window.sgcr_switcher_html = `<form method="post" action="/localization" id="sgcr-market-switcher" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" hidden="hidden"><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="/pages/contact-us" /></form>`; 3132 if(typeof window["sgcr_marketResources"] == "undefined") { 3133 (document.body || document.head).insertAdjacentHTML("beforeend", `<div id="sgcr-switcher-html">${window.sgcr_switcher_html}</div>`); 3134 } 3135</script>
3135 3136<!-- END app snippet -->
3137<script type="text/javascript">try { 3138 let sgcr_customMeta = {}; 3139 if(sgcr_customMeta && sgcr_customMeta.sgcr_customjs) { 3140 Function(sgcr_customMeta.sgcr_customjs)(); 3141 } 3142 } catch (error) { 3143 console.warn("Error In Custom Code"); 3144 } 3145</script>
3145 3146 3147
3148<script type="text/javascript"> 3149 (function() { 3150 const sgcr_primaryUrl = 'https://thread.spicegems.org/0/js/scripttags/prolon-fmd-2020/country_redirect_77d350109b876edba3a16d0f293c0a9f.min.js?v=53&shop=prolon-fmd-2020.myshopify.com'; 3151 const sgcr_kiteFallbackUrl = 'https://kite.spicegems.org/0/js/scripttags/prolon-fmd-2020/static/country-redirect.js'; 3152 const sgcr_shopSlug = 'prolon-fmd-2020'; 3153 const sgcr_cdnTier = '0'; 3154 const sgcr_speedupIsCustom = true; 3155 const sgcr_failureCookieName = 'sgcr_primary_script_failure'; 3156 const sgcr_retryCooldownMs = 5 * 60 * 1000; // 5 minutes 3157 let sgcr_fallbackLoaded = false; 3158 3159 function sgcr_getCookieValue(sgcr_name) { 3160 const sgcr_cookiePrefix = encodeURIComponent(sgcr_name) + '='; 3161 const sgcr_cookies = document.cookie ? document.cookie.split('; ') : []; 3162 for (let sgcr_i = 0; sgcr_i < sgcr_cookies.length; sgcr_i++) { 3163 if (sgcr_cookies[sgcr_i].indexOf(sgcr_cookiePrefix) === 0) { 3164 return decodeURIComponent(sgcr_cookies[sgcr_i].slice(sgcr_cookiePrefix.length)); 3165 } 3166 } 3167 return ''; 3168 } 3169 3170 function sgcr_setRetryCookie() { 3171 const sgcr_retryAfter = Date.now() + sgcr_retryCooldownMs; 3172 document.cookie = encodeURIComponent(sgcr_failureCookieName) + '=' + encodeURIComponent(String(sgcr_retryAfter)) + '; expires=' + new Date(sgcr_retryAfter).toUTCString() + '; path=/; SameSite=Lax'; 3173 } 3174 3175 function sgcr_clearRetryCookie() { 3176 document.cookie = encodeURIComponent(sgcr_failureCookieName) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; SameSite=Lax'; 3177 } 3178 3179 function sgcr_isInRetryCooldown() { 3180 const sgcr_retryAfter = Number(sgcr_getCookieValue(sgcr_failureCookieName)); 3181 if (!sgcr_retryAfter || Number.isNaN(sgcr_retryAfter)) return false; 3182 if (Date.now() >= sgcr_retryAfter) { 3183 sgcr_clearRetryCookie(); 3184 return false; 3185 } 3186 return true; 3187 } 3188 3189 function sgcr_appendScript(sgcr_url, sgcr_onLoad, sgcr_onError = null) { 3190 const sgcr_script = document.createElement('script'); 3191 sgcr_script.src = sgcr_url; 3192 sgcr_script.async = true; 3193 sgcr_script.type = 'text/javascript'; 3194 sgcr_script.onload = sgcr_onLoad; 3195 sgcr_script.onerror = sgcr_onError; 3196 document.head.appendChild(sgcr_script); 3197 } 3198 3199 function sgcr_resolveFallbackUrl() { 3200 if (!sgcr_speedupIsCustom) return sgcr_kiteFallbackUrl; 3201 try { 3202 let sgcr_base = typeof window !== 'undefined' && window.location ? window.location.href : undefined; 3203 let sgcr_origin = new URL(sgcr_primaryUrl, sgcr_base).origin; 3204 return sgcr_origin + '/' + sgcr_cdnTier + '/js/scripttags/' + sgcr_shopSlug + '/static/country-redirect.js'; 3205 } catch (sgcr_e) { 3206 return sgcr_kiteFallbackUrl; 3207 } 3208 } 3209 3210 function sgcr_loadFallback() { 3211 if (sgcr_fallbackLoaded) return; 3212 sgcr_fallbackLoaded = true; 3213 3214 let sgcr_fallbackUrl = sgcr_resolveFallbackUrl(); 3215 sgcr_appendScript( 3216 sgcr_fallbackUrl, 3217 function() { 3218 console.log('[SpeedUp] â Fallback script loaded'); 3219 } 3220 ); 3221 } 3222 3223 if (sgcr_isInRetryCooldown()) { 3224 sgcr_loadFallback(); 3225 return; 3226 } 3227 3228 sgcr_appendScript( 3229 sgcr_primaryUrl, 3230 function() { 3231 sgcr_clearRetryCookie(); 3232 }, 3233 function() { 3234 sgcr_setRetryCookie(); 3235 console.warn('[SpeedUp] â Primary script failed, loading fallback:', sgcr_resolveFallbackUrl()); 3236 sgcr_loadFallback(); 3237 } 3238 ); 3239 })(); 3240</script>
3240 3241 3242 3243<!-- END app block --><!-- BEGIN app block: shopify://apps/loyalty-rewards-and-referrals/blocks/embed-sdk/6f172e67-4106-4ac0-89c5-b32a069b3101 --> 3244 3245<style 3246 type='text/css' 3247 data-lion-app-styles='main' 3248 data-lion-app-styles-settings='{"disableBundledCSS":false,"disableBundledFonts":false,"useClassIsolator":false}' 3249></style> 3250 3251<!-- loyaltylion.snippet.version=9283085fd3+12800 --> 3252 3253
3254<script> 3255 3256 !function(t,n){function o(n){var o=t.getElementsByTagName("script")[0],i=t.createElement("script");i.src=n,i.crossOrigin="",o.parentNode.insertBefore(i,o)}if(!n.isLoyaltyLion){window.loyaltylion=n,void 0===window.lion&&(window.lion=n),n.version=2,n.isLoyaltyLion=!0;var i=new Date,e=i.getFullYear().toString()+i.getMonth().toString()+i.getDate().toString();o("https://sdk.loyaltylion.net/static/2/loader.js?t="+e);var r=!1;n.init=function(t){if(r)throw new Error("Cannot call lion.init more than once");r=!0;var a=n._token=t.token;if(!a)throw new Error("Token must be supplied to lion.init");for(var l=[],s="_push configure bootstrap shutdown on removeListener authenticateCustomer".split(" "),c=0;c<s.length;c+=1)!function(t,n){t[n]=function(){l.push([n,Array.prototype.slice.call(arguments,0)])}}(n,s[c]);o("https://sdk.loyaltylion.net/sdk/start/"+a+".js?t="+e+i.getHours().toString()),n._initData=t,n._buffer=l}}}(document,window.loyaltylion||[]); 3257 3258 3259 3260 loyaltylion.init( 3261 { token: "ee66b96cc1ff5b78768aefffa4628598" } 3262 ); 3263 3264 3265 3266 loyaltylion.configure({ 3267 disableBundledCSS: false, 3268 disableBundledFonts: false, 3269 useClassIsolator: false, 3270 }) 3271 3272 3273</script>
3273 3274 3275 3276 3277<!-- END app block --><!-- BEGIN app block: shopify://apps/justuno-email-sms-pop-ups/blocks/star_rating/ea1f1a23-7069-4266-a6e1-df04f87c7e94 --> 3278 3279
3280<script> 3281 3282 3283 3284 domainID = "b06e9258cada4f6ab90108d3f9b0b7a3"; 3285 const newScript = document.createElement('script'); 3286 let finalHostName = "justone.ai"; 3287 newScript.innerHTML = ` 3288 window.ju4_num = "${domainID}"; 3289 window.ju4_asset_host = 'https://${finalHostName}/embed'; 3290 window.ju4_pApi = 'https://${finalHostName}'; 3291 window.ju4_api = 'https://api.justuno.com'; 3292 3293 3294 (function (i, s, o, g, r, a, m) { 3295 i[r] = 3296 i[r] || 3297 function () { 3298 (i[r].q = i[r].q || []).push(arguments); 3299 }; 3300 (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]); 3301 a.async = 1; 3302 a.src = g; 3303 m.parentNode.insertBefore(a, m); 3304 })( 3305 window, 3306 document, 3307 "script", 3308 ju4_asset_host + "/ju_shopify_init.js?v=2", 3309 "ju4app" 3310 ); 3311 `; 3312 document.head.appendChild(newScript); 3313 3314 3315 3316</script>
3316 3317 3318 3319<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 --> 3320 3321 3322
3323<script type="module" dynamic> 3324 const configUrl = "/a/elevar/static/configs/4c293db03104cf50a30d4c76eea380f1cff0c848/config.js"; 3325 const config = (await import(configUrl)).default; 3326 const scriptUrl = config.script_src_app_theme_embed; 3327 3328 if (scriptUrl) { 3329 const { handler } = await import(scriptUrl); 3330 3331 await handler( 3332 config, 3333 { 3334 cartData: { 3335 marketId: "10682526", 3336 localeCountryCode:"US", 3337 attributes:{}, 3338 cartTotal: "0.0", 3339 currencyCode:"USD", 3340 items: [] 3341} 3342, 3343 user: { 3344 cartTotal: "0.0", 3345 currencyCode:"USD", 3346 customer: {}, 3347} 3348, 3349 isOnCartPage:false, 3350 collectionView:null, 3351 searchResultsView:null, 3352 productView:null, 3353 } 3354 ); 3355 } 3356</script>
3356 3357 3358 3359<!-- END app block --><!-- BEGIN app block: shopify://apps/onward/blocks/onward-protection-embed/b53f9cdb-2bd0-4ef4-be64-bb0b8b7f7dff -->
3359<script type="text/javascript"> 3360 window.addEventListener('DOMContentLoaded', () => { 3361 const onward = new OnwardSetup(); 3362 3363 // DRAWER 3364 onward.addContainer('#cart-with-header .checkout-btn', { position: 'beforebegin' }); 3365 onward.attachCheckoutButton('#cart-with-header .checkout-btn', { 3366 optOutSelector: '#cart-with-header .checkout-btn', 3367 optOutPosition: 'afterend' 3368 }); 3369 3370 // CART 3371 onward.addContainer('.template-cart .bottom-0:has(button[type="button"])', { position: 'afterbegin' }); 3372 3373 onward.attachCheckoutButton('.template-cart .bottom-0 button[type="button"].border-transparent', { 3374 optOutSelector: '.template-cart .bottom-0:has(button[type="button"])', 3375 optOutPosition: 'beforeend' 3376 }); 3377}); 3378 3379 window.OnwardSettingsJson = {"selectedByDefault":true,"shopEnabled":true,"insuranceFeePercentage":"3.0","carbonOffsetPriceCents":1,"carbonOffsetsEnabled":true,"flatRateReturnEnabled":false,"returnsAppEnabled":false,"thirdPartyReturnsPortalUrl":null,"customerSponsoredReturnLabel":false,"returnPolicyUrl":null,"exchangesEnabled":false,"shopName":"Prolon Life","shopId":580,"shopCurrencyCode":"USD","shopSupportContact":"[email protected]","shopBanner":"https:\/\/proxy.useonward.com\/public\/brandings\/580\/banner?ts=1783991356","minimumInsurableCartAmountCents":0,"minimumInsurancePriceCents":null,"minimumInsurancePriceVariantId":null,"maximumInsurancePriceCents":null,"maximumInsurancePriceVariantId":null,"insuranceFallback":"do_not_insure","excludePriceInSubtotalDisplay":true,"oneLine":false,"autoRemoveInsuranceFromCart":true,"poweredByEnabled":true,"inlinePoweredByEnabled":true,"disclaimerEnabled":false,"showSubscriptionWording":true,"moneyFormat":null,"checkoutButtonSelector":null,"themePrimaryColor":null,"ctaTextColor":null,"backgroundColor":"","copyLine1":"Onward Checkout+","copyLine2":"Get {{reward_amount}} Cashback Credit, Delivery Protection, a 90-day Guarantee \u0026 Sustainable Shipping","checkoutPlusCopyLine1":"Checkout+","checkoutPlusCopyLine2":"Get {{reward_amount}} Cashback Credit, Delivery Protection, a 90-day Guarantee, \u0026 Sustainable Shipping","checkoutPlusEnabled":true,"checkoutPlusVariant":"checkout","checkoutPlusButtonLabel":"Checkout+ | {{subtotal_with_onward}}","checkoutPlusOptOutLabel":"Continue Without Checkout+ ","checkoutPlusOptOutContainerSelector":"","disclaimerText":"*By deselecting shipping protection, Prolon Life is not liable for damaged, or stolen items","rewardsEnabled":true,"rewardsPercentage":"10.0","cashbackName":"CashBack","cashbackIssueImmediately":false,"nativeSubscriptionsEnabled":true,"cartItemCountSelector":null,"cartSubtotalSelector":null,"productGuaranteesEnabled":true,"productGuaranteeDays":90,"walletsEnabled":false,"category":"Health \u0026 Personal Care","featuresEnabled":["widget:checkout:multi_product_debug","widget:checkout:qty_clamp"],"isDev":false,"modalEnabledCards":{"freeReturns":true,"returnsAndExchanges":true,"protect":true,"carbonOffsets":true,"rewards":true,"productGuarantees":true,"prioritySupport":true,"donation":true,"disclaimer":true},"shoppersUrl":"","checkoutExtensionHidden":false,"checkoutOneLine":false,"legacyAutoInsertCheckoutPlus":false,"deferredProtectionEnabled":false,"orderEditingEnabled":true,"orderEditingDeadlineMinutes":30,"orderEditingAddInsuranceCopyLine1":"Onward Checkout+","orderEditingAddInsuranceCopyLine2":null,"orderEditingAllowAddressEdits":true,"orderEditingAllowQuantityChanges":true,"orderEditingAllowAddProtection":true,"orderEditingAllowDiscountCodes":false,"orderEditingAllowUpsells":true,"orderEditingUpsellsCollectionId":"333562151070","orderEditingUpsellsOfferSource":"collection","orderEditingUpsellsDiscountPercentage":10,"subtotalLabel":null,"subtotalLabelSelector":null,"poweredByLogoColor":"black","hideForB2bCustomers":false,"attachToApplePay":false,"onwardLineitemProperties":{},"inspiredDonationsEnabled":false,"includeFullyDiscountedItemsInPremium":false,"insuranceProductImageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0508\/0625\/9870\/files\/checkout-3436447.png?v=1777984690"}; 3380 window.OnwardSettingsJson = Object.assign( 3381 window.OnwardSettingsJson, 3382 window.onwardSettingsOverrides ? window.onwardSettingsOverrides : {}, 3383 { 3384 headlessClient: false, 3385 onwardWidget: { policy_bundle: {"config":{"checkout_plus_button_order":"checkout_plus_f
3385irst"},"policy_settings":{"checkout_plus_button_order":{"policies":[]}}} }, 3386 locale: { 3387 currency_iso_code: "USD", 3388 currency_rate: Shopify.currency?.rate || "1.0", 3389 request_locale: Shopify?.locale || 'en' 3390 } 3391 } 3392 ); 3393 Object.freeze(window.OnwardSettingsJson); 3394 window.OnwardTranslationsJson = {"en":{"modal":{"headline":"Checkout with benefits.","subheadline":"Shop with confidence â your purchase is getting an upgrade.","rewardsDisclaimer":{"text":"*{{cashbackName}} code emailed 30 days after purchase."},"rewards":{"heading":"Earn {{rewardsPercentage}}% {{cashbackName}}","text":"Get {{rewardsPercentage}}% back to be used on future purchases.*"},"protect":{"heading":"Shipping Protection","text":"From theft, loss, damage, \u0026 more - Onward has you covered."},"extendedWarranties":{"heading":"Product Protection","text":"From failure due to normal wear and tear and defects after the manufacturer's warranty expires."},"carbonOffsets":{"heading":"Carbon Neutral","text":"We'll offset the CO2 emissions of this shipment."},"productGuarantees":{"heading":"Satisfaction Guarantee","text":"If you have any quality issues within {{days}} days, we'll make it right."},"returnsAndExchanges":{"heading":"Free Returns \u0026 Exchanges","text":"Free return shipping on all US orders for returns \u0026 exchanges."},"freeReturns":{"heading":"Free Returns","text":"Free return shipping on all US orders."},"subscriptions":{"text":"Checkout+ will be added to recurring subscription orders and may be cancelled at anytime."},"prioritySupport":{"heading":"Priority Support","text":"Skip the line and get expedited customer support."},"donation":{"heading":"$10 Charitable Gift","text":"Make an impact with a donation to a cause of your choice."},"footer":{"legalPrefix":"By purchasing Checkout+, you agree and have read the","termsLabel":"Terms","and":"and","privacyLabel":"Privacy","returnPolicyNotice":"Exceptions apply. Please see the {{returnPolicyLink}} for more details.","returnPolicyLinkLabel":"return policy","poweredBy":"Powered by"}}}}; 3395 Object.freeze(window.OnwardTranslationsJson); 3396 3397 3398 3399 window.OnwardCustomer = { isB2b: null, tags: null }; 3400</script>
3400 3401 3402<style id="onward-styles-sheet"> 3403 .cart-item:has(a[href*="/products/onward-package-protection"]), 3404 .cart__item:has(a[href*="/products/onward-package-protection"]), 3405 .upez--cart-item:has(a[href*="/products/onward-package-protection"]), 3406 .upcart-product-item:has(a[href*="/products/onward-package-protection"]), 3407 .rebuy-cart__flyout-item:has(a[href*="/products/onward-package-protection"]) { 3408 display: none; 3409 } 3410 3411 ul li:has(a[href*="/products/onward-package-protection"]), 3412ul div:has(a[href*="/products/onward-package-protection"]) { 3413 display: none; 3414} 3415 3416#onward-container section { 3417 max-width: unset !important; 3418 padding-bottom: 18px !important; 3419} 3420</style> 3421 3422 3423<!-- END app block --><!-- BEGIN app block: shopify://apps/klickly-connector/blocks/klickly-embed/019d9086-f209-7d9a-959a-034ff6648e37 --> 3424 3425 3426 3427<link rel="dns-prefetch" href="//kp-27ma.klck.dev"> 3428 <link rel="preconnect" href="//kp-27ma.klck.dev" fetchpriority="high"> 3429 <link rel="preload" href="https://kp-27ma.klck.dev/boa.js?version=v2&platform=shopify&account_id=1429&b_type_cart=713235b212ba353e&b_type_checkout=1f3c69b6e64f2360&b_type_visit=88a30e6a1f4f8cf5&v=23&shop=prolon-fmd-2020.myshopify.com" as="script" fetchpriority="high"> 3430
3430<script src="https://kp-27ma.klck.dev/boa.js?version=v2&platform=shopify&account_id=1429&b_type_cart=713235b212ba353e&b_type_checkout=1f3c69b6e64f2360&b_type_visit=88a30e6a1f4f8cf5&v=23&shop=prolon-fmd-2020.myshopify.com" async fetchpriority="high"></script>
3430 3431 3432 3433 3434<!-- END app block --><link href="https://cdn.shopify.com/extensions/01a0d8b6-f291-73de-98a0-4aae380b88d4/loop-subscriptions-274/assets/loop_referral_banner.css" rel="stylesheet" type="text/css" media="all">
3435<script src="https://cdn.shopify.com/extensions/01a0b7a6-6b2a-7126-be17-93581506982e/applovin-shop-integration-97/assets/app-embed.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 3435
3435
3436<script src="https://cdn.shopify.com/extensions/01a0d522-6b5c-7913-8dc1-9830d0700356/trakt-352/assets/onward.js" type="text/javascript" defer="defer"></script>
3436 3437<link href="https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/storelocator.css" rel="stylesheet" type="text/css" media="all"> 3438<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3439<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: 50806259870,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 3439
3439
3440<script> 3441 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 3442</script>
vendor: 1 bytes, line 3442
3442
3443<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}
3443).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: 50806259870,storefrontBaseUrl: "https://prolonlife.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://prolonlife.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2804383902","configuration":"{\"shopDomain\":\"prolon-fmd-2020.myshopify.com\",\"accountId\":\"1429\",\"basisPixelVisit\":\"88a30e6a1f4f8cf5\",\"basisPixelCart\":\"713235b212ba353e\",\"basisPixelCheckout\":\"1f3c69b6e64f2360\",\"analyticsApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/wp\",\"checkoutApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cs\",\"cartApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cc\",\"ardDataApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/ard\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8e379f4a1c4675f220238bcd0c75ff55","type":"APP","apiClientId":1821457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2778497182","configuration":"{\"workspaceId\":\"ws-prolon-life-pw6ui9oi\",\"accessToken\":\"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOjE3ODk0MjUxNjk5NzMsImV4cCI6MjEwNDc4NTE2OTk3Mywic3ViIjoid3MtcHJvbG9uLWxpZmUtcHc2dWk5b2kiLCJzY29wZXMiOiJDTElFTlRfRVZFTlRTIiwiaXNzIjoiZjBlZGEzZTMtZDBkMS00OTFkLTg5ZDktZjgxY2U5OTI3YTNmIiwianRpIjoiTVhGa0pGOHhDYU9TMEwxSHFtalRoIn0.Tz2KBTaksIyiqhrYzhWZZJJqfQv8cp_aae7hj17DWZSx_g-8xTGlkCWHa-NKaFY0bsM4-gYwWqGzfphTnxEz9Vck6C9LF2iXOMRm0oNiGcFpu6WNprFsbDOKomPq0GD2RPOY0NrKg4LbdEwQRbaavgavx4mvj-qK4wM8r_r89-pk4J_a1fXhW7HlYb4uFjtoq3z-bHJKkRgAMzdxlmHO2H1yV4fIf62g1dpv3s_N7vzWdpsLmZijgZQ0xu6LYbUGsBkTeHFqdMEiUfTmovAYUbbEywyEB8Bi6Hh4J-8-DdzKC-3TGBQny8RxfykIapchAAdRA4P-228xGsffd26b6A\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"322de89c0ff76f90e32734d53481ce94","type":"APP","apiClientId":15688597505,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2748317854","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-847315769\\\",\\\"GT-PJR5FW45\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-847315769\\\/183XCLeIu-4cELmGhJQD\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-847315769\\\/wx9bCLOKu-4cELmGhJQD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-847315769\\\/wc70CLCKu-4cELmGhJQD\\\",\\\"MC-9FRH6NCP1J\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-847315769\\\/9--6CLSIu-4cELmGhJQD\\\",\\\"MC-9FRH6NCP1J\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-847315769\\\/-D0CCK2Ku-4cELmGhJQD\\\",\\\"MC-9FRH6NCP1J\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-847315769\\\/Y-_4CLaKu-4cELmGhJQD\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-847315769\\\/tNzGCKqKu-4cELmGhJQD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2537423006","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/4c293db03104cf50a30d4c76eea380f1cff0c848\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
3443,"dataSharingState":"unrestricted"},{"id":"2398519454","configuration":"{\"shopId\":\"prolon-fmd-2020.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2269708446","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"d569cafa-f02f-4784-9265-3f4fbc0657b2\",\"projectId\":\"6d85c2d6-5c2d-470b-adbd-249dcc364e7b\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d98eb033f1e81320021a411362de3a55","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2043904158","configuration":"{\"eventKey\":\"f18fc5f9-9293-4a3f-bdbb-cea81a767195\",\"name\":\"prolon-fmd-2020 - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"59063c86dca90ebaa562063a0c13be50","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2039447710","configuration":"{\"brandID\":\"in088v33qkij\",\"trackingURL\":\"https:\/\/track.proxima.ai\/shopify\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"67ba09585928c12b2c372e2a8ce187e9","type":"APP","apiClientId":2756640769,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1729134750","configuration":"{\"advertiser\":\"lnutra\",\"userId\":\"574d66fb-1a31-43ec-bd16-a28cd84d396c\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c19c52670ee3dad6480bef13cf6d1e03","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1634271390","configuration":"{\"accountID\":\"XqzShz\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1590329502","configuration":"{\"adAccountPixelId\":\"tvscientific-pix-o-76395038-56d8-4fe9-b977-2aaf501bb2f9\",\"isDevMode\":\"false\",\"pixelServiceOrigin\":\"https:\\\/\\\/tvspix.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b1ea2e57bc032f283816725ee284e102","type":"APP","apiClientId":92361228289,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"875397278","configuration":"{\"publicKey\":\"pub_a51ccefa6dce9ad5f3a7\",\"apiUrl\":\"https:\\\/\\\/tracking.refersion.com\",\"urlIdDetection\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"86ecbc68ef74dc9bb982fccd1962837f","type":"APP","apiClientId":147004,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"774406302","configuration":"{\"accountID\":\"11716\",\"micrositeDomain\":\"partners.prolonlife.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9fae8f5cb0b9c97477ac364bb3772a0c","type":"APP","apiClientId":4862993,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
3443,"dataSharingState":"unrestricted"},{"id":"524910750","configuration":"{\"pixelCode\":\"CCD1N93C77U03NFKBCMG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"512360606","configuration":"{\"accountID\":\"b06e9258cada4f6ab90108d3f9b0b7a3\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23c8e03086c374c0b97c93580ddc9ec5","type":"APP","apiClientId":158237,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"500924574","configuration":"{\"campaignID\":\"27039\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/39bbe41e4495d8565a60932b873c6a30\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"51413150","configuration":"{\"shopId\":\"prolon-fmd-2020.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"38404254","configuration":"{\"northbeamId\": \"03c59ac8-6ebd-4a7c-96e7-2275aba6a245\", \"collectorDomain\": \"i.prolonlife.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e46c2d6352a678fc6581f4bd0bc772e1","type":"APP","apiClientId":3188721,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"15401118","configuration":"{\"myshopifyDomain\":\"prolon-fmd-2020.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"17662110","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Evolve"},{"id":"133431454","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Life Intent - Checkout"},{"id":"135102622","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Axon\/ AppLovin Pixel"},{"id":"139067550","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Audiomatic Pixel - Add to Cart"},{"id":"139427998","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Audiomatic Pixel - Page View"}
3443,{"id":"139460766","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Audiomatic Pixel - Checkout"},{"id":"147390622","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Adsserver"},{"id":"172425374","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Klaviyo Custom"},{"id":"192086174","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"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":"Prolon Life","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"prolon-fmd-2020.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/prolonlife.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8602639171742","handle":"prolon-offer","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46440679178398","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8213417984158","handle":"prolon-next-gen-v4","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45281373126814","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8277741764766","handle":"reset","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45458831343774","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7648511164574","handle":"l-protein","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43123874562206","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8280629543070","handle":"fasting-bar","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45472261079198","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7518063493278","handle":"fasting-shake","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42690698838174","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7522539339934","handle":"l-pill","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42708096483486","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8415666045086","handle":"metabolic-reset-program","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45920462438558","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8317623566494","handle":"5-2-program","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45600951074974","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10292615708830","handle":"intermittent-fasting-bundle","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50520776605854","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://prolonlife.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"150847815838","themePublished":"true","eventMetadataId":"62bec377-79fb-44ae-b8ea-02d23b94eaca","pageType":"page","resourceId":"70321242270","shopId":"50806259870","storefrontBaseUrl":"https:\/\/prolonlife.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\",{}]]"});})();</script>
3443<script> 3444 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 3445 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 3446 window.ShopifyAnalytics.meta.currency = 'USD'; 3447 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":70321242270,"requestId":"f4fe460e-d289-42d7-af74-32a31e3931be-1790348128"}}; 3448 for (var attr in meta) { 3449 window.ShopifyAnalytics.meta[attr] = meta[attr]; 3450 } 3451</script>
vendor: 1 bytes, line 3451
3451
3452<script class="analytics"> 3453 (function () { 3454 var customDocumentWrite = function(content) { 3455 var jquery = null; 3456 3457 if (window.jQuery) { 3458 jquery = window.jQuery; 3459 } else if (window.Checkout && window.Checkout.$) { 3460 jquery = window.Checkout.$; 3461 } 3462 3463 if (jquery) { 3464 jquery('body').append(content); 3465 } 3466 }; 3467 3468 var hasLoggedConversion = function(token) { 3469 if (token) { 3470 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 3471 } 3472 return false; 3473 } 3474 3475 var setCookieIfConversion = function(token) { 3476 if (token) { 3477 var twoMonthsFromNow = new Date(Date.now()); 3478 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 3479 3480 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 3481 } 3482 } 3483 3484 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 3485 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 3486 if (trekkie.integrations) { 3487 return; 3488 } 3489 trekkie.methods = [ 3490 'identify', 3491 'page', 3492 'ready', 3493 'track', 3494 'trackForm', 3495 'trackLink' 3496 ]; 3497 trekkie.factory = function(method) { 3498 return function() { 3499 var args = Array.prototype.slice.call(arguments); 3500 args.unshift(method); 3501 trekkie.push(args); 3502 if (method == 'track' || method == 'page') { 3503 var pageUrl; 3504 try { 3505 pageUrl = window.location.href; 3506 } catch (e) {} 3507 var pageReferrer; 3508 try { 3509 pageReferrer = document.referrer; 3510 } catch (e) {} 3511 try { 3512 if (window.__TREKKIE_SHIM_QUEUE == null) { 3513 window.__TREKKIE_SHIM_QUEUE = []; 3514 } 3515 window.__TREKKIE_SHIM_QUEUE.push({ 3516 from: 'trekkie-stub', 3517 method: method, 3518 args: args.slice(1), 3519 pageContext: { 3520 url: pageUrl, 3521 referrer: pageReferrer 3522 } 3523 }); 3524 } catch (e) { 3525 // no-op 3526 } 3527 } 3528 return trekkie; 3529 }; 3530 }; 3531 for (var i = 0; i < trekkie.methods.length; i++) { 3532 var key = trekkie.methods[i]; 3533 trekkie[key] = trekkie.factory(key); 3534 } 3535 trekkie.load = function(config) { 3536 trekkie.config = config || {}; 3537 trekkie.config.initialDocumentCookie = document.cookie; 3538 var first = document.getElementsByTagName('script')[0]; 3539var script = document.createElement('script'); 3540script.type = 'text/javascript'; 3541script.onerror = function(e) { 3542 var scriptFallback = document.createElement('script'); 3543 scriptFallback.type = 'text/javascript'; 3544 scriptFallback.onerror = function(error) { 3545 var Monorail = { 3546 produce: function produce(monorailDomain, schemaId, payload) { 3547 var currentMs = new Date().getTime(); 3548 var event = { 3549 schema_id: schemaId, 3550 payload: payload, 3551 metadata: { 3552 event_created_at_ms: currentMs, 3553 event_sent_at_ms: currentMs 3554 } 3555 }; 3556 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 3557 }, 3558 sendRequest: function sendRequest(endpointUrl, payload) { 3559 // Try the sendBeacon API 3560 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 3561 var blobData = new window.Blob([payload], { 3562 type: 'text/plain' 3563 }); 3564 3565 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 3566 return true; 3567 } // sendBeacon was not successful 3568 3569 } // XHR beacon 3570 3571 var xhr = new XMLHttpRequest(); 3572 3573 try { 3574 xhr.open('POST', endpointUrl); 3575 xhr.setRequestHeader('Content-Type', 'text/plain'); 3576 xhr.send(payload); 3577 } catch (e) { 3578 console.log(e); 3579 } 3580 3581 return false; 3582 }, 3583 isIos12: function isIos12() { 3584 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 3585 } 3586 }; 3587 Monorail.produce('monorail-edge.shopifysvc.com', 3588 'trekkie_storefront_load_errors/1.1', 3589 {shop_id: 50806259870,
3590 theme_id: 150847815838, 3591 app_name: "storefront", 3592 context_url: window.location.href, 3593 source_url: "//prolonlife.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 3594 3595 }; 3596 scriptFallback.async = true; 3597 scriptFallback.src = '//prolonlife.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 3598 first.parentNode.insertBefore(scriptFallback, first); 3599}; 3600script.async = true; 3601script.src = '//prolonlife.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 3602first.parentNode.insertBefore(script, first); 3603 3604 }; 3605 trekkie.load( 3606 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50806259870,"isMerchantRequest":null,"themeId":150847815838,"themeCityHash":"2426611438092078202","contentLanguage":"en","currency":"USD","eventMetadataId":"62bec377-79fb-44ae-b8ea-02d23b94eaca"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 3607 ); 3608 3609 var loaded = false; 3610 trekkie.ready(function() { 3611 if (loaded) return; 3612 loaded = true; 3613 3614 window.ShopifyAnalytics.lib = window.trekkie; 3615 3616 var originalDocumentWrite = document.write; 3617 document.write = customDocumentWrite; 3618 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 3619 document.write = originalDocumentWrite; 3620 3621 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 3622 var token = match? match[1]: undefined; 3623 if (!hasLoggedConversion(token)) { 3624 setCookieIfConversion(token); 3625 3626 } 3627 }); 3628 3629 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":70321242270,"requestId":"f4fe460e-d289-42d7-af74-32a31e3931be-1790348128","shopifyEmitted":true}); 3630 3631 var eventsListenerScript = document.createElement('script'); 3632 eventsListenerScript.async = true; 3633 eventsListenerScript.src = "//prolonlife.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 3634 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 3635})();</script>
3635 3636
3636<script> 3637 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 3638 window.ga = function ga() { 3639 (window.ga.q = window.ga.q || []).push(arguments); 3640 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 3641 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 3642 } 3643 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 3644 }; 3645 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 3646 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 3647 } 3648 } 3649</script>
vendor: 1 bytes, line 3649
3649
3650<script 3651 defer 3652 src="https://prolonlife.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 3653 data-application="storefront-renderer" 3654 data-shop-id="50806259870" 3655 data-render-region="gcp-us-central1" 3656 data-page-type="page" 3657 data-theme-instance-id="150847815838" 3658 data-theme-name="King - Horizon" 3659 data-theme-version="2.0.3" 3660 data-monorail-region="shop_domain" 3661 data-resource-timing-sampling-rate="10" 3662 data-shs="true" 3663 data-shs-beacon="true" 3664 data-shs-export-with-fetch="true" 3665 data-shs-logs-sample-rate="1" 3666 data-shs-beacon-endpoint="https://prolonlife.com/api/collect" 3667></script>
3667 3668<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821905728000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790349928000"><meta name="new-cookie-storage-activated" content="t"> 3669</head> 3670 3671 3672 <style class="loop-style"> .loop-hidden { 3673 display: none !important; 3674} 3675 3676.loop-full-width { 3677 width: 100% !important; 3678} 3679 3680.loop-subscription-container { 3681 display: flex; 3682 flex-direction: column; 3683} 3684 3685.loop-selling-plan-fieldset { 3686 padding: 0; 3687 margin: 15px 0; 3688 flex-basis: 100%; 3689 border-width: 0; 3690 border-style: groove; 3691 border-color: threedface; 3692 border-image: initial; 3693 border-radius: 0.5em; 3694 border: 1px solid #c3cfd9 !important; 3695 overflow: hidden !important; 3696} 3697 3698.loop-selling-plan-fieldset-legend { 3699 display: none; 3700} 3701 3702.loop-one-time-purchase-option-position { 3703 display: flex !important; 3704} 3705 3706.loop-purchase-options-label { 3707 width: auto !important; 3708 flex: 2; 3709 padding: 0 !important; 3710 margin: 0 !important; 3711 font-size: 1.1em !important; 3712 line-height: 1.1em !important; 3713} 3714 3715.loop-one-time-purchase-option { 3716 display: flex; 3717 align-items: center; 3718 width: 100% !important; 3719 padding: 1.1em !important; 3720} 3721 3722.loop-one-time-purchase-option-radio { 3723 width: 1.2rem !important; 3724 height: 1.2rem !important; 3725 min-height: 1.2rem !important; 3726 position: initial !important; 3727 appearance: auto !important; 3728 line-height: 1.2rem !important; 3729 margin: 0 1rem 0 0 !important; 3730 padding: 0 !important; 3731} 3732 3733.loop-one-time-purchase-option-label { 3734 width: auto !important; 3735 line-height: 1.2em !important; 3736 font-size: 1em !important; 3737 font-weight: 600 !important; 3738 flex: 2; 3739 padding: 0 !important; 3740 margin: 0 !important; 3741} 3742 3743.loop-one-time-purchase-option-price-container { 3744 text-align: right; 3745 flex: 1; 3746} 3747 3748.loop-one-time-purchase-option-price-amount { 3749 line-height: 1.2em !important; 3750 font-size: 1em !important; 3751} 3752 3753.loop-one-time-purchase-option-price-quantity { 3754 line-height: 1em !important; 3755 font-size: 0.8em !important; 3756 opacity: 0.8; 3757} 3758 3759.loop-selling-plan-allocation { 3760 display: flex !important; 3761} 3762 3763.loop-subscription-group { 3764 display: flex; 3765 align-items: center; 3766 flex-wrap: wrap; 3767 padding: 1.1em !important; 3768} 3769 3770.loop-subscription-group-border-top { 3771 border-top: 1px solid #c3cfd9 !important; 3772} 3773 3774.loop-subscription-group-border-bottom { 3775 border-bottom: 1px solid #c3cfd9 !important; 3776} 3777 3778.loop-subscription-group-radio { 3779 width: 1.2rem !important; 3780 height: 1.2rem !important; 3781 min-height: 1.2rem !important; 3782 line-height: 1.2rem; 3783 position: initial !important; 3784 appearance: auto !important; 3785 margin: 0 1rem 0 0 !important; 3786 padding: 0 !important; 3787} 3788 3789.loop-subscription-group-text { 3790 display: flex; 3791 flex-wrap: wrap; 3792 flex: 3; 3793 align-items: center; 3794} 3795 3796.loop-subscription-group-label { 3797 width: auto !important; 3798 padding: 0; 3799 margin: 0 1em 0 0; 3800 line-height: 1.2em !important; 3801 font-size: 1em !important; 3802 font-weight: 600 !important; 3803 display: flex; 3804 align-items: center; 3805} 3806 3807.loop-subscription-group-discount-badge { 3808 border-radius: 50px; 3809 padding: 0.3em 0.8em; 3810 background: #53cf54; 3811 display: flex; 3812 justify-content: center; 3813 width: max-content; 3814 line-height: 1.2em; 3815 font-size: 1em; 3816} 3817 3818.loop-subscription-group-price-container { 3819 text-align: right; 3820 flex: 1; 3821} 3822 3823.loop-subscription-group-price-amount { 3824 line-height: 1.2em !important; 3825 font-size: 1em !important; 3826} 3827 3828.loop-subscription-group-price-quantity { 3829 line-height: 1em !important; 3830 font-size: 0.8em !important; 3831 opacity: 0.8; 3832} 3833 3834.loop-subscription-group-selling-plans-container { 3835 display: flex; 3836 flex-wrap: wrap; 3837 align-items: center; 3838 width: 100% !important; 3839 margin-top: 0.5em; 3840 margin-left: 2.2rem; 3841} 3842 3843.loop-selling-plan-selector-label { 3844 width: auto !important; 3845 padding: 0; 3846 margin: 0.5em 0 0.5em 0; 3847 line-height: 1.2em; 3848 font-size: 1em; 3849} 3850 3851.loop-selling-plan-selector { 3852 width: auto !important; 3853 display: block !important; 3854 border-color: #c3d0d9 !important; 3855 border-width: 1px !important; 3856 margin: 6px 0 0 12px !important; 3857 padding: 0.5em 2.5em 0.5em 0.7em !important; 3858 border-radius: 5px !important; 3859 font-size: 1em !important; 3860 background-image: linear-gradient(45deg, transparent 50%, gray 50%), 3861 linear-gradient(135deg, gray 50%, transparent 50%), 3862 linear-gradient(to right, #ccc, #ccc); 3863 background-position: calc(100% - 20px) calc(1em), 3864 calc(100% - 15px) calc(1em), calc(100% - 2.5em) 0.5em; 3865 background-size: 5px 5px, 5px 5px, 0px 1.5em; 3866 background-repeat: no-repeat; 3867 -webkit-box-sizing: border-box; 3868 -moz-box-sizing: border-box; 3869 box-sizing: border-box; 3870 -webkit-appearance: none; 3871 -moz-appearance: none; 3872} 3873 3874.loop-selling-plan-selector:focus { 3875 background-image: linear-gradient(45deg, transparent 50%, gray 50%), 3876 linear-gradient(135deg, gray 50%, transparent 50%), 3877 linear-gradient(to right, #ccc, #ccc); 3878 background-position: calc(100% - 20px) calc(1em), 3879 calc(100% - 15px) calc(1em), calc(100% - 2.5em) 0.5em; 3880 background-size: 5px 5px, 5px 5px, 0px 1.5em; 3881 background-repeat: no-repeat; 3882 border-color: green; 3883 outline: 0; 3884 padding: 0.5em 2.5em 0.5em 0.7em !important; 3885} 3886 3887.loop-selling-plan-selector:-moz-focusring { 3888 color: transparent; 3889 text-shadow: 0 0 0 #000; 3890} 3891 3892.loop-selling-plan-selector-option { 3893 display: flex; 3894 align-items: center; 3895} 3896 3897.loop-selling-plan-selector-description { 3898 width: 100%; 3899 font-size: 0.9em !important; 3900 line-height: normal !important; 3901 margin: 0 !important; 3902 padding: 0 !important; 3903 opacity: 0.8; 3904} 3905 3906.loop-subscription-group-radio:not(:checked) 3907 ~ .loop-subscription-group-selling-plans-container { 3908 display: none !important; 3909} 3910 3911.loop-selling-plan-selector:focus-visible { 3912 outline: none !important; 3913 outline-offset: 0.3rem; 3914 box-shadow: none !important; 3915} 3916 3917.loop-price-container { 3918 display: flex; 3919 align-items: center; 3920 flex-direction: column; 3921} 3922 3923.loop-price-section { 3924 width: 100%; 3925 display: flex; 3926 flex-direction: row; 3927} 3928 3929.loop-price-section-subscription-banner { 3930 display: flex; 3931 align-items: center; 3932 font-size: 12px; 3933 padding: 0px 5px; 3934 border: 1px solid; 3935 border-radius: 5px; 3936 line-height: 11px; 3937 margin-left: 8px; 3938} 3939 3940.loop-final-price { 3941} 3942 3943.loop-compare-price { 3944 text-decoration: line-through; 3945 opacity: 0.5; 3946} 3947 3948.loop-price-sub-text { 3949 font-size: 11px; 3950} 3951 3952.loop-dot { 3953 height: 4px; 3954 width: 4px; 3955 background-color: #000; 3956 border-radius: 50%; 3957 display: inline-block; 3958 margin: 0 10px; 3959} 3960 3961.loop-display-none { 3962 display: none !important; 3963} 3964 3965.loop-display-none-by-variant { 3966 display: none !important; 3967} 3968 3969.loop-left-margin-0 { 3970 margin-left: 0 !important; 3971} 3972 3973.loop-tooltip { 3974 position: relative; 3975 display: flex; 3976 align-items: center; 3977 width: fit-content; 3978 padding-bottom: 1em; 3979 margin-top: -10px; 3980} 3981 3982.loop-tooltip-label { 3983 display: flex; 3984 cursor: pointer; 3985} 3986 3987.loop-tooltip-image { 3988 height: 18px; 3989 width: 18px; 3990 margin-right: 10px; 3991 display: flex; 3992 align-items: center; 3993} 3994 3995.loop-tooltip .loop-tooltiptext { 3996 visibility: hidden; 3997 width: 300px; 3998 min-width: 100%; 3999 background-color: #081d33; 4000 color: #fff; 4001 text-align: left; 4002 border-radius: 6px; 4003 padding: 15px; 4004 margin-top: -10px; 4005 4006 position: absolute; 4007 z-index: 9999 !important; 4008 top: 100%; 4009 left: 0%; 4010} 4011 4012.loop-tooltip:hover .loop-tooltiptext { 4013 visibility: visible; 4014} 4015 4016.loop-tooltip-description { 4017 margin: 0 !important; 4018 padding: 0 !important; 4019 font-size: 1em; 4020} 4021 4022.loop-container-arrow { 4023 height: 16px; 4024 width: 16px; 4025 background-color: #081d33; 4026 position: absolute; 4027} 4028 4029.loop-container-arrow--tl { 4030 left: 32px; 4031 top: 0px; 4032 border-left: 1px solid rgba(0, 0, 0, 0.3); 4033 border-top: 1px solid rgba(0, 0, 0, 0.3); 4034 transform: translate(50%, -50%) rotate(45deg); 4035} 4036 4037/* loop widget skeleton loader */ 4038.loop-widget-skeleton-loader-container .skeleton-box { 4039 background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%); 4040 background-size: 200% 100%; 4041 animation: skeleton-loading 1.5s infinite; 4042 border-radius: 4px; 4043 margin: 4px 0; 4044 display: inline-block; 4045 height: 16px; 4046} 4047 4048@keyframes skeleton-loading { 4049 0% { 4050 background-position: 200% 0; 4051 } 4052 4053 100% { 4054 background-position: -200% 0; 4055 } 4056} 4057 4058.loop-widget-skeleton-radio-placeholder { 4059 width: 16px; 4060 border-radius: 50%; 4061} 4062 4063.loop-widget-skeleton-label-placeholder { 4064 width: 120px; 4065 margin-left: 8px; 4066} 4067 4068.loop-widget-skeleton-discount-badge-placeholder { 4069 width: 40px; 4070 margin-left: 8px; 4071 border-radius: 10px; 4072} 4073 4074.loop-widget-skeleton-price-placeholder { 4075 width: 36px; 4076 margin-left: auto; 4077} 4078 4079.loop-widget-skeleton-selector-label-placeholder { 4080 width: 80px; 4081} 4082 4083.loop-widget-skeleton-selector-placeholder { 4084 width: 120px; 4085 border-radius: 4px; 4086 margin-top: 8px; 4087} 4088 4089.loop-widget-skeleton-description-placeholder { 4090 width: 90%; 4091 margin-top: 8px; 4092} 4093 4094.loop-widget-skeleton-purchase-options-container { 4095 padding: 8px; 4096} 4097 4098.loop-widget-skeleton-purchase-option { 4099 padding: 12px; 4100 border: 1px solid #e0e0e0; 4101 margin-bottom: 8px; 4102 border-radius: 4px; 4103} 4104 4105.loop-widget-skeleton-purchase-option-border-top { 4106 border-top: 1px solid #e0e0e0; 4107} 4108 4109.loop-widget-skeleton-purchase-option-header { 4110 display: flex; 4111 align-items: center; 4112} 4113 4114.loop-widget-skeleton-spg-label-discount-wrapper { 4115 display: flex; 4116 align-items: center; 4117 gap: 5px; 4118} 4119 4120.loop-widget-skeleton-purchase-option-price-container { 4121 display: flex; 4122 align-items: center; 4123 margin-left: auto; 4124} 4125 4126.loop-widget-skeleton-spg-container { 4127 padding-top: 8px; 4128} 4129 4130/* loop widget skeleton loader */ 4131 </style> 4132 4133 <body 4134 class="page-width-narrow bg-[#F8F4F2] card-hover-effect-none" 4135 style="" 4136 > 4137 4138 <a 4139 class="skip-to-content-link button-secondary" 4140 href="#MainContent" 4141> 4142 Skip to content 4143</a> 4144 4145 <header id="header-group" role="banner"> 4146 4147 4148 <!-- BEGIN sections: header-group --> 4149<div id="shopify-section-sections--19843808067742__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group"> 4150 4151 4152 4153<div class="section-background color-scheme-1"></div> 4154<aside 4155 class="announcement-bar spacing-style section section--page-width color-scheme-1" 4156 style="--padding-block-start: 15px; --padding-block-end:15px; 4157--padding-inline-start:0px; --padding-inline-end:0px; 4158; --border-bottom-width: 1px; background-color: var(--color-announcment-bg-color); color: var(--color-announcement-text-color); 4159 --color-primary-hover: var(--color-announcement-text-color); 4160 4161 --mobile-padding-block-start: 0px; 4162 --mobile-padding-block-end: 0px; 4163 --mobile-padding-inline-start: 0px; 4164 --mobile-padding-inline-end: 0px; 4165 " 4166 data-announcement-section="header-announcement-sections--19843808067742__header_announcements_9jGBFp" 4167> 4168 4169 4170 <announcement-bar-component 4171 class="announcement-bar__slider" 4172 4173 > 4174 4175 4176 <div class="announcement-bar__slides"> 4177 4178 4179 4180<slideshow-slide 4181 ref="slides[]" 4182 class=" 4183 announcement-bar__slide 4184 text-block 4185 text-block--AQmQ4MllsWTFja2FnM__announcement_tYh6Fy 4186 text-block--align-center 4187 text-block--full-width 4188 custom-typography 4189 custom-font-size
4190 custom-font-weight 4191 4192 " 4193 style=" 4194 4195--color: ;--font-size: 1.5rem;--font-weight: 700; --font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 4196 --width: 100%; 4197 --text-align: center; 4198 --line-height: 1; 4199 4200 --padding-top: 0px; 4201 --padding-bottom: 0px; 4202 --padding-left: 0px; 4203 --padding-right: 0px; 4204 4205 --mobile-padding-top: 8px; 4206 --mobile-padding-bottom: 8px; 4207 --mobile-padding-left: 0px; 4208 --mobile-padding-right: 0px; 4209 4210 4211 4212 4213 padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left); 4214 " 4215 4216 aria-hidden="false" 4217 data-announcement-id="announcement-AQmQ4MllsWTFja2FnM__announcement_tYh6Fy" 4218 > 4219 <div class="announcement-bar__content text-small-body-regular"> 4220 4221 <span class="text-[14px] font-semibold">Spend $200+ to unlock a dozen FREE Fasting Bars</span> 4222 4223 </div> 4224 4225 4226 </slideshow-slide> 4227 4228<style> 4229 .text-block { 4230 width: var(--width); 4231 max-width: 100%; 4232 } 4233 4234 .text-block > * { 4235 width: var(--width); 4236 max-width: var(--max-width, 100%); 4237 text-align: var(--text-align); 4238 } 4239 4240 .text-block:not(.text-block--full-width).rte, 4241 .text-block:not(.text-block--full-width).paragraph { 4242 /* Safari doesn't support pretty, so fallback to balance */ 4243 text-wrap: balance; 4244 text-wrap: pretty; 4245 } 4246 4247 .text-block:not(.text-block--full-width).h1, 4248 .text-block:not(.text-block--full-width).h2, 4249 .text-block:not(.text-block--full-width).h3, 4250 .text-block:not(.text-block--full-width).h4, 4251 .text-block:not(.text-block--full-width).h5, 4252 .text-block:not(.text-block--full-width).h6 { 4253 text-wrap: balance; 4254 } 4255 4256 /* Hide underline unless text is using paragraph styles. */ 4257 .text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a { 4258 text-decoration-color: transparent; 4259 } 4260 4261 .text-block h1, 4262 .text-block.h1 > * { 4263 margin-block: var(--font-h1--spacing); 4264 } 4265 4266 .text-block h2, 4267 .text-block.h2 > * { 4268 margin-block: var(--font-h2--spacing); 4269 } 4270 4271 .text-block h3, 4272 .text-block.h3 > * { 4273 margin-block: var(--font-h3--spacing); 4274 } 4275 4276 .text-block h4, 4277 .text-block.h4 > * { 4278 margin-block: var(--font-h4--spacing); 4279 } 4280 4281 .text-block h5, 4282 .text-block.h5 > * { 4283 margin-block: var(--font-h5--spacing); 4284 } 4285 4286 .text-block h6, 4287 .text-block.h6 > * { 4288 margin-block: var(--font-h6--spacing); 4289 } 4290 4291 .text-block > *:first-child { 4292 margin-block-start: 0; 4293 } 4294 4295 .text-block > *:last-child { 4296 margin-block-end: 0; 4297 } 4298 4299 .text-block--align-center, 4300 .text-block--align-center > * { 4301 margin-inline: auto; 4302 } 4303 4304 .text-block--align-right, 4305 .text-block--align-right > * { 4306 margin-inline-start: auto; 4307 } 4308 4309 /* Mobile responsiveness */ 4310 @media screen and (max-width: 749px) { 4311 .text-block { 4312 padding: var(--mobile-padding-top) var(--mobile-padding-right) var(--mobile-padding-bottom) var(--mobile-padding-left) !important; 4313 } 4314 4315 .custom-mobile-font-size { 4316 font-size: var(--mobile-font-size) !important; 4317 } 4318 4319 .text-block { 4320 line-height: var(--mobile-line-height, inherit); 4321 letter-spacing: var(--mobile-letter-spacing, inherit); 4322 } 4323 } 4324 4325 /* Content wrapper for HTML content */ 4326 .announcement-bar__content { 4327 width: 100%; 4328 } 4329 4330 .announcement-bar__content p { 4331 margin: 0; 4332 } 4333 4334 4335</style> 4336 4337 4338 4339 </div> 4340 </announcement-bar-component> 4341</aside> 4342 4343 <style> 4344 [data-announcement-section="header-announcement-sections--19843808067742__header_announcements_9jGBFp"] { 4345 padding:2px; 4346 } 4347 4348 4349 @media (min-width: 768px) { 4350 [data-announcement-section="header-announcement-sections--19843808067742__header_announcements_9jGBFp"] { 4351 padding:7px; 4352 } 4353 } 4354 4355 4356 @media (min-width: 1024px) { 4357 [data-announcement-section="header-announcement-sections--19843808067742__header_announcements_9jGBFp"] { 4358 padding:15px; 4359 } 4360 } 4361 4362 </style> 4363 4364 4365 4366<style> 4367 .announcement-bar { 4368 border-block-end: var(--border-bottom-width) solid var(--color-border); 4369 } 4370 4371 /* Mobile-specific padding */ 4372 @media screen and (max-width: 749px) { 4373 .announcement-bar.spacing-style { 4374 --padding-block-start: var(--mobile-padding-block-start); 4375 --padding-block-end: var(--mobile-padding-block-end); 4376 --padding-inline-start: var(--mobile-padding-inline-start); 4377 --padding-inline-end: var(--mobile-padding-inline-end); 4378 } 4379 } 4380 4381 .announcement-bar__slider { 4382 display: flex; 4383 flex-direction: row; 4384 align-items: center; 4385 position: relative; 4386 4387 @media screen and (max-width: 749px) { 4388 grid-column: 1 / -1; 4389 } 4390 } 4391 4392 .announcement-bar__slides { 4393 display: grid; 4394 grid: [stack] auto / [stack] auto; 4395 width: calc(100% - var(--button-size) * 2); 4396 max-width: 680px; 4397 margin-inline: auto; 4398 } 4399 4400 .announcement-bar__slides > * { 4401 grid-area: stack; 4402 } 4403 4404 .announcement-bar__slide { 4405 transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; 4406 4407 &[aria-hidden='true'] { 4408 opacity: 0; 4409 visibility: hidden; 4410 } 4411 } 4412 4413 .announcement-bar__slider slideshow-arrows { 4414 padding: 0; 4415 mix-blend-mode: normal; 4416 } 4417 4418 .announcement-bar__slider slideshow-arrows .slideshow-control { 4419 color: var(--color-announcement-text-color); 4420 } 4421 4422 .announcement-bar__slider .slideshow-control { 4423 display: flex; 4424 padding: 0; 4425 width: var(--button-size); 4426 height: var(--button-size); 4427 align-items: center; 4428 justify-content: center; 4429 opacity: 1; 4430 animation: none; 4431 4432 @media screen and (min-width: 750px) { 4433 --slideshow-control-offset: calc((var(--button-size) - var(--icon-size-xs)) / 2); 4434 } 4435 } 4436 4437 .announcement-bar__slider .slideshow-control .svg-wrapper { 4438 width: var(--icon-size-xs); 4439 height: var(--icon-size-xs); 4440 } 4441 4442 .announcement-bar__slide { 4443 place-content: center; 4444 } 4445 4446 .announcement-bar__text:first-child { 4447 margin: 0; 4448 } 4449 4450 p.announcement-bar__text a { 4451 text-decoration: underline; 4452 } 4453 4454 .announcement-bar__link { 4455 position: absolute; 4456 inset: 0; 4457 } 4458 4459 /* Enhanced mobile responsiveness for slides width */ 4460 @media screen and (max-width: 749px) { 4461 .announcement-bar__slides { 4462 width: calc(100% - var(--button-size) * 2); 4463 max-width: none; 4464 } 4465 4466 /* Adjust for single slide without arrows */ 4467 .announcement-bar__slider:not(:has(slideshow-arrows)) .announcement-bar__slides { 4468 width: 100%; 4469 } 4470 } 4471</style> 4472 4473 4474<style> #shopify-section-sections--19843808067742__header_announcements_9jGBFp .announcement-bar__slides {max-width: 1000px;} </style></div><div id="shopify-section-sections--19843808067742__header_section" class="shopify-section shopify-section-group-header-group header-section"> 4475 4476 4477
4478<script type="application/ld+json"> 4479 { 4480 "@context": "http://schema.org", 4481 "@type": "Organization", 4482 "name": "Prolon Life", 4483 4484 "logo": "https:\/\/prolonlife.com\/cdn\/shop\/files\/prolon__new_logo_color.svg?v=1787054699\u0026width=500", 4485 4486 "url": "https:\/\/prolonlife.com\/pages\/contact-us" 4487 } 4488</script>
4488 4489 4490<header-component 4491 id="header-component-sections--19843808067742__header_section" 4492 class="header" 4493 4494 4495 sticky="always" 4496 sticky-mode="always" 4497 4498 data-skip-node-update 4499 data-scroll-direction="none" 4500> 4501 4502 4503 4504 4505 4506 4507 4508 <div 4509 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width" 4510 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 4511 <div class="!grid grid-cols-3 gap-xl header__columns-main-row "> 4512 <div id="shopify-block-AK245R2JiK1ZkS2Zab__header_menu_CjXDtT" class="shopify-block"> 4513 4514 4515<mobile-menu-toggle></mobile-menu-toggle> 4516 4517 4518<div class="hidden lg:!flex gap-[20px]"> 4519<div id="shopify-block-AYTdRY0ZFc1psbE1Ma__menu_item_7X4zGD" class="shopify-block"> 4520 4521 4522 4523 4524<div class="relative z-50 isolate single-mega-menu group !mb-0" 4525 data-menu-id="menu-shop" 4526 data-mega-menu="true" 4527> 4528 <div class="py-5 item-wrapper-menu"> 4529 <div class="mx-auto max-w-7xl "> 4530 4531 <button 4532 popovertarget="AYTdRY0ZFc1psbE1Ma__menu_item_7X4zGD" 4533 class="inline-flex items-center font-semibold cursor-pointer text-darkGreen gap-x-1 group-[.active]:border-b-2 border-0 group-[.active]:border-solid group-[.active]:border-darkGreen text-small-body-bold" 4534 aria-expanded="false" 4535 aria-haspopup="true" 4536 aria-label="Shop menu, click to expand" 4537 > 4538 Shop 4539 <svg viewBox="0 0 20 20" fill="currentColor" data-slot="icon" aria-hidden="true" class="size-5 arrow-icon group-[.active]:rotate-180 duration-300 ease-in-out"> 4540 <path d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" /> 4541 </svg> 4542 </button> 4543 4544 </div> 4545 </div> 4546 4547 <el-popover id="AYTdRY0ZFc1psbE1Ma__menu_item_7X4zGD" popover class="fixed left-0 right-0 m-0 w-full overflow-visible bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto z-[97]" style="top: var(--header-group-height, 108px);"> 4548 <!-- Presentational element used to render the bottom shadow, if we put the shadow on the actual panel it pokes out the top, so we use this shorter element to hide the top of the shadow --> 4549 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 4550 <div class="relative bg-white border-t-[1px] border-solid border-gray-700 mega-menu-content"> 4551 4552 </div> 4553 4554 4555 4556 </el-popover> 4557 4558</div> 4559 4560 4561 4562</div> 4563<div id="shopify-block-AQXFmYTh5amtqZFpST__menu_item_9cezBg" class="shopify-block"> 4564 4565 4566 4567 4568<div class="relative z-50 isolate single-mega-menu group !mb-0" 4569 data-menu-id="menu-science" 4570 data-mega-menu="true" 4571> 4572 <div class="py-5 item-wrapper-menu"> 4573 <div class="mx-auto max-w-7xl "> 4574 4575 <button 4576 popovertarget="AQXFmYTh5amtqZFpST__menu_item_9cezBg" 4577 class="inline-flex items-center font-semibold cursor-pointer text-darkGreen gap-x-1 group-[.active]:border-b-2 border-0 group-[.active]:border-solid group-[.active]:border-darkGreen text-small-body-bold" 4578 aria-expanded="false" 4579 aria-haspopup="true" 4580 aria-label="Science menu, click to expand" 4581 > 4582 Science 4583 <svg viewBox="0 0 20 20" fill="currentColor" data-slot="icon" aria-hidden="true" class="size-5 arrow-icon group-[.active]:rotate-180 duration-300 ease-in-out"> 4584 <path d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" /> 4585 </svg> 4586 </button> 4587 4588 </div> 4589 </div> 4590 4591 <el-popover id="AQXFmYTh5amtqZFpST__menu_item_9cezBg" popover class="fixed left-0 right-0 m-0 w-full overflow-visible bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto z-[97]" style="top: var(--header-group-height, 108px);"> 4592 <!-- Presentational element used to render the bottom shadow, if we put the shadow on the actual panel it pokes out the top, so we use this shorter element to hide the top of the shadow --> 4593 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 4594 <div class="relative bg-white border-t-[1px] border-solid border-gray-700 mega-menu-content"> 4595 4596 </div> 4597 4598 4599<div class="simple-nav" data-simple-nav="science" style="display: none;"> 4600 <div class="simple-nav__inner"><div class="simple-nav__col"><span class="simple-nav__title">Our Research</span><ul class="simple-nav__list"><li class="simple-nav__item"> 4601 <a class="simple-nav__link" href="/pages/the-science">The Science</a> 4602 </li><li class="simple-nav__item"> 4603 <a class="simple-nav__link" href="/pages/fasting-mimicking-diet">Fasting Mimicking Diet</a> 4604 </li></ul> 4605 </div><div class="simple-nav__col"><span class="simple-nav__title">Experts</span><ul class="simple-nav__list"><li class="simple-nav__item"> 4606 <a class="simple-nav__link" href="/pages/william-hsu">William Hsu, MD</a> 4607 </li><li class="simple-nav__item"> 4608 <a class="simple-nav__link" href="/pages/experts-joseph-antoun">
4608Joseph Antoun, MD, PhD, MPP</a> 4609 </li><li class="simple-nav__item"> 4610 <a class="simple-nav__link" href="/pages/andrea-ghirardi">Andrea Ghirardi, MBA</a> 4611 </li><li class="simple-nav__item"> 4612 <a class="simple-nav__link" href="/pages/ashley-bizzell">Ashley Bizzell, RD, LDN, CDCES</a> 4613 </li><li class="simple-nav__item"> 4614 <a class="simple-nav__link" href="/pages/renee-fitton">Renee Fitton, MS, RDN</a> 4615 </li><li class="simple-nav__item"> 4616 <a class="simple-nav__link" href="/pages/melanie-murphy-richter">Melanie Murphy Richter, MS, RDN</a> 4617 </li></ul> 4618 </div><div class="simple-nav__col"><span class="simple-nav__title">Our Stories</span><ul class="simple-nav__list"><li class="simple-nav__item"> 4619 <a class="simple-nav__link" href="/blogs/stories">Blog</a> 4620 </li><li class="simple-nav__item"> 4621 <a class="simple-nav__link" href="/pages/almost-forever-podcast">Almost Forever podcast</a> 4622 </li></ul> 4623 </div></div> 4624 </div> 4625 </el-popover> 4626 4627</div> 4628 4629 4630 4631</div> 4632<div id="shopify-block-AaVA5SnNNdVlHMTFFa__menu_item_XAyqxC" class="shopify-block"> 4633 4634 4635 4636 4637<div class="relative z-50 isolate single-mega-menu group !mb-0" 4638 data-menu-id="menu-about" 4639 data-mega-menu="true" 4640> 4641 <div class="py-5 item-wrapper-menu"> 4642 <div class="mx-auto max-w-7xl "> 4643 4644 <button 4645 popovertarget="AaVA5SnNNdVlHMTFFa__menu_item_XAyqxC" 4646 class="inline-flex items-center font-semibold cursor-pointer text-darkGreen gap-x-1 group-[.active]:border-b-2 border-0 group-[.active]:border-solid group-[.active]:border-darkGreen text-small-body-bold" 4647 aria-expanded="false" 4648 aria-haspopup="true" 4649 aria-label="About menu, click to expand" 4650 > 4651 About 4652 <svg viewBox="0 0 20 20" fill="currentColor" data-slot="icon" aria-hidden="true" class="size-5 arrow-icon group-[.active]:rotate-180 duration-300 ease-in-out"> 4653 <path d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" /> 4654 </svg> 4655 </button> 4656 4657 </div> 4658 </div> 4659 4660 <el-popover id="AaVA5SnNNdVlHMTFFa__menu_item_XAyqxC" popover class="fixed left-0 right-0 m-0 w-full overflow-visible bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto z-[97]" style="top: var(--header-group-height, 108px);"> 4661 <!-- Presentational element used to render the bottom shadow, if we put the shadow on the actual panel it pokes out the top, so we use this shorter element to hide the top of the shadow --> 4662 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 4663 <div class="relative bg-white border-t-[1px] border-solid border-gray-700 mega-menu-content"> 4664 4665 </div> 4666 4667 4668<div class="simple-nav" data-simple-nav="about" style="display: none;"> 4669 <div class="simple-nav__inner"><div class="simple-nav__col"><ul class="simple-nav__list"><li class="simple-nav__item"> 4670 <a class="simple-nav__link" href="/pages/our-story">Our Story</a> 4671 </li><li class="simple-nav__item"> 4672 <a class="simple-nav__link" href="/pages/philanthropy">Philanthropy</a> 4673 </li></ul> 4674 </div></div> 4675 </div> 4676 </el-popover> 4677 4678</div> 4679 4680 4681 4682</div> 4683 4684</div> 4685 4686 4687 4688
4689<script src="//prolonlife.com/cdn/shop/t/119/assets/menu-item-popover.js?v=127086079055926232991765655514" defer></script>
4689
4690<script src="//prolonlife.com/cdn/shop/t/119/assets/mobile-menu-toggle.js?v=74020683271040929531785279035" defer></script>
4690 </div> 4691 4692 4693 4694 4695 4696<a 4697 4698 href="/" 4699 class="size-style spacing-style header-logo m:!hidden" 4700 aria-label="Prolon Life - Go to homepage" 4701 style=" 4702 --size-style-width:; 4703 4704 4705 4706 4707--size-style-height: ; 4708 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4709 --font-family: var(--font-body--family); 4710 --font-style: var(--font-body--style); 4711 --font-weight: 600; 4712 " 4713 4714> 4715 4716 4717 <span 4718 class="header-logo__image-container header-logo__image-container--original" 4719 data-testid="header-logo" 4720 > 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 <img src="//prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=45&v=1787054699" alt="" width="152" height="45" loading="lazy" class="header-logo__image" srcset="//prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=45&v=1787054699 1x, //prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=90&v=1787054699 2x, //prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=135&v=1787054699 3x" style="--header-logo-image-width: 152px;--header-logo-image-width-mobile: 135px; --header-logo-image-height: 45px; --header-logo-image-height-mobile: 40px;"> 4733 4734 4735 4736 </span> 4737 4738 4739</a> 4740 4741<style> 4742 .header-logo { 4743 display: flex; 4744 height: 100%; 4745 font-size: var(--font-size--md); 4746 font-family: var(--font-family); 4747 font-weight: var(--font-weight); 4748 font-style: var(--font-style); 4749 color: var(--color-foreground); 4750 justify-content: center; 4751 align-items: center; 4752 text-decoration: none; 4753 4754 /* Make sure the logo visually hugs the left edge of the column when it is the first item in the left column */ 4755 margin-inline: calc(-1 * var(--padding-inline-start)); 4756 4757 &[data-hidden-on-home-page] { 4758 display: none; 4759 4760 #header-component:is( 4761 [sticky='always']:not([data-scroll-direction='none']), 4762 [sticky='scroll-up'][data-scroll-direction='up'] 4763 ) 4764 & { 4765 display: flex; 4766 } 4767 } 4768 4769 @media screen and (max-width: 749px) { 4770 padding: 0; 4771 } 4772 4773 @media screen and (min-width: 750px) { 4774 flex-shrink: 0; 4775 } 4776 4777 &:hover { 4778 text-decoration: none; 4779 } 4780 } 4781 4782 .header-logo__image { 4783 object-fit: contain; 4784 height: var(--header-logo-image-height-mobile); 4785 width: var(--header-logo-image-width-mobile); 4786 4787 @media screen and (min-width: 750px) { 4788 height: var(--header-logo-image-height); 4789 width: var(--header-logo-image-width); 4790 } 4791 } 4792 4793 .header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original { 4794 display: var(--header-logo-display, block); 4795 } 4796 4797 .header-logo__image-container--inverse { 4798 display: var(--header-logo-inverse-display, none); 4799 } 4800</style> 4801 4802 4803 4804<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 4805 --group-gap-mobile: 12px; 4806 --padding-block-start: 0px; 4807 --padding-block-end: 0px; 4808 --padding-inline-start: 0px; 4809 --padding-inline-end: 0px; 4810 --padding-block-start-mobile: 8px; 4811 --padding-block-end-mobile: 8px; 4812 --padding-inline-start-mobile: 0px; 4813 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMHZpS0xmaXFNem1SW__group_VMQW4b"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-end m:justify-between items-center "> 4814 4815 4816 4817 4818<a 4819 4820 href="/" 4821 class="size-style spacing-style header-logo !block md:!hidden !mr-auto" 4822 aria-label="Prolon Life - Go to homepage" 4823 style=" 4824 --size-style-width:; 4825 4826 4827 4828 4829--size-style-height: ; 4830 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 10px;--padding-inline-end: 0px; 4831 --font-family: var(--font-body--family); 4832 --font-style: var(--font-body--style); 4833 --font-weight: 600; 4834 " 4835 4836> 4837 4838 4839 <span 4840 class="header-logo__image-container header-logo__image-container--original" 4841 data-testid="header-logo" 4842 > 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 <img src="//prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=40&v=1787054699" alt="" width="135" height="40" loading="lazy" class="header-logo__image" srcset="//prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=40&v=1787054699 1x, //prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=80&v=1787054699 2x, //prolonlife.com/cdn/shop/files/prolon__new_logo_color.svg?height=120&v=1787054699 3x" style="--header-logo-image-width: 135px;--header-logo-image-width-mobile: 102px; --header-logo-image-height: 40px; --header-logo-image-height-mobile: 30px;"> 4855 4856 4857 4858 </span> 4859 4860 4861</a> 4862 4863<style> 4864 .header-logo { 4865 display: flex; 4866 height: 100%; 4867 font-size: var(--font-size--md); 4868 font-family: var(--font-family); 4869 font-weight: var(--font-weight); 4870 font-style: var(--font-style); 4871 color: var(--color-foreground); 4872 justify-content: center;
4873 align-items: center; 4874 text-decoration: none; 4875 4876 /* Make sure the logo visually hugs the left edge of the column when it is the first item in the left column */ 4877 margin-inline: calc(-1 * var(--padding-inline-start)); 4878 4879 &[data-hidden-on-home-page] { 4880 display: none; 4881 4882 #header-component:is( 4883 [sticky='always']:not([data-scroll-direction='none']), 4884 [sticky='scroll-up'][data-scroll-direction='up'] 4885 ) 4886 & { 4887 display: flex; 4888 } 4889 } 4890 4891 @media screen and (max-width: 749px) { 4892 padding: 0; 4893 } 4894 4895 @media screen and (min-width: 750px) { 4896 flex-shrink: 0; 4897 } 4898 4899 &:hover { 4900 text-decoration: none; 4901 } 4902 } 4903 4904 .header-logo__image { 4905 object-fit: contain; 4906 height: var(--header-logo-image-height-mobile); 4907 width: var(--header-logo-image-width-mobile); 4908 4909 @media screen and (min-width: 750px) { 4910 height: var(--header-logo-image-height); 4911 width: var(--header-logo-image-width); 4912 } 4913 } 4914 4915 .header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original { 4916 display: var(--header-logo-display, block); 4917 } 4918 4919 .header-logo__image-container--inverse { 4920 display: var(--header-logo-inverse-display, none); 4921 } 4922</style> 4923 4924 4925 4926<style>@media screen and (max-width: 767px) { 4927 [data-button-id="Aem1Tc1FkSlpwUFVXT__button_zPCnBg"] { 4928 white-space:nowrap; 4929 line-height: 1; 4930 padding: 10px 20px; 4931 } 4932 }@media screen and (min-width: 768px) and (max-width: 1023px) { 4933 [data-button-id="Aem1Tc1FkSlpwUFVXT__button_zPCnBg"] { 4934 display:none 4935 } 4936 }@media screen and (min-width: 1024px) { 4937 [data-button-id="Aem1Tc1FkSlpwUFVXT__button_zPCnBg"] { 4938 height:28px; 4939display:flex; 4940align-items:center; 4941font-size:12px; 4942white-space:nowrap; 4943 } 4944 }</style><a 4945 href="https://prolonlife.com/pages/quiz" 4946 class="button-small inline-flex items-center justify-center transition-all duration-300 ease-in-out inline-flex w-fit m:w-fit h-auto hover:!text-[var(--button-hover-text-color)] text-left justify-start m:text-center m:justify-center md:max-lg:text-center md:max-lg:justify-center flex md:!hidden" 4947 style="--button-hover-text-color: var(--color-white);" 4948 4949 data-button-id="Aem1Tc1FkSlpwUFVXT__button_zPCnBg" 4950>Your Wellness <br> Goals Quiz</a> 4951 4952 4953 4954 4955<style>@media screen and (max-width: 767px) { 4956 [data-button-id="ANnI0RThndUx5Q0tHU__button_XxYchm"] { 4957 white-space:nowrap; 4958 } 4959 }@media screen and (min-width: 768px) and (max-width: 1023px) { 4960 [data-button-id="ANnI0RThndUx5Q0tHU__button_XxYchm"] { 4961 display:none 4962 } 4963 }@media screen and (min-width: 1024px) { 4964 [data-button-id="ANnI0RThndUx5Q0tHU__button_XxYchm"] { 4965 height:28px; 4966display:flex; 4967align-items:center; 4968font-size:12px; 4969white-space:nowrap; 4970 } 4971 }</style><a 4972 href="https://prolonlife.com/pages/quiz" 4973 class="button-small inline-flex items-center justify-center transition-all duration-300 ease-in-out inline-flex w-fit m:w-fit h-auto hover:!text-[var(--button-hover-text-color)] text-left justify-start m:text-center m:justify-center md:max-lg:text-center md:max-lg:justify-center md:!flex !hidden uppercase" 4974 style="--button-hover-text-color: var(--color-white);" 4975 4976 data-button-id="ANnI0RThndUx5Q0tHU__button_XxYchm" 4977>Your Wellness Goals Quiz</a> 4978 4979 4980 4981 4982<style>@media screen and (max-width: 767px) { 4983 [data-button-id="ANUx5cTBuNlN0eGRzL__button_gPPgJ7"] { 4984 display:none; 4985 } 4986 }@media screen and (min-width: 768px) and (max-width: 1023px) { 4987 [data-button-id="ANUx5cTBuNlN0eGRzL__button_gPPgJ7"] { 4988 display:none; 4989 } 4990 }@media screen and (min-width: 1024px) { 4991 [data-button-id="ANUx5cTBuNlN0eGRzL__button_gPPgJ7"] { 4992 height:28px; 4993display:flex; 4994align-items:center; 4995 } 4996 }</style><a 4997 href="https://l-nutraprofessional.com/" 4998 class="link inline-flex items-center justify-center transition-all duration-300 ease-in-out inline-flex w-fit m:w-fit h-auto !text-[var(--button-text-color)] hover:!text-[var(--button-hover-text-color)] text-left justify-start m:text-center m:justify-center md:max-lg:text-center md:max-lg:justify-center text-small-body-bold" 4999 style="--button-text-color: var(--color-dark-green);--button-hover-text-color: var(--color-light-green);" 5000 target="_blank" 5001 rel="noopener noreferrer" 5002 aria-label="Practitioners (opens in new tab)" 5003 5004 data-button-id="ANUx5cTBuNlN0eGRzL__button_gPPgJ7" 5005>Practitioners</a> 5006 5007 5008 5009 5010 5011<div class=""> 5012 <div class="site-nav"> 5013 <div class="site-nav__icons !flex justify-end "> 5014 5015 5016 <div class="group w-full parent max-w-[400px] mx-auto hidden md:block"> 5017 <a class="parent" href="/account"> 5018 <div class="font parent flex items-center justify-center !gap-0 bg-white py-[10px] "> 5019 <div> 5020 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[20px]" width="20" height="20" viewBox="0 0 20 20" fill="none">
5021 <path d="M10.0002 10.0017C12.7572 10.0017 14.9999 7.75899 14.9999 5.00087C14.9999 2.24387 12.7572 5.34058e-05 10.0002 5.34058e-05C7.2432 5.34058e-05 5.00049 2.24384 5.00049 5.00087C5.00049 7.7579 7.2432 10.0017 10.0002 10.0017ZM10.0002 1.66662C11.8382 1.66662 13.3334 3.16176 13.3334 5.00087C13.3334 6.83887 11.8382 8.33512 10.0002 8.33512C8.1622 8.33512 6.66706 6.8389 6.66706 5.00087C6.66706 3.16284 8.1622 1.66662 10.0002 1.66662Z" fill="#1E4036"/> 5022 <path d="M15.0001 11.6683H5.00069C2.24368 11.6683 0.000976562 13.911 0.000976562 16.6669V20.0001H1.66755V16.6669C1.66755 14.83 3.16269 13.3349 5.00069 13.3349H15.0001C16.8381 13.3349 18.3333 14.83 18.3333 16.6669V20.0001H19.9998V16.6669C19.9998 13.9099 17.7571 11.6683 15.0001 11.6683Z" fill="#1E4036"/> 5023 </svg> 5024 </div> 5025 <div class="flex flex-col items-center leading-[1.2] ml-[8px]"> 5026 5027 <span class="text-small-body-bold text-darkGreen font">Log In</span> 5028 </div> 5029 </div> 5030 </a> 5031 <div class="mt-[0px] hidden child absolute ml-[-15rem] pt-[20px] right-[0px]"> 5032 <div class="flex items-center justify-center opacity-0"> 5033 <svg viewBox="0 0 22 20" height="20" width="22" class="" aria-label="dropdownCaret icon"> 5034 <path fill-rule="evenodd" clip-rule="evenodd" 5035 d="M7.59406 2.53055C9.15623 -0.0060935 12.8438 -0.0060885 14.4059 2.53056L21.1013 13.4025C22.7426 16.0675 20.8252 19.5 17.6954 19.5H4.30463C1.17475 19.5 -0.742551 16.0675 0.898689 13.4025L7.59406 2.53055Z" 5036 fill="#fff"></path> 5037 </svg> 5038 </div> 5039 <div class="bg-white shadow-lg rounded-[12px] w-[400px] mx-auto mt-[-8px] "> 5040 <div class="py-[24px] px-[20px] "> 5041 <h2 class="text-[24px] font-bold ">Welcome to Prolon</h2> 5042 5043 5044 <p class="block text-wrap text-body-bold max-w-[400px] !font-thin leading-[1.4] pt-[8px] text-darkGreen" 5045 style="text-wrap: wrap;"> 5046 Create a free account to check out quickly, refer friends and family, view your past orders, or gain 5047 access to 5048 exclusive fasting resources. 5049 </p> 5050 <div class="flex justify-center pt-[20px] pb-[8px] gap-[12px]"> 5051 <a class="w-full h-full" href="/account/register"> 5052 <button class="w-full px-8 py-2 font-medium text-white uppercase transition-colors duration-300 rounded-full bg-darkGreen text-small-cta" style="border: 2px solid #1E4036;"> 5053 SIGN UP 5054 </button> 5055 </a> 5056 <a class="w-full h-full" href="/account/login"> 5057 <button class="w-full px-8 py-2 font-medium uppercase transition-colors duration-300 rounded-full text-darkGreen text-small-cta" style="border: 2px solid #1E4036;">LOG IN</button> 5058 </a> 5059 </div> 5060 5061 </div> 5062 5063 5064 <ul class="space-y-4 pt-0 py-[20px] px-[20px] font"> 5065 <li class="flex items-center gap-[12px] border-b border-darkGreen pb-4 mb-4"> 5066 <a href="/account" class="flex items-center gap-[12px]"> 5067 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[60px]" width="60" height="60" viewB
5067ox="0 0 60 60" fill="none"> 5068 <rect x="1" y="1" width="58" height="58" rx="9" stroke="#1E4036" stroke-width="2"/> 5069 <path d="M30.0007 30.0017C32.7577 30.0017 35.0004 27.759 35.0004 25.0009C35.0004 22.2438 32.7577 20 30.0007 20C27.2437 20 25.001 22.2438 25.001 25.0009C25.001 27.7579 27.2437 30.0017 30.0007 30.0017ZM30.0007 21.6666C31.8387 21.6666 33.3338 23.1617 33.3338 25.0009C33.3338 26.8389 31.8387 28.3351 30.0007 28.3351C28.1627 28.3351 26.6675 26.8389 26.6675 25.0009C26.6675 23.1628 28.1627 21.6666 30.0007 21.6666Z" fill="#1E4036"/> 5070 <path d="M35.0001 31.6682H25.0007C22.2437 31.6682 20.001 33.9109 20.001 36.6668V40H21.6675V36.6668C21.6675 34.8299 23.1627 33.3348 25.0007 33.3348H35.0001C36.8381 33.3348 38.3333 34.8299 38.3333 36.6668V40H39.9998V36.6668C39.9998 33.9098 37.7571 31.6682 35.0001 31.6682Z" fill="#1E4036"/> 5071 </svg> 5072 <div> 5073 <p hyy class="font-bold text-darkGreen text-small-body-bold">Account</p> 5074 <p class="text-darkGreen text-small-body-regular" style="text-wrap: wrap;">View or modify your personal details. 5075 </p> 5076 </div> 5077 </a> 5078 </li> 5079 5080 <li class="flex items-center gap-[12px] border-b border-darkGreen pb-4 mb-4"> 5081 <a href="https://prolonlife.com/pages/rewards" class="flex items-center gap-[12px]" aria-hidden="true" tabindex="-1"> 5082 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[60px]" width="60" height="60" viewB
5082ox="0 0 60 60" fill="none"> 5083 <rect x="1" y="1" width="58" height="58" rx="9" stroke="#1E4036" stroke-width="2"/> 5084 <path d="M38.6995 24.7852H34.7894C35.122 24.4934 35.3884 24.169 35.5807 23.8261H35.5887L35.6708 23.6527C36.1355 22.6671 35.9913 21.5774 35.2942 20.8081C34.8295 20.2959 34.1685 20 33.4794 20C33.1649 20 32.8464 20.0592 32.5359 20.1755C31.7988 20.451 30.7972 21.1693 30.002 22.9977C29.2048 21.1693 28.2052 20.451 27.4681 20.1755C27.1536 20.0592 26.8371 20 26.5226 20C25.8335 20 25.1705 20.2938 24.7078 20.8081C24.0107 21.5774 23.8665 22.6671 24.3312 23.6527C24.5255 24.0669 24.8199 24.4465 25.2065 24.7852H21V30.1296H22.0356V40H37.9644V30.1296H39V24.7852H38.6995ZM31.0877 24.6873C31.4222 23.5853 32.0512 22.0957 33.0868 21.708C33.217 21.659 33.3452 21.6345 33.4714 21.6345C33.7238 21.6345 33.9542 21.7325 34.1144 21.912C34.3588 22.1814 34.4008 22.5773 34.2266 22.9487C33.7518 23.9547 32.2134 24.4526 31.0877 24.6873ZM37.3975 26.4177V28.4971H22.6025V26.4177H37.3955H37.3975ZM25.8836 21.912C26.0458 21.7325 26.2742 21.6345 26.5286 21.6345C26.6548 21.6345 26.783 21.659 26.9132 21.708C27.3919 21.8876 28.2593 22.514 28.9123 24.6873C27.7866 24.4526 26.2462 23.9567 25.7714 22.9487C25.5972 22.5773 25.6392 22.1814 25.8836 21.912ZM23.6381 38.3655V30.1275H36.3619V38.3655H23.6381Z" fill="#1E4036"/> 5085 </svg> 5086 <div> 5087 <a href="https://prolonlife.com/pages/rewards"> 5088 <p class="font-bold text-darkGreen text-small-body-bold">Rewards</p> 5089 </a> 5090 <p class="text-darkGreen text-small-body-regular" style="text-wrap: wrap;">Track points, redeem benefits, and explore member-only perks.</p> 5091 </div> 5092 </a> 5093 </li> 5094 5095 <li class="flex items-center gap-[12px] border-b border-darkGreen pb-4 mb-4"> 5096 <a href="/account?view=longevity-resources" class="flex items-center gap-[12px]" aria-hidden="true" tabindex="-1"> 5097 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[60px]" width="60" height="60" viewB
5097ox="0 0 60 60" fill="none"> 5098 <rect x="1" y="1" width="58" height="58" rx="9" stroke="#1E4036" stroke-width="2"/> 5099 <path d="M23.504 20.2529C26.6714 19.221 29.0792 21.608 29.9972 22.7373C30.8844 21.608 33.2907 19.2208 36.4904 20.2529C38.9294 21.0596 40.6715 23.2529 40.9573 25.8027C41.3047 28.9652 39.6904 33.9993 30.2511 39.9355L30.1242 39.9795C30.0845 39.9917 30.0449 40 29.9972 40L29.9259 39.9941C29.8561 39.9837 29.7906 39.9601 29.7433 39.9355C20.5988 34.215 18.8266 29.312 19.0127 26.1074L19.0371 25.8027C19.3232 23.2214 21.0652 21.0596 23.504 20.2529ZM35.9777 21.8213C34.9079 21.4781 33.9803 21.6878 33.1691 22.1318C32.3208 22.5961 31.6592 23.2933 31.2951 23.7568L30.0197 25.3799L28.7169 23.7783C28.3273 23.299 27.6535 22.5979 26.8019 22.1318C25.9849 21.6847 25.0653 21.4799 24.0147 21.8222L24.0138 21.8213C22.1995 22.4247 20.894 24.0383 20.6778 25.9824C20.4609 28.2384 21.416 32.5984 29.9953 38.1387C38.6084 32.5492 39.558 28.1878 39.3176 25.9863C39.1021 24.0641 37.7884 22.4224 35.9777 21.8213Z" fill="#1E4036"/> 5100 </svg> 5101 <div> 5102 <a href="/account?view=longevity-resources"> 5103 <p class="font-bold text-darkGreen text-small-body-bold">Fasting Resources</p> 5104 </a> 5105 <p class="text-darkGreen text-small-body-regular">Everything you need during your 5-day fast</p> 5106 </div> 5107 </a> 5108 </li> 5109 5110 5111 5112 <li class="flex items-center gap-[12px] pb-4 mb-4"> 5113 <a href="/account?view=get-support" class="flex items-center gap-[12px]" aria-hidden="true" tabindex="-1"> 5114 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[60px]" width="60" height="60" viewB
5114ox="0 0 60 60" fill="none"> 5115 <rect x="1" y="1" width="58" height="58" rx="9" stroke="#1E4036" stroke-width="2"/> 5116 <path d="M32.4113 20L32.7759 22.8443C32.9138 22.9029 33.0488 22.9653 33.18 23.0279L35.4338 21.2898L35.9208 21.7759L38.7003 24.5446L36.9766 26.8326C37.0505 26.9853 37.111 27.1347 37.1647 27.2772L40 27.7129V32.2844L37.2169 32.7219C37.1544 32.8687 37.0869 33.012 37.0198 33.1512L38.6904 35.4653L35.441 38.7021L33.1458 36.9865C32.9952 37.059 32.8475 37.118 32.7066 37.171L32.3438 40H27.7237L27.3582 37.1548C27.2178 37.0951 27.0804 37.0314 26.9469 36.9676L24.6265 38.7021L21.3672 35.4554L23.09 33.1665C23.0143 33.01 22.953 32.8568 22.8983 32.7111L20 32.2061V27.6283L22.856 27.2628C22.9142 27.127 22.9766 26.9943 23.0387 26.865L21.2925 24.6193L24.6436 21.2808L26.8722 23.0711C27.0245 22.9986 27.1738 22.9395 27.3159 22.8866L27.8227 20H32.4113ZM28.6985 24.0702L28.2547 24.2178C27.8422 24.3548 27.5323 24.4617 27.2259 24.6652L26.7489 24.982L24.7552 23.3798L23.3798 24.7507L24.8785 26.6805L24.6571 27.1224C24.4492 27.5366 24.2734 27.8893 24.1593 28.2304L24.0036 28.6967L21.5662 29.0072V30.8884L24.0792 31.3267L24.2268 31.7696C24.3643 32.1806 24.4711 32.4891 24.6751 32.7939L24.9847 33.2556L23.4392 35.3078L24.7723 36.6364L26.3915 35.4275L26.7777 35.1386L27.2097 35.3537C27.5213 35.509 27.7984 35.6464 28.0621 35.7534L28.3222 35.8497L28.7894 36.0045L29.1017 38.4338H30.9658L31.2781 36.0045L31.7453 35.8497C32.1578 35.7127 32.4677 35.6059 32.7741 35.4023L33.234 35.0963L33.676 35.4275L35.2943 36.6364L36.6373 35.2979L35.4752 33.6877L35.198 33.3024L35.4104 32.8776C35.6183 32.4634 35.7941 32.1107 35.9082 31.7696L36.0594 31.3186L38.4338 30.9442V29.0576L35.9919 28.6841L35.8407 28.2304C35.7032 27.8194 35.5964 27.5109 35.3924 27.2061L35.0828 26.7444L36.6274 24.6913L35.3015 23.3699L33.3645 24.865L32.9253 24.6463C32.5098 24.4393 32.1556 24.2642 31.8128 24.1503L31.3456 23.9955L31.0333 21.5662H29.1386L28.6985 24.0702ZM32.2889 30C32.2889 28.7536 31.2921 27.7563 30.0342 27.7561C28.7761 27.7561 27.7786 28.7535 27.7786 30C27.7786 31.2465 28.7761 32.2439 30.0342 32.2439C31.2921 32.2437 32.2889 31.2464 32.2889 30ZM33.856 30C33.856 32.1172 32.1521 33.8107 30.0342 33.811C27.9161 33.811 26.2115 32.1173 26.2115 30C26.2115 27.8827 27.9161 26.189 30.0342 26.189C32.1521 26.1893 33.856 27.8828 33.856 30Z" fill="#1E4036"/> 5117 </svg> 5118 <div> 5119 <a href="/account?view=get-support"> 5120 <p class="font-bold text-darkGreen text-small-body-bold">Support</p> 5121 </a> 5122 <p class="text-darkGreen text-small-body-regular">Have a question? Our team is here to help!</p> 5123 </div> 5124 </a> 5125 </li> 5126 </ul> 5127 </div> 5128 </div> 5129 </div> 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142
5142<script 5143 type="module" 5144 src="//prolonlife.com/cdn/shop/t/119/assets/cart-icon.js?v=14733679814066288171762187880" 5145 fetchpriority="low" 5146></script>
5146 5147 5148<header-actions> 5149 5150 5151
5151<script 5152 src="//prolonlife.com/cdn/shop/t/119/assets/dialog.js?v=94382931671780430451762187880" 5153 type="module" 5154></script>
5154 5155 5156<dialog-component 5157 class="hidden account-drawer md:hidden" 5158 5159> 5160 <button 5161 class="account-button header-actions__action" 5162 aria-label="Open account menu"ref="trigger" 5163 on:click="/showDialog" 5164><span 5165 class="account-button__icon" 5166 aria-hidden="true" 5167 > 5168 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[20px]" width="20" height="20" viewBox="0 0 20 20" fill="none"> 5169 <path d="M10.0002 10.0017C12.7572 10.0017 14.9999 7.75899 14.9999 5.00087C14.9999 2.24387 12.7572 5.34058e-05 10.0002 5.34058e-05C7.2432 5.34058e-05 5.00049 2.24384 5.00049 5.00087C5.00049 7.7579 7.2432 10.0017 10.0002 10.0017ZM10.0002 1.66662C11.8382 1.66662 13.3334 3.16176 13.3334 5.00087C13.3334 6.83887 11.8382 8.33512 10.0002 8.33512C8.1622 8.33512 6.66706 6.8389 6.66706 5.00087C6.66706 3.16284 8.1622 1.66662 10.0002 1.66662Z" fill="#1E4036"/> 5170 <path d="M15.0001 11.6683H5.00069C2.24368 11.6683 0.000976562 13.911 0.000976562 16.6669V20.0001H1.66755V16.6669C1.66755 14.83 3.16269 13.3349 5.00069 13.3349H15.0001C16.8381 13.3349 18.3333 14.83 18.3333 16.6669V20.0001H19.9998V16.6669C19.9998 13.9099 17.7571 11.6683 15.0001 11.6683Z" fill="#1E4036"/> 5171 </svg> 5172 </span></button> 5173 5174<style> 5175 .account-button { 5176 color: var(--color-foreground); 5177 appearance: none; 5178 border: none; 5179 background: none; 5180 height: var(--button-size); 5181 width: var(--button-size); 5182 display: flex; 5183 flex-wrap: wrap; 5184 justify-content: center; 5185 align-content: center; 5186 transition: color var(--animation-speed) var(--animation-easing); 5187 } 5188 5189 .account-button__avatar { 5190 --account-button-size: 1.625rem; 5191 5192 display: flex; 5193 align-items: center; 5194 justify-content: center; 5195 width: var(--account-button-size); 5196 height: var(--account-button-size); 5197 border-radius: var(--style-border-radius-50); 5198 background-color: var(--color-primary-button-background); 5199 font-size: var(--font-size--sm); 5200 font-weight: 500; 5201 color: var(--color-primary-button-text); 5202 text-transform: uppercase; 5203 line-height: 1; 5204 } 5205 5206 .account-button__icon { 5207 color: currentColor; 5208 display: inline-flex; 5209 justify-content: center; 5210 align-items: center; 5211 } 5212 5213 /* The shop avatar doesn't bubble the click event up to our button, so we need to prevent that or the button doesn't work */ 5214 .account-button shop-user-avatar { 5215 pointer-events: none; 5216 } 5217</style> 5218 5219 <dialog 5220 aria-label="Account" 5221 ref="dialog" 5222 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 5223 scroll-lock 5224 > 5225 <button 5226 ref="closeButton" 5227 on:click="/closeDialog" 5228 class="button button-unstyled account-drawer__close-button" 5229 aria-label="Close dialog" 5230 > 5231 <span 5232 class="svg-wrapper" 5233 aria-hidden="true" 5234 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5235 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5236 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5237</svg> 5238</span> 5239 </button> 5240 <div class="account-actions"> 5241 <div class="account-actions__main-menu"> 5242 <header class="account-actions__header"> 5243 <span class="account-actions__title h5"> 5244 5245 Account 5246 5247 </span> 5248 5249 </header> 5250 5251 5252 <div class="account-actions__sign-ins"> 5253
5253<script 5254 src="//prolonlife.com/cdn/shop/t/119/assets/account-login-actions.js?v=132624473766457443991762187878" 5255 type="module" 5256 fetchpriority="low" 5257 ></script>
5257 5258 <account-login-actions class="account-actions__shop-login"> 5259
5259<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 5259
5259
5260<script type="module"> 5261 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 5262 5263 5264</script>
5264 5265 5266<shop-login-button ux-mode="windoid" return-uri="https://prolonlife.com/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button> 5267 5268 </account-login-actions> 5269 5270 <a 5271 href="/customer_authentication/login?return_to=%2Fpages%2Fcontact-us&locale=en&ui_hint=full®ion_country=US" 5272 class="account-actions__link button" 5273 5274 autofocus 5275 5276 > 5277 <span class="account-actions__sign-in-text"> 5278 Other sign in options 5279 </span> 5280 <span class="account-actions__fallback-text"> 5281 Sign in 5282 </span> 5283 </a> 5284 </div> 5285 5286 5287 <nav class="account-actions__nav"> 5288 <ul class="account-actions__list"> 5289 <li class="account-actions__list-item"> 5290 <a 5291 href="/account" 5292 class="account-actions__link button-secondary" 5293 5294 > 5295 <span 5296 class="account-actions__icon" 5297 aria-hidden="true" 5298 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 5299 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 5300 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 5301</svg> 5302</span> 5303 Orders 5304 </a> 5305 </li> 5306 <li class="account-actions__list-item"> 5307 <a 5308 href="/account/addresses" 5309 class="account-actions__link button-secondary" 5310 > 5311 <span 5312 class="account-actions__icon" 5313 aria-hidden="true" 5314 > 5315 <svg xmlns="http://www.w3.org/2000/svg" class="min-w-[20px]" width="20" height="20" viewBox="0 0 20 20" fill="none"> 5316 <path d="M10.0002 10.0017C12.7572 10.0017 14.9999 7.75899 14.9999 5.00087C14.9999 2.24387 12.7572 5.34058e-05 10.0002 5.34058e-05C7.2432 5.34058e-05 5.00049 2.24384 5.00049 5.00087C5.00049 7.7579 7.2432 10.0017 10.0002 10.0017ZM10.0002 1.66662C11.8382 1.66662 13.3334 3.16176 13.3334 5.00087C13.3334 6.83887 11.8382 8.33512 10.0002 8.33512C8.1622 8.33512 6.66706 6.8389 6.66706 5.00087C6.66706 3.16284 8.1622 1.66662 10.0002 1.66662Z" fill="#1E4036"/> 5317 <path d="M15.0001 11.6683H5.00069C2.24368 11.6683 0.000976562 13.911 0.000976562 16.6669V20.0001H1.66755V16.6669C1.66755 14.83 3.16269 13.3349 5.00069 13.3349H15.0001C16.8381 13.3349 18.3333 14.83 18.3333 16.6669V20.0001H19.9998V16.6669C19.9998 13.9099 17.7571 11.6683 15.0001 11.6683Z" fill="#1E4036"/> 5318 </svg> 5319 </span> 5320 Profile 5321 </a> 5322 </li> 5323 </ul> 5324 </nav> 5325 </div> 5326</div> 5327 5328<style> 5329 .account-actions { 5330 background-color: var(--color-background); 5331 display: flex; 5332 flex-direction: column; 5333 position: relative; 5334 transition: height var(--animation-values); 5335 5336 &:has([data-active]) .account-actions__main-menu { 5337 visibility: hidden; 5338 } 5339 } 5340 5341 .account-actions__header { 5342 padding: var(--padding-xl); 5343 display: flex; 5344 flex-direction: column; 5345 gap: var(--gap-2xs); 5346 } 5347 5348 .account-actions__title { 5349 /* Ideally we set the font-size here, but specificity issues make this necessary */ 5350 --font-h5--size: var(--font-size--lg); 5351 5352 margin: 0; 5353 overflow: hidden; 5354 white-space: nowrap; 5355 text-overflow: ellipsis; 5356 } 5357 5358 .account-actions__email { 5359 display: flex; 5360 align-items: center; 5361 gap: var(--gap-2xs); 5362 color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5363 max-width: var(--account-actions-max-width); 5364 word-break: break-all; 5365 } 5366 5367 .account-actions__sign-ins { 5368 padding: var(--padding-xl); 5369 padding-block-start: 0; 5370 padding-block-end: var(--padding-md); 5371 display: flex; 5372 flex-direction: column; 5373 gap: var(--gap-sm); 5374 } 5375 5376 .account-actions__sign-in-text { 5377 display: inline; 5378 } 5379 5380 .account-actions__fallback-text { 5381 display: none; 5382 } 5383 5384 .account-actions__sign-ins:not(:has(shop-login-button)) { 5385 gap: 0; 5386 5387 .account-actions__sign-in-text { 5388 display: none; 5389 } 5390 5391 .account-actions__fallback-text { 5392 display: block; 5393 } 5394 } 5395 5396 /* Makes the shop login button radius match the theme settings */ 5397 .account-actions__shop-login { 5398 --buttons-radius: var(--style-border-radius-buttons-primary); 5399 } 5400 5401 .account-actions__nav { 5402 padding: var(--padding-xl); 5403 padding-block-start: 0; 5404 } 5405 5406 .account-actions__list { 5407 display: grid; 5408 grid-template-columns: 1fr 1fr; 5409 gap: var(--gap-sm); 5410 width: 100%; 5411 list-style: none; 5412 margin: 0; 5413 padding: 0; 5414 5415 @media screen and (max-width: 300px) { 5416 grid-template-columns: 1fr; 5417 } 5418 } 5419 5420 .account-actions__link { 5421 width: auto; 5422 display: flex; 5423 justify-content: center;
5424 align-items: center; 5425 gap: var(--gap-2xs); 5426 } 5427 5428 .account-actions__icon { 5429 display: flex; 5430 width: var(--icon-size-sm); 5431 height: var(--icon-size-sm); 5432 margin-block: -4px; 5433 } 5434</style> 5435 5436 </dialog> 5437</dialog-component> 5438 5439<style> 5440 .account-drawer { 5441 @media screen and (min-width: 750px) { 5442 display: none; 5443 } 5444 } 5445 5446 .account-drawer__dialog { 5447 --animation-speed: 0.24s; 5448 --dialog-drawer-opening-animation: account-drawer-slide-in; 5449 --dialog-drawer-closing-animation: account-drawer-slide-out; 5450 5451 height: fit-content; 5452 margin: 0; 5453 inset-block-end: 0; 5454 inset-block-start: auto; 5455 border-radius: 0; 5456 padding: 0; 5457 } 5458 5459 .account-drawer__close-button { 5460 position: absolute; 5461 z-index: 1; 5462 inset-block-start: var(--padding-xs); 5463 inset-inline-end: var(--padding-xs); 5464 width: var(--minimum-touch-target); 5465 height: var(--minimum-touch-target); 5466 color: var(--color-foreground); 5467 background-color: transparent; 5468 display: flex; 5469 align-items: center; 5470 justify-content: center; 5471 } 5472 5473 .account-drawer__close-button .svg-wrapper { 5474 display: flex; 5475 width: var(--button-size); 5476 height: var(--button-size); 5477 align-items: center; 5478 justify-content: center; 5479 } 5480 5481 .account-drawer__close-button svg { 5482 width: var(--icon-size-xs); 5483 height: var(--icon-size-xs); 5484 } 5485 5486 @keyframes account-drawer-slide-in { 5487 from { 5488 transform: translateY(100%); 5489 } 5490 5491 to { 5492 transform: translateY(0); 5493 } 5494 } 5495 5496 @keyframes account-drawer-slide-out { 5497 from { 5498 transform: translateY(0); 5499 } 5500 5501 to { 5502 transform: translateY(100%); 5503 } 5504 } 5505</style> 5506 5507 5508 5509 5510 <button 5511 class="header-actions__action action__cart js-drawer-open-cart" 5512 aria-label="Cart Total items in cart: 0" 5513 > 5514 <cart-icon 5515 class=" 5516 header-actions__cart-icon 5517 5518 " 5519 data-testid="cart-icon" 5520> 5521 <span 5522 class="svg-wrapper" 5523 aria-hidden="true" 5524 > 5525 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5526<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5179 4.13622L17.2696 13.395H5.08007L5.41493 15.2468H17.126C17.6113 15.2461 18.0816 15.4195 18.4567 15.7374C18.8317 16.0552 19.0881 16.4976 19.182 16.989C19.2759 17.4805 19.2015 17.9903 18.9715 18.4313C18.7415 18.8723 18.3701 19.2171 17.921 19.4067C17.4719 19.5964 16.9729 19.619 16.5094 19.4708C16.0459 19.3225 15.6467 19.0127 15.3801 18.5942C15.1135 18.1757 14.996 17.6746 15.0478 17.1766C15.0996 16.6785 15.3174 16.2146 15.664 15.864H6.32981C6.67439 16.2129 6.89156 16.674 6.94455 17.1692C6.99755 17.6644 6.8831 18.1633 6.6206 18.5814C6.35809 18.9994 5.96367 19.311 5.50413 19.4633C5.04459 19.6156 4.54817 19.5993 4.09895 19.4171C3.64974 19.2349 3.27534 18.898 3.03916 18.4635C2.80298 18.029 2.71954 17.5236 2.80297 17.0329C2.8864 16.5422 3.13158 16.0963 3.49697 15.7708C3.86237 15.4453 4.32552 15.2602 4.808 15.2468L2.22779 1.04996H0.38307V0.432711H2.7241L3.28917 3.53749L19.5179 4.13622ZM15.6311 17.4071C15.6311 17.7124 15.7188 18.0107 15.8831 18.2645C16.0473 18.5182 16.2808 18.716 16.554 18.8328C16.8271 18.9496 17.1277 18.9802 17.4177 18.9206C17.7077 18.8611 17.974 18.7141 18.1831 18.4983C18.3922 18.2825 18.5345 18.0075 18.5922 17.7082C18.6499 17.4089 18.6203 17.0986 18.5072 16.8166C18.394 16.5346 18.2024 16.2936 17.9566 16.1241C17.7107 15.9545 17.4217 15.864 17.126 15.864C16.7296 15.864 16.3493 16.0266 16.069 16.316C15.7886 16.6054 15.6311 16.9979 15.6311 17.4071ZM16.8271 12.7778L18.7405 4.75348L3.39979 4.13622L4.96646 12.7778H16.8271ZM3.37289 17.4071C3.37289 17.7124 3.46056 18.0107 3.62482 18.2645C3.78909 18.5182 4.02256 18.716 4.29572 18.8328C4.56888 18.9496 4.86945 18.9802 5.15944 18.9206C5.44942 18.8611 5.71579 18.7141 5.92485 18.4983C6.13392 18.2825 6.2763 18.0075 6.33398 17.7082C6.39166 17.4089 6.36205 17.0986 6.24891 16.8166C6.13576 16.5346 5.94416 16.2936 5.69832 16.1241C5.45248 15.9545 5.16346 15.864 4.86779 15.864C4.47132 15.864 4.09108 16.0266 3.81073 16.316C3.53038 16.6054 3.37289 16.9979 3.37289 17.4071Z" fill="#1E4036"/> 5527<path d="M3.04307 0.0496407L3.101 0.364506L3.6102 3.16652L20 3.77103L17.5708 13.7776H5.5377L5.73484 14.8642H17.126C17.7032 14.8635 18.2609 15.0698 18.7041 15.4453C19.1471 15.8207 19.448 16.3413 19.5581 16.9169C19.668 17.4924 19.5806 18.0901 19.3105 18.608C19.0402 19.1262 18.6026 19.5341 18.0697 19.7591C17.5366 19.9841 16.9433 20.0118 16.3926 19.8357C15.8421 19.6596 15.3711 19.2918 15.0575 18.7995C14.7441 18.3076 14.6064 17.7203 14.6669 17.1374C14.6994 16.8248 14.7896 16.5234 14.9276 16.247H7.06531C7.20197 16.5208 7.29188 16.8185 7.32505 17.128C7.38709 17.7078 7.2533 18.2931 6.94478 18.7846C6.63604 19.2763 6.17027 19.6454 5.62459 19.8263C5.07862 20.0073 4.48831 19.9885 3.95497 19.7721C3.42188 19.5559 2.98054 19.1569 2.70298 18.6463C2.42561 18.136 2.3279 17.5438 2.42549 16.9692C2.52318 16.3946 2.81083 15.8698 3.24208 15.4855C3.56218 15.2003 3.94711 15.0047 4.35859 14.9165L1.90788 1.43243H0V0.0496407H3.04307ZM4.86779 16.247C4.57682 16.247 4.29535 16.3661 4.08577 16.5824C3.87579 16.7991 3.75596 17.0958 3.75596 17.4074C3.756 17.6395 3.82193 17.8656 3.94562 18.0567C4.0693 18.2478 4.24453 18.3946 4.44642 18.4809C4.6481 18.5671 4.86944 18.5892 5.08269 18.5454C5.29586 18.5016 5.49355 18.3936 5.64982 18.2324C5.80632 18.0708 5.91432 17.8628 5.95814 17.6354C6.00187 17.408 5.97931 17.1723 5.89367 16.9589C5.80801 16.7456 5.66343 16.5655 5.48
5527071 16.4394C5.29809 16.3135 5.08498 16.247 4.86779 16.247ZM17.126 16.247C16.8351 16.247 16.5536 16.3661 16.344 16.5824C16.134 16.7991 16.0142 17.0958 16.0142 17.4074C16.0142 17.6395 16.0802 17.8656 16.2039 18.0567C16.3275 18.2478 16.5028 18.3946 16.7047 18.4809C16.9063 18.5671 17.1277 18.5892 17.3409 18.5454C17.5541 18.5016 17.7518 18.3936 17.9081 18.2324C18.0646 18.0708 18.1726 17.8628 18.2164 17.6354C18.2601 17.408 18.2376 17.1723 18.1519 16.9589C18.0663 16.7456 17.9217 16.5655 17.739 16.4394C17.5563 16.3135 17.3432 16.247 17.126 16.247ZM5.28637 12.3948H16.5253L18.2603 5.11644L3.86153 4.53717L5.28637 12.3948Z" fill="#1E4036"/> 5528</svg> 5529 5530 </span> 5531 5532 <div 5533 ref="cartBubble" 5534 class="cart-bubble visually-hidden" 5535 5536 5537 data-maintain-ratio 5538 5539> 5540 <span class="cart-bubble__background"></span> 5541 <span 5542 ref="cartBubbleText" 5543 class="cart-bubble__text" 5544 5545 role="status" 5546 5547 > 5548 <span class="visually-hidden">Total items in cart: 0 5549 </span> 5550 <span 5551 class="cart-bubble__text-count hidden" 5552 ref="cartBubbleCount" 5553 aria-hidden="true" 5554 data-testid="cart-bubble" 5555 > 55560</span> 5557 </span> 5558</div> 5559 5560</cart-icon> 5561 5562<style> 5563 cart-icon:has(.cart-bubble__text-count:empty) { 5564 --cart-bubble-size: 10px; 5565 --cart-bubble-top: 9px; 5566 --cart-bubble-right: 9px; 5567 5568 .svg-wrapper { 5569 --cart-bubble-top: 4px; 5570 --cart-bubble-right: 4px; 5571 } 5572 } 5573</style> 5574 5575 </button> 5576 5577</header-actions> 5578 5579<style> 5580 .cart-drawer { 5581 --cart-drawer-padding: var(--padding-lg) var(--padding-xl); 5582 --cart-drawer-padding-desktop: var(--padding-xl) var(--padding-2xl); 5583 --cart-font-size--2xs: var(--font-size--2xs); 5584 --cart-font-size--xs: var(--font-size--xs); 5585 --cart-font-size--sm: var(--font-size--sm); 5586 --cart-font-size--md: var(--font-size--md); 5587 --cart-font-size--2xl: var(--font-size--2xl); 5588 } 5589 5590 .cart-drawer__dialog { 5591 position: fixed; 5592 border-radius: 0; 5593 width: var(--sidebar-width); 5594 max-width: 95vw; 5595 height: 100%; 5596 margin: 0 0 0 auto; 5597 padding: 0; 5598 border-left: var(--style-border-drawer); 5599 box-shadow: var(--shadow-drawer); 5600 background-color: var(--color-background); 5601 } 5602 5603 /* Needed to ensure the drawer is full height */ 5604 .cart-drawer__dialog:modal { 5605 max-height: 100dvh; 5606 overflow-y: hidden; 5607 } 5608 5609 .cart-drawer__inner { 5610 height: 100%; 5611 } 5612 5613 .cart-drawer__content { 5614 padding: 0; 5615 background-color: var(--color-background); 5616 display: flex; 5617 flex-direction: column; 5618 flex-grow: 1; 5619 overflow-y: auto; 5620 } 5621 5622 .cart-drawer__heading { 5623 display: flex; 5624 align-items: center; 5625 gap: var(--gap-xs); 5626 } 5627 5628 .cart-drawer__close-button { 5629 width: var(--minimum-touch-target); 5630 height: var(--minimum-touch-target); 5631 display: flex; 5632 align-items: center; 5633 justify-content: center; 5634 margin-right: calc(var(--padding-sm) * -1); 5635 } 5636 5637 .cart-drawer__close-button svg { 5638 width: var(--icon-size-xs); 5639 height: var(--icon-size-xs); 5640 } 5641 5642 .cart-drawer--empty .cart-drawer__content { 5643 text-align: center; 5644 min-height: auto; 5645 } 5646 5647 .cart-drawer--empty .cart-drawer__heading { 5648 margin-bottom: var(--margin-md); 5649 } 5650 5651 .cart-drawer__items .cart-items__table-row { 5652 padding-bottom: var(--gap-xl); 5653 border-bottom: var(--style-border-width) solid var(--color-border); 5654 margin-bottom: var(--gap-xl); 5655 } 5656 5657 .cart-drawer__items .cart-items__table-row:has(+ .cart-items__nested-line) { 5658 border-bottom: none; 5659 margin-bottom: 0; 5660 } 5661 5662 .cart-drawer__items .cart-items__table-row:last-child { 5663 border-bottom: none; 5664 } 5665 5666 .cart-drawer__summary { 5667 --cart-drawer-summary-padding: var(--padding-lg); 5668 5669 display: flex; 5670 flex-direction: column; 5671 align-items: center; 5672 gap: var(--gap-2xl); 5673 padding: var(--cart-drawer-summary-padding); 5674 margin-top: auto; 5675 background-color: var(--color-background); 5676 /* stylelint-disable-next-line color-named */ 5677 mask-image: linear-gradient(to bottom, transparent, black var(--cart-drawer-summary-padding)); 5678 5679 @media screen and (min-width: 750px) { 5680 --cart-drawer-summary-padding: var(--padding-2xl); 5681 } 5682 } 5683
5684 .cart-drawer__summary .cart__summary-totals:not(:has(.cart__original-total-container:empty)) { 5685 border-block-start: var(--style-border-width) solid var(--color-border); 5686 padding-block-start: var(--padding-2xl); 5687 } 5688 5689 .cart-drawer__summary .cart-note { 5690 @media screen and (min-width: 750px) { 5691 margin-block-start: var(--margin-3xs); 5692 } 5693 } 5694 5695 .cart-drawer__heading--empty { 5696 display: flex; 5697 justify-content: center; 5698 } 5699 5700 .cart-drawer__items { 5701 display: flex; 5702 flex-direction: column; 5703 padding-inline: var(--cart-drawer-padding); 5704 overflow-y: auto; 5705 5706 @media screen and (min-width: 750px) { 5707 padding-inline: var(--cart-drawer-padding-desktop); 5708 } 5709 } 5710 5711 .cart-drawer__items .cart-items__table-row { 5712 padding-bottom: var(--gap-xl); 5713 border-bottom: var(--style-border-width) solid var(--color-border); 5714 margin-bottom: var(--gap-xl); 5715 } 5716 5717 .cart-drawer__items .cart-items__table-row:last-child { 5718 border-bottom: none; 5719 padding-block-end: 0; 5720 margin-block-end: 0; 5721 } 5722 5723 .cart-drawer--empty .cart-drawer__inner { 5724 display: flex; 5725 flex-direction: column; 5726 align-items: center; 5727 justify-content: center; 5728 height: 100dvh; 5729 margin-top: 0; 5730 } 5731 5732 .cart-drawer:not(:has(.cart-form)) .cart-drawer__content { 5733 justify-content: center; 5734 } 5735 5736 .cart-drawer--empty .cart-drawer__header { 5737 justify-content: right; 5738 border-bottom: none; 5739 padding-bottom: 0; 5740 } 5741 5742 .cart-drawer--empty .cart-drawer__heading { 5743 text-align: center; 5744 } 5745 5746 .cart-drawer:not(:has(.cart-form)) .cart-items__wrapper { 5747 display: flex; 5748 flex-direction: column; 5749 align-items: center; 5750 justify-content: center; 5751 text-align: center; 5752 } 5753 5754 header-actions { 5755 display: flex; 5756 5757 @media screen and (max-width: 749px) { 5758 justify-self: flex-end; 5759 } 5760 } 5761 5762 .header__column--right header-actions { 5763 margin-inline-start: calc(var(--gap-md) * -1); 5764 } 5765 5766 .header-actions__action { 5767 --button-color: var(--color-foreground); 5768 5769 cursor: pointer; 5770 display: flex; 5771 justify-content: center; 5772 } 5773 5774 .header-actions__action .svg-wrapper { 5775 height: var(--button-size); 5776 width: var(--button-size); 5777 } 5778 5779 .header-actions__action svg { 5780 width: var(--icon-size-md); 5781 height: var(--icon-size-md); 5782 } 5783 5784 .header-actions__cart-icon { 5785 --cart-bubble-size: 20px; 5786 --cart-bubble-top: -1.5px; 5787 --cart-bubble-right: 2.5px; 5788 5789 position: relative; 5790 } 5791 5792 .header-actions__cart-icon .cart-bubble { 5793 position: absolute; 5794 width: var(--cart-bubble-size, 20px); 5795 top: var(--cart-bubble-top); 5796 right: var(--cart-bubble-right); 5797 } 5798 5799 .header-actions__cart-icon .cart-bubble__text, 5800 .cart-drawer__heading .cart-bubble__text { 5801 font-family: var(--font-paragraph--family); 5802 font-weight: var(--font-paragraph--weight); 5803 } 5804 5805 .header-actions__cart-icon.header-actions__cart-icon--has-cart svg { 5806 /* Create donut mask where the cart bubble sits */ 5807 mask: radial-gradient( 5808 calc(var(--cart-bubble-size) + 2px) at calc(100% - var(--cart-bubble-right)) var(--cart-bubble-top), 5809 transparent 45.45%, 5810 white 45.45%, 5811 white 100% 5812 ); 5813 } 5814 5815 .cart-drawer__heading .cart-bubble__background { 5816 background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); 5817 } 5818 5819 .cart-drawer__heading .cart-bubble__text { 5820 color: var(--color-foreground); 5821 font-size: var(--font-size--xs); 5822 } 5823 5824 .cart-bubble--animating .cart-bubble__background { 5825 animation: grow var(--animation-speed) var(--animation-easing); 5826 } 5827 5828 .cart-bubble--animating .cart-bubble__text { 5829 animation: cartBubbleSlideIn var(--animation-speed) var(--animation-easing); 5830 } 5831</style> 5832 5833 5834 </div> 5835</div>
5836<script> 5837 const parent = document.querySelector('.parent'); 5838 const child = document.querySelector('.child'); 5839 5840 parent.addEventListener('mouseover', () => { 5841 child.classList.remove('hidden'); 5842 }); 5843 5844 child.addEventListener('mouseover', () => { 5845 child.classList.remove('hidden'); 5846 }); 5847 child.addEventListener('mouseout', () => { 5848 child.classList.add('hidden'); 5849 }); 5850 parent.addEventListener('mouseout', (event) => { 5851 if (!parent.contains(event.relatedTarget)) { 5852 child.classList.add('hidden'); 5853 } 5854 }); 5855</script>
5855 5856<style> 5857 cart-icon.header-actions__cart-icon { 5858 margin: auto; 5859} 5860</style> 5861</div> 5862 5863 5864</div> 5865</div> 5866 </div> 5867 </div> 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879</header-component> 5880
5881<script 5882 src="//prolonlife.com/cdn/shop/t/119/assets/header.js?v=43614554595894323841765644216" 5883 type="module" 5884></script>
5884 5885 5886<style> 5887 body { 5888 --header-height: 0px; 5889 --header-group-height: var(--header-height); 5890 --transparent-header-offset-boolean: 0; /* stylelint-disable-line declaration-property-value-disallowed-list */ 5891 } 5892 5893 body:has(> #header-group > .header-section) { 5894 --header-height: 60px; 5895 } 5896 5897 body:has(> #header-group:empty) { 5898 --header-group-height: 0px; 5899 } 5900 5901 .header[transparent] { 5902 --language-button-background-color: transparent; 5903 --language-button-border-color: transparent; 5904 5905 /* used to apply transparency to .header__row, will only ever be transparent or unset */ 5906 --header-bg-color: transparent; 5907 5908 /* used to display the appropriate logo based on transparency state */ 5909 --header-logo-display: none; 5910 --header-logo-inverse-display: block; 5911 5912 position: absolute; 5913 top: 0; 5914 left: 0; 5915 right: 0; 5916 5917 /* transparent color scheme on .header should never apply its background color */ 5918 background-color: transparent; 5919 z-index: var(--layer-overlay); 5920 5921 &[transparent='not-sticky'][data-sticky-state='active'], 5922 /* Only show opaque background when hovering over menu items with children (mega menu) 5923 Multiple selectors for performance: each simple :has() check is faster than one complex selector with multiple conditions */ 5924 &:has(.mega-menu__list:hover), 5925 &:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'], [data-animating])), 5926 &:has(.menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'], [data-animating])) { 5927 --header-logo-display: unset; 5928 --header-logo-inverse-display: unset; 5929 --header-bg-color: unset; 5930 --color-foreground: inherit; 5931 --color-foreground-rgb: inherit; 5932 --color-background: inherit; 5933 --color-background-rgb: inherit; 5934 --color-border: inherit; 5935 --color-border-rgb: inherit; 5936 5937 .header__row { 5938 /* Faster transition for "in" animation */ 5939 transition: color var(--animation-values-fast), border-color var(--animation-values-fast), 5940 background-color var(--animation-values-fast); 5941 } 5942 } 5943 5944 .header__row { 5945 /* Slower transition for "out" animation */ 5946 transition: color var(--animation-values-slow), border-color var(--animation-values-slow), 5947 background-color var(--animation-values-slow); 5948 } 5949 } 5950 5951 :is(.header[transparent]:not([data-sticky-state='active']), .header[transparent='always'][data-sticky-state='active']) 5952 .header__row:not( 5953 :has( 5954 .mega-menu__list:hover, 5955 .menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'], [data-animating]), 5956 .menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'], [data-animating]) 5957 ) 5958 ) { 5959 /* while transparent, header-row ignores its color-scheme settings, pull from the header-component */ 5960 --color-foreground: inherit; 5961 --color-foreground-rgb: inherit; 5962 --color-border: inherit; 5963 --color-border-rgb: inherit; 5964 --color-primary-button-background: inherit; 5965 --color-primary-button-text: inherit; 5966 } 5967 5968 .header--inherit-color-scheme-on-menu-open:has(.mega-menu__list:hover) .header__row, 5969 .header--inherit-color-scheme-on-menu-open:has( 5970 .menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'], [data-animating]) 5971 ) 5972 .header__row, 5973 .header--inherit-color-scheme-on-menu-open:has( 5974 .menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'], [data-animating]) 5975 ) 5976 .header__row { 5977 --color-foreground: inherit; 5978 --color-foreground-rgb: inherit; 5979 --color-background: inherit; 5980 --color-background-rgb: inherit; 5981 --color-border: inherit; 5982 --color-border-rgb: inherit; 5983 } 5984 5985 .header-section { 5986 position: relative; 5987 } 5988 5989 #header-group:has(header-component[sticky]) { 5990 position: fixed; 5991 top: 0; 5992 left: 0; 5993 right: 0; 5994 width: 100%; 5995 z-index: var(--layer-sticky); 5996 } 5997 5998 .header-section:has(> header-component[sticky='always']), 5999 .header-section:has(> header-component[sticky='scroll-up'][data-sticky-state='active']) { 6000 /* Remove individual sticky positioning since parent handles it */ 6001 position: relative; 6002 } 6003 6004 .header[data-sticky-state] { 6005 transition: opacity var(--animation-speed) var(--animation-easing); 6006 opacity: 1; 6007 } 6008 6009 .header[data-sticky-state='active'] { 6010 view-transition-name: sticky-header; 6011 } 6012 6013 .header[data-sticky-state='idle'], 6014 .header[data-sticky-state='active'][data-animating] { 6015 opacity: 0; 6016 } 6017 6018 .header__row { 6019 position: relative; 6020 6021 /* will default to bg from its color scheme unless --header-bg-color is transparent */ 6022 background-color: var(--header-bg-color, var(--color-background)); 6023 } 6024 6025 .header__row--top:not(.divider--page-width), 6026 .header__row--top.divider--page-width .header__columns, 6027 .header__row--bottom { 6028 border-bottom: var(--border-bottom-width) solid var(--color-border); 6029 } 6030 6031 @media screen and (max-width: 749px) { 6032 .header__row--top:not(.divider--page-width), 6033 .header__row--top.divider--page-width .header__columns { 6034 border-bottom-width: var(--border-bottom-width-mobile); 6035 } 6036 } 6037 6038 .header__row.divider--page-width:not(.section--page-width) .header__columns { 6039 @media screen and (min-width: 750px) { 6040 padding-inline-start: 0; 6041 padding-inline-end: 0; 6042 margin-inline-start: var(--page-margin); 6043 margin-inline-end: var(--page-margin); 6044 } 6045 } 6046 6047 .header__column { 6048 display: flex; 6049 align-items: center; 6050 6051 /* on mobile, header__column nodes are ignored to create a new grid-template-area based on all visible content */ 6052 @media screen and (max-width: 749px) { 6053 display: contents; 6054 } 6055 } 6056 6057 .header__column--left, 6058 .header__column--center { 6059 gap: var(--gap-xl); 6060 grid-area: left; 6061 } 6062 6063 .header__column--center { 6064 justify-content: center; 6065 grid-area: center; 6066 6067 header-menu:only-child .overflow-menu::part(list) { 6068 justify-content: center; 6069 } 6070 } 6071 6072 .header__column--right { 6073 gap: var(--gap-xl); 6074 justify-content: flex-end; 6075 grid-area: right; 6076 6077 .overflow-menu::part(list) { 6078 justify-content: flex-end; 6079 } 6080 } 6081 6082 .header__columns { 6083 /* Three column layout */ 6084 --header-left: 1fr; 6085 --header-center: auto; 6086 --header-right: 1fr; 6087 --header-template-columns: var(--header-left) var(--header-center) var(--header-right); 6088 6089 /* Mobile layout */ 6090 --header-mobile-bookend: 44px; 6091 6092 display: grid; 6093 grid-template-areas: 'left center right';
6094 grid-gap: var(--gap-xl); 6095 grid-template-columns: var(--header-template-columns); 6096 6097 /* If menu is in center column */ 6098 &:has(.header__column--center header-menu) { 6099 --header-center: auto; 6100 --header-left: minmax(max-content, 1fr); 6101 --header-right: minmax(max-content, 1fr); 6102 } 6103 6104 /* If there is no center column, make the column the menu is in grow eagerly */ 6105 &:where(:not(:has(.header__column--center))) { 6106 @media screen and (min-width: 750px) { 6107 --header-template-columns: var(--header-left) var(--header-right); 6108 6109 grid-template-areas: 'left right'; 6110 } 6111 6112 /* If the header-menu is in the right column */ 6113 &:has(.header__column--right header-menu) { 6114 --header-right: auto; 6115 --header-left: minmax(max-content, 1fr); 6116 } 6117 6118 /* If the header-menu is in the left column */ 6119 &:has(.header__column--left header-menu) { 6120 --header-left: auto; 6121 --header-right: minmax(max-content, 1fr); 6122 } 6123 } 6124 6125 @media screen and (max-width: 749px) { 6126 --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr 6127 var(--header-mobile-bookend) var(--header-mobile-bookend); 6128 6129 grid-template-areas: 'leftA leftB center rightA rightB'; 6130 grid-column: span 3; 6131 column-gap: 0; 6132 align-items: center; 6133 padding-block: 0; 6134 padding-inline: 0 var(--padding-3xs); 6135 6136 .header-logo { 6137 grid-area: center; 6138 } 6139 6140 &:not(:has(header-actions)) .search-action { 6141 grid-area: leftB; 6142 } 6143 6144 &:not(:has(.account-actions)) .search-action { 6145 grid-area: rightA; 6146 } 6147 6148 .search-action { 6149 grid-area: leftB; 6150 } 6151 6152 header-actions { 6153 grid-area: rightB; 6154 } 6155 } 6156 } 6157 6158 /* Single column layout if there are no columns within */ 6159 .header__columns:not(:has(.header__column)) { 6160 grid-template-columns: 1fr; 6161 } 6162 6163 /* Column-specific dimming effect when any interactive element is hovered 6164 Multiple selectors for performance: each simple :has() check is faster than one complex selector with multiple conditions */ 6165 .header__column:has(header-menu:hover), 6166 .header__column:has(.header-actions__action:hover), 6167 .header__column:has(.dropdown-localization__button:hover), 6168 .header__column:has(.header__icon--menu:hover) { 6169 header-menu:not(:hover), 6170 .header-actions__action:not(:hover), 6171 .dropdown-localization__button:not(:hover), 6172 .header__icon--menu:not(:hover) { 6173 opacity: var(--opacity-subdued-text); 6174 transition: opacity var(--animation-speed) var(--animation-easing); 6175 } 6176 } 6177 6178 /* Ensure smooth transitions for all interactive elements */ 6179 header-menu, 6180 .header-actions__action, 6181 .dropdown-localization__button, 6182 .header__icon--menu { 6183 transition: opacity var(--animation-speed) var(--animation-easing); 6184 } 6185 6186 /* Extend hover area through padding to prevent flickering on actual menu items */ 6187 .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__link[aria-haspopup], 6188 .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__link, 6189 .menu-list__list-item:where(:not([slot='overflow'])) > button.menu-list__link { 6190 margin-block: calc(-2 * var(--header-padding)); 6191 padding-block: calc(2 * var(--header-padding)); 6192 margin-inline: calc(-1 * var(--gap-xl) / 2); 6193 padding-inline: calc(var(--gap-xl) / 2); 6194 } 6195 6196 /* Set header paddings based on height setting */ 6197 .header { 6198 --header-padding: var(--padding-sm); 6199 --font-paragraph--line-height: 1; 6200 } 6201 6202 .header.header--compact { 6203 --header-padding: var(--padding-2xs); 6204 } 6205 6206 .header__columns { 6207 --padding-block-start: var(--header-padding); 6208 --padding-block-end: var(--header-padding); 6209 } 6210 6211 .header:not(.header--compact) .header__row--bottom { 6212 --header-padding: var(--padding-xs); 6213 } 6214 6215 .header--collapse-row-paddings { 6216 .header__row--top .header__columns { 6217 --padding-block-end: 0px; 6218 } 6219 6220 .header__row--bottom .header__columns { 6221 --padding-block-start: 0px; 6222 } 6223 } 6224 6225 /* When the header is transparent, add a margin to a potential header-section below it */ 6226 .header-section:has(.header[transparent]) + .shopify-section { 6227 margin-top: var(--header-height); 6228 } 6229 6230 /* When the header is transparent, and when there is no header-section below it, offset the first main-section with 6231 * the height of the header 6232 */ 6233 6234 main > .shopify-section:first-child .section:not(.disable-section-top-offset) { 6235 &.spacing-style, 6236 .spacing-style { 6237 --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean)); 6238 6239 /* Any nested sections should not be offset */ 6240 :is(.spacing-style, .inherit-spacing) { 6241 --section-top-offset: 0px; 6242 } 6243 } 6244 6245 /* Make sticky content immediately stick to the top of the page */ 6246 .sticky-content { 6247 margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1); 6248 } 6249 } 6250 6251 6252</style> 6253 6254<style> 6255 6256 /* Custom CSS Overrides for this specific header section */ 6257 /* Mobile styles (base) */ 6258 #header-component-sections--19843808067742__header_section { 6259 .header__columns-main-row { 6260padding-left:5px; 6261padding-right:5px; 6262display:flex!important; 6263align-items:center; 6264justify-content:space-between; 6265} 6266 6267.rte+.rte{ 6268margin-top:0px; 6269} 6270 } 6271 6272 /* Tablet styles (48em / 768px and up) */ 6273 @media screen and (min-width: 48em) { 6274 #header-component-sections--19843808067742__header_section { 6275 6276 } 6277 } 6278 6279 /* Desktop styles (64em / 1024px and up) */ 6280 @media screen and (min-width: 64em) { 6281 #header-component-sections--19843808067742__header_section { 6282 .header__columns-main-row { 6283padding-inline:25px; 6284display:grid!important; 6285} 6286 } 6287 } 6288 6289</style> 6290 6291 6292</div><div id="shopify-section-sections--19843808067742__mega_menu_kHa8JJ" class="shopify-section shopify-section-group-header-group menu-section-component"><div style="display: none;"> 6293<div class="menu-section-component" id="mega-menu-menu-shop" 6294data-menu-id="menu-shop"> 6295 6296 6297<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6298 --group-gap-mobile: 12px; 6299 --padding-block-start: 40px; 6300 --padding-block-end: 40px; 6301 --padding-inline-start: 80px; 6302 --padding-inline-end: 80px; 6303 --padding-block-start-mobile: 0px; 6304 --padding-block-end-mobile: 0px; 6305 --padding-inline-start-mobile: 0px; 6306 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AWUJHT3ZiTCtZaTdSR__group_DgGttG"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-stretch m:items-stretch justify-between "><div id="shopify-block-ATFNlZG5YeVNHYXVCd__grid_mbqPhJ" class="shopify-block"> 6307 6308<style>[data-grid-id="ATFNlZG5YeVNHYXVCd__grid_mbqPhJ"] { 6309 --grid-columns-desktop: 5; 6310 --grid-columns-tablet: 5; 6311 --grid-columns-mobile: 1; 6312 --grid-rows-desktop: auto; 6313 --grid-rows-tablet: auto; 6314 --grid-rows-mobile: auto; 6315 --grid-gap: 70px; 6316 --grid-gap-mobile: var(--grid-gap); 6317 --grid-row-gap: var(--grid-gap); 6318 --grid-column-gap: var(--grid-gap); 6319 --grid-auto-flow: row; 6320 --justify-items: stretch; 6321 --align-items: stretch; 6322 --justify-content: start; 6323 --align-content: start; 6324 --min-height: 0px; 6325 6326 6327 6328 6329 6330 6331 6332 6333 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 85px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 85px)); 6334 }[data-grid-id="ATFNlZG5YeVNHYXVCd__grid_mbqPhJ"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 6335 grid-template-columns: repeat(var(--grid-columns-mobile), 1fr); 6336 grid-template-rows: var(--grid-rows-mobile); 6337 justify-items: var(--justify-items); 6338 align-items: var(--align-items); 6339 justify-content: var(--justify-content); 6340 align-content: var(--align-content); 6341 grid-auto-flow: var(--grid-auto-flow); 6342 } 6343 6344 @media (min-width: 768px) { 6345 [data-grid-id="ATFNlZG5YeVNHYXVCd__grid_mbqPhJ"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 6346 grid-template-columns: repeat(var(--grid-columns-tablet), 1fr); 6347 grid-template-rows: var(--grid-rows-tablet); 6348 } 6349 } 6350 6351 @media (min-width: 1280px) { 6352 [data-grid-id="ATFNlZG5YeVNHYXVCd__grid_mbqPhJ"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 6353 grid-template-columns: repeat(var(--grid-columns-desktop), 1fr); 6354 grid-template-rows: var(--grid-rows-desktop); 6355 } 6356 } 6357 6358 6359</style> 6360 6361<div 6362 class=" 6363 relative w-full m:w-full 6364h-fit 6365 6366 6367 6368 " 6369 data-testid="grid-block" 6370 data-grid-id="ATFNlZG5YeVNHYXVCd__grid_mbqPhJ" 6371><div class="absolute inset-0 z-0"> 6372</div> 6373 6374 <div 6375 class=" 6376 grid-block-content 6377 relative z-20 w-full 6378 !grid 6379 gap-[var(--grid-gap-mobile)] 6380 md:gap-y-[var(--grid-row-gap)] md:gap-x-[var(--grid-column-gap)] 6381 6382" 6383 > 6384 6385<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6386 --group-gap-mobile: 12px; 6387 --padding-block-start: 0px; 6388 --padding-block-end: 0px; 6389 --padding-inline-start: 0px; 6390 --padding-inline-end: 0px; 6391 --padding-block-start-mobile: 0px; 6392 --padding-block-end-mobile: 0px; 6393 --padding-inline-start-mobile: 0px; 6394 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AZGljODVDaE5oUVZne__group_N7TUiC"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-start justify-start "> 6395<a 6396 href="/collections/all" 6397 class="button inline-flex items-center justify-center transition-all duration-300 ease-in-out inline-flex w-fit m:w-fit h-auto text-left justify-start m:text-center m:justify-center md:max-lg:text-center md:max-lg:justify-center !h-[41px] uppercase" 6398 style="" 6399 6400 data-button-id="ASkNQUXNhVjRidm9vS__button_6j8PHy" 6401>SHOP ALL</a> 6402 6403 6404 6405</div> 6406</div> 6407<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6408 --group-gap-mobile: 12px; 6409 --padding-block-start: 0px; 6410 --padding-block-end: 0px; 6411 --padding-inline-start: 0px; 6412 --padding-inline-end: 0px; 6413 --padding-block-start-mobile: 0px; 6414 --padding-block-end-mobile: 0px; 6415 --padding-inline-start-mobile: 0px; 6416 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AbGJtQUpTUzFCcEFsV__group_bNnQzm"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 6417<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AdnhoR3lDVW1od2ZTR__text_Vaw6L3 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 6418 --padding-block-end: 0px; 6419 --padding-inline-start: 0px; 6420 --padding-inline-end: 0px; 6421--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD</p></span></rte-formatter> 6422 6423 6424<a href="/products/prolon-offer?variant=43658787324062" class="block w-full no-underline cursor-pointer" aria-label="Prolon 5-Day FMD"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AT2NMTTF5Zk1lNGRhV__text_kktAtq " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6425 --padding-block-end: 0px; 6426 --padding-inline-start: 0px; 6427 --padding-inline-end: 0px; 6428--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD</p></span></rte-formatter></a> 6429 6430 6431 6432<div 6433 class="divider divider-AdzBDZUxBSGd6aGEzY__divider_xN7Fit divider--h
6433orizontal spacing-style" 6434 style=" 6435 --divider-justify-content: center; 6436 --divider-color: #1e4036; 6437 6438 --padding-block-start: 0px;--padding-block-end: 0px; 6439 " 6440 6441 6442> 6443 <span 6444 class="divider__line divider__line--horizontal" 6445 style=" 6446 6447 --divider-border-thickness: 1.5px; 6448 6449 --divider-border-rounded: 0; 6450 6451 --divider-flex-basis: 100%; 6452 6453 " 6454 ></span> 6455</div> 6456 6457<style> 6458 .divider { 6459 align-self: stretch; 6460 display: flex; 6461 align-items: center; 6462 justify-content: var(--divider-justify-content); 6463 } 6464 6465 .divider--horizontal { 6466 flex-direction: row; 6467 } 6468 6469 .divider--vertical { 6470 flex-direction: column; 6471 align-items: var(--divider-justify-content); 6472 justify-content: center; 6473 height: var(--divider-height); 6474 width: auto; 6475 } 6476 6477 .divider__line { 6478 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6479 } 6480 6481 .divider__line--horizontal { 6482 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6483 flex-basis: var(--divider-flex-basis); 6484 min-height: 0; 6485 width: var(--divider-flex-basis); 6486 height: var(--divider-border-thickness); 6487 } 6488 6489 .divider__line--vertical { 6490 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6491 flex-basis: var(--divider-flex-basis); 6492 min-height: var(--divider-flex-basis); 6493 width: var(--divider-border-thickness); 6494 height: var(--divider-flex-basis); 6495 border-bottom: none; 6496 } 6497</style> 6498 6499 6500 6501 6502<a href="/products/prolon-next-gen-v4?variant=45281373126814" class="block w-full no-underline cursor-pointer" aria-label="Prolon Next Gen 5-Day FMD"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--ALzhPNTNxRjA1MTZmY__text_Mc3Bz4 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6503 --padding-block-end: 0px; 6504 --padding-inline-start: 0px; 6505 --padding-inline-end: 0px; 6506--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon Next Gen 5-Day FMD</p></span></rte-formatter></a> 6507 6508</div> 6509</div> 6510<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6511 --group-gap-mobile: 12px; 6512 --padding-block-start: 0px; 6513 --padding-block-end: 0px; 6514 --padding-inline-start: 0px; 6515 --padding-inline-end: 0px; 6516 --padding-block-start-mobile: 0px; 6517 --padding-block-end-mobile: 0px; 6518 --padding-inline-start-mobile: 0px; 6519 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AVTVENWRrM1ZBdkhVN__group_M3CyJT"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 6520<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--Abk11QlQyVE5iN1FQO__text_6GzRDD " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 6521 --padding-block-end: 0px; 6522 --padding-inline-start: 0px; 6523 --padding-inline-end: 0px; 6524--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Everyday products </p></span></rte-formatter> 6525 6526 6527<a href="/products/reset?variant=45458831343774" class="block w-full no-underline cursor-pointer" aria-label="Prolon 1-Day Reset"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AeUJHeVFHWGI1Y2pWY__text_EwhNW9 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6528 --padding-block-end: 0px; 6529 --padding-inline-start: 0px; 6530 --padding-inline-end: 0px; 6531--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 1-Day Reset</p></span></rte-formatter></a> 6532 6533 6534 6535<div 6536 class="divider divider-AemQwNlhDbGs1eXNMc__divider_t4xNeY divider--h
6536orizontal spacing-style" 6537 style=" 6538 --divider-justify-content: center; 6539 --divider-color: #1e4036; 6540 6541 --padding-block-start: 0px;--padding-block-end: 0px; 6542 " 6543 6544 6545> 6546 <span 6547 class="divider__line divider__line--horizontal" 6548 style=" 6549 6550 --divider-border-thickness: 1.5px; 6551 6552 --divider-border-rounded: 0; 6553 6554 --divider-flex-basis: 100%; 6555 6556 " 6557 ></span> 6558</div> 6559 6560<style> 6561 .divider { 6562 align-self: stretch; 6563 display: flex; 6564 align-items: center; 6565 justify-content: var(--divider-justify-content); 6566 } 6567 6568 .divider--horizontal { 6569 flex-direction: row; 6570 } 6571 6572 .divider--vertical { 6573 flex-direction: column; 6574 align-items: var(--divider-justify-content); 6575 justify-content: center; 6576 height: var(--divider-height); 6577 width: auto; 6578 } 6579 6580 .divider__line { 6581 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6582 } 6583 6584 .divider__line--horizontal { 6585 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6586 flex-basis: var(--divider-flex-basis); 6587 min-height: 0; 6588 width: var(--divider-flex-basis); 6589 height: var(--divider-border-thickness); 6590 } 6591 6592 .divider__line--vertical { 6593 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6594 flex-basis: var(--divider-flex-basis); 6595 min-height: var(--divider-flex-basis); 6596 width: var(--divider-border-thickness); 6597 height: var(--divider-flex-basis); 6598 border-bottom: none; 6599 } 6600</style> 6601 6602 6603 6604 6605<a href="/products/fasting-bar?variant=45472261079198" class="block w-full no-underline cursor-pointer" aria-label="Fasting Bar"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AVmdNYWdrVzFqeXpVe__text_LhXYee " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6606 --padding-block-end: 0px; 6607 --padding-inline-start: 0px; 6608 --padding-inline-end: 0px; 6609--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Fasting Bar</p></span></rte-formatter></a> 6610 6611 6612 6613<div 6614 class="divider divider-AK1l5UmN5Tm02SWp0d__divider_4naeXB divider--horizontal spacing-style" 6615 style=" 6616 --divider-justify-content: center; 6617 --divider-color: #1e4036; 6618 6619 --padding-block-start: 0px;--padding-block-end: 0px; 6620 " 6621 6622 6623> 6624 <span 6625 class="divider__line divider__line--horizontal" 6626 style=" 6627 6628 --divider-border-thickness: 1.5px; 6629 6630 --divider-border-rounded: 0; 6631 6632 --divider-flex-basis: 100%; 6633 6634 " 6635 ></span> 6636</div> 6637 6638<style> 6639 .divider { 6640 align-self: stretch; 6641 display: flex; 6642 align-items: center; 6643 justify-content: var(--divider-justify-content); 6644 } 6645 6646 .divider--horizontal { 6647 flex-direction: row; 6648 } 6649 6650 .divider--vertical { 6651 flex-direction: column;
6652 align-items: var(--divider-justify-content); 6653 justify-content: center; 6654 height: var(--divider-height); 6655 width: auto; 6656 } 6657 6658 .divider__line { 6659 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6660 } 6661 6662 .divider__line--horizontal { 6663 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6664 flex-basis: var(--divider-flex-basis); 6665 min-height: 0; 6666 width: var(--divider-flex-basis); 6667 height: var(--divider-border-thickness); 6668 } 6669 6670 .divider__line--vertical { 6671 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6672 flex-basis: var(--divider-flex-basis); 6673 min-height: var(--divider-flex-basis); 6674 width: var(--divider-border-thickness); 6675 height: var(--divider-flex-basis); 6676 border-bottom: none; 6677 } 6678</style> 6679 6680 6681 6682 6683<a href="/products/l-protein?variant=43123874562206" class="block w-full no-underline cursor-pointer" aria-label="L-Protein"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AWUN6RVZCTUNxQ0czN__text_4wqthd " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6684 --padding-block-end: 0px; 6685 --padding-inline-start: 0px; 6686 --padding-inline-end: 0px; 6687--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Protein</p></span></rte-formatter></a> 6688 6689 6690 6691<div 6692 class="divider divider-AOGlBZmtpT0sxUEdpb__divider_hwKWFM divider--horizontal spacing-style" 6693 style=" 6694 --divider-justify-content: center; 6695 --divider-color: #1e4036; 6696 6697 --padding-block-start: 0px;--padding-block-end: 0px; 6698 " 6699 6700 6701> 6702 <span 6703 class="divider__line divider__line--horizontal" 6704 style=" 6705 6706 --divider-border-thickness: 1.5px; 6707 6708 --divider-border-rounded: 0; 6709 6710 --divider-flex-basis: 100%; 6711 6712 " 6713 ></span> 6714</div> 6715 6716<style> 6717 .divider { 6718 align-self: stretch; 6719 display: flex; 6720 align-items: center; 6721 justify-content: var(--divider-justify-content); 6722 } 6723 6724 .divider--horizontal { 6725 flex-direction: row; 6726 } 6727 6728 .divider--vertical { 6729 flex-direction: column;
6730 align-items: var(--divider-justify-content); 6731 justify-content: center; 6732 height: var(--divider-height); 6733 width: auto; 6734 } 6735 6736 .divider__line { 6737 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6738 } 6739 6740 .divider__line--horizontal { 6741 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6742 flex-basis: var(--divider-flex-basis); 6743 min-height: 0; 6744 width: var(--divider-flex-basis); 6745 height: var(--divider-border-thickness); 6746 } 6747 6748 .divider__line--vertical { 6749 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6750 flex-basis: var(--divider-flex-basis); 6751 min-height: var(--divider-flex-basis); 6752 width: var(--divider-border-thickness); 6753 height: var(--divider-flex-basis); 6754 border-bottom: none; 6755 } 6756</style> 6757 6758 6759 6760 6761<a href="/products/fasting-shake?variant=42690698838174" class="block w-full no-underline cursor-pointer" aria-label="Fasting Shake"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AOHNHNGE3QXJWR0ltT__text_6xagCV " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6762 --padding-block-end: 0px; 6763 --padding-inline-start: 0px; 6764 --padding-inline-end: 0px; 6765--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Fasting Shake</p></span></rte-formatter></a> 6766 6767 6768 6769<div 6770 class="divider divider-AZnoyVVpCbytDVGd6d__divider_p4Ubz9 divider--horizontal spacing-style" 6771 style=" 6772 --divider-justify-content: center; 6773 --divider-color: #1e4036; 6774 6775 --padding-block-start: 0px;--padding-block-end: 0px; 6776 " 6777 6778 6779> 6780 <span 6781 class="divider__line divider__line--horizontal" 6782 style=" 6783 6784 --divider-border-thickness: 1.5px; 6785 6786 --divider-border-rounded: 0; 6787 6788 --divider-flex-basis: 100%; 6789 6790 " 6791 ></span> 6792</div> 6793 6794<style> 6795 .divider { 6796 align-self: stretch; 6797 display: flex; 6798 align-items: center; 6799 justify-content: var(--divider-justify-content); 6800 } 6801 6802 .divider--horizontal { 6803 flex-direction: row; 6804 } 6805 6806 .divider--vertical { 6807 flex-direction: column;
6808 align-items: var(--divider-justify-content); 6809 justify-content: center; 6810 height: var(--divider-height); 6811 width: auto; 6812 } 6813 6814 .divider__line { 6815 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6816 } 6817 6818 .divider__line--horizontal { 6819 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6820 flex-basis: var(--divider-flex-basis); 6821 min-height: 0; 6822 width: var(--divider-flex-basis); 6823 height: var(--divider-border-thickness); 6824 } 6825 6826 .divider__line--vertical { 6827 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6828 flex-basis: var(--divider-flex-basis); 6829 min-height: var(--divider-flex-basis); 6830 width: var(--divider-border-thickness); 6831 height: var(--divider-flex-basis); 6832 border-bottom: none; 6833 } 6834</style> 6835 6836 6837 6838 6839<a href="/products/l-pill?variant=42708096483486" class="block w-full no-underline cursor-pointer" aria-label="L-Pill"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AMnBlN3Vocm9SVHJOa__text_GtGnzg " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6840 --padding-block-end: 0px; 6841 --padding-inline-start: 0px; 6842 --padding-inline-end: 0px; 6843--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Pill</p></span></rte-formatter></a> 6844 6845</div> 6846</div> 6847<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6848 --group-gap-mobile: 12px; 6849 --padding-block-start: 0px; 6850 --padding-block-end: 0px; 6851 --padding-inline-start: 0px; 6852 --padding-inline-end: 0px; 6853 --padding-block-start-mobile: 0px; 6854 --padding-block-end-mobile: 0px; 6855 --padding-inline-start-mobile: 0px; 6856 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AeGZrY2h2TFhxc3dPR__group_3exg3h"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 6857<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AM1YzdmtOaldBRk9XN__text_RWQtki " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 6858 --padding-block-end: 0px; 6859 --padding-inline-start: 0px; 6860 --padding-inline-end: 0px; 6861--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>BUNDLES</p></span></rte-formatter> 6862 6863 6864<a href="/products/intermittent-fasting-bundle" class="block w-full no-underline cursor-pointer" aria-label="Intermittent Fasting Bundles"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AbDZNYWp3RkhwaUtJY__text_ifBndl " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6865 --padding-block-end: 0px; 6866 --padding-inline-start: 0px; 6867 --padding-inline-end: 0px; 6868--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Intermittent Fasting Bundles</p></span></rte-formatter></a> 6869 6870 6871 6872<div 6873 class="divider divider-ARjdJdTB5ci80RUFze__divider_ifBndl divider--h
6873orizontal spacing-style" 6874 style=" 6875 --divider-justify-content: center; 6876 --divider-color: #1e4036; 6877 6878 --padding-block-start: 0px;--padding-block-end: 0px; 6879 " 6880 6881 6882> 6883 <span 6884 class="divider__line divider__line--horizontal" 6885 style=" 6886 6887 --divider-border-thickness: 1.5px; 6888 6889 --divider-border-rounded: 0; 6890 6891 --divider-flex-basis: 100%; 6892 6893 " 6894 ></span> 6895</div> 6896 6897<style> 6898 .divider { 6899 align-self: stretch; 6900 display: flex; 6901 align-items: center; 6902 justify-content: var(--divider-justify-content); 6903 } 6904 6905 .divider--horizontal { 6906 flex-direction: row; 6907 } 6908 6909 .divider--vertical { 6910 flex-direction: column; 6911 align-items: var(--divider-justify-content); 6912 justify-content: center; 6913 height: var(--divider-height); 6914 width: auto; 6915 } 6916 6917 .divider__line { 6918 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 6919 } 6920 6921 .divider__line--horizontal { 6922 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6923 flex-basis: var(--divider-flex-basis); 6924 min-height: 0; 6925 width: var(--divider-flex-basis); 6926 height: var(--divider-border-thickness); 6927 } 6928 6929 .divider__line--vertical { 6930 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 6931 flex-basis: var(--divider-flex-basis); 6932 min-height: var(--divider-flex-basis); 6933 width: var(--divider-border-thickness); 6934 height: var(--divider-flex-basis); 6935 border-bottom: none; 6936 } 6937</style> 6938 6939 6940 6941 6942<a href="/products/5-2-program?variant=45600951074974" class="block w-full no-underline cursor-pointer" aria-label="5:2 Method Kit"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AbjFzTks0Y1NMRlJwR__text_MrrJBn " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6943 --padding-block-end: 0px; 6944 --padding-inline-start: 0px; 6945 --padding-inline-end: 0px; 6946--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>5:2 Method Kit</p></span></rte-formatter></a> 6947 6948</div> 6949</div> 6950<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 6951 --group-gap-mobile: 12px; 6952 --padding-block-start: 0px; 6953 --padding-block-end: 0px; 6954 --padding-inline-start: 0px; 6955 --padding-inline-end: 0px; 6956 --padding-block-start-mobile: 0px; 6957 --padding-block-end-mobile: 0px; 6958 --padding-inline-start-mobile: 0px; 6959 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMlg2c01FQUN6bG5FV__group_gwtXjX"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 6960<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AN2RobDVaaG5hMXBhR__text_TbnqeL " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 6961 --padding-block-end: 0px; 6962 --padding-inline-start: 0px; 6963 --padding-inline-end: 0px; 6964--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>PROGRAMS</p></span></rte-formatter> 6965 6966 6967<a href="/products/metabolic-reset-program?variant=45920462438558" class="block w-full no-underline cursor-pointer" aria-label="Weight and Wellness Program"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--ANUxVUzVQaTQ4azBMQ__text_BAQnqd " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 6968 --padding-block-end: 0px; 6969 --padding-inline-start: 0px; 6970 --padding-inline-end: 0px; 6971--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Weight and Wellness Program</p></span></rte-formatter></a> 6972 6973 6974 6975<div 6976 class="divider divider-AMk95UWkrV2xpS01GY__divider_8jCqeE divider--h
6976orizontal spacing-style" 6977 style=" 6978 --divider-justify-content: center; 6979 --divider-color: #1e4036; 6980 6981 --padding-block-start: 0px;--padding-block-end: 0px; 6982 " 6983 6984 6985> 6986 <span 6987 class="divider__line divider__line--horizontal" 6988 style=" 6989 6990 --divider-border-thickness: 1.5px; 6991 6992 --divider-border-rounded: 0; 6993 6994 --divider-flex-basis: 100%; 6995 6996 " 6997 ></span> 6998</div> 6999 7000<style> 7001 .divider { 7002 align-self: stretch; 7003 display: flex; 7004 align-items: center; 7005 justify-content: var(--divider-justify-content); 7006 } 7007 7008 .divider--horizontal { 7009 flex-direction: row; 7010 } 7011 7012 .divider--vertical { 7013 flex-direction: column; 7014 align-items: var(--divider-justify-content); 7015 justify-content: center; 7016 height: var(--divider-height); 7017 width: auto; 7018 } 7019 7020 .divider__line { 7021 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 7022 } 7023 7024 .divider__line--horizontal { 7025 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7026 flex-basis: var(--divider-flex-basis); 7027 min-height: 0; 7028 width: var(--divider-flex-basis); 7029 height: var(--divider-border-thickness); 7030 } 7031 7032 .divider__line--vertical { 7033 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7034 flex-basis: var(--divider-flex-basis); 7035 min-height: var(--divider-flex-basis); 7036 width: var(--divider-border-thickness); 7037 height: var(--divider-flex-basis); 7038 border-bottom: none; 7039 } 7040</style> 7041 7042 7043 7044 7045<a href="/pages/l-nutra-health" class="block w-full no-underline cursor-pointer" aria-label="L-Nutra Health Programs"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AY1c5U1puMEdLeHM1c__text_Jp3KX3 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7046 --padding-block-end: 0px; 7047 --padding-inline-start: 0px; 7048 --padding-inline-end: 0px; 7049--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Nutra Health Programs</p></span></rte-formatter></a> 7050 7051</div> 7052</div> 7053</div> 7054</div> 7055 7056</div> 7057</div> 7058</div> 7059</div> 7060</div> 7061 7062 7063</div><div id="shopify-section-sections--19843808067742__mobile_mega_menu_Xyf7Qy" class="shopify-section shopify-section-group-header-group menu-section-mobile-component"><style> 7064 body.mobile-menu-open { 7065 overflow: hidden; 7066 height: 100vh; 7067 .menu-section-mobile-component { 7068 display: block !important; 7069 border-top:0.9px solid black; 7070 height: 100vh; 7071 } 7072 } 7073</style> 7074<div class=" menu-section-mobile-component bg-white" style="display: none;"> 7075 7076<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #ffffff;--group-gap: 0px; 7077 --group-gap-mobile: 0px; 7078 --padding-block-start: 0px; 7079 --padding-block-end: 0px; 7080 --padding-inline-start: 0px; 7081 --padding-inline-end: 0px; 7082 --padding-block-start-mobile: 20px; 7083 --padding-block-end-mobile: 0px; 7084 --padding-inline-start-mobile: 20px; 7085 --padding-inline-end-mobile: 20px;" data-testid="group-block" data-group-id="AckIvVStXMnZYZURFM__group_YMRynU"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 7086<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 0px; 7087 --group-gap-mobile: 0px; 7088 --padding-block-start: 0px; 7089 --padding-block-end: 0px; 7090 --padding-inline-start: 0px; 7091 --padding-inline-end: 0px; 7092 --padding-block-start-mobile: 0px; 7093 --padding-block-end-mobile: 0px; 7094 --padding-inline-start-mobile: 0px; 7095 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AbmYrbjVlcmVxTjFQe__group_kfmBgb"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 7096<a href="/pages/quiz" class="block w-full no-underline cursor-pointer" aria-label="Take the quiz"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] mb-0 uppercase text-block--AWGpWNXRka2pvUzZpV__text_gbT7bQ text-block-custom-css--AWGpWNXRka2pvUzZpV__text_gbT7bQ" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 15px; 7097 --padding-block-end: 15px; 7098 --padding-inline-start: 15px; 7099 --padding-inline-end: 15px; 7100--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto"><p>Take the quiz</p></span></rte-formatter></a><style>@media screen and (max-width: 47.9375em) { 7101 .text-block-custom-css--AWGpWNXRka2pvUzZpV__text_gbT7bQ.text-block-custom-css--AWGpWNXRka2pvUzZpV__text_gbT7bQ { 7102 padding:15px 15px!important; 7103background: #56A511; 7104 border-radius: 99px; 7105 } 7106 }</style> 7107 7108<div id="shopify-block-AQXlQOEdhVXB0K1pEb__popover_target_item_TX6g3J" class="shopify-block w-full"> 7109 7110 7111<button popovertarget="mobile-shop" class="w-full popover-button-target"> 7112 7113<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] mb-0 text-block--AemdvTGJjZEdtVjBDa__text_MzTqwJ text-block-custom-css--AemdvTGJjZEdtVjBDa__text_MzTqwJ" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7114 --padding-block-end: 15px; 7115 --padding-inline-start: 15px; 7116 --padding-inline-end: 15px; 7117--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><p>Shop</p></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 10px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></rte-formatter><style>@media screen and (max-width: 47.9375em) { 7118 .text-block-custom-css--AemdvTGJjZEdtVjBDa__text_MzTqwJ.text-block-custom-css--AemdvTGJjZEdtVjBDa__text_MzTqwJ { 7119 padding:15px 0px!important; 7120 } 7121 }</style> 7122 7123 7124</button> 7125
7126<script> 7127 // Prevent popover toggle when clicking on links inside popover-target-item buttons 7128 // Links should navigate, not close the menu 7129 (function() { 7130 if (window.__popoverTargetLinkHandlerInit) return; 7131 window.__popoverTargetLinkHandlerInit = true; 7132 7133 document.addEventListener('click', function(e) { 7134 // Check if the click target is a link or inside a link 7135 var link = e.target.closest('a[href]'); 7136 if (!link) return; 7137 7138 // Check if the link is inside a popover-target-item button 7139 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 7140 if (!popoverButton) return; 7141 7142 // Stop the event from reaching the button's popovertarget behavior 7143 e.stopPropagation(); 7144 7145 // Navigate to the link 7146 if (link.href && !link.href.startsWith('javascript:')) { 7147 if (link.target === '_blank') { 7148 window.open(link.href, '_blank'); 7149 } else { 7150 window.location.href = link.href; 7151 } 7152 } 7153 }, true); // Use capture phase to intercept before the button handles it 7154 })(); 7155</script>
7155 7156 7157 7158 7159</div> 7160<div id="shopify-block-AY3NCUnJDSXZtVVVse__popover_target_item_GwTdfY" class="shopify-block w-full"> 7161 7162 7163<button popovertarget="mobile-science" class="w-full popover-button-target"> 7164 7165<a href="#" class="block w-full no-underline cursor-pointer" aria-label="Science"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] text-block--AZEhZSXV1Tmh6V1NjS__text_zKxxhx text-block-custom-css--AZEhZSXV1Tmh6V1NjS__text_zKxxhx" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7166 --padding-block-end: 15px; 7167 --padding-inline-start: 15px; 7168 --padding-inline-end: 15px; 7169--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><p>Science</p></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 10px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></rte-formatter></a><style>@media screen and (max-width: 47.9375em) { 7170 .text-block-custom-css--AZEhZSXV1Tmh6V1NjS__text_zKxxhx.text-block-custom-css--AZEhZSXV1Tmh6V1NjS__text_zKxxhx { 7171 padding:15px 0px!important;border-top:1px solid black; 7172 } 7173 }</style> 7174 7175 7176</button> 7177
7178<script> 7179 // Prevent popover toggle when clicking on links inside popover-target-item buttons 7180 // Links should navigate, not close the menu 7181 (function() { 7182 if (window.__popoverTargetLinkHandlerInit) return; 7183 window.__popoverTargetLinkHandlerInit = true; 7184 7185 document.addEventListener('click', function(e) { 7186 // Check if the click target is a link or inside a link 7187 var link = e.target.closest('a[href]'); 7188 if (!link) return; 7189 7190 // Check if the link is inside a popover-target-item button 7191 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 7192 if (!popoverButton) return; 7193 7194 // Stop the event from reaching the button's popovertarget behavior 7195 e.stopPropagation(); 7196 7197 // Navigate to the link 7198 if (link.href && !link.href.startsWith('javascript:')) { 7199 if (link.target === '_blank') { 7200 window.open(link.href, '_blank'); 7201 } else { 7202 window.location.href = link.href; 7203 } 7204 } 7205 }, true); // Use capture phase to intercept before the button handles it 7206 })(); 7207</script>
7207 7208 7209 7210 7211</div> 7212<div id="shopify-block-AMjV4bktWTEkwdTFZZ__popover_target_item_Uwm79B" class="shopify-block w-full"> 7213 7214 7215<button popovertarget="mobile-about" class="w-full popover-button-target"> 7216 7217<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] mb-0 text-block--AVzd4cHQ5Z242SzFtZ__text_APzN3c text-block-custom-css--AVzd4cHQ5Z242SzFtZ__text_APzN3c" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7218 --padding-block-end: 15px; 7219 --padding-inline-start: 15px; 7220 --padding-inline-end: 15px; 7221--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><p>About</p></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 10px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></rte-formatter><style>@media screen and (max-width: 47.9375em) { 7222 .text-block-custom-css--AVzd4cHQ5Z242SzFtZ__text_APzN3c.text-block-custom-css--AVzd4cHQ5Z242SzFtZ__text_APzN3c { 7223 padding:15px 0px!important;border-top:1px solid black; 7224 } 7225 }</style> 7226 7227 7228</button> 7229
7230<script> 7231 // Prevent popover toggle when clicking on links inside popover-target-item buttons 7232 // Links should navigate, not close the menu 7233 (function() { 7234 if (window.__popoverTargetLinkHandlerInit) return; 7235 window.__popoverTargetLinkHandlerInit = true; 7236 7237 document.addEventListener('click', function(e) { 7238 // Check if the click target is a link or inside a link 7239 var link = e.target.closest('a[href]'); 7240 if (!link) return; 7241 7242 // Check if the link is inside a popover-target-item button 7243 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 7244 if (!popoverButton) return; 7245 7246 // Stop the event from reaching the button's popovertarget behavior 7247 e.stopPropagation(); 7248 7249 // Navigate to the link 7250 if (link.href && !link.href.startsWith('javascript:')) { 7251 if (link.target === '_blank') { 7252 window.open(link.href, '_blank'); 7253 } else { 7254 window.location.href = link.href; 7255 } 7256 } 7257 }, true); // Use capture phase to intercept before the button handles it 7258 })(); 7259</script>
7259 7260 7261 7262 7263</div> 7264 7265<a href="https://l-nutraprofessional.com/?_gl=1*1c8rlxu*_gcl_au*MTc1MzA2MjUyNS4xNzYxMDc4OTE1" class="block w-full no-underline cursor-pointer" aria-label="Practitioners"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] mb-0 text-block--AbS9iVHk3KzJtTXMyN__text_9BajWx text-block-custom-css--AbS9iVHk3KzJtTXMyN__text_9BajWx" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7266 --padding-block-end: 15px; 7267 --padding-inline-start: 15px; 7268 --padding-inline-end: 15px; 7269--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Practitioners</p></span></rte-formatter></a><style>@media screen and (max-width: 47.9375em) { 7270 .text-block-custom-css--AbS9iVHk3KzJtTXMyN__text_9BajWx.text-block-custom-css--AbS9iVHk3KzJtTXMyN__text_9BajWx { 7271 padding:15px 0px!important; 7272border-top:1px solid black; 7273 } 7274 }</style> 7275 7276 7277<a href="/account/login" class="block w-full no-underline cursor-pointer" aria-label="Log In"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] mb-0 text-block--ANm45QjE0eXRYUm5Xb__text_LL3nmT text-block-custom-css--ANm45QjE0eXRYUm5Xb__text_LL3nmT" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7278 --padding-block-end: 15px; 7279 --padding-inline-start: 15px; 7280 --padding-inline-end: 15px; 7281--color: #1e4036;" ><img src="//prolonlife.com/cdn/shop/files/Group_8_76a88da7-70fc-41a3-8f11-dc63de7284fe.svg?v=1759019740" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 mr-[var(--icon-spacing)]" style="--icon-size: 20px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><p>Log In</p></span></rte-formatter></a><style>@media screen and (max-width: 47.9375em) { 7282 .text-block-custom-css--ANm45QjE0eXRYUm5Xb__text_LL3nmT.text-block-custom-css--ANm45QjE0eXRYUm5Xb__text_LL3nmT { 7283 padding:15px 0px!important; 7284border-top:1px solid black; 7285 } 7286 }</style> 7287 7288</div> 7289</div></div> 7290</div> 7291<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #f8f4f2;--group-gap: 0px; 7292 --group-gap-mobile: 0px; 7293 --padding-block-start: 0px; 7294 --padding-block-end: 0px; 7295 --padding-inline-start: 0px; 7296 --padding-inline-end: 0px; 7297 --padding-block-start-mobile: 0px; 7298 --padding-block-end-mobile: 0px; 7299 --padding-inline-start-mobile: 20px; 7300 --padding-inline-end-mobile: 20px;" data-testid="group-block" data-group-id="AWStwUDhJMDlSS3VRT__group_HGF9Nh"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 7301<a href="/collections/all" class="block w-full no-underline cursor-pointer" aria-label="SHOP ALL"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold rte !text-[var(--custom-text-color)] text-block--AVUxFZHJGLzNvRnRRY__text_EV7xxr text-block-custom-css--AVUxFZHJGLzNvRnRRY__text_EV7xxr" style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7302 --padding-block-end: 0px; 7303 --padding-inline-start: 0px; 7304 --padding-inline-end: 0px; 7305--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>SHOP ALL</p></span></rte-formatter></a><style>@media screen and (max-width: 47.9375em) { 7306 .text-block-custom-css--AVUxFZHJGLzNvRnRRY__text_EV7xxr.text-block-custom-css--AVUxFZHJGLzNvRnRRY__text_EV7xxr { 7307 padding:20px 0px !important; 7308margin-bottom:0px; 7309 } 7310 }</style> 7311 7312 7313 7314<div class=""> 7315 7316 7317 7318 7319<div class="bestsellers-slider-wrapper "> 7320 <div class=""> 7321 7322 <div class="relative"> 7323 <!-- Products Slider --> 7324 <div class="pb-4 overflow-x-auto overflow-y-hidden scrollbar-visible" id="bestsellers-slider"> 7325 <div class="flex gap-[18px]" style="width: max-content;"> 7326 7327 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7328 <a href="/products/prolon-offer" class="block"> 7329 <!-- Product Image Container --> 7330 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7331 7332 7333 <!-- Product Image --> 7334 7335 <div 7336 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7337 style="background-image: url('//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-6104582.png?v=1777984691&width=400');" 7338 role="img" 7339 aria-label="Prolon 5 - Day FMD - Prolon Life" 7340 ></div> 7341 7342 </div> 7343 7344 <!-- Product Info --> 7345 <div class=""> 7346 7347 7348 7349 <!-- Product Title --> 7350 <h3 class="text-small-body-bold text-darkGreen"> 7351 Prolon 5-Day FMD 7352 </h3> 7353 7354 <!-- Product Price --> 7355 <div class="flex items-center gap-2"> 7356
7357 <span class="font-bold text-darkGreen text-small-body-bold"> 7358 $182.75 7359 </span> 7360 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7361 $205.00 7362 </span> 7363 7364 </div> 7365 7366 7367 </div> 7368 </a> 7369 </div> 7370 7371 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7372 <a href="/products/prolon-next-gen-v4" class="block"> 7373 <!-- Product Image Container --> 7374 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7375 7376 7377 <!-- Product Image --> 7378 7379 <div 7380 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7381 style="background-image: url('//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-2131965.png?v=1777984695&width=400');" 7382 role="img" 7383 aria-label="Prolon 5 - Day FMDâNext Gen - Prolon Life" 7384 ></div> 7385 7386 </div> 7387 7388 <!-- Product Info --> 7389 <div class=""> 7390 7391 7392 7393 <!-- Product Title --> 7394 <h3 class="text-small-body-bold text-darkGreen"> 7395 Prolon 5-Day FMDâNext Gen 7396 </h3> 7397 7398 <!-- Product Price --> 7399 <div class="flex items-center gap-2"> 7400 7401 <span class="font-bold text-darkGreen text-small-body-bold"> 7402 $215.00 7403 </span> 7404 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7405 $255.00 7406 </span> 7407 7408 </div> 7409 7410 7411 </div> 7412 </a> 7413 </div> 7414 7415 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7416 <a href="/products/reset" class="block"> 7417 <!-- Product Image Container --> 7418 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7419 7420 7421 <!-- Product Image --> 7422 7423 <div 7424 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7425 style="background-image: url('//prolonlife.com/cdn/shop/files/1-day-reset-4297529.png?v=1777984694&width=400');" 7426 role="img" 7427 aria-label="1 - Day Reset - Prolon Life" 7428 ></div> 7429 7430 </div> 7431 7432 <!-- Product Info --> 7433 <div class=""> 7434 7435 7436 7437 <!-- Product Title --> 7438 <h3 class="text-small-body-bold text-darkGreen"> 7439 1-Day Reset 7440 </h3> 7441 7442 <!-- Product Price --> 7443 <div class="flex items-center gap-2"> 7444 7445 <span class="font-bold text-darkGreen text-small-body-bold"> 7446 $33.99 7447 </span> 7448 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7449 $39.99 7450 </span> 7451 7452 </div> 7453 7454 7455 </div> 7456 </a> 7457 </div> 7458 7459 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7460 <a href="/products/l-protein" class="block"> 7461 <!-- Product Image Container --> 7462 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7463 7464 7465 <!-- Product Image --> 7466 7467 <div 7468 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7469 style="background-image: url('//prolonlife.com/cdn/shop/files/prolon-longevity-protein-8154526.png?v=1777984693&width=400');" 7470 role="img" 7471 aria-label="Prolon Longevity Protein - Prolon Life" 7472 ></div> 7473 7474 </div> 7475 7476 <!-- Product Info --> 7477 <div class=""> 7478 7479 7480 7481 <!-- Product Title --> 7482 <h3 class="text-small-body-bold text-darkGreen"> 7483 L-Protein 7484 </h3> 7485 7486 <!-- Product Price --> 7487 <div class="flex items-center gap-2"> 7488
7489 <span class="font-bold text-darkGreen text-small-body-bold"> 7490 $42.50 7491 </span> 7492 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7493 $50.00 7494 </span> 7495 7496 </div> 7497 7498 7499 </div> 7500 </a> 7501 </div> 7502 7503 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7504 <a href="/products/fasting-bar" class="block"> 7505 <!-- Product Image Container --> 7506 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7507 7508 7509 <!-- Product Image --> 7510 7511 <div 7512 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7513 style="background-image: url('//prolonlife.com/cdn/shop/files/fasting-bar-7088079.jpg?v=1777984696&width=400');" 7514 role="img" 7515 aria-label="Fasting Bar - Prolon Life" 7516 ></div> 7517 7518 </div> 7519 7520 <!-- Product Info --> 7521 <div class=""> 7522 7523 7524 7525 <!-- Product Title --> 7526 <h3 class="text-small-body-bold text-darkGreen"> 7527 Fasting Bar 7528 </h3> 7529 7530 <!-- Product Price --> 7531 <div class="flex items-center gap-2"> 7532 7533 <span class="font-bold text-darkGreen text-small-body-bold"> 7534 $33.99 7535 </span> 7536 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7537 $39.99 7538 </span> 7539 7540 </div> 7541 7542 7543 </div> 7544 </a> 7545 </div> 7546 7547 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7548 <a href="/products/fasting-shake" class="block"> 7549 <!-- Product Image Container --> 7550 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7551 7552 7553 <!-- Product Image --> 7554 7555 <div 7556 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7557 style="background-image: url('//prolonlife.com/cdn/shop/files/fasting-shake-5971665.jpg?v=1777984816&width=400');" 7558 role="img" 7559 aria-label="Fasting Shake - Prolon Life" 7560 ></div> 7561 7562 </div> 7563 7564 <!-- Product Info --> 7565 <div class=""> 7566 7567 7568 7569 <!-- Product Title --> 7570 <h3 class="text-small-body-bold text-darkGreen"> 7571 Fasting Shake 7572 </h3> 7573 7574 <!-- Product Price --> 7575 <div class="flex items-center gap-2"> 7576 7577 <span class="font-bold text-darkGreen text-small-body-bold"> 7578 $59.49 7579 </span> 7580 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7581 $69.99 7582 </span> 7583 7584 </div> 7585 7586 7587 </div> 7588 </a> 7589 </div> 7590 7591 <div class="bestseller-card flex-shrink-0 w-[178px] overflow-hidden group cursor-pointer"> 7592 <a href="/products/l-pill" class="block"> 7593 <!-- Product Image Container --> 7594 <div class="relative w-full flex justify-center items-center mb-[15px] "> 7595 7596 7597 <!-- Product Image --> 7598 7599 <div 7600 class="w-[178px] h-[178px] rounded-[8px] bg-cover bg-center bg-no-repeat transition-transform duration-300 " 7601 style="background-image: url('//prolonlife.com/cdn/shop/files/prolon-l-pill-3096093.jpg?v=1777984819&width=400');" 7602 role="img" 7603 aria-label="Prolon L - Pill - Prolon Life" 7604 ></div> 7605 7606 </div> 7607 7608 <!-- Product Info --> 7609 <div class=""> 7610 7611 7612 7613 <!-- Product Title --> 7614 <h3 class="text-small-body-bold text-darkGreen"> 7615 Prolon L-Pill 7616 </h3> 7617 7618 <!-- Product Price --> 7619 <div class="flex items-center gap-2"> 7620
7621 <span class="font-bold text-darkGreen text-small-body-bold"> 7622 $75.65 7623 </span> 7624 <span class="text-[#999999] text-small-body-bold md:text-base line-through"> 7625 $89.00 7626 </span> 7627 7628 </div> 7629 7630 7631 </div> 7632 </a> 7633 </div> 7634 7635 </div> 7636 </div> 7637 </div> 7638 7639 </div> 7640</div> 7641 7642<style> 7643 /* Custom Scrollbar Styling */ 7644 #bestsellers-slider::-webkit-scrollbar { 7645 height: 12px; 7646 } 7647 7648 #bestsellers-slider::-webkit-scrollbar-track { 7649 background: #1E4036; 7650 border-radius: 10px; 7651 } 7652 7653 #bestsellers-slider::-webkit-scrollbar-thumb { 7654 background: #1E4036; 7655 border-radius: 10px; 7656 border: 2px solid #1E4036; 7657 } 7658 7659 #bestsellers-slider::-webkit-scrollbar-thumb:hover { 7660 background: #1E4036; 7661 } 7662 7663 /* Smooth Scrolling */ 7664 #bestsellers-slider { 7665 scroll-behavior: smooth; 7666 } 7667 7668 .scrollbar-visible { 7669 overflow-x: auto; 7670 } 7671</style> 7672 7673</div> 7674 7675 7676</div> 7677</div><div id="shopify-block-AelgzRFNOdW8rS1Byc__single_mobile_menu_dialog_N88LKh" class="shopify-block"> 7678 7679 7680 7681 7682<div class="relative z-50 isolate single-mega-menu group !mb-0" 7683 data-menu-id="mobile-shop" 7684> 7685 <el-popover id="mobile-shop" popover class="mega-menu-popover fixed left-0 right-0 m-0 w-full bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto border-t-[1px] border-solid border-gray-700 z-[97]" style="top: var(--header-group-height, 85px);"> 7686 7687 <button popovertarget="mobile-shop" class="flex items-center w-full gap-2 p-4 text-sm font-semibold text-left text-darkGreen"> 7688 7689 <img height="14" width="20" src="/cdn/shop/files/Group_9_0ff33f44-c1f6-464d-a060-efbb56c0c0a5.svg?v=1759018520" alt="" class="rotate-180 text-block-icon text-block-icon--right w-[20px]" loading="lazy" > 7690 7691 BACK 7692 </button> 7693 7694 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 7695 <div class="relative bg-white border-gray-700 border-solid b mega-menu-content p-[20px] pt-0"> 7696 7697<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 0px; 7698 --group-gap-mobile: 0px; 7699 --padding-block-start: 5px; 7700 --padding-block-end: 20px; 7701 --padding-inline-start: 0px; 7702 --padding-inline-end: 0px; 7703 --padding-block-start-mobile: 0px; 7704 --padding-block-end-mobile: 0px; 7705 --padding-inline-start-mobile: 0px; 7706 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AVlVUejVtSHlMa0pMQ__group_qFyNhf"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 7707<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-subtitle-regular rte !text-[var(--custom-text-color)] text-block--AY1FyNHRLVW4xL2Vqa__text_PR8bfJ text-block-custom-css--AY1FyNHRLVW4xL2Vqa__text_PR8bfJ" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 7708 --padding-block-end: 15px; 7709 --padding-inline-start: 15px; 7710 --padding-inline-end: 15px; 7711--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Shop</p></span></rte-formatter><style>@media screen and (max-width: 47.9375em) { 7712 .text-block-custom-css--AY1FyNHRLVW4xL2Vqa__text_PR8bfJ.text-block-custom-css--AY1FyNHRLVW4xL2Vqa__text_PR8bfJ { 7713 padding:15px 0px; 7714padding-top:0px; 7715margin-bottom:0px; 7716 } 7717 }</style> 7718 7719 7720<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 7721 --group-gap-mobile: 30px; 7722 --padding-block-start: 40px; 7723 --padding-block-end: 40px; 7724 --padding-inline-start: 80px; 7725 --padding-inline-end: 80px; 7726 --padding-block-start-mobile: 0px; 7727 --padding-block-end-mobile: 0px; 7728 --padding-inline-start-mobile: 0px; 7729 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AVldpQ2g4RTN3L3pGW__group_Yz3gkb"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 7730<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 7731 --group-gap-mobile: 12px; 7732 --padding-block-start: 0px; 7733 --padding-block-end: 0px; 7734 --padding-inline-start: 0px; 7735 --padding-inline-end: 0px; 7736 --padding-block-start-mobile: 0px; 7737 --padding-block-end-mobile: 0px; 7738 --padding-inline-start-mobile: 0px; 7739 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ARVVYNkt6NjFiNzdwZ__group_9bNrXE"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-start "> 7740<a 7741 href="/collections/all" 7742 class="button inline-flex items-center justify-center transition-all duration-300 ease-in-out inline-flex w-fit m:w-[var(--button-width-mobile)] h-auto text-left justify-start m:text-center m:justify-center md:max-lg:text-center md:max-lg:justify-center !h-[41px] uppercase" 7743 style="--button-width-mobile: 100%;" 7744 7745 data-button-id="AdlhNL3J3WktLRk9HM__button_irEc6L" 7746>SHOP ALL</a> 7747 7748 7749 7750</div> 7751</div> 7752<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 7753 --group-gap-mobile: 12px; 7754 --padding-block-start: 0px; 7755 --padding-block-end: 0px; 7756 --padding-inline-start: 0px; 7757 --padding-inline-end: 0px; 7758 --padding-block-start-mobile: 0px; 7759 --padding-block-end-mobile: 0px; 7760 --padding-inline-start-mobile: 0px; 7761 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AdnUvOXZ3YWxmYThhW__group_LUcwxH"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 7762<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AN2ZEUCs4WmRaVko3L__text_Wp7Rdd " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 7763 --padding-block-end: 0px; 7764 --padding-inline-start: 0px; 7765 --padding-inline-end: 0px; 7766--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD</p></span></rte-formatter> 7767 7768 7769<a href="/products/prolon-offer?variant=43658787324062" class="block w-full no-underline cursor-pointer" aria-label="Prolon 5-Day FMD"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AekV0QkNPaWdETGF2T__text_iTK48w " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7770 --padding-block-end: 0px; 7771 --padding-inline-start: 0px; 7772 --padding-inline-end: 0px; 7773--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD</p></span></rte-formatter></a> 7774 7775 7776 7777<div 7778 class="divider divider-AamJ3aEtrL3NKWUFzb__divider_p8ChKF divider--h
7778orizontal spacing-style" 7779 style=" 7780 --divider-justify-content: center; 7781 --divider-color: #1e4036; 7782 7783 --padding-block-start: 0px;--padding-block-end: 0px; 7784 " 7785 7786 7787> 7788 <span 7789 class="divider__line divider__line--horizontal" 7790 style=" 7791 7792 --divider-border-thickness: 1.5px; 7793 7794 --divider-border-rounded: 0; 7795 7796 --divider-flex-basis: 100%; 7797 7798 " 7799 ></span> 7800</div> 7801 7802<style> 7803 .divider { 7804 align-self: stretch; 7805 display: flex; 7806 align-items: center; 7807 justify-content: var(--divider-justify-content); 7808 } 7809 7810 .divider--horizontal { 7811 flex-direction: row; 7812 } 7813 7814 .divider--vertical { 7815 flex-direction: column; 7816 align-items: var(--divider-justify-content); 7817 justify-content: center; 7818 height: var(--divider-height); 7819 width: auto; 7820 } 7821 7822 .divider__line { 7823 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 7824 } 7825 7826 .divider__line--horizontal { 7827 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7828 flex-basis: var(--divider-flex-basis); 7829 min-height: 0; 7830 width: var(--divider-flex-basis); 7831 height: var(--divider-border-thickness); 7832 } 7833 7834 .divider__line--vertical { 7835 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7836 flex-basis: var(--divider-flex-basis); 7837 min-height: var(--divider-flex-basis); 7838 width: var(--divider-border-thickness); 7839 height: var(--divider-flex-basis); 7840 border-bottom: none; 7841 } 7842</style> 7843 7844 7845 7846 7847<a href="/products/prolon-next-gen-v4?variant=45281373126814" class="block w-full no-underline cursor-pointer" aria-label="Prolon Next Gen 5-Day FMD"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--Ad0phZ2hyQnBmL01ZM__text_VjngbX " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7848 --padding-block-end: 0px; 7849 --padding-inline-start: 0px; 7850 --padding-inline-end: 0px; 7851--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon Next Gen 5-Day FMD</p></span></rte-formatter></a> 7852 7853</div> 7854</div> 7855<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 7856 --group-gap-mobile: 12px; 7857 --padding-block-start: 0px; 7858 --padding-block-end: 0px; 7859 --padding-inline-start: 0px; 7860 --padding-inline-end: 0px; 7861 --padding-block-start-mobile: 0px; 7862 --padding-block-end-mobile: 0px; 7863 --padding-inline-start-mobile: 0px; 7864 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ANmZBdk1oQWJpeXRSU__group_inzf3C"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 7865<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AdEF0b01oeWpFaDBUc__text_NtPdmN " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 7866 --padding-block-end: 0px; 7867 --padding-inline-start: 0px; 7868 --padding-inline-end: 0px; 7869--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Everyday products </p></span></rte-formatter> 7870 7871 7872<a href="/products/reset?variant=45458831343774" class="block w-full no-underline cursor-pointer" aria-label="Prolon 1-Day Reset"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AVEFpZjYzdjg0bThtT__text_eJkC8G " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7873 --padding-block-end: 0px; 7874 --padding-inline-start: 0px; 7875 --padding-inline-end: 0px; 7876--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 1-Day Reset</p></span></rte-formatter></a> 7877 7878 7879 7880<div 7881 class="divider divider-ANk5BdVlBbHF5OE83e__divider_VLek7U divider--h
7881orizontal spacing-style" 7882 style=" 7883 --divider-justify-content: center; 7884 --divider-color: #1e4036; 7885 7886 --padding-block-start: 0px;--padding-block-end: 0px; 7887 " 7888 7889 7890> 7891 <span 7892 class="divider__line divider__line--horizontal" 7893 style=" 7894 7895 --divider-border-thickness: 1.5px; 7896 7897 --divider-border-rounded: 0; 7898 7899 --divider-flex-basis: 100%; 7900 7901 " 7902 ></span> 7903</div> 7904 7905<style> 7906 .divider { 7907 align-self: stretch; 7908 display: flex; 7909 align-items: center; 7910 justify-content: var(--divider-justify-content); 7911 } 7912 7913 .divider--horizontal { 7914 flex-direction: row; 7915 } 7916 7917 .divider--vertical { 7918 flex-direction: column; 7919 align-items: var(--divider-justify-content); 7920 justify-content: center; 7921 height: var(--divider-height); 7922 width: auto; 7923 } 7924 7925 .divider__line { 7926 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 7927 } 7928 7929 .divider__line--horizontal { 7930 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7931 flex-basis: var(--divider-flex-basis); 7932 min-height: 0; 7933 width: var(--divider-flex-basis); 7934 height: var(--divider-border-thickness); 7935 } 7936 7937 .divider__line--vertical { 7938 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 7939 flex-basis: var(--divider-flex-basis); 7940 min-height: var(--divider-flex-basis); 7941 width: var(--divider-border-thickness); 7942 height: var(--divider-flex-basis); 7943 border-bottom: none; 7944 } 7945</style> 7946 7947 7948 7949 7950<a href="/products/fasting-bar?variant=45472261079198" class="block w-full no-underline cursor-pointer" aria-label="Fasting Bar"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AR0lJYWY4ZlVqTWRJe__text_Bk83Mp " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 7951 --padding-block-end: 0px; 7952 --padding-inline-start: 0px; 7953 --padding-inline-end: 0px; 7954--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Fasting Bar</p></span></rte-formatter></a> 7955 7956 7957 7958<div 7959 class="divider divider-Ab2Ftc3M1UnNVVk9xU__divider_G8rKEd divider--horizontal spacing-style" 7960 style=" 7961 --divider-justify-content: center; 7962 --divider-color: #1e4036; 7963 7964 --padding-block-start: 0px;--padding-block-end: 0px; 7965 " 7966 7967 7968> 7969 <span 7970 class="divider__line divider__line--horizontal" 7971 style=" 7972 7973 --divider-border-thickness: 1.5px; 7974 7975 --divider-border-rounded: 0; 7976 7977 --divider-flex-basis: 100%; 7978 7979 " 7980 ></span> 7981</div> 7982 7983<style> 7984 .divider { 7985 align-self: stretch; 7986 display: flex; 7987 align-items: center; 7988 justify-content: var(--divider-justify-content); 7989 } 7990 7991 .divider--horizontal { 7992 flex-direction: row; 7993 } 7994 7995 .divider--vertical { 7996 flex-direction: column;
7997 align-items: var(--divider-justify-content); 7998 justify-content: center; 7999 height: var(--divider-height); 8000 width: auto; 8001 } 8002 8003 .divider__line { 8004 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 8005 } 8006 8007 .divider__line--horizontal { 8008 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8009 flex-basis: var(--divider-flex-basis); 8010 min-height: 0; 8011 width: var(--divider-flex-basis); 8012 height: var(--divider-border-thickness); 8013 } 8014 8015 .divider__line--vertical { 8016 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8017 flex-basis: var(--divider-flex-basis); 8018 min-height: var(--divider-flex-basis); 8019 width: var(--divider-border-thickness); 8020 height: var(--divider-flex-basis); 8021 border-bottom: none; 8022 } 8023</style> 8024 8025 8026 8027 8028<a href="/products/l-protein?variant=43123874562206" class="block w-full no-underline cursor-pointer" aria-label="L-Protein"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--ASi8rdC8ySlpURDczM__text_wYTaVy " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8029 --padding-block-end: 0px; 8030 --padding-inline-start: 0px; 8031 --padding-inline-end: 0px; 8032--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Protein</p></span></rte-formatter></a> 8033 8034 8035 8036<div 8037 class="divider divider-AOTIvNktFZzFHZ3pkR__divider_Yy4YCg divider--horizontal spacing-style" 8038 style=" 8039 --divider-justify-content: center; 8040 --divider-color: #1e4036; 8041 8042 --padding-block-start: 0px;--padding-block-end: 0px; 8043 " 8044 8045 8046> 8047 <span 8048 class="divider__line divider__line--horizontal" 8049 style=" 8050 8051 --divider-border-thickness: 1.5px; 8052 8053 --divider-border-rounded: 0; 8054 8055 --divider-flex-basis: 100%; 8056 8057 " 8058 ></span> 8059</div> 8060 8061<style> 8062 .divider { 8063 align-self: stretch; 8064 display: flex; 8065 align-items: center; 8066 justify-content: var(--divider-justify-content); 8067 } 8068 8069 .divider--horizontal { 8070 flex-direction: row; 8071 } 8072 8073 .divider--vertical { 8074 flex-direction: column;
8075 align-items: var(--divider-justify-content); 8076 justify-content: center; 8077 height: var(--divider-height); 8078 width: auto; 8079 } 8080 8081 .divider__line { 8082 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 8083 } 8084 8085 .divider__line--horizontal { 8086 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8087 flex-basis: var(--divider-flex-basis); 8088 min-height: 0; 8089 width: var(--divider-flex-basis); 8090 height: var(--divider-border-thickness); 8091 } 8092 8093 .divider__line--vertical { 8094 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8095 flex-basis: var(--divider-flex-basis); 8096 min-height: var(--divider-flex-basis); 8097 width: var(--divider-border-thickness); 8098 height: var(--divider-flex-basis); 8099 border-bottom: none; 8100 } 8101</style> 8102 8103 8104 8105 8106<a href="/products/fasting-shake?variant=42690698838174" class="block w-full no-underline cursor-pointer" aria-label="Fasting Shake"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--Ad1hmdlI0eWlIUEZhQ__text_4nQDFw " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8107 --padding-block-end: 0px; 8108 --padding-inline-start: 0px; 8109 --padding-inline-end: 0px; 8110--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Fasting Shake</p></span></rte-formatter></a> 8111 8112 8113 8114<div 8115 class="divider divider-ANGpuN2xWR0NkV2gvQ__divider_DFFtkn divider--horizontal spacing-style" 8116 style=" 8117 --divider-justify-content: center; 8118 --divider-color: #1e4036; 8119 8120 --padding-block-start: 0px;--padding-block-end: 0px; 8121 " 8122 8123 8124> 8125 <span 8126 class="divider__line divider__line--horizontal" 8127 style=" 8128 8129 --divider-border-thickness: 1.5px; 8130 8131 --divider-border-rounded: 0; 8132 8133 --divider-flex-basis: 100%; 8134 8135 " 8136 ></span> 8137</div> 8138 8139<style> 8140 .divider { 8141 align-self: stretch; 8142 display: flex; 8143 align-items: center; 8144 justify-content: var(--divider-justify-content); 8145 } 8146 8147 .divider--horizontal { 8148 flex-direction: row; 8149 } 8150 8151 .divider--vertical { 8152 flex-direction: column;
8153 align-items: var(--divider-justify-content); 8154 justify-content: center; 8155 height: var(--divider-height); 8156 width: auto; 8157 } 8158 8159 .divider__line { 8160 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 8161 } 8162 8163 .divider__line--horizontal { 8164 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8165 flex-basis: var(--divider-flex-basis); 8166 min-height: 0; 8167 width: var(--divider-flex-basis); 8168 height: var(--divider-border-thickness); 8169 } 8170 8171 .divider__line--vertical { 8172 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8173 flex-basis: var(--divider-flex-basis); 8174 min-height: var(--divider-flex-basis); 8175 width: var(--divider-border-thickness); 8176 height: var(--divider-flex-basis); 8177 border-bottom: none; 8178 } 8179</style> 8180 8181 8182 8183 8184<a href="/products/l-pill?variant=42708096483486" class="block w-full no-underline cursor-pointer" aria-label="L-Pill"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AS2c5Q0lPcTF2dWRtM__text_UJGX3Q " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8185 --padding-block-end: 0px; 8186 --padding-inline-start: 0px; 8187 --padding-inline-end: 0px; 8188--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Pill</p></span></rte-formatter></a> 8189 8190</div> 8191</div> 8192<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 8193 --group-gap-mobile: 12px; 8194 --padding-block-start: 0px; 8195 --padding-block-end: 0px; 8196 --padding-inline-start: 0px; 8197 --padding-inline-end: 0px; 8198 --padding-block-start-mobile: 0px; 8199 --padding-block-end-mobile: 0px; 8200 --padding-inline-start-mobile: 0px; 8201 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AK0thaWZNMzZxQk9qb__group_f3KQPJ"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 8202<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--AUVlTOC9QVGQxeXgzQ__text_DjzQGm " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 8203 --padding-block-end: 0px; 8204 --padding-inline-start: 0px; 8205 --padding-inline-end: 0px; 8206--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>BUNDLES</p></span></rte-formatter> 8207 8208 8209<a href="/products/intermittent-fasting-bundle" class="block w-full no-underline cursor-pointer" aria-label="Intermittent Fasting Bundles"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AcGR2WmQ0dHJmMWI0M__text_ifBndM " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8210 --padding-block-end: 0px; 8211 --padding-inline-start: 0px; 8212 --padding-inline-end: 0px; 8213--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Intermittent Fasting Bundles</p></span></rte-formatter></a> 8214 8215 8216 8217<div 8218 class="divider divider-ATjlMN2x5MUFrWFlta__divider_ifBndM divider--h
8218orizontal spacing-style" 8219 style=" 8220 --divider-justify-content: center; 8221 --divider-color: #1e4036; 8222 8223 --padding-block-start: 0px;--padding-block-end: 0px; 8224 " 8225 8226 8227> 8228 <span 8229 class="divider__line divider__line--horizontal" 8230 style=" 8231 8232 --divider-border-thickness: 1.5px; 8233 8234 --divider-border-rounded: 0; 8235 8236 --divider-flex-basis: 100%; 8237 8238 " 8239 ></span> 8240</div> 8241 8242<style> 8243 .divider { 8244 align-self: stretch; 8245 display: flex; 8246 align-items: center; 8247 justify-content: var(--divider-justify-content); 8248 } 8249 8250 .divider--horizontal { 8251 flex-direction: row; 8252 } 8253 8254 .divider--vertical { 8255 flex-direction: column; 8256 align-items: var(--divider-justify-content); 8257 justify-content: center; 8258 height: var(--divider-height); 8259 width: auto; 8260 } 8261 8262 .divider__line { 8263 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 8264 } 8265 8266 .divider__line--horizontal { 8267 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8268 flex-basis: var(--divider-flex-basis); 8269 min-height: 0; 8270 width: var(--divider-flex-basis); 8271 height: var(--divider-border-thickness); 8272 } 8273 8274 .divider__line--vertical { 8275 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8276 flex-basis: var(--divider-flex-basis); 8277 min-height: var(--divider-flex-basis); 8278 width: var(--divider-border-thickness); 8279 height: var(--divider-flex-basis); 8280 border-bottom: none; 8281 } 8282</style> 8283 8284 8285 8286 8287<a href="/products/5-2-program?variant=45600951074974" class="block w-full no-underline cursor-pointer" aria-label="5:2 Method Kit"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--Ad1lKSDVWcTJBUDkxa__text_zjaBDU " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8288 --padding-block-end: 0px; 8289 --padding-inline-start: 0px; 8290 --padding-inline-end: 0px; 8291--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>5:2 Method Kit</p></span></rte-formatter></a> 8292 8293</div> 8294</div> 8295<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 8296 --group-gap-mobile: 12px; 8297 --padding-block-start: 0px; 8298 --padding-block-end: 0px; 8299 --padding-inline-start: 0px; 8300 --padding-inline-end: 0px; 8301 --padding-block-start-mobile: 0px; 8302 --padding-block-end-mobile: 0px; 8303 --padding-inline-start-mobile: 0px; 8304 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="Acjk3WW11YzZEVjRnU__group_qXprhr"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 8305<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase text-block--ATWdoYlZVQUhuM3FPW__text_WRp3bt " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #56a511;--padding-block-start: 0px; 8306 --padding-block-end: 0px; 8307 --padding-inline-start: 0px; 8308 --padding-inline-end: 0px; 8309--color: #56a511;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>PROGRAMS</p></span></rte-formatter> 8310 8311 8312<a href="/products/metabolic-reset-program?variant=45920462438558" class="block w-full no-underline cursor-pointer" aria-label="Weight and Wellness Program"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AUGZVYkpiTE45dWlmR__text_tmAHq9 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8313 --padding-block-end: 0px; 8314 --padding-inline-start: 0px; 8315 --padding-inline-end: 0px; 8316--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Weight and Wellness Program</p></span></rte-formatter></a> 8317 8318 8319 8320<div 8321 class="divider divider-AL1NiVk1rYjZSZVhTe__divider_xyJ6gE divider--h
8321orizontal spacing-style" 8322 style=" 8323 --divider-justify-content: center; 8324 --divider-color: #1e4036; 8325 8326 --padding-block-start: 0px;--padding-block-end: 0px; 8327 " 8328 8329 8330> 8331 <span 8332 class="divider__line divider__line--horizontal" 8333 style=" 8334 8335 --divider-border-thickness: 1.5px; 8336 8337 --divider-border-rounded: 0; 8338 8339 --divider-flex-basis: 100%; 8340 8341 " 8342 ></span> 8343</div> 8344 8345<style> 8346 .divider { 8347 align-self: stretch; 8348 display: flex; 8349 align-items: center; 8350 justify-content: var(--divider-justify-content); 8351 } 8352 8353 .divider--horizontal { 8354 flex-direction: row; 8355 } 8356 8357 .divider--vertical { 8358 flex-direction: column; 8359 align-items: var(--divider-justify-content); 8360 justify-content: center; 8361 height: var(--divider-height); 8362 width: auto; 8363 } 8364 8365 .divider__line { 8366 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 8367 } 8368 8369 .divider__line--horizontal { 8370 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8371 flex-basis: var(--divider-flex-basis); 8372 min-height: 0; 8373 width: var(--divider-flex-basis); 8374 height: var(--divider-border-thickness); 8375 } 8376 8377 .divider__line--vertical { 8378 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 8379 flex-basis: var(--divider-flex-basis); 8380 min-height: var(--divider-flex-basis); 8381 width: var(--divider-border-thickness); 8382 height: var(--divider-flex-basis); 8383 border-bottom: none; 8384 } 8385</style> 8386 8387 8388 8389 8390<a href="/pages/l-nutra-health" class="block w-full no-underline cursor-pointer" aria-label="L-Nutra Health Programs"><rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-regular rte !text-[var(--custom-text-color)] cursor-pointer text-block--AcXR6allzbFdUd1ZKN__text_DxVALD " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 8391 --padding-block-end: 0px; 8392 --padding-inline-start: 0px; 8393 --padding-inline-end: 0px; 8394--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Nutra Health Programs</p></span></rte-formatter></a> 8395 8396</div> 8397</div></div> 8398</div></div> 8399</div> 8400 </div> 8401 8402 8403 8404 </el-popover> 8405</div> 8406 8407<style> 8408 /* Mobile menu dialog is position:fixed below the header. Without a height cap the 8409 content runs off the bottom of short (iPhone) viewports with no way to scroll. 8410 Cap to the viewport area below the header and let it scroll. dvh handles the 8411 iOS dynamic URL bar; overscroll-contain stops scroll chaining to the page. 8412 Do NOT add overflow-x:hidden here â combined with overflow-y:auto it breaks 8413 vertical touch scrolling inside this fixed element on iOS Safari. */ 8414 .mega-menu-popover { 8415 max-height: calc(100dvh - var(--header-group-height, 85px)); 8416 overflow-y: auto; 8417 overscroll-behavior: contain; 8418 -webkit-overflow-scrolling: touch; 8419 } 8420</style> 8421 8422 8423</div> 8424<div id="shopify-block-AL284empyTExwUDh1Z__single_mobile_menu_dialog_Gf8t69" class="shopify-block"> 8425 8426 8427 8428 8429<div class="relative z-50 isolate single-mega-menu group !mb-0" 8430 data-menu-id="mobile-science" 8431> 8432 <el-popover id="mobile-science" popover class="mega-menu-popover fixed left-0 right-0 m-0 w-full bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto border-t-[1px] border-solid border-gray-700 z-[97]" style="top: var(--header-group-height, 85px);"> 8433 8434 <button popovertarget="mobile-science" class="flex items-center w-full gap-2 p-4 text-sm font-semibold text-left text-darkGreen"> 8435 8436 <img height="14" width="20" src="/cdn/shop/files/Group_9_0ff33f44-c1f6-464d-a060-efbb56c0c0a5.svg?v=1759018520" alt="" class="rotate-180 text-block-icon text-block-icon--right w-[20px]" loading="lazy" > 8437 8438 BACK 8439 </button> 8440 8441 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 8442 <div class="relative bg-white border-gray-700 border-solid b mega-menu-content p-[20px] pt-0"> 8443 8444<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)] mb-[20px]" style="--group-gap: 0px; 8445 --group-gap-mobile: 0px; 8446 --padding-block-start: 0px; 8447 --padding-block-end: 0px; 8448 --padding-inline-start: 0px; 8449 --padding-inline-end: 0px; 8450 --padding-block-start-mobile: 0px; 8451 --padding-block-end-mobile: 0px; 8452 --padding-inline-start-mobile: 0px; 8453 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AYUhtNVJzRjFaNVEyQ__group_j4QGGB"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 8454<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-subtitle-regular rte !text-[var(--custom-text-color)] text-block--ASGR6bzdVWTNEUzAvN__text_t9kBM6 text-block-custom-css--ASGR6bzdVWTNEUzAvN__text_t9kBM6" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8455 --padding-block-end: 15px; 8456 --padding-inline-start: 15px; 8457 --padding-inline-end: 15px; 8458--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Science</p></span></rte-formatter><style>@media screen and (max-width: 47.9375em) { 8459 .text-block-custom-css--ASGR6bzdVWTNEUzAvN__text_t9kBM6.text-block-custom-css--ASGR6bzdVWTNEUzAvN__text_t9kBM6 { 8460 padding:20px 0px; 8461padding-top:0px; 8462margin-bottom:0px; 8463 } 8464 }</style> 8465 8466<div id="shopify-block-AUDBINUFNbGlqSzQrd__popover_target_item_yK3xYp" class="shopify-block w-full"> 8467 8468 8469<button popovertarget="mobile-science-our-research" class="w-full popover-button-target"> 8470 8471<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold !text-[var(--custom-text-color)] text-block--ATXc1TmtobXF3N21mb__text_Raambd text-block-custom-css--ATXc1TmtobXF3N21mb__text_Raambd" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8472 --padding-block-end: 15px; 8473 --padding-inline-start: 15px; 8474 --padding-inline-end: 15px; 8475--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><div>Our research 8476 8477</div></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 20px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></div><style>@media screen and (max-width: 47.9375em) { 8478 .text-block-custom-css--ATXc1TmtobXF3N21mb__text_Raambd.text-block-custom-css--ATXc1TmtobXF3N21mb__text_Raambd { 8479 padding:15px 0px;border-top:1px solid black; 8480 } 8481 }</style> 8482 8483 8484</button> 8485
8486<script> 8487 // Prevent popover toggle when clicking on links inside popover-target-item buttons 8488 // Links should navigate, not close the menu 8489 (function() { 8490 if (window.__popoverTargetLinkHandlerInit) return; 8491 window.__popoverTargetLinkHandlerInit = true; 8492 8493 document.addEventListener('click', function(e) { 8494 // Check if the click target is a link or inside a link 8495 var link = e.target.closest('a[href]'); 8496 if (!link) return; 8497 8498 // Check if the link is inside a popover-target-item button 8499 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 8500 if (!popoverButton) return; 8501 8502 // Stop the event from reaching the button's popovertarget behavior 8503 e.stopPropagation(); 8504 8505 // Navigate to the link 8506 if (link.href && !link.href.startsWith('javascript:')) { 8507 if (link.target === '_blank') { 8508 window.open(link.href, '_blank'); 8509 } else { 8510 window.location.href = link.href; 8511 } 8512 } 8513 }, true); // Use capture phase to intercept before the button handles it 8514 })(); 8515</script>
8515 8516 8517 8518 8519</div> 8520<div id="shopify-block-AUEFIalRKT2FyVEtlb__popover_target_item_WJGYJ4" class="shopify-block w-full"> 8521 8522 8523<button popovertarget="mobile-science-proven-benefits" class="w-full popover-button-target"> 8524 8525<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold !text-[var(--custom-text-color)] text-block--AL1JTVVNDUmRKL0g3Q__text_97peac text-block-custom-css--AL1JTVVNDUmRKL0g3Q__text_97peac" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8526 --padding-block-end: 15px; 8527 --padding-inline-start: 15px; 8528 --padding-inline-end: 15px; 8529--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><div>Proven benefits 8530 8531</div></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 20px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></div><style>@media screen and (max-width: 47.9375em) { 8532 .text-block-custom-css--AL1JTVVNDUmRKL0g3Q__text_97peac.text-block-custom-css--AL1JTVVNDUmRKL0g3Q__text_97peac { 8533 padding:15px 0px;border-top:1px solid black; 8534 } 8535 }</style> 8536 8537 8538</button> 8539
8540<script> 8541 // Prevent popover toggle when clicking on links inside popover-target-item buttons 8542 // Links should navigate, not close the menu 8543 (function() { 8544 if (window.__popoverTargetLinkHandlerInit) return; 8545 window.__popoverTargetLinkHandlerInit = true; 8546 8547 document.addEventListener('click', function(e) { 8548 // Check if the click target is a link or inside a link 8549 var link = e.target.closest('a[href]'); 8550 if (!link) return; 8551 8552 // Check if the link is inside a popover-target-item button 8553 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 8554 if (!popoverButton) return; 8555 8556 // Stop the event from reaching the button's popovertarget behavior 8557 e.stopPropagation(); 8558 8559 // Navigate to the link 8560 if (link.href && !link.href.startsWith('javascript:')) { 8561 if (link.target === '_blank') { 8562 window.open(link.href, '_blank'); 8563 } else { 8564 window.location.href = link.href; 8565 } 8566 } 8567 }, true); // Use capture phase to intercept before the button handles it 8568 })(); 8569</script>
8569 8570 8571 8572 8573</div> 8574<div id="shopify-block-AUHhaNVdndFYrcFZSe__popover_target_item_experts" class="shopify-block w-full"> 8575 8576 8577<button popovertarget="mobile-science-experts" class="w-full popover-button-target"> 8578 8579<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold !text-[var(--custom-text-color)] text-block--AczQ2dTJ1OW5Vdk9WL__text_experts text-block-custom-css--AczQ2dTJ1OW5Vdk9WL__text_experts" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8580 --padding-block-end: 15px; 8581 --padding-inline-start: 15px; 8582 --padding-inline-end: 15px; 8583--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><div>Experts 8584 8585</div></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 20px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></div><style>@media screen and (max-width: 47.9375em) { 8586 .text-block-custom-css--AczQ2dTJ1OW5Vdk9WL__text_experts.text-block-custom-css--AczQ2dTJ1OW5Vdk9WL__text_experts { 8587 padding:15px 0px;border-top:1px solid black; 8588 } 8589 }</style> 8590 8591 8592</button> 8593
8594<script> 8595 // Prevent popover toggle when clicking on links inside popover-target-item buttons 8596 // Links should navigate, not close the menu 8597 (function() { 8598 if (window.__popoverTargetLinkHandlerInit) return; 8599 window.__popoverTargetLinkHandlerInit = true; 8600 8601 document.addEventListener('click', function(e) { 8602 // Check if the click target is a link or inside a link 8603 var link = e.target.closest('a[href]'); 8604 if (!link) return; 8605 8606 // Check if the link is inside a popover-target-item button 8607 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 8608 if (!popoverButton) return; 8609 8610 // Stop the event from reaching the button's popovertarget behavior 8611 e.stopPropagation(); 8612 8613 // Navigate to the link 8614 if (link.href && !link.href.startsWith('javascript:')) { 8615 if (link.target === '_blank') { 8616 window.open(link.href, '_blank'); 8617 } else { 8618 window.location.href = link.href; 8619 } 8620 } 8621 }, true); // Use capture phase to intercept before the button handles it 8622 })(); 8623</script>
8623 8624 8625 8626 8627</div> 8628<div id="shopify-block-Ab050cG5DeUphN0h2M__popover_target_item_7B9kEW" class="shopify-block w-full"> 8629 8630 8631<button popovertarget="mobile-science-blog" class="w-full popover-button-target"> 8632 8633<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start !flex-row items-center flex-row-reverse pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-body-bold !text-[var(--custom-text-color)] text-block--AMVN1WTIyRlJtdnQzV__text_CMUz3m text-block-custom-css--AMVN1WTIyRlJtdnQzV__text_CMUz3m" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8634 --padding-block-end: 15px; 8635 --padding-inline-start: 15px; 8636 --padding-inline-end: 15px; 8637--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left flex-1"><div>Blog 8638 8639</div></span><img src="//prolonlife.com/cdn/shop/files/arrow-simple.png?v=1765625015" alt="Decorative icon" class="w-[var(--icon-size)] h-[var(--icon-size)] object-contain flex-shrink-0 ml-[var(--icon-spacing)]" style="--icon-size: 20px; --icon-spacing: 8px;" loading="lazy" aria-hidden="true"></div><style>@media screen and (max-width: 47.9375em) { 8640 .text-block-custom-css--AMVN1WTIyRlJtdnQzV__text_CMUz3m.text-block-custom-css--AMVN1WTIyRlJtdnQzV__text_CMUz3m { 8641 padding:15px 0px;border-top:1px solid black;border-bottom:1px solid black; 8642 } 8643 }</style> 8644 8645 8646</button> 8647
8648<script> 8649 // Prevent popover toggle when clicking on links inside popover-target-item buttons 8650 // Links should navigate, not close the menu 8651 (function() { 8652 if (window.__popoverTargetLinkHandlerInit) return; 8653 window.__popoverTargetLinkHandlerInit = true; 8654 8655 document.addEventListener('click', function(e) { 8656 // Check if the click target is a link or inside a link 8657 var link = e.target.closest('a[href]'); 8658 if (!link) return; 8659 8660 // Check if the link is inside a popover-target-item button 8661 var popoverButton = link.closest('button.popover-button-target[popovertarget]'); 8662 if (!popoverButton) return; 8663 8664 // Stop the event from reaching the button's popovertarget behavior 8665 e.stopPropagation(); 8666 8667 // Navigate to the link 8668 if (link.href && !link.href.startsWith('javascript:')) { 8669 if (link.target === '_blank') { 8670 window.open(link.href, '_blank'); 8671 } else { 8672 window.location.href = link.href; 8673 } 8674 } 8675 }, true); // Use capture phase to intercept before the button handles it 8676 })(); 8677</script>
8677 8678 8679 8680 8681</div> 8682</div> 8683</div> 8684 </div> 8685 8686 8687<div class="simple-nav" data-simple-nav="science" style="display: none;"> 8688 <div class="simple-nav__inner"><div class="simple-nav__col"><span class="simple-nav__title">Our Research</span><ul class="simple-nav__list"><li class="simple-nav__item"> 8689 <a class="simple-nav__link" href="/pages/the-science">The Science</a> 8690 </li><li class="simple-nav__item"> 8691 <a class="simple-nav__link" href="/pages/fasting-mimicking-diet">Fasting Mimicking Diet</a> 8692 </li></ul> 8693 </div><div class="simple-nav__col"><span class="simple-nav__title">Experts</span><ul class="simple-nav__list"><li class="simple-nav__item"> 8694 <a class="simple-nav__link" href="/pages/william-hsu">William Hsu, MD</a> 8695 </li><li class="simple-nav__item"> 8696 <a class="simple-nav__link" href="/pages/experts-joseph-antoun">Joseph Antoun, MD, PhD, MPP</a> 8697 </li><li class="simple-nav__item"> 8698 <a class="simple-nav__link" href="/pages/andrea-ghirardi">Andrea Ghirardi, MBA</a> 8699 </li><li class="simple-nav__item"> 8700 <a class="simple-nav__link" href="/pages/ashley-bizzell">Ashley Bizzell, RD, LDN, CDCES</a> 8701 </li><li class="simple-nav__item"> 8702 <a class="simple-nav__link" href="/pages/renee-fitton">Renee Fitton, MS, RDN</a> 8703 </li><li class="simple-nav__item"> 8704 <a class="simple-nav__link" href="/pages/melanie-murphy-richter">Melanie Murphy Richter, MS, RDN</a> 8705 </li></ul> 8706 </div><div class="simple-nav__col"><span class="simple-nav__title">Our Stories</span><ul class="simple-nav__list"><li class="simple-nav__item"> 8707 <a class="simple-nav__link" href="/blogs/stories">Blog</a> 8708 </li><li class="simple-nav__item"> 8709 <a class="simple-nav__link" href="/pages/almost-forever-podcast">Almost Forever podcast</a> 8710 </li></ul> 8711 </div></div> 8712 </div> 8713 </el-popover> 8714</div> 8715 8716<style> 8717 /* Mobile menu dialog is position:fixed below the header. Without a height cap the 8718 content runs off the bottom of short (iPhone) viewports with no way to scroll. 8719 Cap to the viewport area below the header and let it scroll. dvh handles the 8720 iOS dynamic URL bar; overscroll-contain stops scroll chaining to the page. 8721 Do NOT add overflow-x:hidden here â combined with overflow-y:auto it breaks 8722 vertical touch scrolling inside this fixed element on iOS Safari. */ 8723 .mega-menu-popover { 8724 max-height: calc(100dvh - var(--header-group-height, 85px)); 8725 overflow-y: auto; 8726 overscroll-behavior: contain; 8727 -webkit-overflow-scrolling: touch; 8728 } 8729</style> 8730 8731 8732</div> 8733<div id="shopify-block-AcDVPSlpOa2lGNkd0U__single_mobile_menu_dialog_P4EiP9" class="shopify-block"> 8734 8735 8736 8737 8738<div class="relative z-50 isolate single-mega-menu group !mb-0" 8739 data-menu-id="mobile-about" 8740> 8741 <el-popover id="mobile-about" popover class="mega-menu-popover fixed left-0 right-0 m-0 w-full bg-white p-0 transition-all [transition-behavior:allow-discrete] backdrop:bg-transparent open:block data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in max-w-[1600px] mx-auto border-t-[1px] border-solid border-gray-700 z-[97]" style="top: var(--header-group-height, 85px);"> 8742 8743 <button popovertarget="mobile-about" class="flex items-center w-full gap-2 p-4 text-sm font-semibold text-left text-darkGreen"> 8744 8745 <img height="14" width="20" src="/cdn/shop/files/Group_9_0ff33f44-c1f6-464d-a060-efbb56c0c0a5.svg?v=1759018520" alt="" class="rotate-180 text-block-icon text-block-icon--right w-[20px]" loading="lazy" > 8746 8747 BACK 8748 </button> 8749 8750 <div aria-hidden="true" class="absolute inset-0 bg-white shadow-lg top-1/2 ring-1 ring-gray-900/5"></div> 8751 <div class="relative bg-white border-gray-700 border-solid b mega-menu-content p-[20px] pt-0"> 8752 8753<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 0px; 8754 --group-gap-mobile: 0px; 8755 --padding-block-start: 0px; 8756 --padding-block-end: 0px; 8757 --padding-inline-start: 0px; 8758 --padding-inline-end: 0px; 8759 --padding-block-start-mobile: 0px; 8760 --padding-block-end-mobile: 0px; 8761 --padding-inline-start-mobile: 0px; 8762 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ATmxLTTRLSEhFa1BhU__group_WNfRDB"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 8763<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-subtitle-regular rte !text-[var(--custom-text-color)] text-block--AUnU1em84ME
8763hib0k5d__text_fyfzBC text-block-custom-css--AUnU1em84MEhib0k5d__text_fyfzBC" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 15px; 8764 --padding-block-end: 15px; 8765 --padding-inline-start: 15px; 8766 --padding-inline-end: 15px; 8767--color: #1e4036;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>About</p></span></rte-formatter><style>@media screen and (max-width: 47.9375em) { 8768 .text-block-custom-css--AUnU1em84MEhib0k5d__text_fyfzBC.text-block-custom-css--AUnU1em84MEhib0k5d__text_fyfzBC { 8769 padding:20px 0px; 8770padding-top:0px; 8771margin-bottom:0px; 8772 } 8773 }</style> 8774 8775 8776<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)] mb-[18px]" style="--group-gap: 18px; 8777 --group-gap-mobile: 18px; 8778 --padding-block-start: 0px; 8779 --padding-block-end: 0px; 8780 --padding-inline-start: 0px; 8781 --padding-inline-end: 0px; 8782 --padding-block-start-mobile: 0px; 8783 --padding-block-end-mobile: 0px; 8784 --padding-inline-start-mobile: 0px; 8785 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AQ1l2eDBJQnh4V2RzS__group_xVRQEe"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:justify-start items-center "> 8786<a href="/pages/our-story" class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.8090909090909091; 8787 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=3840" alt="Our story" srcset="//prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=300 300w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=450 450w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=600 600w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=750 750w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=900 900w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1050 1050w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1200 1200w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1350 1350w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1500 1500w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1650 1650w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1800 1800w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=1950 1950w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=2000 2000w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=2500 2500w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=3000 3000w, //prolonlife.com/cdn/shop/files/Frame_1321322310_71b674d3-4edb-4ffb-b09e-e58701ff4698.png?v=1769447306&width=3500 3500w" width="534" height="660" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100v
8787w, 100vw"></a> 8788 8789<a href="/pages/philanthropy" class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.8090909090909091; 8790 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=3840" alt="Philanthropy" srcset="//prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=300 300w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=450 450w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=600 600w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=750 750w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=900 900w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1050 1050w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1200 1200w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1350 1350w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1500 1500w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1650 1650w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1800 1800w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=1950 1950w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=2000 2000w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=2500 2500w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=3000 3000w, //prolonlife.com/cdn/shop/files/Frame_1321322315_01c89ee5-3009-4754-a601-31856cc72edb.png?v=1769447306&width=3500 3500w" width="534" height="660" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100vw, 100vw"></a> 8791</div> 8792</div> 8793<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)] mb-[18px]" style="--group-gap: 18px; 8794 --group-gap-mobile: 18px; 8795 --padding-block-start: 0px; 8796 --padding-block-end: 0px; 8797 --padding-inline-start: 0px; 8798 --padding-inline-end: 0px; 8799 --padding-block-start-mobile: 0px; 8800 --padding-block-end-mobile: 0px; 8801 --padding-inline-start-mobile: 0px; 8802 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ATzBRZW5lejltUHNpa__group_LpLcJK"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:justify-start items-center "> 8803<a href="https://prolonlife.com/products/metabolic-reset-program?utm_source=site-traffic&utm_medium=main-nav" class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.8090909090909091; 8804 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=3840" alt="Metabolic Reset Program" srcset="//prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=300 300w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=450 450w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=600 600w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=750 750w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=900 900w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1050 1050w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1200 1200w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1350 1350w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1500 1500w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1650 1650w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1800 1800w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=1950 1950w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=2000 2000w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=2500 2500w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=3000 3000w, //prolonlife.com/cdn/shop/files/Frame_1321322317_96b3bed0-c469-428d-a557-31dc1e1dd6fe.png?v=1769447305&width=3500 3500w" width="534" height="660" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100v
8804w, 100vw"></a> 8805 8806<a href="https://prolonlife.com/pages/l-nutra-health" class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.8090909090909091; 8807 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=3840" alt="L-Nutra Health" srcset="//prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=300 300w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=450 450w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=600 600w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=750 750w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=900 900w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1050 1050w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1200 1200w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1350 1350w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1500 1500w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1650 1650w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1800 1800w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=1950 1950w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=2000 2000w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=2500 2500w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=3000 3000w, //prolonlife.com/cdn/shop/files/Frame_1321322316_1ff62588-cb8d-481f-9ce9-28453c22f150.png?v=1769447305&width=3500 3500w" width="534" height="660" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100vw, 100vw"></a> 8808</div> 8809</div></div> 8810</div> 8811 </div> 8812 8813 8814<div class="simple-nav" data-simple-nav="about" style="display: none;"> 8815 <div class="simple-nav__inner"><div class="simple-nav__col"><ul class="simple-nav__list"><li class="simple-nav__item"> 8816 <a class="simple-nav__link" href="/pages/our-story">Our Story</a> 8817 </li><li class="simple-nav__item"> 8818 <a class="simple-nav__link" href="/pages/philanthropy">Philanthropy</a> 8819 </li></ul> 8820 </div></div> 8821 </div> 8822 </el-popover> 8823</div> 8824 8825<style> 8826 /* Mobile menu dialog is position:fixed below the header. Without a height cap the 8827 content runs off the bottom of short (iPhone) viewports with no way to scroll. 8828 Cap to the viewport area below the header and let it scroll. dvh handles the 8829 iOS dynamic URL bar; overscroll-contain stops scroll chaining to the page. 8830 Do NOT add overflow-x:hidden here â combined with overflow-y:auto it breaks 8831 vertical touch scrolling inside this fixed element on iOS Safari. */ 8832 .mega-menu-popover { 8833 max-height: calc(100dvh - var(--header-group-height, 85px)); 8834 overflow-y: auto; 8835 overscroll-behavior: contain; 8836 -webkit-overflow-scrolling: touch; 8837 } 8838</style> 8839 8840 8841</div> 8842 8843</div> 8844 8845 8846 8847<style> #shopify-section-sections--19843808067742__mobile_mega_menu_Xyf7Qy.menu-section-mobile-component {} </style></div><div id="shopify-section-sections--19843808067742__mobile_mega_menu_ATJWdK" class="shopify-section shopify-section-group-header-group menu-section-mobile-component"><style> 8848 body.mobile-menu-open { 8849 overflow: hidden; 8850 height: 100vh; 8851 .menu-section-mobile-component { 8852 display: block !important; 8853 border-top:0.9px solid black; 8854 height: 100vh; 8855 } 8856 } 8857</style> 8858<div class=" menu-section-mobile-component bg-white" style="display: none;"> 8859 8860</div> 8861 8862 8863 8864</div> 8865<!-- END sections: header-group --> 8866 8867 </header> 8868 8869
8869<script 8870 src="//prolonlife.com/cdn/shop/t/119/assets/critical.js?v=34395725382898153171762187880" 8871 type="module" 8872 async 8873 blocking="render" 8874 ></script>
8874 8875 8876
8876<script> 8877 8878 // window.CART_TYPE = "PAGE"; 8879 window.CART_TYPE='DRAWER'; 8880 8881 window.SuperCart = { 8882 ShowCartfn: function () { 8883 if (window.CART_TYPE == "PAGE") { 8884 location.href = "/cart"; 8885 } 8886 else{ 8887 toggleCart.showCart(); 8888 } 8889 } 8890 } 8891</script>
8891 8892 <!-- king-slide-cart --> 8893
8894<script> 8895 (function () { 8896 /* Is the lean cart on for this page view? 8897 Read fresh on every call â deliberately NOT persisted anywhere durable. 8898 The lean cart is the DEFAULT, so this returns true unless something 8899 explicitly asks for the original: 8900 8901 1. window.LEAN_CART â still wins, so an experiment tool can hold a control 8902 group on the original cart by setting it to false on each page load. 8903 Nothing is stored, so when the test stops every visitor lands on the 8904 lean default again with no stale state in their browser. 8905 2. sessionStorage "lean_cart_qa" â manual QA only ("0" = original, 8906 "1" = lean). Dies with the tab, so a QA session can never turn into a 8907 permanent state weeks later. */ 8908 window.__leanCartOn = function () { 8909 if (typeof window.LEAN_CART === "boolean") return window.LEAN_CART; 8910 try { 8911 var qa = sessionStorage.getItem("lean_cart_qa"); 8912 if (qa === "0") return false; 8913 if (qa === "1") return true; 8914 } catch (e) {} 8915 return true; 8916 }; 8917 8918 /* Which lean-cart variant is this page view in? 8919 The lean cart itself is one design; the variants only decide which two 8920 optional sections it renders: 8921 8922 1 (default) â expedited shipping ON, recommendations ON (ships today) 8923 2 â expedited shipping OFF, recommendations OFF 8924 3 â expedited shipping ON, recommendations OFF 8925 8926 Same rules as __leanCartOn: read fresh on every call, nothing persisted. 8927 8928 1. window.LEAN_CART_VARIANT â the A/B assignment, set per page load by 8929 the bucketer (Intelligems). Accepts 1/2/3 as a number or a string. 8930 2. sessionStorage "lean_cart_variant_qa" â manual QA only, dies with the 8931 tab, so it can never turn into a permanent state. 8932 Anything unrecognised falls back to 1, so a bad value can only ever show 8933 the cart that ships today. */ 8934 window.__leanCartVariant = function () { 8935 var n = parseInt(window.LEAN_CART_VARIANT, 10); 8936 if (n === 1 || n === 2 || n === 3) return n; 8937 try { 8938 var qa = parseInt(sessionStorage.getItem("lean_cart_variant_qa"), 10); 8939 if (qa === 1 || qa === 2 || qa === 3) return qa; 8940 } catch (e) {} 8941 return 1; 8942 }; 8943 8944 /* Clear the old persistent key. An earlier build stored the assignment in 8945 localStorage, which would have kept showing the lean cart long after a 8946 test ended. Safe to delete this block once it has shipped for a while. */ 8947 try { 8948 localStorage.removeItem("lean_cart"); 8949 } catch (e) {} 8950 8951 window.__leanCartFonts = function () { 8952 if (document.getElementById("lean-cart-fonts")) return; 8953 var link = document.createElement("link"); 8954 link.id = "lean-cart-fonts"; 8955 link.rel = "stylesheet"; 8956 link.href = "https://fonts.googleapis.com/css2?family=Lora:wght@600;700&display=swap"; 8957 document.head.appendChild(link); 8958 }; 8959 8960 if (window.__leanCartOn()) window.__leanCartFonts(); 8961 })(); 8962</script>
8962 8963 8964<style> 8965 /* ---------- Tokens ---------- */ 8966 .lc-root { 8967 --lc-cream: #f4f1ea; 8968 --lc-green: #1f3d2b; 8969 --lc-green-cta: #5b8a3a; 8970 --lc-green-text: #3b6d11; 8971 --lc-mint: #e7f0dd; 8972 --lc-mint-track: #c9ddb4; 8973 --lc-sand: #e4dbc9; 8974 --lc-sand-toggle: #d8ccb4; 8975 --lc-muted: #6b6a63; 8976 --lc-strike: #9b9a92; 8977 --lc-divider: #ece8df; 8978 --lc-badge: #ddecc9; 8979 --lc-footer-text: #f4f1ea; 8980 --lc-trust-text: #dce6d3; 8981 --lc-terms: #9db090; 8982 } 8983 8984 .lc-root, .lc-root *, .lc-root *::before, .lc-root *::after { box-sizing: border-box; } 8985 8986 /* The overlay and panel are position:fixed, so they never add to document 8987 overflow while parked off-canvas. Explicit z-index keeps the panel above the 8988 overlay regardless of what #cart-with-header's stacking context contains. */ 8989 .lc-root { position: relative; z-index: 1000; } 8990 8991 /* ---------- Drawer chrome ---------- */ 8992 .lc-overlay { 8993 position: fixed; 8994 inset: 0; 8995 z-index: 1000; 8996 background: rgba(31, 61, 43, 0.28); 8997 backdrop-filter: blur(6px); 8998 -webkit-backdrop-filter: blur(6px); 8999 opacity: 0; 9000 pointer-events: none; 9001 transition: opacity 300ms ease-in-out; 9002 cursor: pointer; 9003 } 9004 .lc-open .lc-overlay { opacity: 1; pointer-events: auto; } 9005 9006 .lc-panel { 9007 position: fixed; 9008 z-index: 1001; 9009 top: 0; 9010 right: 0; 9011 bottom: 0; 9012 width: 100%; 9013 max-width: 440px; 9014 background: var(--lc-cream); 9015 display: flex; 9016 flex-direction: column; 9017 transform: translateX(100%); 9018 transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1); 9019 box-shadow: -8px 0 32px rgba(31, 61, 43, 0.16); 9020 pointer-events: none; 9021 font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; 9022 color: var(--lc-green); 9023 } 9024 .lc-open .lc-panel { transform: translateX(0); pointer-events: auto; } 9025 9026 .lc-scroll { 9027 flex: 1 1 auto; 9028 min-height: 0; 9029 overflow-y: auto; 9030 overflow-x: hidden; 9031 -webkit-overflow-scrolling: touch; 9032 } 9033 9034 .lc-section { width: 100%; padding: 0 16px 16px; } 9035 9036 /* ---------- Header ---------- */ 9037 .lc-header { 9038 flex-shrink: 0; 9039 width: 100%; 9040 display: flex; 9041 align-items: center; 9042 justify-content: space-between; 9043 padding: 22px 24px 18px; 9044 background: var(--lc-cream); 9045 } 9046 .lc-title { 9047 font-family: 'Lora', Georgia, serif; 9048 font-weight: 600; 9049 font-size: 26px; 9050 color: var(--lc-green); 9051 white-space: nowrap; 9052 line-height: normal; 9053 margin: 0; 9054 padding: 0; 9055 } 9056 .lc-close { 9057 font-size: 22px; 9058 line-height: 22px; 9059 color: var(--lc-green); 9060 font-weight: 400; 9061 cursor: pointer; 9062 background: none; 9063 border: 0; 9064 padding: 0; 9065 font-family: inherit; 9066 } 9067 9068 /* ---------- Promo gift progress bar ---------- 9069 Takes the place of the free-shipping banner while the promo is on. The bar 9070 itself is the shared snippet (king-promo-gift-progress-bar); all that is 9071 restated here is the lean frame around it and the two theme colours, so the 9072 widget picks up the lean palette instead of its own. */ 9073 .lc-promo-gift { 9074 width: 100%; 9075 background: var(--lc-mint); 9076 border-radius: 14px; 9077 padding: 16px 14px 18px; 9078 } 9079 .lc-promo-gift .pgpb { 9080 --pgpb-green: var(--lc-green-cta); 9081 --pgpb-ink: var(--lc-green); 9082 margin: 0; 9083 } 9084 .lc-promo-gift .pgpb__track { background: var(--lc-mint-track); }.lc-promo-gift .pgpb-spend__track { background: var(--lc-mint-track); } 9085 .lc-promo-gift .pgpb-spend { --pgpb-knob-ring: var(--lc-mint); }/* ---------- Free shipping banner ---------- */ 9086 .lc-shipping-banner { 9087 width: 100%; 9088 background: var(--lc-mint); 9089 border-radius: 14px; 9090 padding: 18px 20px 22px; 9091 display: flex; 9092 flex-direction: column; 9093 gap: 14px; 9094 align-items: flex-start; 9095 } 9096 .lc-shipping-banner-text { 9097 width: 100%; 9098 text-align: center; 9099 font-size: 15px; 9100 font-weight: 600; 9101 color: var(--lc-green); 9102 line-height: 1.35; 9103 margin: 0; 9104 } 9105 .lc-progress-track { 9106 position: relative; 9107 width: 100%; 9108 height: 8px; 9109 background: var(--lc-mint-track); 9110 border-radius: 4px; 9111 } 9112 .lc-progress-fill { 9113 position: absolute; 9114 top: 0; 9115 bottom: 0; 9116 left: 0; 9117 min-width: 34px; 9118 background: var(--lc-green); 9119 border-radius: 4px; 9120 transition: width 1s cubic-bezier(0.22, 1, 0.36, 1); 9121 } 9122 .lc-progress-knob { 9123 position: absolute; 9124 right: -2px; 9125 top: 50%; 9126 transform: translateY(-50%); 9127 width: 34px; 9128 height: 34px;
9129 border-radius: 17px; 9130 background: var(--lc-green); 9131 border: 3px solid var(--lc-mint); 9132 display: flex; 9133 align-items: center; 9134 justify-content: center; 9135 } 9136 .lc-progress-knob svg { width: 16px; height: 16px; display: block; } 9137 9138 /* ---------- White cards ---------- */ 9139 .lc-card { 9140 width: 100%; 9141 background: #ffffff; 9142 border-radius: 14px; 9143 overflow: hidden; 9144 display: flex; 9145 flex-direction: column; 9146 align-items: flex-start; 9147 } 9148 .lc-card ul { list-style: none; margin: 0; padding: 0; width: 100%; } 9149 .lc-divider { border-top: 1px solid var(--lc-divider); } 9150 9151 /* ---------- Line items ---------- */ 9152 .lc-line-item { 9153 width: 100%; 9154 display: flex; 9155 align-items: flex-start; 9156 padding: 18px; 9157 } 9158 .lc-line-item-thumb-wrap { 9159 width: 108px; 9160 height: 92px; 9161 padding-right: 16px; 9162 flex-shrink: 0; 9163 } 9164 .lc-line-item-thumb { 9165 width: 92px; 9166 height: 92px; 9167 border-radius: 10px; 9168 background: #f0ede4; 9169 overflow: hidden; 9170 } 9171 .lc-line-item-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } 9172 9173 .lc-line-item-body { 9174 flex: 1 0 0; 9175 min-width: 1px; 9176 align-self: stretch; 9177 display: flex; 9178 flex-direction: column; 9179 align-items: flex-start; 9180 } 9181 .lc-line-item-top { 9182 width: 100%; 9183 display: flex; 9184 align-items: flex-start; 9185 justify-content: space-between; 9186 gap: 10px; 9187 color: var(--lc-green); 9188 } 9189 .lc-line-item-name { 9190 font-family: 'Lora', Georgia, serif; 9191 font-weight: 600; 9192 font-size: 18px; 9193 line-height: 1.25; 9194 margin: 0; 9195 padding: 0; 9196 } 9197 .lc-line-item-name a { color: inherit; text-decoration: none; }.lc-root .lc-line-item-name a.lc-line-item-link:hover, 9198 .lc-root .lc-line-item-name a.lc-line-item-link:focus, 9199 .lc-root .lc-line-item-name a.lc-line-item-link:active, 9200 .lc-root .lc-line-item-name a:hover, 9201 .lc-root .lc-line-item-name a:focus, 9202 .lc-root .lc-line-item-name a:active { 9203 color: var(--lc-green) !important; 9204 text-decoration: none !important; 9205 text-decoration-color: transparent !important; 9206 } 9207 .lc-line-item-remove { 9208 background: none; 9209 border: 0; 9210 padding: 0; 9211 font-family: inherit; 9212 font-size: 12px; 9213 font-weight: 500; 9214 color: var(--lc-green); 9215 text-decoration: underline; 9216 text-underline-position: from-font; 9217 line-height: normal; 9218 margin: 0; 9219 cursor: pointer; 9220 flex-shrink: 0; 9221 white-space: nowrap; 9222 } 9223 .lc-line-item-remove:disabled { cursor: wait; opacity: 0.6; } 9224 .lc-line-item-variant { 9225 width: 100%; 9226 padding-top: 4px; 9227 font-size: 13px; 9228 color: var(--lc-muted); 9229 line-height: normal; 9230 } 9231 .lc-line-item-sub { 9232 width: 100%; 9233 padding-top: 6px; 9234 display: flex; 9235 align-items: center; 9236 gap: 6px; 9237 font-size: 13px; 9238 font-weight: 500; 9239 color: var(--lc-green-text); 9240 line-height: normal; 9241 } 9242 .lc-line-item-sub svg { width: 14px; height: 14px; display: block; flex-shrink: 0; } 9243 .lc-line-item-note { 9244 width: 100%; 9245 padding-top: 6px; 9246 display: flex; 9247 align-items: flex-start; 9248 gap: 6px; 9249 font-size: 12px; 9250 font-style: italic; 9251 color: var(--lc-muted); 9252 line-height: 1.4; 9253 } 9254 .lc-line-item-note svg { width: 14px; height: 14px; display: block; flex-shrink: 0; margin-top: 2px; } 9255 9256 .lc-line-item-bottom { 9257 width: 100%; 9258 padding-top: 12px; 9259 display: flex; 9260 align-items: flex-end; 9261 justify-content: space-between; 9262 gap: 10px; 9263 } 9264 .lc-qty { 9265 display: flex; 9266 align-items: center; 9267 border: 1px solid var(--lc-green); 9268 border-radius: 20px; 9269 padding: 8px 16px; 9270 flex-shrink: 0; 9271 } 9272 .lc-qty button { 9273 background: none; 9274 border: 0; 9275 padding: 0; 9276 font-family: inherit; 9277 font-size: 15px; 9278 font-weight: 500; 9279 color: var(--lc-green); 9280 line-height: normal; 9281 cursor: pointer; 9282 } 9283 .lc-qty button:disabled { cursor: wait; opacity: 0.5; } 9284 .lc-qty-value { 9285 padding: 0 18px; 9286 font-size: 15px; 9287 font-weight: 500; 9288 color: var(--lc-green); 9289 line-height: normal; 9290 min-width: 54px; 9291 text-align: center; 9292 } 9293 .lc-line-item-price { 9294 display: flex; 9295 align-items: baseline; 9296 gap: 8px; 9297 font-family: 'Lora', Georgia, serif; 9298 font-weight: 700; 9299 font-size: 18px; 9300 color: var(--lc-green); 9301 line-height: normal; 9302 white-space: nowrap; 9303 margin-left: auto; 9304 } 9305 .lc-line-item-price s { 9306 font-family: 'Inter', sans-serif; 9307 font-weight: 400; 9308 font-size: 14px; 9309 color: var(--lc-strike); 9310 text-decoration: line-through; 9311 } 9312 9313 .lc-gift-row { 9314 width: 100%; 9315 padding-top: 6px; 9316 display: flex; 9317 align-items: center; 9318 } 9319 .lc-gift-strike { 9320 padding-right: 8px; 9321 font-size: 14px; 9322 color: var(--lc-strike); 9323 text-decoration: line-through; 9324 text-decoration-skip-ink: none; 9325 line-height: normal; 9326 white-space: nowrap; 9327 } 9328 .lc-gift-label { 9329 font-size: 14px; 9330 font-weight: 600; 9331 color: var(--lc-green-text); 9332 line-height: normal; 9333 white-space: nowrap; 9334 } 9335 9336 .lc-discount-line { 9337 width: 100%; 9338 padding-top: 6px; 9339 display: flex; 9340 align-items: center; 9341 gap: 6px; 9342 font-size: 12.5px; 9343 font-weight: 500; 9344 color: var(--lc-green-text); 9345 } 9346 .lc-bundle-toggle { 9347 padding-top: 8px; 9348 font-size: 12px; 9349 text-decoration: underline; 9350 color: var(--lc-muted); 9351 cursor: pointer; 9352 } 9353 .lc-bundle-list { font-size: 12px; color: var(--lc-muted); padding-top: 4px; } 9354 9355 /* ---------- Expedited shipping ---------- */ 9356 .lc-expedited { 9357 width: 100%; 9358 background: var(--lc-sand); 9359 border-radius: 14px; 9360 padding: 18px 20px; 9361 display: flex; 9362 align-items: center; 9363 } 9364 .lc-expedited-icon { padding: 0 14px 4px 0; flex-shrink: 0; } 9365 .lc-expedited-icon svg { width: 24px; height: 24px; display: block; } 9366 .lc-expedited-body { 9367 flex: 1 0 0; 9368 min-width: 1px; 9369 padding-right: 14px; 9370 display: flex; 9371 flex-direction: column; 9372 align-items: flex-start; 9373 gap: 4px; 9374 } 9375 .lc-expedited-title { 9376 width: 100%; 9377 font-family: 'Lora', Georgia, serif; 9378 font-weight: 600; 9379 font-size: 17px; 9380 color: var(--lc-green); 9381 line-height: normal; 9382 } 9383 .lc-expedited-meta { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } 9384 .lc-expedited-meta-text { 9385 padding-right: 10px; 9386 font-size: 13px; 9387 color: var(--lc-muted); 9388 line-height: normal; 9389 } 9390 .lc-expedited-meta-price { 9391 font-size: 15px; 9392 font-weight: 700; 9393 color: var(--lc-green); 9394 line-height: normal; 9395 white-space: nowrap; 9396 } 9397 .lc-expedited-fine { font-size: 11.5px; font-style: italic; color: var(--lc-muted); } 9398 .lc-toggle { 9399 width: 46px;
9400 height: 26px; 9401 background: var(--lc-sand-toggle); 9402 border: 0; 9403 border-radius: 13px; 9404 padding: 3px; 9405 flex-shrink: 0; 9406 display: flex; 9407 align-items: center; 9408 justify-content: flex-start; 9409 cursor: pointer; 9410 transition: background-color 250ms ease; 9411 } 9412 .lc-toggle.lc-on { background: var(--lc-green); justify-content: flex-end; } 9413 .lc-toggle-knob { 9414 width: 20px; 9415 height: 20px; 9416 background: #ffffff; 9417 border-radius: 10px; 9418 flex-shrink: 0; 9419 transition: transform 250ms ease; 9420 } 9421 9422 /* ---------- Recommended ---------- */ 9423 .lc-rec-heading { 9424 width: 100%; 9425 padding: 4px 16px 12px; 9426 font-family: 'Lora', Georgia, serif; 9427 font-weight: 600; 9428 font-size: 17px; 9429 color: var(--lc-green); 9430 line-height: normal; 9431 } 9432 .lc-rec-item { 9433 width: 100%; 9434 display: flex; 9435 align-items: center; 9436 padding: 18px; 9437 } 9438 /* Rows come from a mix of v-if/v-for, so divide with the sibling selector 9439 instead of an index â a falsy v-if leaves a comment node, which CSS skips. */ 9440 .lc-card > .lc-rec-item + .lc-rec-item { border-top: 1px solid var(--lc-divider); } 9441 .lc-rec-thumb-wrap { width: 90px; height: 76px; padding-right: 14px; flex-shrink: 0; } 9442 .lc-rec-thumb { 9443 width: 76px; 9444 height: 76px; 9445 border-radius: 10px; 9446 background: #f0ede4; 9447 overflow: hidden; 9448 } 9449 .lc-rec-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; } 9450 .lc-rec-body { 9451 flex: 1 0 0; 9452 min-width: 1px; 9453 padding-right: 14px; 9454 display: flex; 9455 flex-direction: column; 9456 align-items: flex-start; 9457 gap: 6px; 9458 } 9459 .lc-rec-title { 9460 width: 100%; 9461 font-family: 'Lora', Georgia, serif; 9462 font-weight: 600; 9463 font-size: 16px; 9464 color: var(--lc-green); 9465 line-height: 1.25; 9466 margin: 0; 9467 padding: 0; 9468 } 9469 .lc-rec-price-row { width: 100%; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } 9470 .lc-rec-price { 9471 font-family: 'Lora', Georgia, serif; 9472 font-weight: 700; 9473 font-size: 15px; 9474 color: var(--lc-green); 9475 line-height: normal; 9476 white-space: nowrap; 9477 } 9478 .lc-rec-compare { 9479 font-size: 13px; 9480 color: var(--lc-strike); 9481 text-decoration: line-through; 9482 text-decoration-skip-ink: none; 9483 line-height: normal; 9484 white-space: nowrap; 9485 } 9486 .lc-badge { 9487 background: var(--lc-badge); 9488 border-radius: 20px; 9489 padding: 3px 9px; 9490 font-size: 11px; 9491 font-weight: 700; 9492 color: var(--lc-green-text); 9493 line-height: normal; 9494 white-space: nowrap; 9495 } 9496 .lc-variant-select { 9497 position: relative; 9498 display: flex; 9499 align-items: center; 9500 border: 1px solid #c9c6bb; 9501 border-radius: 20px; 9502 padding: 6px 12px; 9503 max-width: 100%; 9504 } 9505 .lc-variant-select select { 9506 -webkit-appearance: none; 9507 -moz-appearance: none; 9508 appearance: none; 9509 background: transparent; 9510 border: 0; 9511 outline: none; 9512 font-family: inherit; 9513 font-size: 12px; 9514 color: var(--lc-green); 9515 line-height: normal; 9516 padding-right: 16px; 9517 max-width: 170px; 9518 text-overflow: ellipsis; 9519 cursor: pointer; 9520 } 9521 .lc-variant-label { 9522 font-size: 12px; 9523 color: var(--lc-green); 9524 line-height: normal; 9525 white-space: nowrap; 9526 overflow: hidden; 9527 text-overflow: ellipsis; 9528 max-width: 170px; 9529 } 9530 .lc-variant-select svg { 9531 position: absolute; 9532 right: 10px; 9533 top: 50%; 9534 transform: translateY(-50%); 9535 width: 9px; 9536 height: 10px; 9537 display: block; 9538 pointer-events: none; 9539 } 9540 .lc-btn-add { 9541 background: var(--lc-green-cta); 9542 border: 0; 9543 border-radius: 20px; 9544 padding: 10px 18px; 9545 font-family: inherit; 9546 font-size: 13px; 9547 font-weight: 700; 9548 color: #ffffff; 9549 letter-spacing: 0.3px; 9550 line-height: normal; 9551 white-space: nowrap; 9552 cursor: pointer; 9553 flex-shrink: 0; 9554 display: flex; 9555 align-items: center; 9556 gap: 5px; 9557 } 9558 .lc-btn-add svg { width: 10px; height: 10px; display: block; } 9559 9560 /* ---------- Discount code ---------- */ 9561 .lc-discount-card { 9562 width: 100%; 9563 background: #ffffff; 9564 border-radius: 14px; 9565 overflow: hidden; 9566 padding: 18px; 9567 display: flex; 9568 flex-direction: column; 9569 align-items: flex-start; 9570 gap: 12px; 9571 } 9572 .lc-discount-card.lc-applied { background: var(--lc-green); } 9573 .lc-discount-label { 9574 width: 100%; 9575 font-family: 'Lora', Georgia, serif; 9576 font-weight: 600; 9577 font-size: 15px; 9578 color: var(--lc-green); 9579 line-height: normal; 9580 margin: 0; 9581 padding: 0; 9582 } 9583 .lc-discount-row { width: 100%; display: flex; align-items: stretch; } 9584 .lc-discount-input-wrap { flex: 1 0 0; min-width: 1px; padding-right: 10px; display: flex; } 9585 .lc-discount-input { 9586 width: 100%; 9587 background: #ffffff; 9588 border: 1px solid #1E4036; 9589 border-radius: 10px; 9590 padding: 12px 14px; 9591 font-family: inherit; 9592 font-size: 13px; 9593 color: var(--lc-green); 9594 line-height: normal; 9595 outline: none; 9596 } 9597 .lc-discount-input:focus { border-color: var(--lc-green); } 9598 .lc-discount-input::placeholder { color: #757575; } 9599 .lc-btn-apply { 9600 background: var(--lc-green); 9601 border: 0; 9602 border-radius: 10px; 9603 padding: 13.5px 22px; 9604 font-family: inherit; 9605 font-size: 13px; 9606 font-weight: 700; 9607 color: #ffffff; 9608 letter-spacing: 0.3px; 9609 line-height: normal; 9610 white-space: nowrap; 9611 cursor: pointer; 9612 flex-shrink: 0; 9613 } 9614 .lc-hcp-row { 9615 width: 100%; 9616 display: flex; 9617 align-items: center; 9618 justify-content: space-between; 9619 gap: 10px; 9620 color: #ffffff; 9621 } 9622 .lc-hcp-row .lc-hcp-code { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; } 9623 .lc-hcp-row .lc-hcp-discount { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 500; line-height: 1.2; text-transform: none; } 9624 .lc-hcp-row .lc-hcp-discount__paren { font-size:24px;font-weight:300;line-height:1; } 9625 .lc-hcp-row .lc-hcp-discount__lines { display: flex; flex-direction: column; } 9626 .lc-hcp-row button { background: none; border: 0; padding: 0; color: #ffffff; cursor: pointer; display: flex; } 9627 .lc-hcp-row svg { width: 18px; height: 18px; display: block; } 9628 9629 /* ---------- Empty state ---------- */ 9630 .lc-empty { 9631 width: 100%; 9632 min-height: 320px; 9633 display: flex; 9634 align-items: center; 9635 justify-content: center; 9636 text-align: center; 9637 padding: 24px; 9638 } 9639 .lc-empty h3 { 9640 font-family: 'Lora', Georgia, serif; 9641 font-weight: 600; 9642 font-size: 22px; 9643 color: var(--lc-green); 9644 margin: 0 0 24px; 9645 } 9646 .lc-empty a { 9647 display: inline-flex; 9648 align-items: center; 9649 justify-content: center; 9650 min-width: 229px; 9651 padding: 12px 20px; 9652 border: 2px solid var(--lc-green); 9653 border-radius: 999px; 9654 background: #ffffff; 9655 color: var(--lc-green); 9656 font-size: 13px; 9657 font-weight: 700; 9658 letter-spacing: 2px; 9659 text-decoration: none; 9660 } 9661 .lc-empty a:hover { background: var(--lc-green); color: #ffffff; } 9662 9663 /* ---------- Footer ---------- */ 9664 .lc-footer-wrap { flex-shrink: 0; width: 100%; padding-top: 4px; background: var(--lc-cream); } 9665 .lc-footer { 9666 width: 100%; 9667 background: var(--lc-green); 9668 border-radius: 20px 20px 0 0; 9669 padding: 20px 20px 24px; 9670 display: flex; 9671 flex-direction: column; 9672 align-items: flex-start; 9673 gap: 14px; 9674 } 9675 .lc-subtotal-row { 9676 width: 100%; 9677 display: flex; 9678 align-items: center; 9679 justify-content: space-between; 9680 gap: 10px; 9681 font-size: 15px; 9682 font-weight: 600; 9683 color: var(--lc-footer-text); 9684 line-height: normal; 9685 } 9686 .lc-subtotal-row s { color: rgba(244, 241, 234, 0.55); margin-right: 8px; font-weight: 400; } 9687 .lc-btn-checkout { 9688 width: 100%; 9689 background: var(--lc-green-cta); 9690 border: 0; 9691 border-radius: 12px; 9692 padding: 16px; 9693 display: flex; 9694 align-items: center; 9695 justify-content: center; 9696 gap: 8px; 9697 font-family: inherit; 9698 font-size: 15px; 9699 font-weight: 700; 9700 color: #ffffff; 9701 letter-spacing: 0.5px; 9702 line-height: normal; 9703 cursor: pointer; 9704 } 9705 .lc-btn-checkout svg { width: 14px; height: 14px; display: block; flex-shrink: 0; } 9706 9707 .lc-trust { 9708 width: 100%; 9709 display: flex; 9710 flex-wrap: wrap; 9711 justify-content: center; 9712 gap: 6px 16px; 9713 } 9714 .lc-trust-item { display: flex; align-items: center; gap: 5px; } 9715 .lc-trust-item svg { width: 12px; height: 12px; display: block; flex-shrink: 0; } 9716 .lc-trust-item span { font-size: 11.5px; color: var(--lc-trust-text); line-height: normal; } 9717 9718 .lc-terms { 9719 width: 100%; 9720 padding-top: 2px; 9721 text-align: center; 9722 font-size: 11px; 9723 color: var(--lc-terms); 9724 line-height: 16.5px; 9725 } 9726 .lc-terms p { margin: 0; } 9727 .lc-terms a { 9728 color: var(--lc-trust-text); 9729 text-decoration: underline; 9730 text-decoration-skip-ink: none; 9731 } 9732 /* Same base.css `p > a:hover` rule as the line-item title above â see the 9733 specificity note there. This link is inside a <p>, so it went white too. */ 9734 .lc-root .lc-terms a:hover, 9735 .lc-root .lc-terms a:focus, 9736 .lc-root .lc-terms a:active { 9737 color: var(--lc-trust-text) !important; 9738 text-decoration: underline; 9739 text-decoration-color: currentcolor; 9740 } 9741 9742 /* ---------- Gift removal confirmation ---------- */ 9743 .lc-modal { position: absolute; inset: 0; z-index: 110; display: flex; align-items: center; justify-content: center; padding: 20px; } 9744 .lc-modal-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); } 9745 .lc-modal-card { 9746 position: relative; 9747 width: 100%; 9748 max-width: 360px; 9749 background: #ffffff; 9750 border-radius: 14px; 9751 padding: 20px; 9752 text-align: center; 9753 box-shadow: 0 12px 32px rgba(31, 61, 43, 0.25); 9754 } 9755 .lc-modal-card h3 { font-family: 'Lora', Georgia, serif; font-size: 17px; font-weight: 600; color: var(--lc-green); margin: 0 0 8px; } 9756 .lc-modal-card p { font-size: 13px; color: var(--lc-muted); line-height: 1.5; margin: 0 0 18px; } 9757 .lc-modal-actions { display: flex; flex-direction: column; gap: 8px; } 9758 .lc-modal-actions button { 9759 width: 100%; 9760 border-radius: 999px; 9761 padding: 12px 18px; 9762 font-family: inherit; 9763 font-size: 13px; 9764 font-weight: 700; 9765 cursor: pointer; 9766 } 9767 .lc-modal-keep { background: var(--lc-green); border: 0; color: #ffffff; } 9768 .lc-modal-remove { background: #ffffff; border: 1px solid var(--lc-green); color: var(--lc-green); } 9769 9770 .lc-spin { animation: lc-spin 1s linear infinite; width: 16px; height: 16px; display: block; } 9771 @keyframes lc-spin { to { transform: rotate(360deg); } } 9772 9773 @media (max-width: 480px) { 9774 .lc-line-item-thumb-wrap { width: 88px; height: 76px; padding-right: 12px; } 9775 .lc-line-item-thumb { width: 76px; height: 76px; } 9776 .lc-title { font-size: 22px; } 9777 .lc-header { padding: 18px 18px 14px; } 9778 } 9779</style> 9780 9781<div 9782id="cart-with-header" 9783class="z-[10000000000] relative" 9784><template v-if="leanCart"> 9785 <div class="lc-root" :class="{ 'lc-open': isvisibleCart }" role="dialog" aria-modal="true" aria-labelledby="lc-cart-title"> 9786 9787 <div class="lc-overlay" @click="closeAllDrawers"></div> 9788 9789 <div class="lc-panel"> 9790 9791 <!-- Header --> 9792 <div class="lc-header"> 9793 <h2 class="lc-title" id="lc-cart-title">Your cart (${ cartCount })</h2> 9794 <button type="button" class="lc-close" aria-label="Close panel" @click="closeAllDrawers">✕</button> 9795 </div> 9796 9797 <div class="lc-scroll"><div class="lc-section" v-if="original_total_price > 0"> 9798 <template v-if="promoGiftBar"> 9799 <div class="lc-promo-gift"> 9800 <div class="pgpb-scope"><div 9801 class="pgpb pgpb-spend" 9802 :class="{ 'pgpb-spend--unlocked': promoGiftUnlocked() }" 9803 v-if="promoGiftSpendMode && promoGiftGifts.length > 0 && original_total_price > 0" 9804> 9805 <p class="pgpb-spend__headline" v-html="promoGiftSpendMessage()"></p> 9806
9807 <div class="pgpb-spend__track"> 9808 <div class="pgpb-spend__fill" :style="{ width: promoGiftSpendPct() + '%' }"> 9809 <div class="pgpb-spend__knob"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 9810 <path d="M13.3333 8V14H2.66667V8" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 9811 <path d="M14.6667 4.66667H1.33333V8H14.6667V4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 9812 <path d="M8 14V4.66667" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 9813 <path d="M8 4.66667H5C4.55797 4.66667 4.13405 4.49107 3.82149 4.17851C3.50893 3.86595 3.33333 3.44203 3.33333 3C3.33333 2.55797 3.50893 2.13405 3.82149 1.82149C4.13405 1.50893 4.55797 1.33333 5 1.33333C7.33333 1.33333 8 4.66667 8 4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 9814 <path d="M8 4.66667H11C11.442 4.66667 11.866 4.49107 12.1785 4.17851C12.4911 3.86595 12.6667 3.44203 12.6667 3C12.6667 2.55797 12.4911 2.13405 12.1785 1.82149C11.866 1.50893 11.442 1.33333 11 1.33333C8.66667 1.33333 8 4.66667 8 4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 9815 </svg> 9816 </div> 9817 </div> 9818 </div> 9819 9820 <p class="pgpb-spend__note" v-html="promoGiftConfig.spendNote"></p> 9821</div><div 9822 class="pgpb" 9823 :class="{ 'pgpb--bubbles': promoGiftBubbles }" 9824 v-if="!promoGiftSpendMode && promoGiftGifts.length > 0 && original_total_price > 0" 9825> 9826 9827 <div class="pgpb__head"> 9828 <h3 class="pgpb__title" v-html="promoGiftConfig.title"></h3> 9829 <div class="pgpb__note" v-text="promoGiftConfig.note"></div> 9830 <div class="pgpb__subtitle" v-html="promoGiftConfig.subtitle"></div> 9831 <div class="pgpb__status" v-html="promoGiftStatusMessage()"></div> 9832 </div><div class="pgpb__steps"> 9833 <div class="pgpb__track"> 9834 <div class="pgpb__fill" :style="{ width: promoGiftPct() + '%' }"></div> 9835 </div> 9836 9837 <div 9838 v-for="step in promoGiftSteps()" 9839 :key="'pgpb-step-' + step" 9840 class="pgpb__step" 9841 :class="{ 9842 'pgpb__step--on': promoGiftQty() >= step, 9843 'pgpb__step--next': promoGiftQty() === step - 1 9844 }" 9845 :style="{ left: promoGiftStepPct(step) + '%' }" 9846 > 9847 <div class="pgpb__dot"><span v-if="promoGiftQty() >= step">✓</span></div> 9848 <div class="pgpb__step-label" v-text="promoGiftStepLabel(step)"></div> 9849 </div> 9850 </div><div class="pgpb__gifts"> 9851 <template v-for="(gift, i) in promoGiftGifts" :key="'pgpb-gift-' + i"> 9852 <div class="pgpb__plus" v-if="i > 0">+</div> 9853 9854 <div class="pgpb__tile" :class="{ 'pgpb__tile--locked': !promoGiftUnlocked() }"><div 9855 v-if="promoGiftBubbles" 9856 class="pgpb__bubble" 9857 :class="{ 'pgpb__bubble--on': promoGiftBubbleOn(i) }" 9858 aria-hidden="true" 9859 > 9860 <img :src="gift.img" :alt="gift.gift" loading="lazy" decoding="async"> 9861 </div> 9862 9863 <div class="pgpb__badge" :class="{ 'pgpb__badge--on': promoGiftUnlocked() }">Unlocked</div> 9864 9865 <div class="pgpb__img"> 9866 <img :src="gift.img" :alt="gift.gift" loading="lazy" decoding="async"> 9867 </div> 9868 9869 <div 9870 class="pgpb__gift" 9871 v-text="gift.gift" 9872 :tabindex="promoGiftBubbles ? 0 : null" 9873 :role="promoGiftBubbles ? 'button' : null" 9874 @click="promoGiftRevealGift(i)" 9875 @keydown.enter.prevent="promoGiftRevealGift(i)" 9876 @keydown.space.prevent="promoGiftRevealGift(i)" 9877 ></div> 9878 9879 <div class="pgpb__msrp"> 9880 <span class="pgpb__free">Free</span> · MSRP <b>${ '$' + gift.msrp }</b> 9881 </div> 9882 </div> 9883 </template> 9884 </div> 9885 9886</div> 9887</div> 9888 9889 </div> 9890 </template> 9891 <template v-else> 9892 <div class="lc-shipping-banner"> 9893 9894 <p class="lc-shipping-banner-text"> 9895 <template v-if="allMilestonesAchieved() && provider_code"> 9896 <span>Special Provider Pricing</span> 9897 </template> 9898 <template v-else-if="allMilestonesAchieved() && !provider_code"> 9899 <span>🎉 Congratulations! You’ve unlocked free shipping 🎉
9899</span> 9900 </template> 9901 <template v-else><template v-for="(milestone, index) in milestones" :key="index"> 9902 <span 9903 v-if="isNextMilestone(milestone)" 9904 v-html="milestone.pendingMessage.replace('${remainingAmount}', `$${(milestone.amount - original_total_price/100).toFixed(2)}`)" 9905 ></span> 9906 </template> 9907 </template> 9908 </p> 9909 9910 <div class="lc-progress-track"> 9911 <div class="lc-progress-fill" :style="{ width: `${calculateProgress(original_total_price/100)}%` }"> 9912 <div class="lc-progress-knob"> 9913 <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 9914 <path d="M10 4.66667H0.666666V10.6667H10V4.66667Z" stroke="white" stroke-width="1.33333"/> 9915 <path d="M10 6.66667H12.6667L14.6667 8.66667V10.6667H10V6.66667Z" stroke="white" stroke-width="1.33333"/> 9916 <path d="M4 13.0667C4.5891 13.0667 5.06667 12.5891 5.06667 12C5.06667 11.4109 4.5891 10.9333 4 10.9333C3.4109 10.9333 2.93333 11.4109 2.93333 12C2.93333 12.5891 3.4109 13.0667 4 13.0667Z" fill="white" stroke="white" stroke-width="1.33333"/> 9917 <path d="M11.3333 13.0667C11.9224 13.0667 12.4 12.5891 12.4 12C12.4 11.4109 11.9224 10.9333 11.3333 10.9333C10.7442 10.9333 10.2667 11.4109 10.2667 12C10.2667 12.5891 10.7442 13.0667 11.3333 13.0667Z" fill="white" stroke="white" stroke-width="1.33333"/> 9918 </svg> 9919 </div> 9920 </div> 9921 </div> 9922 9923</div> 9924 9925 </template> 9926 </div><template v-if="cart && cart.items.length == 0 && !loadingCart"> 9927 <div class="lc-section"> 9928 <div class="lc-card"> 9929 <div class="lc-empty"> 9930 <div> 9931 <h3>Your cart is empty</h3> 9932 <a :href="shop_now_link">SHOP NOW</a> 9933 </div> 9934 </div> 9935 </div> 9936 </div> 9937</template> 9938 9939<template v-if="cart && cart.items && cart.items.length > 0"> 9940 <div class="lc-section"> 9941 <div class="lc-card"> 9942 <ul> 9943 <template v-for="(item, index) in reverseCart" :key="item.key || index"> 9944 <li class="lc-line-item" :class="{ 'lc-divider': index > 0 }"> 9945 9946 <div class="lc-line-item-thumb-wrap"> 9947 <div class="lc-line-item-thumb"> 9948 <img v-if="item.image" loading="lazy" :src="item.image" :alt="item.title" width="184" height="184" /> 9949 </div> 9950 </div> 9951 9952 <div class="lc-line-item-body"> 9953 9954 <div class="lc-line-item-top"> 9955 <p class="lc-line-item-name"><a class="lc-line-item-link" :href="item.url">${ item.product_title }</a></p> 9956 <button 9957 type="button" 9958 class="lc-line-item-remove" 9959 :disabled="disableCart || item.removing" 9960 @click="removeItem(item, item.line)" 9961 > 9962 <svg v-if="item.removing" class="lc-spin" role="status" aria-hidden="true" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 9963 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#ECE8DF"></path> 9964 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="#1F3D2B"></path> 9965 </svg> 9966 <span v-else>REMOVE</span> 9967 </button> 9968 </div> 9969 9970 <div class="lc-line-item-variant" v-if="item.variant_title">${ item.variant_title }</div> 9971 9972 <div class="lc-line-item-sub" v-if="selling_planName(item)"> 9973 <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 9974 <path d="M2.33333 2.33333V5.25H5.25" stroke="#3B6D11" stroke-width="1.28333"/> 9975 <path d="M11.6667 11.6667V8.75H8.75" stroke="#3B6D11" stroke-width="1.28333"/> 9976 <path d="M2.33333 5.25C2.46641 4.36459 2.85138 3.53616 3.44232 2.86352C4.03327 2.19089 4.80524 1.70245 5.66614 1.45648C6.52704 1.21051 7.44053 1.21739 8.29763 1.47629C9.15473 1.7352 9.91925 2.23521 10.5 2.91667" stroke="#3B6D11" stroke-width="1.28333"/> 9977 <path d="M11.6667 8.75C11.5336 9.63541 11.1486 10.4638 10.5577 11.1365C9.96673 11.8091 9.19476 12.2975 8.33386 12.5435C7.47296 12.7895 6.55947 12.7826 5.70237 12.5237C4.84527 12.2648 4.08075 11.7648 3.5 11.0833" stroke="#3B6D11" stroke-width="1.28333"/> 9978 </svg>
9979 <span>${ selling_planName(item) }</span> 9980 </div><div class="lc-gift-row" v-if="item.final_line_price == 0"> 9981 <span class="lc-gift-strike">${ money(item.original_line_price) }</span> 9982 <span class="lc-gift-label">FREE GIFT</span> 9983 </div><div class="lc-line-item-bottom" v-else> 9984 <div 9985 class="lc-qty" 9986 v-if="!item.is_loop_bundle && !item.title.toLowerCase().includes('free') && item.handle != 'reset-by-prolon' && item.handle != 'expidited-shipping'" 9987 > 9988 <button 9989 type="button" 9990 :disabled="disableCart || item.loading_minus" 9991 :aria-label="'Decrease quantity of ' + item.product_title + ', current quantity: ' + item.quantity" 9992 @click="decrement(item)" 9993 > 9994 <span aria-hidden="true">−</span> 9995 </button> 9996 <span class="lc-qty-value" aria-live="polite" :aria-label="'Quantity: ' + item.quantity"> 9997 <svg v-if="item.loading_minus || item.loading_plus" class="lc-spin" style="margin:0 auto;width:13px;height:13px" role="status" aria-hidden="true" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 9998 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#ECE8DF"></path> 9999 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="#1F3D2B"></path> 10000 </svg> 10001 <span v-else aria-hidden="true">${ item.quantity }</span> 10002 </span> 10003 <button 10004 type="button" 10005 :disabled="disableCart || item.loading_plus" 10006 :aria-label="'Increase quantity of ' + item.product_title + ', current quantity: ' + item.quantity" 10007 @click="increment(item)" 10008 > 10009 <span aria-hidden="true">+</span> 10010 </button> 10011 </div> 10012 10013 <div class="lc-line-item-price"> 10014 <s 10015 v-if="item.original_line_price > item.final_line_price" 10016 :aria-label="`Original price, crossed out: ${money(item.original_line_price)}`" 10017 >${ money(item.original_line_price) }</s> 10018 <span v-if="provider_code" data-saleeee>${ money(hcpLinePrice(item)) }</span> 10019 <span v-else>${ money(getLinePrice(item)) }</span> 10020 </div> 10021 </div><div v-if="item.has_components"> 10022 <div class="lc-bundle-toggle" @click="item.hide_bundles = !item.hide_bundles"> 10023 <span v-if="item.hide_bundles">Show</span><span v-else>Hide</span> 10024 ${ bundle_component_length(item) } items › 10025 </div> 10026 <div class="lc-bundle-list" v-html="bundle_components(item)" v-if="!item.hide_bundles"></div> 10027 </div><div class="lc-discount-line" v-if="!provider_code" v-for="d in item.discounts" :key="d.title"> 10028 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" style="width:14px;height:14px;flex-shrink:0" aria-hidden="true"> 10029 <path stroke-linecap="round" fill="currentColor" d="M7.284 1.402h4.964a.35.35 0 0 1 .35.35v4.964a.7.7 0 0 1-.205.495L7.49 12.115a.7.7 0 0 1-.99 0L1.885 7.5a.7.7 0 0 1 0-.99L6.79 1.607a.7.7 0 0 1 .495-.205Z"></path> 10030 </svg> 10031 <span>${ d?.title } (-${ money(d.amount) })</span> 10032 </div> 10033 10034 </div> 10035</li> 10036 10037 </template> 10038 </ul> 10039 </div> 10040 </div> 10041 10042 <button 10043 style="display:none" 10044 @click="clearCart" 10045 > 10046 Clear Cart 10047 </button> 10048</template> 10049 10050<div class="lc-section" v-if="lcShowExpedited && cart && cart.items && cart.items.length > 0"> 10051 <div class="lc-expedited" v-if="!isVariantInCart(43035645640862)"> 10052 10053 <div class="lc-expedited-icon"> 10054 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10055 <path d="M15 7H1V16H15V7Z" stroke="#1F3D2B" stroke-width="2"/> 10056 <path d="M15 10H19L22 13V16H15V10Z" stroke="#1F3D2B" stroke-width="2"/> 10057 <path d="M6 19.8C6.99411 19.8 7.8 18.9941 7.8 18C7.8 17.0059 6.99411 16.2 6 16.2C5.00589 16.2 4.2 17.0059 4.2 18C4.2 18.9941 5.00589 19.8 6 19.8Z" stroke="#1F3D2B" stroke-width="2"/> 10058 <path d="M17 19.8C17.9941 19.8 18.8 18.9941 18.8 18C18.8 17.0059 17.9941 16.2 17 16.2C16.0059 16.2 15.2 17.0059 15.2 18C15.2
1005818.9941 16.0059 19.8 17 19.8Z" stroke="#1F3D2B" stroke-width="2"/> 10059 </svg> 10060 </div> 10061 10062 <div class="lc-expedited-body"> 10063 <div class="lc-expedited-title">Expedited shipping</div> 10064 <div class="lc-expedited-meta"> 10065 <span class="lc-expedited-meta-text">UPS - 3 business day shipping</span> 10066 <span class="lc-expedited-meta-price">$10.00</span> 10067 </div> 10068 <div class="lc-expedited-fine">Not available to Hawaii, Alaska, or Puerto Rico.</div> 10069 </div> 10070 10071 <button 10072 type="button" 10073 class="lc-toggle" 10074 :class="{ 'lc-on': expeditedShippingEnabled }" 10075 role="switch" 10076 :aria-checked="expeditedShippingEnabled ? 'true' : 'false'" 10077 aria-label="Expedited shipping" 10078 @click="toggleExpeditedShipping" 10079 > 10080 <span class="lc-toggle-knob"></span> 10081 </button> 10082 10083</div> 10084 10085 </div><template v-if="lcShowRecommendations"> 10086 <template v-if="original_total_price > 0 && cart && cart.items.length > 0 && lcHasRecommendations"> 10087 <div class="lc-rec-heading">Recommended for you</div> 10088 10089 <div class="lc-section"> 10090 <div class="lc-card"> 10091 <div 10092 class="lc-rec-item" 10093 v-if="!isInCartByHandle(new_year_bundle) && changeUpsellType === 'longevity-nutrition-kit'" 10094> 10095 <div class="lc-rec-thumb-wrap"> 10096 <div class="lc-rec-thumb"> 10097 <img 10098 src="https://cdn.shopify.com/s/files/1/0508/0625/9870/files/longevity_nutrition_kit_virtual_prodcut_shot.jpg?v=1747926013" 10099 alt="Longevity Nutrition Program" loading="lazy" width="228" height="228" /> 10100 </div> 10101 </div> 10102 <div class="lc-rec-body"> 10103 <p class="lc-rec-title">Longevity Nutrition Program</p> 10104 <p style="margin:0;font-size:12.5px;line-height:17.5px;color:var(--lc-muted)"> 10105 Variety Fasting Bar®, Reset, L-Protein®, L-Spread 10106 </p> 10107 <div class="lc-rec-price-row"> 10108 <span class="lc-rec-price">$99.00</span> 10109 <span class="lc-badge">40% OFF</span> 10110 </div> 10111 </div> 10112 <button class="lc-btn-add" type="button" :disabled="new_year_bundle.loading" @click="ABAddToCartUpsell()"> 10113 <span v-if="new_year_bundle.loading">ADDING...</span> 10114 <template v-else> 10115 <svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10116 <path d="M5 0V10" stroke="white" stroke-width="1.5"/> 10117 <path d="M10 5L-1.78814e-07 5" stroke="white" stroke-width="1.5"/> 10118 </svg> 10119 <span>ADD</span> 10120 </template> 10121 </button> 10122</div><div 10123 class="lc-rec-item" 10124 v-if="!isInCartByHandle(prolon_protein) && changeUpsellType === 'l-protein'" 10125> 10126 <div class="lc-rec-thumb-wrap"> 10127 <div class="lc-rec-thumb"> 10128 <img 10129 src="https://cdn.shopify.com/s/files/1/0508/0625/9870/files/Frame_24_7f7d61f6-f1b8-409e-92b4-cc7d3c70cbf7.jpg?v=1761925842" 10130 alt="Prolon Longevity Protein" loading="lazy" width="228" height="228" /> 10131 </div> 10132 </div> 10133 <div class="lc-rec-body"> 10134 <div style="font-size:12px;font-weight:600;color:var(--lc-green-text)">L-Protein</div> 10135 <p class="lc-rec-title">Prolon Longevity Protein</p> 10136 <p style="margin:0;font-size:12.5px;line-height:17.5px;color:var(--lc-muted)"> 10137 The only protein patented for healthy aging. 25g plant based protein. 10138 </p> 10139 <div class="lc-rec-price-row"> 10140 <span class="lc-rec-price">$40.00</span> 10141 <span class="lc-badge">20% OFF</span> 10142 </div> 10143 </div> 10144 <button class="lc-btn-add" type="button" :disabled="prolon_protein.loading" @click="ABAddToCartUpsell()"> 10145 <span v-if="prolon_protein.loading">ADDING...</span> 10146 <template v-else> 10147 <svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10148 <path d="M5 0V10" stroke="white" stroke-width="1.5"/> 10149 <path d="M10 5L-1.78814e-07 5" stroke="white" stroke-width="1.5"/> 10150 </svg> 10151 <span>ADD</span> 10152 </template> 10153 </button> 10154</div> 10155 10156 <lean-upsell 10157 v-for="item in recommendedCollection" 10158 :key="item.id" 10159 :item="item" 10160 :cart="cart" 10161 ></lean-upsell> 10162 </div> 10163 </div> 10164</template> 10165 10166 </template><div class="lc-section"> 10167 <div class="lc-discount-card" :class="{ 'lc-applied': provider_code }"> 10168 <div v-if="provider_code" class="lc-hcp-row" v-cloak>
10169 <span class="lc-hcp-code"> 10170 <span style="text-transform:capitalize" v-text="provider_code"></span> 10171 <span v-if="hcpDiscountLabels.length" class="lc-hcp-discount" data-saleee> 10172 <span class="lc-hcp-discount__paren">(</span> 10173 <span class="lc-hcp-discount__lines"> 10174 <span 10175 v-for="(label, i) in hcpDiscountLabels" 10176 :key="label" 10177 :style="i > 0 ? 'border-top:1px solid currentColor;margin-top:2px;padding-top:2px' : ''" 10178 v-text="label" 10179 ></span> 10180 </span> 10181 <span class="lc-hcp-discount__paren">)</span> 10182 </span> 10183 </span> 10184 <button type="button" aria-label="Remove HCP code" @click.prevent="clearProviderCode"> 10185 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 10186 <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"></path> 10187 </svg> 10188 </button> 10189 </div> 10190 10191 <template v-else> 10192 <div class="lc-discount-label">Enter your Discount or HCP code here:</div> 10193 <div class="lc-discount-row"> 10194 <div class="lc-discount-input-wrap"> 10195 <input 10196 class="lc-discount-input" 10197 type="text" 10198 name="lc_discount_code" 10199 id="lc_discount_code" 10200 placeholder="Code ex: CUPON12" 10201 v-model="discountCode" 10202 @keyup.enter="applyDiscount()" 10203 /> 10204 </div> 10205 <button class="lc-btn-apply" type="button" @click="applyDiscount()"> 10206 <svg v-if="addingDiscount" class="lc-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 10207 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="rgba(255,255,255,.35)"></path> 10208 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="#ffffff"></path> 10209 </svg> 10210 <span v-else>APPLY</span> 10211 </button> 10212 </div> 10213 </template> 10214 </div> 10215 </div> 10216 10217 </div><div class="lc-footer-wrap" v-if="cartTotal > 0"> 10218 <div class="lc-footer"> 10219 10220 <div class="lc-subtotal-row"> 10221 <span>Subtotal (${ cartCount } ${ cartCount == 1 ? 'item' : 'items' })</span> 10222 10223 <span v-if="provider_code" data-saleee> 10224 <s v-text="money(cart.original_total_price)" :aria-label="`Original price, crossed out: ${money(cart.original_total_price)}`"></s> 10225 <span v-text="money(hcpDiscountedTotal)"></span> 10226 </span> 10227 10228 <span v-else> 10229 <s 10230 v-if="cartTotal > 0 && original_total_price > cartTotal" 10231 v-text="money(cart.original_total_price)" 10232 :aria-label="`Original price, crossed out: ${money(cart.original_total_price)}`" 10233 ></s> 10234 <span v-text="cartTotal > 0 ? money(cartTotal) : '-'"></span> 10235 </span> 10236 </div> 10237 10238 <a target="_self" rel="noreferrer noopener" class="checkout-btn-wrapper" style="display:block;width:100%" @click="openCheckout()"> 10239 <button class="lc-btn-checkout" type="button">
10240 <svg v-if="checkoutLoading" class="lc-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10241 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="rgba(255,255,255,.35)"></path> 10242 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="#ffffff"></path> 10243 </svg> 10244 <svg v-else viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10245 <path d="M3.5 5.83333V4.66667C3.5 3.73841 3.86875 2.84817 4.52513 2.19179C5.1815 1.53542 6.07174 1.16667 7 1.16667C7.92826 1.16667 8.8185 1.53542 9.47487 2.19179C10.1313 2.84817 10.5 3.73841 10.5 4.66667V5.83333H11.0833C11.238 5.83333 11.3864 5.89479 11.4958 6.00419C11.6052 6.11358 11.6667 6.26196 11.6667 6.41667V11.6667C11.6667 11.8214 11.6052 11.9697 11.4958 12.0791C11.3864 12.1885 11.238 12.25 11.0833 12.25H2.91667C2.76196 12.25 2.61358 12.1885 2.50419 12.0791C2.39479 11.9697 2.33333 11.8214 2.33333 11.6667V6.41667C2.33333 6.26196 2.39479 6.11358 2.50419 6.00419C2.61358 5.89479 2.76196 5.83333 2.91667 5.83333H3.5ZM4.66667 5.83333H9.33333V4.66667C9.33333 4.04783 9.0875 3.45434 8.64992 3.01675C8.21233 2.57917 7.61884 2.33333 7 2.33333C6.38116 2.33333 5.78767 2.57917 5.35008 3.01675C4.9125 3.45434 4.66667 4.04783 4.66667 4.66667V5.83333Z" fill="white"/> 10246 </svg> 10247 <span ref="checkoutBtnText">CHECKOUT</span> 10248 </button> 10249 </a> 10250 10251 <div class="lc-trust"> 10252 <div class="lc-trust-item"> 10253 <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2 6L4.5 8.5L10 3" stroke="#8FBF6A" stroke-width="1.5"/></svg> 10254 <span v-if="changeUpsellType === 'l-protein'">Start as low as $35 with Shop Pay over time</span> 10255 <span v-else>Free Shipping above $200</span> 10256 </div> 10257 <div class="lc-trust-item"> 10258 <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2 6L4.5 8.5L10 3" stroke="#8FBF6A" stroke-width="1.5"/></svg> 10259 <span>100% Secure Checkout</span> 10260 </div> 10261 <div class="lc-trust-item"> 10262 <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2 6L4.5 8.5L10 3" stroke="#8FBF6A" stroke-width="1.5"/></svg> 10263 <span>Live Support</span> 10264 </div> 10265 </div> 10266 10267 <div class="lc-terms"> 10268 <p> 10269 By clicking the checkout button, I represent I agree to the 10270 <a href="/pages/terms-conditions" target="_blank">Terms</a> & 10271 </p> 10272 <p>Healthy Start Commitment.</p> 10273 </div> 10274 10275 </div> 10276</div> 10277 10278<div v-if="giftRemovalPopup.show" v-cloak class="lc-modal" role="dialog" aria-modal="true" aria-labelledby="lc-gift-removal-title"> 10279 <div class="lc-modal-bg" @click="cancelGiftRemoval"></div> 10280 <div class="lc-modal-card"> 10281 <h3 id="lc-gift-removal-title">Remove your free gift?</h3> 10282 <p> 10283 Heads up — if you remove 10284 <span style="font-weight:600" v-text="giftRemovalPopup.item && giftRemovalPopup.item.product_title"></span>, 10285 it won't be added back to your cart today. You can claim it again tomorrow. 10286 </p> 10287 <div class="lc-modal-actions"> 10288 <button type="button" class="lc-modal-keep" @click="cancelGiftRemoval">Keep my free gift</button> 10289 <button type="button" class="lc-modal-remove" @click="confirmGiftRemoval">Remove anyway</button> 10290 </div> 10291 </div> 10292 </div> 10293 10294 </div> 10295</div> 10296 10297</template> 10298<template v-else> 10299 <div class="relative z-[1000] !block font-[150]" aria-labelledby="slide-over-title" role="dialog" aria-modal="true"> 10300 <div 10301 class="fixed inset-0 overflow-hidden" 10302 :class="{'pointer-events-none':!isvisibleCart}" 10303 > 10304 <div class="absolute inset-0 overflow-hidden"> 10305 <div class="fixed inset-y-0 right-0 flex max-w-full"> 10306 <div 10307 class="fixed inset-0 transition-opacity duration-500 ease-in-out opacity-0 cursor-pointer md:duration-300 backdrop-blur-md" 10308 @click="closeAllDrawers" 10309 :class="{'opacity-100':isvisibleCart,'opacity-0 pointer-events-none':!isvisibleCart}" 10310 ></div> 10311 10312 <div 10313 class="z-10 w-screen max-w-[587px] transition duration-500 ease-in-out transform translate-x-full pointer-events-auto md:duration-300" 10314 :class="{'!translate-x-0':isvisibleCart,'translate-x-full':!isvisibleCart}" 10315 > 10316 <div class="flex flex-col h-full overflow-x-hidden overflow-y-scroll bg-white shadow-xl rounded-l-[8px]"> 10317 <div class="sticky top-0 bg-[#F2EAE5] z-[100]"> 10318 <div class="flex items-center justify-between px-[25px] py-1"> 10319 <h2 class="pb-0 mb-0 text-darkGreen text-subtitle-regular" id="slide-over-title">Your cart (${cartCount})</h2> 10320 <div class="flex items-center justify-center"> 10321 <button 10322 type="button" 10323 class="py-2 -m-2 text-gray-400 border-none shadow-none outline-none hover:text-gray-500" 10324 @click="closeAllDrawers" 10325 >
10326 <span class="sr-only">Close panel</span> 10327 <svg 10328 class="min-w-[20px] h-10 mt-auto text-darkGreen" 10329 x-description="Heroicon name: outline/x-mark" 10330 xmlns="http://www.w3.org/2000/svg" 10331 fill="none" 10332 viewBox="0 0 24 24" 10333 stroke-width="1.5" 10334 stroke="currentColor" 10335 aria-hidden="true" 10336 > 10337 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 10338 </svg> 10339 </button> 10340 </div> 10341 </div> 10342 <div class="pt-1 pb-2 bg-tan-50"><template v-if="promoGiftBar"> 10343 <div class="pgpb-scope"><div 10344 class="pgpb pgpb-spend" 10345 :class="{ 'pgpb-spend--unlocked': promoGiftUnlocked() }" 10346 v-if="promoGiftSpendMode && promoGiftGifts.length > 0 && original_total_price > 0" 10347> 10348 <p class="pgpb-spend__headline" v-html="promoGiftSpendMessage()"></p> 10349 10350 <div class="pgpb-spend__track"> 10351 <div class="pgpb-spend__fill" :style="{ width: promoGiftSpendPct() + '%' }"> 10352 <div class="pgpb-spend__knob"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10353 <path d="M13.3333 8V14H2.66667V8" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 10354 <path d="M14.6667 4.66667H1.33333V8H14.6667V4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 10355 <path d="M8 14V4.66667" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 10356 <path d="M8 4.66667H5C4.55797 4.66667 4.13405 4.49107 3.82149 4.17851C3.50893 3.86595 3.33333 3.44203 3.33333 3C3.33333 2.55797 3.50893 2.13405 3.82149 1.82149C4.13405 1.50893 4.55797 1.33333 5 1.33333C7.33333 1.33333 8 4.66667 8 4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 10357 <path d="M8 4.66667H11C11.442 4.66667 11.866 4.49107 12.1785 4.17851C12.4911 3.86595 12.6667 3.44203 12.6667 3C12.6667 2.55797 12.4911 2.13405 12.1785 1.82149C11.866 1.50893 11.442 1.33333 11 1.33333C8.66667 1.33333 8 4.66667 8 4.66667Z" stroke="white" stroke-width="1.33333" stroke-linejoin="round"/> 10358 </svg> 10359 </div> 10360 </div> 10361 </div> 10362 10363 <p class="pgpb-spend__note" v-html="promoGiftConfig.spendNote"></p> 10364</div><div 10365 class="pgpb" 10366 :class="{ 'pgpb--bubbles': promoGiftBubbles }" 10367 v-if="!promoGiftSpendMode && promoGiftGifts.length > 0 && original_total_price > 0" 10368> 10369 10370 <div class="pgpb__head"> 10371 <h3 class="pgpb__title" v-html="promoGiftConfig.title"></h3> 10372 <div class="pgpb__note" v-text="promoGiftConfig.note"></div> 10373 <div class="pgpb__subtitle" v-html="promoGiftConfig.subtitle"></div> 10374 <div class="pgpb__status" v-html="promoGiftStatusMessage()"></div> 10375 </div><div class="pgpb__steps"> 10376 <div class="pgpb__track"> 10377 <div class="pgpb__fill" :style="{ width: promoGiftPct() + '%' }"></div> 10378 </div> 10379 10380 <div 10381 v-for="step in promoGiftSteps()" 10382 :key="'pgpb-step-' + step" 10383 class="pgpb__step" 10384 :class="{ 10385 'pgpb__step--on': promoGiftQty() >= step, 10386 'pgpb__step--next': promoGiftQty() === step - 1 10387 }" 10388 :style="{ left: promoGiftStepPct(step) + '%' }" 10389 > 10390 <div class="pgpb__dot"><span v-if="promoGiftQty() >= step">✓</span></div> 10391 <div class="pgpb__step-label" v-text="promoGiftStepLabel(step)"></div> 10392 </div> 10393 </div><div class="pgpb__gifts"> 10394 <template v-for="(gift, i) in promoGiftGifts" :key="'pgpb-gift-' + i"> 10395 <div class="pgpb__plus" v-if="i > 0">+</div> 10396 10397 <div class="pgpb__tile" :class="{ 'pgpb__tile--locked': !promoGiftUnlocked() }"><div 10398 v-if="promoGiftBubbles" 10399 class="pgpb__bubble" 10400 :class="{ 'pgpb__bubble--on': promoGiftBubbleOn(i) }" 10401 aria-hidden="true" 10402 > 10403 <img :src="gift.img" :alt="gift.gift" loading="lazy" decoding="async"> 10404 </div> 10405 10406 <div class="pgpb__badge" :class="{ 'pgpb__badge--on': promoGiftUnlocked() }">Unlocked</div> 10407 10408 <div class="pgpb__img"> 10409 <img :src="gift.img" :alt="gift.gift" loading="lazy" decoding="async"> 10410 </div> 10411 10412 <div 10413 class="pgpb__gift" 10414 v-text="gift.gift" 10415 :tabindex="promoGiftBubbles ? 0 : null" 10416 :role="promoGiftBubbles ? 'button' : null"
10417 @click="promoGiftRevealGift(i)" 10418 @keydown.enter.prevent="promoGiftRevealGift(i)" 10419 @keydown.space.prevent="promoGiftRevealGift(i)" 10420 ></div> 10421 10422 <div class="pgpb__msrp"> 10423 <span class="pgpb__free">Free</span> · MSRP <b>${ '$' + gift.msrp }</b> 10424 </div> 10425 </div> 10426 </template> 10427 </div> 10428 10429</div> 10430</div> 10431 10432 </template> 10433 <template v-else> 10434 <div class="relative mx-4 mt-3" v-if="original_total_price > 0"> 10435 10436 <div class="h-5 mb-3" v-if="original_total_price > 0"> 10437 <div class="mb-3 text-center"> 10438 <template v-if="allMilestonesAchieved() && provider_code"> 10439 <span class="block text-sm font-semibold text-darkGreen animate__animated animate__tada" 10440 v-html="'Special Provider Pricing'"> 10441 </span> 10442 </template> 10443 <template v-else-if="allMilestonesAchieved() && !provider_code"> 10444 <span class="block text-sm font-semibold text-darkGreen animate__animated animate__tada" 10445 v-html="'ð Congratulations! You\'ve unlocked free shipping ð'"> 10446 </span> 10447 </template> 10448 <template v-else> 10449 10450 <span v-for="(milestone, index) in milestones" :key="index" v-if="isNextMilestone(milestone)" 10451 10452 class="block mb-2 text-sm text-darkGreen animate__animated animate__fadeIn" 10453 v-html="milestone.pendingMessage.replace('${remainingAmount}', `$${(milestone.amount - original_total_price/100).toFixed(2)}`)"> 10454 </span> 10455 <span v-if="!milestones.some(m => isNextMilestone(m))" class="block mb-2 text-sm text-gray-500"> 10456 Loading milestone messages... 10457 </span> 10458 </template> 10459 </div> 10460 </div> 10461 10462 <!-- Progress Bar with improved height and rounded edges --> 10463 <div class="w-full h-2 overflow-hidden bg-white rounded-full shadow-inner"> 10464 <div class="relative h-2 max-w-full rounded-full !bg-[#1E4036] animate__animated animate__pulse" :style="{ 10465 transition: 'width 1s cubic-bezier(0.22, 1, 0.36, 1)', 10466 width: `${calculateProgress(original_total_price/100)}%` 10467 }"> 10468 </div> 10469 </div> 10470 10471 <!-- Milestone Markers with improved positioning --> 10472 <div class="milestone-gifts"> 10473 <div v-if="original_total_price > 0" v-for="(milestone, index) in milestones" :key="index" 10474 class="absolute -translate-y-1/2 top-[48px]" :style="{ left: `${calculateProgress(milestone.amount, true)}%` }"> 10475 <div v-if="!milestoneAchieved(milestone)" 10476 class="flex items-center justify-center w-7 h-7 -mt-[1.5rem] bg-white border-2 border-gray-300 rounded-full transform transition-all duration-300 hover:scale-110 shadow-md" 10477 :class="{ '': !showTopLine }" 10478 :title="milestone.pendingMessage.replace('${remainingAmount}', `$${(milestone.amount - original_total_price/100).toFixed(2)}`)"> 10479 <!-- Empty milestone with small image icon --> 10480 <img :src="milestone.achievedIcon" alt="milestone icon" class="object-contain w-6 h-6"> 10481 </div> 10482 <div v-else 10483 class="flex items-center justify-center w-7 h-7 -mt-[1.5rem] bg-white border-2 border-[#1e4036] rounded-full transform transition-all duration-300 animate__animated animate__bounceIn shadow-md" 10484 :class="{ '': !showTopLine }" :title="milestone.achievedMessage"> 10485 <!-- Achieved milestone with check image icon --> 10486 <img :src="milestone.achievedIcon || milestone.icon" alt="achieved" class="object-contain w-6 h-6"> 10487 </div> 10488 </div> 10489 </div> 10490 10491 <!-- Milestone Messages with improved spacing --> 10492 <div class="mt-4 text-center " v-if="original_total_price > 0"> 10493 <div v-for="(milestone, index) in milestones" :key="index"> 10494 <div v-if="isNextMilestone(milestone)" class="py-1 text-sm text-gray-700 animate__animated animate__fadeIn"> 10495 <span class="font-medium" v-html="milestone.beforeText"></span> 10496 10497 <span class="pl-1 font-medium" v-html="milestone.afterText"></span> 10498 </div> 10499 </div> 10500 10501 </div> 10502 10503 <!-- Sale lock-in message --> 10504 10505 10506</div> 10507 10508 </template> 10509 </div> 10510 </div> 10511 <div class="bg-white"> 10512 <div class="flex items-center justify-center px-4 py-6 pt-0 sm:px-[25px]"> 10513 <div class="w-full mt-6"> 10514 10515<template v-if="cart && cart.items.length == 0 && !loadingCart "> 10516 <div class="content-start gap-4 pb-8 overflow-y-scroll transition theme-grid md:gap-12 md:pb-12 min-h-[400px] flex items-center justify-center "> 10517 <div class="text-center"> 10518 10519 <h3 class="mt-2 text-darkGreen text-quote-text">Your cart is empty</h3> 10520 10521 <div class="mt-[30px]"> 10522 10523 <a :href="shop_now_link" 10524 type="button" 10525 class="text-cta-text items-center px-4 py-2 tracking-[2px] font-medium bg-white 10526 border-[2px] border-darkGreen text-center text-darkGreen hover:text-white rounded-full min-w-[229px] inline-flex justify-center shadow-sm hover:bg-darkGreen focus:outline-none focus:ring-2 focus:ring-prolon_primary focus:ring-offset-2" 10527 > 10528 SHOP NOW 10529 </a> 10530 10531 10532 </div> 10533 </div> 10534 </div> 10535</template> 10536 10537 <template v-if="cart && cart.items && cart.items.length > 0"> 10538 <ul class="flex flex-col m-0 " > 10539 <template v-for="(item,index) in reverseCart"> 10540 10541 <!-- king-cart-single-item --> 10542<li class="flex items-start py-4 first:pt-0 border-b border-[#1E4036] "> 10543 <!-- Product Image --> 10544 <div class="flex-shrink-0 w-[118px] h-[121px] bg-gray-100 rounded-lg overflow-hidden"> 10545 <img v-if="item.image" loading="lazy" class="object-cover object-center w-full h-full" :src="item.image" 10546 :alt="item.title" width="128" height="128" /> 10547 </div> 10548 10549 <!-- Product Details --> 10550 <div class="flex-1 ml-6"> 10551 <!-- Product Title and Remove Button --> 10552 <div class="flex items-start justify-between mb-1"> 10553 <h3 class="text-body-bold text-darkGreen"> 10554 <a :href="item.url">${ item.product_title }</a> 10555 </h3> 10556 <button 10557 type="button" 10558 :disabled="disableCart || item.removing" 10559 @click="removeItem(item,item.line)" 10560 class="ml-4 underline text-small-body-regular text-darkGreen hover:text-gray-700 disabled:cursor-wait"> 10561 <svg v-if="item.removing" aria-hidden="true" role="status" class="inline w-3 h-3 mr-1 text-prolon_green animate-spin" viewB
10561ox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 10562 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C0 27-9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"></path> 10563 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"></path> 10564 </svg> 10565 <span v-else>REMOVE</span> 10566 </button> 10567 </div> 10568 10569 <!-- Variant Title --> 10570 <p class="text-sm text-darkGreen" v-if="item.variant_title">${ item.variant_title }</p> 10571 10572 10573 10574 <span color="subtle" class="flex mt-1 text-[0.825rem] text-darkGreen" v-if="selling_planName(item)"> 10575 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="w-4 h-4 mr-2"> 10576 <path fill="#317040" fill-rule="nonzero" 10577 d="M7 0a6.969 6.969 0 0 0-5.315 2.462L0 .778v4.666h4.667L2.794 3.571A5.413 5.413 0 0 1 7 1.556 5.45 5.45 0 0 1 12.444 7H14c0-3.86-3.14-7-7-7zM0 7c0 3.86 3.14 7 7 7a6.969 6.969 0 0 0 5.315-2.462L14 13.221V8.556H9.333l1.873 1.873A5.414 5.414 0 0 1 7 12.444 5.451 5.451 0 0 1 1.556 7H0z"> 10578 </path> 10579 </svg> 10580 ${selling_planName(item)} 10581 </span><!-- Quantity Selector and Price Row --> 10582 <div class="flex items-center justify-between mt-3"> 10583 <!-- Quantity Selector - Only show for non-free items --> 10584 <div v-if="!item.is_loop_bundle && !item.title.toLowerCase().includes('free') && item.handle!='reset-by-prolon' && item.handle!='expidited-shipping'" class="flex border border-[#1E4036] rounded-full overflow-hidden"> 10585 <button 10586 v-if="!item.loading_minus" 10587 :disabled="disableCart" 10588 @click="decrement(item)" 10589 :aria-label="'Decrease quantity of ' + item.product_title + ', current quantity: ' + item.quantity" 10590 class="flex items-center justify-center w-10 text-lg font-medium text-gray-600 bg-white h-7 hover:bg-gray-50 disabled:cursor-wait"> 10591 <span aria-hidden="true">â</span> 10592 </button> 10593 <div v-if="item.loading_minus" class="flex items-center justify-center w-10 h-10 bg-white"> 10594 <svg aria-hidden="true" role="status" class="w-3 h-3 text-prolon_green animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 10595 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C0 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"></path> 10596 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"></path> 10597 </svg> 10598 </div> 10599 <div class="flex items-center justify-center w-10 text-sm font-medium bg-white h-7 " aria-live="polite" :aria-label="'Quantity: ' + item.quantity">
10600 <span aria-hidden="true">${ item.quantity }</span> 10601 <span class="sr-only">${ item.quantity } items</span> 10602 </div> 10603 <button 10604 v-if="!item.loading_plus" 10605 :disabled="disableCart" 10606 @click="increment(item)" 10607 :aria-label="'Increase quantity of ' + item.product_title + ', current quantity: ' + item.quantity" 10608 class="flex items-center justify-center w-10 text-lg font-medium text-gray-600 bg-white h-7 hover:bg-gray-50 disabled:cursor-wait"> 10609 <span aria-hidden="true">+</span> 10610 </button> 10611 <div v-if="item.loading_plus" class="flex items-center justify-center w-10 h-10 bg-white"> 10612 <svg aria-hidden="true" role="status" class="w-3 h-3 text-prolon_green animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 10613 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C0 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"></path> 10614 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"></path> 10615 </svg> 10616 </div> 10617 </div> 10618 10619 <!-- Price on same row --> 10620 <div class="text-right"> 10621 <!-- Free Gift Label --> 10622 <div v-if="item.final_line_price == 0" class="flex items-center gap-2 text-right"> 10623 <div class="text-sm line-through text-darkGreen" :aria-label="`Original price, crossed out: ${money(item.original_line_price)}`">${money(item.original_line_price) }</div> 10624 <div class=" text-lightGreen text-[12px]">FREE GIFT</div> 10625 </div> 10626 <!-- Regular Price --> 10627 <div v-else class="flex gap-2 text-right"> 10628 <!-- Show crossout price if there's a discount or subscription --> 10629 <div v-if="item.original_line_price > item.final_line_price " class="mb-1 text-sm line-through text-gray-5 00" :aria-label="`Original price, crossed out: ${money(item.original_line_price)}`"> 10630 ${ money(item.original_line_price) } 10631 </div> 10632 <div class="font-bold text-darkGreen text-md"> 10633 <span v-if="provider_code" data-saleeee>${ money(hcpLinePrice(item)) }</span> 10634 <span v-else>${ money(getLinePrice(item)) }</span> 10635 </div> 10636 </div> 10637 </div> 10638 </div> <!-- Bundle Items --> 10639 <div class="mb-4 product-bundle-items" v-if="item.has_components"> 10640 <div @click="item.hide_bundles=!item.hide_bundles" class="text-xs underline cursor-pointer"> 10641 <span v-if="item.hide_bundles">Show</span> 10642 <span v-else>Hide</span> 10643 ${bundle_component_length(item)} items ⺠10644 </div> 10645 <div v-html="bundle_components(item)" v-if="!item.hide_bundles"> 10646 </div> 10647 </div> 10648 10649 <!-- Discounts --> 10650 <p class="flex items-center justify-start gap-2 mt-1 text-sm font-medium text-gray-600" v-if="!provider_code" v-for="d in item.discounts"> 10651 <svg class="w-[20px] h-[20px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"> 10652 <path stroke-linecap="round" class="text-gray-400 fill-current" d="M7.284 1.402h4.964a.35.35 0 0 1 .35.35v4.964a.7.7 0 0 1-.205.495L7.49 12.115a.7.7 0 0 1-.99 0L1.885 7.5a.7.7 0 0 1 0-.99L6.79 1.607a.7.7 0 0 1 .495-.205Z"></path> 10653 <circle cx="9.1" cy="4.9" r="0.7"></circle> 10654 <path stroke-linecap="round" stroke-linejoin="round" d="M9.102 4.897h-.005v.005h.005v-.005Z"></path> 10655 </svg>
10656 <span> 10657 ${ d?.title } (-${money(d.amount)}) 10658 </span> 10659 </p> 10660 10661 <!-- Weather Delay Notice for specific SKUs --> 10662 10663 </div> 10664</li> 10665 10666 </template> 10667 10668 <div v-if="!isVariantInCart(43035645640862)" class=" mt-[20px] p-[15px] overflow-hidden transition-all duration-300 rounded-md bg-tan-50"> 10669 <!-- Need it fast header --> 10670 <div class="mb-3"> 10671 <p class="mb-1 text-small-body-regular text-lightGreen">Need it fast?</p> 10672 10673 <!-- Toggle Switch --> 10674 <div class="flex items-center justify-between gap-3"> 10675 <div class="flex-1"> 10676 10677 <div class="flex items-center gap-2 my-2"> 10678 <div class="flex-shrink-0"> 10679 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="18" viewBox="0 0 25 18" fill="none"> 10680 <path d="M1.3981 1C1.29294 0.999594 1.19191 1.04179 1.11726 1.11731C1.0426 1.19284 1.00042 1.2955 1 1.40273V14.7882C0.999804 14.8415 1.00996 14.8944 1.0299 14.9437C1.04984 14.9931 1.07915 15.0379 1.11616 15.0756C1.15317 15.1134 1.19713 15.1433 1.24552 15.1636C1.29391 15.1839 1.34577 15.1943 1.3981 15.1941H3.53964C3.72545 16.2168 4.60006 17 5.64864 17C6.69722 17 7.57183 16.2168 7.75764 15.1941H15.9528H17.7659C18.0235 16.1158 18.8503 16.7971 19.8285 16.7971C20.8066 16.7971 21.6334 16.1158 21.891 15.1941H23.605C23.7102 15.1936 23.8109 15.1506 23.8849 15.0745C23.959 14.9984 24.0004 14.8954 24 14.7882V9.48485C23.9999 9.43259 23.99 9.38084 23.9706 9.33245L22.1326 4.7485C22.1026 4.67411 22.0515 4.61056 21.9858 4.56597C21.9201 4.52138 21.8429 4.49778 21.764 4.49818H16.3509V1.40273C16.3505 1.2955 16.3083 1.19284 16.2336 1.11731C16.159 1.04179 16.058 0.999592 15.9528 1H1.3981ZM1.79388 1.80545H15.5578V14.3855H7.75842C7.57355 13.3615 6.69806 12.5771 5.64864 12.5771C4.59922 12.5771 3.72373 13.3615 3.53886 14.3855H1.79388V1.80545ZM16.3509 5.30678H21.4975L23.0133 9.08213H16.3509V5.30678ZM16.3509 9.88757H23.2069V14.3855H21.9653C21.8665 13.2642 20.9462 12.3742 19.8285 12.3742C18.7108 12.3742 17.7904 13.2642 17.6916 14.3855H16.3509V9.88757ZM19.8285 13.1828C20.5778 13.1828 21.1808 13.803 21.1808 14.5852C21.1808 15.3675 20.5778 15.9885 19.8285 15.9885C19.0791 15.9885 18.4762 15.3675 18.4762 14.5852C18.4762 13.803 19.0791 13.1828 19.8285 13.1828ZM5.64864 13.3857C6.39799 13.3857 7.00404 14.006 7.00404 14.7882C7.00404 15.5704 6.39799 16.1914 5.64864 16.1914C4.89929 16.1914 4.29634 15.5704 4.29634 14.7882C4.29634 14.006 4.89929 13.3857 5.64864 13.3857Z" fill="#1E4036" stroke="#1E4036" stroke-width="0.7"/> 10681 </svg> 10682 </div> 10683 <h2 class="text-body-bold text-darkGreen">Expedited shipping</h2> 10684 </div> 10685 <p class="text-small-body-regular text-darkGreen">UPS - 3 business day shipping <b class="text-body-bold">$10.00</b></p> 10686 <p class="mt-1 text-xs italic text-darkGreen/70">Not available to Hawaii, Alaska, or Puerto Rico.</p> 10687 </div> 10688 <div class="relative inline-flex items-center flex-shrink-0 cursor-pointer" @click="toggleExpeditedShipping"> 10689 <div class="transition-all duration-300 toggle-icon-wrapper"> 10690 <!-- Off state --> 10691 <svg v-if="!expeditedShippingEnabled" xmlns="http://www.w3.org/2000/svg" width="36" height="20" viewBox="0 0 36 20" fill="none" class="transition-all duration-300 cursor-pointer hover:opacity-80"> 10692 <rect width="36" height="20" rx="10" fill="#CFB8AA"/> 10693 <rect x="2" y="2" width="16" height="16" rx="8" fill="white"/> 10694 <path d="M7 10L9 12L13 8" stroke="#E8DBD4" stroke-width="1.5" stroke-linecap="square"/> 10695 </svg> 10696 <!-- On state --> 10697 <svg v-else xmlns="http://www.w3.org/2000/svg" width="36" height="20" viewBox="0 0 36 20" fill="none" class="transition-all duration-300 cursor-pointer hover:opacity-80"> 10698 <rect width="36" height="20" rx="10" fill="#1E4036"/> 10699 <rect x="18" y="2" width="16" height="16" rx="8" fill="white"/> 10700 <path d="M23 10L25 12L29 8" stroke="#1E4036" stroke-width="1.5" stroke-linecap="square"/> 10701 </svg> 10702 </div> 10703 </div> 10704 </div> 10705 </div> 10706</div> 10707 10708 10709 10710<!-- Longevity Nutrition Kit Upsell --> 10711<section class="border border-[#1E4036] rounded-md overflow-hidden mt-[20px]" 10712 v-if="!isInCartByHandle(new_year_bundle) && changeUpsellType === 'longevity-nutrition-kit'"> 10713 <div class="flex items-start gap-4"> 10714 <img src="https://cdn.shopify.com/s/files/1/0508/0625/9870/files/longevity_nutrition_kit_virtual_prodcut_shot.jpg?v=1747926013" 10715 alt="New Year Bundle" class="object-cover w-[118px] h-[130px]" /> 10716 <div class="flex-1 p-[15px]"> 10717 <div class="pb-1"> 10718 <p class="text-xs text-lightGreen">Everything you need pre/post fast and beyond</p> 10719 <h3 class="py-1 text-sm font-bold text-darkGreen">Longevity Nutrition Program</h3> 10720 </div> 10721 <p class="text-small-body-regular"> 10722 Variety Fasting Bar®, Reset, L-Protein®, L-Spread 10723 </p> 10724 <div class="flex items-center justify-between mt-2"> 10725 <div class="flex items-center justify-center gap-2">
10726 <span class="text-sm font-bold text-darkGreen">$99.00</span> 10727 <div class="px-[10px] py-[5px] text-small-body-bold text-lightGreen bg-light-green-25 rounded-full"> 10728 40% OFF 10729 </div> 10730 </div> 10731 <button 10732 class="bg-lightGreen flex rounded-full hover:!no-underline hover:bg-darkGreen items-center justify-center leading-4 max-w-[115px] h-[28px] px-7 !py-1.5 text-small-cta font-bold text-white cursor-pointer" 10733 :disabled="new_year_bundle.loading" @click="ABAddToCartUpsell()"> 10734 <span v-if="new_year_bundle.loading"> 10735 ADDING... 10736 </span> 10737 <span v-else class="flex items-center gap-1"> 10738 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 10739 <path d="M5 0V10" stroke="white" stroke-width="1.5"/> 10740 <path d="M10 5L-1.78814e-07 5" stroke="white" stroke-width="1.5"/> 10741 </svg> 10742 ADD 10743 </span> 10744 </button> 10745 </div> 10746 </div> 10747 </div> 10748</section> 10749 10750<!-- PROLON® Longevity Protein Upsell --> 10751<section class="border border-[#1E4036] rounded-md overflow-hidden mt-[20px]" 10752 v-if="!isInCartByHandle(prolon_protein) && changeUpsellType === 'l-protein'"> 10753 <div class="flex items-start gap-4"> 10754 <img src="https://cdn.shopify.com/s/files/1/0508/0625/9870/files/Frame_24_7f7d61f6-f1b8-409e-92b4-cc7d3c70cbf7.jpg?v=1761925842" 10755 alt="Prolon Longevity Protein" class="object-cover w-[118px] h-[130px]" /> 10756 <div class="flex-1 p-[15px]"> 10757 <div class="pb-1"> 10758 <p class="text-xs text-lightGreen">L-Protein</p> 10759 <h3 class="py-1 text-sm font-bold text-darkGreen">Prolon Longevity Protein</h3> 10760 </div> 10761 <p class="text-small-body-regular"> 10762 The only protein patented for healthy aging. 25g plant based protein. 10763 </p> 10764 <div class="flex items-center justify-between mt-2"> 10765 <div class="flex items-center justify-center gap-2"> 10766 10767 <span class="text-sm font-bold text-darkGreen">$40.00</span> 10768 <div class="px-[10px] py-[5px] text-small-body-bold text-lightGreen bg-light-green-25 rounded-full"> 10769 20% OFF 10770 </div> 10771 </div> 10772 <button 10773 class="bg-lightGreen flex rounded-full hover:!no-underline hover:bg-darkGreen items-center justify-center leading-4 max-w-[115px] h-[28px] px-7 !py-1.5 text-small-cta font-bold text-white cursor-pointer" 10774 :disabled="prolon_protein.loading" @click="ABAddToCartUpsell()"> 10775 <span v-if="prolon_protein.loading"> 10776 ADDING... 10777 </span> 10778 <span v-else class="flex items-center gap-1"> 10779 <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 10780 <path d="M5 0V10" stroke="white" stroke-width="1.5"/> 10781 <path d="M10 5L-1.78814e-07 5" stroke="white" stroke-width="1.5"/> 10782 </svg> 10783 ADD 10784 </span> 10785 </button> 10786 </div> 10787 </div> 10788 </div> 10789</section> 10790 10791 10792 10793 10794 10795 10796 </ul> 10797 10798 <button 10799 class="hidden font-medium hover:text-gray-500 mt-[30px] text-center text-orange-800 text-right text-xs underline w-full" 10800 @click="clearCart" 10801 > 10802 Clear Cart 10803 </button> 10804</template> 10805 10806 </div> 10807 </div> 10808 <style> 10809 /* Variant select: no white browser background, long variant names get truncated */ 10810 .upsell-select-updated { 10811 background-color: transparent !important; 10812 background-image: none !important; 10813 -webkit-appearance: none; 10814 -moz-appearance: none; 10815 appearance: none; 10816 white-space: nowrap; 10817 overflow: hidden; 10818 text-overflow: ellipsis; 10819 } 10820 10821 .upsell-slider { 10822 scroll-behavior: smooth; 10823 -webkit-overflow-scrolling: touch; 10824 scrollbar-width: none; 10825 -ms-overflow-style: none; 10826 } 10827 10828 .upsell-slider::-webkit-scrollbar {
10829 display: none; 10830 } 10831 10832 /* Every slide is the same width and fills the cart drawer, minus a fixed strip 10833 so the next card always peeks in by the same amount (~44px) */ 10834 .upsell-slider__slide { 10835 width: calc(100% - 44px); 10836 } 10837 10838 @media (max-width: 767px) { 10839 /* Narrower card needs a smaller image so the variant select keeps its room */ 10840 .upsell-card__media { 10841 width: 84px; 10842 height: 96px; 10843 } 10844 } 10845 10846 .upsell-card { 10847 background-color: #fff; 10848 box-shadow: 0 1px 4px rgba(30, 64, 54, 0.08); 10849 } 10850 10851 .upsell-card__media { 10852 background-color: #f0eae7; 10853 } 10854 10855 .upsell-slider__dot { 10856 border: 0; 10857 padding: 0; 10858 cursor: pointer; 10859 transition: all 0.2s ease; 10860 } 10861</style> 10862 10863<div class="w-full bg-[#F8F4F2] py-3 px-6" 10864v-if="original_total_price > 0" 10865> 10866 10867 10868 <!-- Frequently Bought Together Section --> 10869 <section aria-labelledby="cart-upsells" class="w-full max-w-full pt-2 md:block" 10870 v-if="cart && cart.items.length > 0 && !isAllUpsellinCart()"> 10871 <div class="flex flex-col items-start lg:items-start" v-cloak> 10872 <div class="flex items-start pb-3 font-bold uppercase text-darkGreen text-small-cta"> 10873 add the essentials: 10874 </div> 10875 10876 </div> 10877 10878 <div class="w-full"> 10879 <upsell-slider :items="recommendedCollection" :cart="cart"></upsell-slider> 10880 </div> 10881 </section> 10882</div> 10883 10884 10885 <div 10886 class="px-[25px] py-[20px] discount-code-section" 10887 :class="{'bg-blue': provider_code }" 10888 > 10889 <div 10890 v-if="provider_code" 10891 class="flex items-center justify-between" 10892 v-cloak 10893 > 10894 <h3 class="text-white text-body-bold whitespace-nowrap">HCP CODE</h3> 10895 <p class="flex items-center text-white text-body-bold"> 10896 <span v-text="provider_code" class="capitalize"></span> 10897 <span 10898 v-if="hcpDiscountLabels.length" 10899 class="ml-1" 10900 style="display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;line-height:1.2;text-transform:none" 10901 data-saleee 10902 > 10903 <span style="font-size:24px;font-weight:300;line-height:1">(</span> 10904 <span style="display:flex;flex-direction:column"> 10905 <span 10906 v-for="(label, i) in hcpDiscountLabels" 10907 :key="label" 10908 :style="i > 0 ? 'border-top:1px solid currentColor;margin-top:2px;padding-top:2px' : ''" 10909 v-text="label" 10910 ></span> 10911 </span> 10912 <span style="font-size:24px;font-weight:300;line-height:1">)</span> 10913 </span> 10914 <button class="ml-2 text-white hover:text-gray-300" @click.prevent="clearProviderCode"> 10915 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"> 10916 <path fill-rule="evenodd" 10917 d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" 10918 clip-rule="evenodd"></path> 10919 </svg> 10920 </button> 10921 </p> 10922 </div> 10923 10924 <div v-else class=""> 10925 <h3 class="pb-[15px] leading-3 whitespace-nowrap text-darkGreen text-body-bold"> 10926 Enter your Discount or HCP code here: 10927 </h3> 10928 <div class="flex w-full"> 10929 <input 10930 type="text" 10931 name="discount_code" 10932 id="discount_code" 10933 class="block border-darkGreen px-3 py-2 shadow-sm sm:text-sm w-full rounded-l-full focus:outline-none focus:ring-2 focus:ring-[#1E4036]" 10934 placeholder="Code ex: CUPON12" 10935 v-model="discountCode" 10936 > 10937 <button 10938 type="button" 10939 @click="applyDiscount()" 10940 class="inline-flex items-center justify-center px-[20px] py-[10px] text-white border border-transparent shadow-sm bg-[#1E4036] hover:bg-[#1E4036] focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 sm:text-sm rounded-r-full text-small-cta font-bold" 10941 > 10942 <svg 10943 v-if="addingDiscount" 10944 class="inline w-4 h-4 text-white animate-spin"
10945 viewBox="0 0 100 101" 10946 fill="none" 10947 xmlns="http://www.w3.org/2000/svg" 10948 > 10949 <path 10950 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10951 fill="white"></path> 10952 <path 10953 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10954 fill="currentColor"></path> 10955 </svg> 10956 <span v-else>APPLY</span> 10957 </button> 10958 </div> 10959 </div> 10960 </div> 10961 </div> 10962 10963<div v-if="cartTotal>0" class="sticky bottom-0 px-4 pb-3 bg-[#1E4036] sm:px-6"> 10964 <div class="gap-4 pt-4"> 10965 10966 10967 <!-- Subtotal Section --> 10968 <div class="flex justify-between pt-3 pb-3 text-base font-bold text-white"> 10969 <p>Subtotal (1 item)</p> 10970 10971 <p v-if="provider_code" class="text-[20px] font-bold" data-saleee> 10972 <s v-text='cartTotal>0? money(cart.original_total_price) : "-"' class="mr-2 text-gray-400" :aria-label="`Original price, crossed out: ${money(cart.original_total_price)}`"></s> 10973 <span v-text='cartTotal>0? money(hcpDiscountedTotal) : "-"'></span> 10974 </p> 10975 10976 <p v-else class="text-[20px] font-bold"> 10977 <s v-if="cartTotal>0 && original_total_price > cartTotal" v-text='money(cart.original_total_price)' class="mr-2 text-gray-400" :aria-label="`Original price, crossed out: ${money(cart.original_total_price)}`"></s> 10978 <span v-text='cartTotal>0? money(cartTotal) : "-"'></span> 10979 </p> 10980 </div> 10981 10982 <!-- Checkout Button --> 10983 <a target="_self" class="block w-full checkout-btn-wrapper" rel="noreferrer noopener" @click="openCheckout()"> 10984 <button class="flex items-center justify-center w-full px-6 py-2 font-bold text-white border border-transparent rounded-full shadow-sm text-cta-text bg-lightGreen "> 10985 <svg v-if="checkoutLoading" class="inline w-4 h-4 mr-2 text-white uppercase animate-spin" viewBox="0 0 100 101" 10986 fill="none" xmlns="http://www.w3.org/2000/svg"> 10987 <path 10988 d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C0 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" 10989 fill="white"></path> 10990 <path 10991 d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" 10992 fill="currentColor"></path> 10993 </svg>
10994 <span ref="checkoutBtnText">CHECKOUT</span> 10995 </button> 10996 </a> 10997 10998 <!-- Value Propositions --> 10999 <div class="flex justify-center space-x-8 pt-3 text-[10px] md:text-xs text-white"> 11000 <div class="flex items-center text-white whitespace-nowrap"> 11001 <svg class="w-4 h-4 mr-1 min-w-4" fill="currentColor" viewBox="0 0 20 20"> 11002 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> 11003 </svg> 11004 <span class="text-[10px]" v-if="changeUpsellType === 'l-protein'">ð³ Start as low as $35 with Shop Pay over time</span> 11005 <span class="text-[10px]" v-else>ð Free Shipping above $200</span> 11006 </div> 11007 <div class="flex items-center text-white whitespace-nowrap"> 11008 <svg class="w-4 h-4 mr-1 min-w-4" fill="currentColor" viewBox="0 0 20 20"> 11009 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> 11010 </svg> 11011 <span class="text-[10px]">ð 100% Secure Checkout</span> 11012 </div> 11013 <div class="flex items-center text-white whitespace-nowrap"> 11014 <svg class="w-4 h-4 mr-1 min-w-4" fill="currentColor" viewBox="0 0 20 20"> 11015 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> 11016 </svg> 11017 <span class="text-[10px]">ð¬ Live Support</span> 11018 </div> 11019 </div> 11020 11021 <!-- Terms Text --> 11022 <p class="pt-2 text-[11px] text-white/80 text-center"> 11023 By clicking the checkout button, I represent I agree to the <br class="sm:hidden"> 11024 <a href="/pages/terms-conditions" target="_blank" class="text-white underline">Terms</a> 11025 & 11026 <span class="text-white ">Healthy Start Commitment</span>. 11027 </p> 11028 </div> 11029</div> 11030 11031 11032 </div> 11033 11034 <!-- Free gift removal confirmation --> 11035 <div 11036 v-if="giftRemovalPopup.show" 11037 v-cloak 11038 class="absolute inset-0 z-[110] flex items-center justify-center px-5" 11039 role="dialog" 11040 aria-modal="true" 11041 aria-labelledby="gift-removal-title" 11042 > 11043 <div class="absolute inset-0 bg-black/40" @click="cancelGiftRemoval"></div> 11044 <div class="relative w-full max-w-[360px] rounded-[12px] bg-white p-5 shadow-xl text-center"> 11045 <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-[#F2EAE5]"> 11046 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#1E4036" stroke-width="1.8" class="w-6 h-6"> 11047 <path stroke-linecap="round" stroke-linejoin="round" d="M21 11.5V21H3v-9.5M1.5 7.5h21v4h-21zM12 7.5V21M12 7.5S9 3 6.5 3A2.5 2.5 0 1 0 6.5 8H12m0-.5S15 3 17.5 3A2.5 2.5 0 1 1 17.5 8H12"/> 11048 </svg> 11049 </div> 11050 <h3 id="gift-removal-title" class="mb-2 text-darkGreen text-body-bold"> 11051 Remove your free gift? 11052 </h3> 11053 <p class="mb-5 text-darkGreen text-small-body-regular"> 11054 Heads up â if you remove <span class="font-semibold" v-text="giftRemovalPopup.item && giftRemovalPopup.item.product_title"></span>, it won't be added back to your cart today. You can claim it again tomorrow. 11055 </p> 11056 <div class="flex flex-col gap-2"> 11057 <button 11058 type="button" 11059 class="w-full rounded-full bg-[#1E4036] px-5 py-3 text-white text-small-cta font-bold hover:opacity-90" 11060 @click="cancelGiftRemoval" 11061 > 11062 Keep my free gift 11063 </button> 11064 <button 11065 type="button" 11066 class="w-full rounded-full border border-[#1E4036] px-5 py-3 text-darkGreen text-small-cta font-bold bg-white hover:bg-[#F2EAE5]" 11067 @click="confirmGiftRemoval" 11068 > 11069 Remove anyway 11070 </button> 11071 </div> 11072 </div> 11073 </div> 11074 </div> 11075 </div> 11076 </div> 11077 </div> 11078</div> 11079 11080<!-- Fixed HCP Code Badge --> 11081<div 11082 v-if="provider_code" 11083 v-cloak 11084 class="!hidden fixed bottom-[80px] right-[10px] z-[999] bg-blue text-white px-4 py-3 rounded-full shadow-lg items-center gap-2 cursor-pointer hover:scale-105 transition-transform duration-200" 11085 :class="{ '!flex': provider_code }" 11086 @click="window.SuperCart.ShowCartfn()" 11087> 11088 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"> 11089 <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75
11089a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /> 11090 </svg> 11091 <div class="flex flex-col leading-tight"> 11092 <span class="text-[10px] uppercase tracking-wide opacity-80">HCP Code</span> 11093 <span class="text-sm font-bold capitalize" v-text="provider_code"></span> 11094 </div> 11095 <span class="bg-white text-blue text-[10px] font-bold px-2 py-0.5 rounded-full">5% OFF</span> 11096</div> 11097 11098 11099 11100 <div v-if="ShowProLonPopup" class="popup-wrapper-fix" style="display:none"> 11101 <div class="prolon-pro-p"> 11102 <div class="popup-remover-bg"></div> 11103 11104 <img class="popup-over-prolon" src="https://cdn.shopify.com/s/files/1/0126/2921/3243/t/118/assets/RENEW%20Promo%20-%20Popup.jpg?v=1681249818"> 11105 <span 11106 class="close-btn-text" 11107 @click="ShowProLonPopup=false" 11108 >X</span 11109 > 11110 </div> 11111 </div> 11112 11113 11114</template> 11115</div> 11116 11117 11118 11119 11120 11121 <main 11122 id="MainContent" 11123 class="content-for-layout" 11124 role="main" 11125 data-page-transition-enabled="false" 11126 data-product-transition="true" 11127 data-template="page.contact" 11128 > 11129 <section id="shopify-section-template--19843810361502__hero_gBtHrT" class="shopify-section hero-wrapper section-wrapper"> 11130 11131 11132 11133 11134 11135 11136 11137<div 11138 id="Hero-template--19843810361502__hero_gBtHrT" 11139 class="hero color-scheme-5" 11140 style=" 11141 --hero-border-style: ; 11142 --hero-border-width: px; 11143 --hero-border-opacity: %; 11144 --blur-opacity: 0.75; 11145 11146 --hero-min-height: var(--section-height-small); 11147 11148 " 11149 11150 11151> 11152 11153 11154 11155 11156 <div 11157 class="hero__container spacing-style section section--full-width" 11158 style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));" 11159 ><div 11160 class="hero__media-wrapper"style="--hero-media-aspect-ratio: 4.962382445141066; --hero-media-count: 1;"> 11161 <div 11162 class="overlay overlay--gradient" 11163 style=" 11164 --overlay-layer: var(--layer-flat); 11165 --overlay-color: #00000026; 11166 --overlay-color--end: rgba(0, 0, 0, 0); 11167 --overlay-direction: to top;" 11168></div> 11169 11170<style> 11171 .overlay { 11172 position: absolute; 11173 inset: 0; 11174 z-index: var(--overlay-layer); 11175 pointer-events: none; 11176 border-radius: var(--overlay-border-radius, 0); 11177 } 11178 11179 .overlay--solid { 11180 background: var(--overlay-color); 11181 } 11182 11183 .overlay--gradient { 11184 background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end)); 11185 } 11186</style> 11187 11188 11189 11190 11191 <img src="//prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=832 832w, //prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=1200 1200w, //prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=1600 1600w, //prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=1920 1920w, //prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=2560 2560w, //prolonlife.com/cdn/shop/files/instagram.png?v=1648318456&width=3840 3840w" width="1583" height="319" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high"> 11192 11193 </div> 11194 <div 11195 class=" 11196 hero__content-wrapper 11197 layout-panel-flex 11198 layout-panel-flex--column 11199 mobile-column 11200 section-content-wrapper 11201 page-width 11202 11203 " 11204 style="--flex-direction: column; --flex-wrap: nowrap; 11205 11206--gap: 16px;--gap-mobile: 16px; 11207 11208--horizontal-alignment: center; --vertical-alignment: center; 11209--horizontal-alignment-mobile: center; --vertical-alignment-mobile: ; 11210" 11211 > 11212 11213<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] rte text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] text-block--AcU1UOXRVL0NuMnZtL__text_yzG3Eb " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 11214 --padding-block-end: 0px; 11215 --padding-inline-start: 0px; 11216 --padding-inline-end: 0px;--font-size-desktop-override: 48px;--font-size-mobile-override: 28px;--font-weight-override: 700; 11217--color: #ffffff;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto"><h1>Contact us</h1></span></rte-formatter><style></style> 11218 11219 11220 </div> 11221 </div> 11222</div> 11223 11224<style> 11225 .hero-wrapper { 11226 --hero-height-offset: 0px; 11227 } 11228 11229 body:has(> #header-group > .header-section > #header-component[transparent]):not( 11230 :has(> #header-group > .header-section + .shopify-section) 11231 ) 11232 .hero-wrapper:first-child { 11233 --hero-height-offset: var(--header-group-height, 0); 11234 } 11235 11236 .hero { 11237 position: relative;
11238 min-height: calc(var(--hero-min-height) - var(--hero-height-offset)); 11239 } 11240 11241 .hero[data-shopify-visual-preview] { 11242 --hero-min-height: 600px; 11243 11244 min-height: 600px; 11245 } 11246 11247 .hero__container { 11248 position: relative; 11249 overflow: hidden; 11250 border: var(--hero-border-width) var(--hero-border-style) rgb(var(--color-border-rgb) / var(--hero-border-opacity)); 11251 min-height: inherit; 11252 align-items: var(--vertical-alignment-mobile); 11253 justify-content: var(--horizontal-alignment); 11254 z-index: var(--layer-base); 11255 11256 @media screen and (min-width: 750px) { 11257 align-items: var(--vertical-alignment); 11258 } 11259 } 11260 11261 .hero__content-wrapper.page-width { 11262 grid-column: 2 / 3; 11263 } 11264 11265 .hero__content-wrapper { 11266 position: relative; 11267 inset: 0; 11268 z-index: var(--layer-flat); 11269 } 11270 11271 .hero__content-wrapper .group-block-content { 11272 position: relative; 11273 } 11274 11275 .hero__media-wrapper { 11276 position: absolute; 11277 inset: 0; 11278 display: grid; 11279 grid-column: 1 / -1; 11280 grid-template-columns: repeat(var(--hero-media-count, 1), 1fr); 11281 } 11282 11283 .hero--auto .hero__image, 11284 .hero--auto .hero__video { 11285 aspect-ratio: var(--hero-media-aspect-ratio); 11286 } 11287 11288 .hero--no-blocks-auto-height { 11289 :is(.hero__image, .hero__video) { 11290 width: 100%; 11291 aspect-ratio: auto; 11292 } 11293 11294 .hero__media-wrapper { 11295 /* When there are no blocks and the height is auto, allow the image to appear. */ 11296 position: relative; 11297 } 11298 } 11299 11300 .hero__image, 11301 .hero__video, 11302 .hero__video-poster { 11303 height: 100%; 11304 width: 100%; 11305 object-fit: cover; 11306 object-position: center center; 11307 overflow: hidden; 11308 position: relative; 11309 z-index: var(--layer-base); 11310 } 11311 11312 .hero__video-poster { 11313 position: absolute; 11314 } 11315 11316 .hero__link { 11317 position: absolute; 11318 inset: 0; 11319 grid-column: 1 / -1; 11320 } 11321 11322 .hero__media-wrapper, 11323 .hero__content-wrapper { 11324 pointer-events: none; 11325 11326 :is(a, button, input, textarea, select) { 11327 pointer-events: auto; 11328 } 11329 } 11330 11331 .hero__content-wrapper--design-mode * { 11332 pointer-events: auto; 11333 } 11334 11335 .hero[data-blur-shadow='true'] { 11336 --blurred-reflection-filter-saturate: saturate(1.5); 11337 --blurred-reflection-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%); 11338 --blurred-reflection-box-shadow: rgb(0 0 0 / 5%) 0 0 1rem; 11339 --blurred-reflection-filter-blur: blur(20px); 11340 --blurred-reflection-scale: scale(2, 1.25); 11341 --blurred-reflection-padding-block-end: 60px; 11342 } 11343 11344 .hero[data-blur-shadow='true'] .hero__container { 11345 overflow: inherit; 11346 } 11347 11348 .hero[data-blur-shadow='true'] .hero__container::before { 11349 content: ''; 11350 position: absolute; 11351 inset: 0; 11352 box-shadow: var(--blurred-reflection-box-shadow); 11353 mix-blend-mode: overlay; 11354 pointer-events: none; 11355 z-index: -1; 11356 } 11357 11358 .hero__blurred-image { 11359 position: absolute; 11360 inset: 0; 11361 z-index: -1; 11362 mask-image: var(--blurred-reflection-mask-image); 11363 filter: var(--blurred-reflection-filter-saturate); 11364 pointer-events: none; 11365 transform: translateY(50%); 11366 overflow: hidden; 11367 } 11368 11369 .hero__blurred-image img, 11370 .hero__blurred-image svg { 11371 position: absolute; 11372 inset: 0; 11373 width: 100%; 11374 height: 100%; 11375 object-fit: cover; 11376 object-position: center center; 11377 filter: var(--blurred-reflection-filter-blur); 11378 opacity: var(--blur-opacity); 11379 transform: var(--blurred-reflection-scale); 11380 padding-block-end: var(--blurred-reflection-padding-block-end); 11381 11382 &:not(:only-child) { 11383 width: 50%; 11384 11385 &:last-child { 11386 right: 0; 11387 left: auto; 11388 } 11389 } 11390 } 11391</style> 11392 11393 11394</section><div id="shopify-section-template--19843810361502__section_6hnDEb" class="shopify-section section-wrapper"> 11395 11396 11397 11398<div class="section-background !px-0 color-scheme-1"></div> 11399<div 11400 id="bg-clr" 11401 class="section section--page-width color-scheme-1" 11402 11403 11404 11405 style=" 11406 11407 11408 11409 " 11410> 11411 <div class="custom-section-background"> 11412 11413 11414 </div> 11415 11416 <div 11417 class="border-style custom-section-content " 11418 style="--border-width:1px; --border-style:none; --border-color: 11419rgb(var(--color-border-rgb) /1.0); --border-radius:0px;" 11420 > 11421 11422 11423 <div 11424 class=" 11425 spacing-style 11426 layout-panel-flex 11427 layout-panel-flex--column 11428 section-content-wrapper 11429 mobile-column 11430 " 11431 style=" 11432 --flex-direction: column; --flex-wrap: nowrap; 11433 11434--gap: 12px;--gap-mobile: 12px; 11435 11436--horizontal-alignment: flex-start; --vertical-alignment: center; 11437--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: center; 11438 11439 --padding-block-start: max(20px, calc(var(--spacing-scale) * 75px));--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 75px));--padding-block-end-mobile: 20px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;--margin-block-start: 0px;--margin-block-start-mobile: 0px;--margin-block-end: 0px;--margin-block-end-mobile: 0px;--margin-inline-start: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end: 0px;--margin-inline-end-mobile: 0px; 11440 " 11441 data-testid="section-content" 11442 > 11443 11444 11445<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11446 --group-gap-mobile: 12px; 11447 --padding-block-start: 0px; 11448 --padding-block-end: 0px; 11449 --padding-inline-start: 0px; 11450 --padding-inline-end: 0px; 11451 --padding-block-start-mobile: 0px; 11452 --padding-block-end-mobile: 0px; 11453 --padding-inline-start-mobile: 0px; 11454 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AM0dJc0N1N0ZRSmlGb__group_E6kWyB"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 11455<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] leading-[1.2] text-block--ANVdJblpTVlpCZ1hBU__text_DzpEta " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11456 --padding-block-end: 0px; 11457 --padding-inline-start: 0px; 11458 --padding-inline-end: 0px;--font-size-desktop-override: 34px;--font-size-mobile-override: 29px;--font-weight-override: 500; 11459--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left">Your satisfaction is important to us, and we are committed to ensuring the quality of our products. Please contact us using the form below, or by phone if you have any concerns about your Prolon merchandise or services.</span></div> 11460 11461</div> 11462</div> 11463<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 25px; 11464 --group-gap-mobile: 35px; 11465 --padding-block-start: 60px; 11466 --padding-block-end: 0px; 11467 --padding-inline-start: 0px; 11468 --padding-inline-end: 0px; 11469 --padding-block-start-mobile: 60px; 11470 --padding-block-end-mobile: 0px; 11471 --padding-inline-start-mobile: 0px; 11472 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AaU1uWk9jVkU4b0NmO__group_aMGBMW"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row m:!flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:items-start items-stretch m:justify-start m:items-stretch "> 11473<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11474 --group-gap-mobile: 12px; 11475 --padding-block-start: 0px; 11476 --padding-block-end: 0px; 11477 --padding-inline-start: 0px; 11478 --padding-inline-end: 0px; 11479 --padding-block-start-mobile: 0px; 11480 --padding-block-end-mobile: 0px; 11481 --padding-inline-start-mobile: 0px; 11482 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMTZ4eFUzSkRjZW5kL__group_MftVJB"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-start "> 11483<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11484 --group-gap-mobile: 12px; 11485 --padding-block-start: 0px; 11486 --padding-block-end: 0px; 11487 --padding-inline-start: 0px; 11488 --padding-inline-end: 0px; 11489 --padding-block-start-mobile: 0px; 11490 --padding-block-end-mobile: 0px; 11491 --padding-inline-start-mobile: 0px; 11492 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AcndEUlJsdWhrNXNvR__group_Pm3py4"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-center "> 11493<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] leading-[1.2] text-block--AVVlTQUVFYm91cFJQR__text_3Apd6R " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11494 --padding-block-end: 0px; 11495 --padding-inline-start: 0px; 11496 --padding-inline-end: 0px;--font-size-desktop-override: 30px;--font-size-mobile-override: 30px;--font-weight-override: 500; 11497--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto">Address</span></div> 11498 11499</div> 11500</div><style>[data-group-id="AcndEUlJsdWhrNXNvR__group_Pm3py4"] { 11501 border-bottom: 2px solid #1e4036; 11502 padding-bottom: 10px; 11503 } 11504 }@media (min-width: 768px) { 11505 [data-group-id="AcndEUlJsdWhrNXNvR__group_Pm3py4"] { 11506 border-bottom: 2px solid #1e4036; 11507 padding-bottom: 15px; 11508 } 11509 } 11510 }@media (min-width: 1024px) { 11511 [data-group-id="AcndEUlJsdWhrNXNvR__group_Pm3py4"] { 11512 border-bottom: 2px solid #1e4036; 11513 padding-bottom: 15px; 11514 } 11515 } 11516 }</style> 11517<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] text-block--AUUhsV2VadzBy
11517Znc1a__text_FqiRKW " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11518 --padding-block-end: 0px; 11519 --padding-inline-start: 0px; 11520 --padding-inline-end: 0px;--font-size-desktop-override: 16px;--font-size-mobile-override: 14px;--font-weight-override: 500; 11521--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto">600 Corporate Pointe Ste 1200 11522<br> 11523Culver City CA 90230</span></div> 11524 11525</div> 11526</div> 11527<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11528 --group-gap-mobile: 12px; 11529 --padding-block-start: 0px; 11530 --padding-block-end: 0px; 11531 --padding-inline-start: 0px; 11532 --padding-inline-end: 0px; 11533 --padding-block-start-mobile: 0px; 11534 --padding-block-end-mobile: 0px; 11535 --padding-inline-start-mobile: 0px; 11536 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMUYwTnI2VGw3RU95M__group_DJqEJp"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-start "> 11537<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11538 --group-gap-mobile: 12px; 11539 --padding-block-start: 0px; 11540 --padding-block-end: 0px; 11541 --padding-inline-start: 0px; 11542 --padding-inline-end: 0px; 11543 --padding-block-start-mobile: 0px; 11544 --padding-block-end-mobile: 0px; 11545 --padding-inline-start-mobile: 0px; 11546 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AUjF6UG9CTit2cHRGM__group_Aqfrkt"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-center "> 11547<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] leading-[1.2] text-block--AWkVHZVA1TWNCRzdWN__text_6ReqgW " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11548 --padding-block-end: 0px; 11549 --padding-inline-start: 0px; 11550 --padding-inline-end: 0px;--font-size-desktop-override: 30px;--font-size-mobile-override: 30px;--font-weight-override: 500; 11551--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto">Hours</span></div> 11552 11553</div> 11554</div><style>[data-group-id="AUjF6UG9CTit2cHRGM__group_Aqfrkt"] { 11555 border-bottom: 2px solid #1e4036; 11556 padding-bottom: 10px; 11557 } 11558 }@media (min-width: 768px) { 11559 [data-group-id="AUjF6UG9CTit2cHRGM__group_Aqfrkt"] { 11560 border-bottom: 2px solid #1e4036; 11561 padding-bottom: 15px; 11562 } 11563 } 11564 }@media (min-width: 1024px) { 11565 [data-group-id="AUjF6UG9CTit2cHRGM__group_Aqfrkt"] { 11566 border-bottom: 2px solid #1e4036; 11567 padding-bottom: 15px; 11568 } 11569 } 11570 }</style> 11571<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] text-block--ANVNkTWFoQkNrT3Rva__text_YAAq36 " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11572 --padding-block-end: 0px; 11573 --padding-inline-start: 0px; 11574 --padding-inline-end: 0px;--font-size-desktop-override: 16px;--font-size-mobile-override: 14px;--font-weight-override: 500; 11575--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto"><b>Call or Text: 888-926-5370</b> 11576<br> 11577<b>Monday-Friday:</b> 9am to 5pm CST 11578<br> 11579<b>Saturday-Sunday: </b>Closed</span></div> 11580 11581</div> 11582</div> 11583<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11584 --group-gap-mobile: 12px; 11585 --padding-block-start: 0px; 11586 --padding-block-end: 0px; 11587 --padding-inline-start: 0px; 11588 --padding-inline-end: 0px; 11589 --padding-block-start-mobile: 0px; 11590 --padding-block-end-mobile: 0px; 11591 --padding-inline-start-mobile: 0px; 11592 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AcTcxaE1qdFI3QlAvU__group_HmyW8n"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-start "> 11593<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11594 --group-gap-mobile: 12px; 11595 --padding-block-start: 0px; 11596 --padding-block-end: 0px; 11597 --padding-inline-start: 0px; 11598 --padding-inline-end: 0px; 11599 --padding-block-start-mobile: 0px; 11600 --padding-block-end-mobile: 0px; 11601 --padding-inline-start-mobile: 0px; 11602 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AU0lqSVZtY1ByVWFiV__group_7Q4qJC"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-center "> 11603<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] leading-[1.2] text-block--AVHZHSXBLOTlDYWlob__text_rUVtBL " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11604 --padding-block-end: 0px; 11605 --padding-inline-start: 0px; 11606 --padding-inline-end: 0px;--font-size-desktop-override: 30px;--font-size-mobile-override: 30px;--font-weight-override: 500; 11607--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto">Email</span></div> 11608 11609</div> 11610</div><style>[data-group-id="AU0lqSVZtY1ByVWFiV__group_7Q4qJC"] { 11611 border-bottom: 2px solid #1e4036; 11612 padding-bottom: 10px; 11613 } 11614 }@media (min-width: 768px) { 11615 [data-group-id="AU0lqSVZtY1ByVWFiV__group_7Q4qJC"] { 11616 border-bottom: 2px solid #1e4036; 11617 padding-bottom: 15px; 11618 } 11619 } 11620 }@media (min-width: 1024px) { 11621 [data-group-id="AU0lqSVZtY1ByVWFiV__group_7Q4qJC"] { 11622 border-bottom: 2px solid #1e4036; 11623 padding-bottom: 15px; 11624 } 11625 } 11626 }</style> 11627<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] font-[number:var(--font-weight-override)] !text-[var(--custom-text-color)] text-block--AbUJ5Q2l6MWl3NWN6V__text_V3JhWg " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11628 --padding-block-end: 0px; 11629 --padding-inline-start: 0px; 11630 --padding-inline-end: 0px;--font-size-desktop-override: 16px;--font-size-mobile-override: 14px;--font-weight-override: 500; 11631--color: #1e4036;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto">Please fill out the form below or email here: 11632<br> 11633[email protected]</span></div> 11634 11635</div> 11636</div></div> 11637</div> 11638<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11639 --group-gap-mobile: 12px; 11640 --padding-block-start: 75px; 11641 --padding-block-end: 0px; 11642 --padding-inline-start: 0px; 11643 --padding-inline-end: 0px; 11644 --padding-block-start-mobile: 40px; 11645 --padding-block-end-mobile: 0px; 11646 --padding-inline-start-mobile: 0px; 11647 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ATjJOOXVac1ZxSy9xY__group_cB3Cbt"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-center "> 11648<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-[length:var(--font-size-desktop-override)] m:text-[length:var(--font-size-mobile-override)] !text-[var(--custom-text-color)] text-block--AOFNGMHJ3cFJLRlZjS__text_pYLCDb " style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11649 --padding-block-end: 0px; 11650 --padding-inline-start: 0px; 11651 --padding-inline-end: 0px;--font-size-desktop-override: 13px;--font-size-mobile-override: 13px; 11652" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto"><b>Chat Support:</b> Mo-Fri 9am to 5pm CST / <b>Text:</b> Mo-Fri 9am to 5pm CST / <b>Phone Support:</b> Mo-Fri 9am to 5pm CST<br>
11653*By texting us, you are consenting to receive response text messages or a return phone call from L-Nutra / Prolon customer service at the mobile number you used to text us. Message & Data rates may apply. Reply STOP anytime to opt-out.</span></div> 11654 11655</div> 11656</div> 11657 11658 </div> 11659 </div> 11660</div> 11661 11662<style> 11663 .section-wrapper { 11664 --section-height-offset: 0px; 11665 } 11666 11667 .section[data-shopify-visual-preview] { 11668 min-height: var(--section-preview-height); 11669 padding-top: 0; 11670 } 11671 11672 .section[data-shopify-visual-preview] .custom-section-background { 11673 display: none; 11674 } 11675 11676 body:has(> #header-group > .header-section > #header-component[transparent]):not( 11677 :has(> #header-group > .header-section + .shopify-section) 11678 ) 11679 > main 11680 > .section-wrapper:first-child { 11681 --section-height-offset: var(--header-group-height, 0); 11682 } 11683 11684 .custom-section-background { 11685 grid-column: 1 / -1; 11686 } 11687 11688 .custom-section-content { 11689 z-index: var(--layer-flat); 11690 } 11691 11692 .spacing-style { 11693 padding-block: var(--padding-block-start, 0) var(--padding-block-end, 0); 11694 padding-inline: var(--padding-inline-start, 0) var(--padding-inline-end, 0); 11695 margin-block: var(--margin-block-start, 0) var(--margin-block-end, 0); 11696 margin-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0); 11697 } 11698 11699 @media screen and (max-width: 749px) { 11700 .spacing-style { 11701 padding-block: var(--padding-block-start-mobile, var(--padding-block-start, 0)) 11702 var(--padding-block-end-mobile, var(--padding-block-end, 0)); 11703 padding-inline: var(--padding-inline-start-mobile, var(--padding-inline-start, 0)) 11704 var(--padding-inline-end-mobile, var(--padding-inline-end, 0)); 11705 margin-block: var(--margin-block-start-mobile, var(--margin-block-start, 0)) 11706 var(--margin-block-end-mobile, var(--margin-block-end, 0)); 11707 margin-inline: var(--margin-inline-start-mobile, var(--margin-inline-start, 0)) 11708 var(--margin-inline-end-mobile, var(--margin-inline-end, 0)); 11709 } 11710 } 11711</style> 11712 11713 11714 11715<style> #shopify-section-template--19843810361502__section_6hnDEb #bg-clr {background: white;} </style></div><div id="shopify-section-template--19843810361502__section_tLbVqr" class="shopify-section section-wrapper"> 11716 11717 11718 11719<div class="section-background !px-0 color-scheme-1"></div> 11720<div 11721 id="bg-clr" 11722 class="section section--page-width color-scheme-1" 11723 11724 11725 11726 style=" 11727 11728 --section-min-height: var(--section-height-small); 11729 11730 11731 11732 --section-preview-height: 600px; 11733 11734 " 11735> 11736 <div class="custom-section-background"> 11737 11738 11739 </div> 11740 11741 <div 11742 class="border-style custom-section-content " 11743 style="--border-width:1px; --border-style:none; --border-color: 11744rgb(var(--color-border-rgb) /1.0); --border-radius:0px;" 11745 > 11746 11747 11748 <div 11749 class=" 11750 spacing-style 11751 layout-panel-flex 11752 layout-panel-flex--column 11753 section-content-wrapper 11754 mobile-column 11755 " 11756 style=" 11757 --flex-direction: column; --flex-wrap: nowrap; 11758 11759--gap: 12px;--gap-mobile: 12px; 11760 11761--horizontal-alignment: flex-start; --vertical-alignment: center; 11762--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: center; 11763 11764 --padding-block-start: 0px;--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 75px));--padding-block-end-mobile: max(20px, calc(var(--spacing-scale) * 60px));--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;--margin-block-start: 0px;--margin-block-start-mobile: 0px;--margin-block-end: 0px;--margin-block-end-mobile: 0px;--margin-inline-start: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end: 0px;--margin-inline-end-mobile: 0px; 11765 " 11766 data-testid="section-content" 11767 > 11768 11769 11770<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #edf1f2;--group-gap: 12px; 11771 --group-gap-mobile: 12px; 11772 --padding-block-start: 0px; 11773 --padding-block-end: 0px; 11774 --padding-inline-start: 0px; 11775 --padding-inline-end: 0px; 11776 --padding-block-start-mobile: 0px; 11777 --padding-block-end-mobile: 0px; 11778 --padding-inline-start-mobile: 0px; 11779 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ANWNpZlc0Ukc2N1d6e__group_nFzNy
11779F"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-center m:items-center justify-center "> 11780<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] !text-[var(--custom-text-color)] text-block--AZWNOYlNNV3lkcTdqY__text_Tg4GQW " style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 11781 --padding-block-end: 0px; 11782 --padding-inline-start: 0px; 11783 --padding-inline-end: 0px; 11784" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><div class="section " style="background-color: #edf1f2;"><div class="row" style="max-width: 900px; margin: auto;"><center> 11785<div data-tf-widget="hvJBEFY7" data-tf-opacity="0" data-tf-hide-headers data-tf-iframe-props="title=PROLON FMD Contact Us" data-tf-medium="snippet" data-tf-hidden="utm_content=xxxxx" style="width:100%;height:500px;"></div>
11786<script src="//embed.typeform.com/next/embed.js"></script>
11786 11787</center></div></div></span></div> 11788 11789</div> 11790</div> 11791 11792 </div> 11793 </div> 11794</div> 11795 11796<style> 11797 .section-wrapper { 11798 --section-height-offset: 0px; 11799 } 11800 11801 .section[data-shopify-visual-preview] { 11802 min-height: var(--section-preview-height); 11803 padding-top: 0; 11804 } 11805 11806 .section[data-shopify-visual-preview] .custom-section-background { 11807 display: none; 11808 } 11809 11810 body:has(> #header-group > .header-section > #header-component[transparent]):not( 11811 :has(> #header-group > .header-section + .shopify-section) 11812 ) 11813 > main 11814 > .section-wrapper:first-child { 11815 --section-height-offset: var(--header-group-height, 0); 11816 } 11817 11818 .custom-section-background { 11819 grid-column: 1 / -1; 11820 } 11821 11822 .custom-section-content { 11823 z-index: var(--layer-flat); 11824 } 11825 11826 .spacing-style { 11827 padding-block: var(--padding-block-start, 0) var(--padding-block-end, 0); 11828 padding-inline: var(--padding-inline-start, 0) var(--padding-inline-end, 0); 11829 margin-block: var(--margin-block-start, 0) var(--margin-block-end, 0); 11830 margin-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0); 11831 } 11832 11833 @media screen and (max-width: 749px) { 11834 .spacing-style { 11835 padding-block: var(--padding-block-start-mobile, var(--padding-block-start, 0)) 11836 var(--padding-block-end-mobile, var(--padding-block-end, 0)); 11837 padding-inline: var(--padding-inline-start-mobile, var(--padding-inline-start, 0)) 11838 var(--padding-inline-end-mobile, var(--padding-inline-end, 0)); 11839 margin-block: var(--margin-block-start-mobile, var(--margin-block-start, 0)) 11840 var(--margin-block-end-mobile, var(--margin-block-end, 0)); 11841 margin-inline: var(--margin-inline-start-mobile, var(--margin-inline-start, 0)) 11842 var(--margin-inline-end-mobile, var(--margin-inline-end, 0)); 11843 } 11844 } 11845</style> 11846 11847 11848 11849<style> #shopify-section-template--19843810361502__section_tLbVqr #bg-clr {background: white;} </style></div><div id="shopify-section-template--19843810361502__section_WBtj3R" class="shopify-section section-wrapper"> 11850 11851 11852 11853<div class="section-background !px-0 color-scheme-1"></div> 11854<div 11855 11856 class="section section--full-width color-scheme-1" 11857 11858 11859 11860 style=" 11861 11862 11863 11864 " 11865> 11866 <div class="custom-section-background"> 11867 11868 11869 </div> 11870 11871 <div 11872 class="border-style custom-section-content " 11873 style="--border-width:1px; --border-style:none; --border-color: 11874rgb(var(--color-border-rgb) /1.0); --border-radius:0px;" 11875 > 11876 11877 11878 <div 11879 class=" 11880 spacing-style 11881 layout-panel-flex 11882 layout-panel-flex--column 11883 section-content-wrapper 11884 mobile-column 11885 " 11886 style=" 11887 --flex-direction: column; --flex-wrap: nowrap; 11888 11889--gap: 0px;--gap-mobile: 0px; 11890 11891--horizontal-alignment: flex-start; --vertical-alignment: center; 11892--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: center; 11893 11894 --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;--margin-block-start: 0px;--margin-block-start-mobile: 0px;--margin-block-end: 0px;--margin-block-end-mobile: 0px;--margin-inline-start: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end: 0px;--margin-inline-end-mobile: 0px; 11895 " 11896 data-testid="section-content" 11897 > 11898 11899 11900<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 0px; 11901 --group-gap-mobile: 0px; 11902 --padding-block-start: 0px; 11903 --padding-block-end: 0px; 11904 --padding-inline-start: 0px; 11905 --padding-inline-end: 0px; 11906 --padding-block-start-mobile: 0px; 11907 --padding-block-end-mobile: 0px; 11908 --padding-inline-start-mobile: 0px; 11909 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AQnl2WjJvNW00VjEwe__group_44t3nf"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row m:!flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:items-start items-center m:justify-center m:items-stretch "> 11910<div class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.989010989010989; 11911 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=300 300w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=450 450w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=600 600w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=750 750w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=900 900w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1050 1050w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1200 1200w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1350 1350w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1500 1500w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1650 1650w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1800 1800w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=1950 1950w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=2000 2000w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=2500 2500w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=3000 3000w, //prolonlife.com/cdn/shop/files/ProLon-Ididit_540x_a8843dfd-3c5c-4ade-96f2-b3ae3fcabea2.png?v=1614331115&width=3500 3500w" width="540" height="546" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100v
11911w, 100vw"></div> 11912 11913<div class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.9908256880733946; 11914 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=300 300w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=450 450w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=600 600w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=750 750w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=900 900w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1050 1050w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1200 1200w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1350 1350w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1500 1500w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1650 1650w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1800 1800w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=1950 1950w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=2000 2000w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=2500 2500w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=3000 3000w, //prolonlife.com/cdn/shop/files/ProLon-Summertime_540x_41512817-9970-4c29-a8f8-8c72707e3c36.png?v=1614331115&width=3500 3500w" width="540" height="545" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100vw, 100vw"></div> 11915 11916<div class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 1.0018552875695732; 11917 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=300 300w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=450 450w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=600 600w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=750 750w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=900 900w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1050 1050w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1200 1200w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1350 1350w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1500 1500w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1650 1650w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1800 1800w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=1950 1950w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=2000 2000w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=2500 2500w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=3000 3000w, //prolonlife.com/cdn/shop/files/ProLon_-_Outdoors_-_Insta_540x_e2f99c11-4180-4c30-8417-78fa22ba2bd4.jpg?v=1614331116&width=3500 3500w" width="540" height="539" loading="lazy" class="object-cover w-full h-full" sizes="auto, (min-width: 750px) 100v
11917w, 100vw"></div> 11918 11919<div class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 0.9908256880733946; 11920 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=300 300w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=450 450w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=600 600w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=750 750w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=900 900w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1050 1050w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1200 1200w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1350 1350w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1500 1500w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1650 1650w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1800 1800w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=1950 1950w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=2000 2000w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=2500 2500w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=3000 3000w, //prolonlife.com/cdn/shop/files/ProLon-Yoga_540x_e9585c03-901f-4fcb-b6a6-af82f58d01bb.png?v=1614331116&width=3500 3500w" width="540" height="545" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100vw, 100vw"></div> 11921</div> 11922</div> 11923<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 0px; 11924 --group-gap-mobile: 0px; 11925 --padding-block-start: 0px; 11926 --padding-block-end: 0px; 11927 --padding-inline-start: 0px; 11928 --padding-inline-end: 0px; 11929 --padding-block-start-mobile: 0px; 11930 --padding-block-end-mobile: 0px; 11931 --padding-inline-start-mobile: 0px; 11932 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AaVVFMlB5NmNua2RZR__group_dnQj4F"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row m:!flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:items-start items-stretch m:justify-start m:items-stretch "> 11933<div class="relative h-[var(--group-height)] w-[var(--group-custom-width)] m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-height: 100%;--group-custom-width: 59%;--group-gap: 12px; 11934 --group-gap-mobile: 12px; 11935 --padding-block-start: 0px; 11936 --padding-block-end: 0px; 11937 --padding-inline-start: 0px; 11938 --padding-inline-end: 0px; 11939 --padding-block-start-mobile: 0px; 11940 --padding-block-end-mobile: 0px; 11941 --padding-inline-start-mobile: 0px; 11942 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="ARHFxOVFpakRyVTZ4Q__group_pdppMJ"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 11943<div class="flex w-full max-md:w-full" style="justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=300 300w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=450 450w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=600 600w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=750 750w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=900 900w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1050 1050w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1200 1200w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1350 1350w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1500 1500w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1650 1650w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1800 1800w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=1950 1950w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=2000 2000w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=2500 2500w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=3000 3000w, //prolonlife.com/cdn/shop/files/ProLon-LightTea_720x_44393ff0-a4d8-4bbd-9aa8-6b4c46f5e709.jpg?v=1614331116&width=3500 3500w" width="720" height="900" loading="lazy" class="object-cover w-full aspect-[4/5]" sizes="auto, (min-width: 750px) 100v
11943w, 100vw"></div> 11944</div> 11945</div> 11946<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 11947 --group-gap-mobile: 12px; 11948 --padding-block-start: 0px; 11949 --padding-block-end: 0px; 11950 --padding-inline-start: 0px; 11951 --padding-inline-end: 0px; 11952 --padding-block-start-mobile: 0px; 11953 --padding-block-end-mobile: 0px; 11954 --padding-inline-start-mobile: 0px; 11955 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMjVZbThjSXlGc1I2M__group_XA7kYT"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 11956<div class="flex w-full max-md:w-full" style="--image-block-aspect-ratio: 1.35; 11957 aspect-ratio: var(--image-block-aspect-ratio);justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=300 300w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=450 450w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=600 600w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=750 750w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=900 900w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1050 1050w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1200 1200w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1350 1350w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1500 1500w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1650 1650w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1800 1800w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=1950 1950w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=2000 2000w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=2500 2500w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=3000 3000w, //prolonlife.com/cdn/shop/files/Showroom_1080x_642de880-1d39-4ac9-8581-f06f127fcf67.png?v=1614331116&width=3500 3500w" width="1080" height="800" loading="lazy" class="object-cover w-full" sizes="auto, (min-width: 750px) 100vw, 100vw"></div> 11958</div> 11959</div></div> 11960</div> 11961 11962 </div> 11963 </div> 11964</div> 11965 11966<style> 11967 .section-wrapper { 11968 --section-height-offset: 0px; 11969 } 11970 11971 .section[data-shopify-visual-preview] { 11972 min-height: var(--section-preview-height); 11973 padding-top: 0; 11974 } 11975 11976 .section[data-shopify-visual-preview] .custom-section-background { 11977 display: none; 11978 } 11979 11980 body:has(> #header-group > .header-section > #header-component[transparent]):not( 11981 :has(> #header-group > .header-section + .shopify-section) 11982 ) 11983 > main 11984 > .section-wrapper:first-child { 11985 --section-height-offset: var(--header-group-height, 0); 11986 } 11987 11988 .custom-section-background { 11989 grid-column: 1 / -1; 11990 } 11991 11992 .custom-section-content { 11993 z-index: var(--layer-flat); 11994 } 11995 11996 .spacing-style { 11997 padding-block: var(--padding-block-start, 0) var(--padding-block-end, 0); 11998 padding-inline: var(--padding-inline-start, 0) var(--padding-inline-end, 0); 11999 margin-block: var(--margin-block-start, 0) var(--margin-block-end, 0); 12000 margin-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0); 12001 } 12002 12003 @media screen and (max-width: 749px) { 12004 .spacing-style { 12005 padding-block: var(--padding-block-start-mobile, var(--padding-block-start, 0)) 12006 var(--padding-block-end-mobile, var(--padding-block-end, 0)); 12007 padding-inline: var(--padding-inline-start-mobile, var(--padding-inline-start, 0)) 12008 var(--padding-inline-end-mobile, var(--padding-inline-end, 0)); 12009 margin-block: var(--margin-block-start-mobile, var(--margin-block-start, 0)) 12010 var(--margin-block-end-mobile, var(--margin-block-end, 0)); 12011 margin-inline: var(--margin-inline-start-mobile, var(--margin-inline-start, 0)) 12012 var(--margin-inline-end-mobile, var(--margin-inline-end, 0)); 12013 } 12014 } 12015</style> 12016 12017 12018 12019</div> 12020 </main> 12021 12022 <footer role="contentinfo"> 12023 <!-- BEGIN sections: footer-group --> 12024<div id="shopify-section-sections--19843808034974__custom_css_maWUDb" class="shopify-section shopify-section-group-footer-group"><div class=""> 12025<style> 12026 12027 .payment-options { 12028 display: flex; 12029 align-items: center; 12030 gap: 10px; 12031 flex-wrap: wrap; /* â mobile pe break */ 12032} 12033 12034.pill { 12035 display: inline-flex; 12036 align-items: center; 12037 justify-content: center; 12038 12039 height: 30px; /* â consistent height */ 12040 padding: 0 10px; /* â side padding only */ 12041 background: #fff; 12042 12043 border-radius: 8px; /* â modern rounded */ 12044 box-sizing: border-box; 12045 12046 border: 1px solid rgba(0,0,0,0.10); 12047 line-height: 0; /* â svg baseline gap remove */ 12048} 12049 12050/* â SVG sizing fix (ye main fix hai) */ 12051.pill svg { 12052 display: block; 12053 height: 16px; /* â same logo height */ 12054 max-height: 16px; 12055 width: auto; 12056 max-width: 100%; 12057} 12058 12059.pill.selected { 12060 border: 2px solid #000; 12061} 12062 12063.border-dark { 12064 border: 2px solid #34383b; 12065} 12066 12067.pill--round { 12068 border-radius: 8px; 12069} 12070 12071.pill--amex { 12072 background: #1f72cd; 12073 color: #fff; 12074 border-color: transparent; 12075 padding: 0 10px; /* â amex thoda compact */ 12076} 12077 12078/* â optional: consistent spacing on very small screens */ 12079@media (max-width: 420px) { 12080 .payment-options { gap: 8px; } 12081 .pill { height: 38px; padding: 0 12px; } 12082 .pill svg { height: 20px; max-height: 20px; } 12083} 12084 12085.sr-only { 12086 position: absolute; 12087 width: 1px; 12088 height: 1px; 12089 padding: 0; 12090 margin: -1px; 12091 overflow: hidden; 12092 clip: rect(0, 0, 0, 0); 12093 white-space: nowrap; 12094 border: 0; 12095} 12096 12097 </style> 12098 </div> 12099 12100</div><div id="shopify-section-sections--19843808034974__section_8mHCV3" class="shopify-section shopify-section-group-footer-group section-wrapper"> 12101 12102 12103 12104<div class="section-background !px-0 color-scheme-6"></div> 12105<div 12106 12107 class="section section--full-width color-scheme-6" 12108 12109 12110 12111 style=" 12112 12113 --section-min-height: var(--section-height-small); 12114 12115 12116 12117 --section-preview-height: 600px; 12118 12119 " 12120> 12121 <div class="custom-section-background"> 12122 12123 12124 </div> 12125 12126 <div 12127 class="border-style custom-section-content " 12128 style="--border-width:1px; --border-style:none; --border-color: 12129rgb(var(--color-border-rgb) /1.0); --border-radius:0px;" 12130 > 12131 12132 12133 <div 12134 class=" 12135 spacing-style 12136 layout-panel-flex 12137 layout-panel-flex--column 12138 section-content-wrapper 12139 mobile-column 12140 " 12141 style=" 12142 --flex-direction: column; --flex-wrap: nowrap; 12143 12144--gap: 12px;--gap-mobile: 12px; 12145 12146--horizontal-alignment: flex-start; --vertical-alignment: center; 12147--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: center; 12148 12149 --padding-block-start: 0px;--padding-block-start-mobile: 0px;--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 0px;--padding-inline-end: 0px;--padding-inline-end-mobile: 0px;--margin-block-start: 0px;--margin-block-start-mobile: 0px;--margin-block-end: 0px;--margin-block-end-mobile: 0px;--margin-inline-start: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end: 0px;--margin-inline-end-mobile: 0px; 12150 " 12151 data-testid="section-content" 12152 > 12153 12154 12155<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #1e4036;--group-gap: 20px; 12156 --group-gap-mobile: 0px; 12157 --padding-block-start: 40px; 12158 --padding-block-end: 40px; 12159 --padding-inline-start: 40px; 12160 --padding-inline-end: 40px; 12161 --padding-block-start-mobile: 30px; 12162 --padding-block-end-mobile: 0px; 12163 --padding-inline-start-mobile: 20px; 12164 --padding-inline-end-mobile: 20px;" data-testid="group-block" data-group-id="ARURlcjhUNU1sL2RaW__group_GJtXac"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row m:!flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-between m:items-end items-stretch m:justify-start m:items-stretch "> 12165<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 12166 --group-gap-mobile: 12px; 12167 --padding-block-start: 0px; 12168 --padding-block-end: 0px; 12169 --padding-inline-start: 0px; 12170 --padding-inline-end: 0px; 12171 --padding-block-start-mobile: 0px; 12172 --padding-block-end-mobile: 0px; 12173 --padding-inline-start-mobile: 0px; 12174 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AK29YMjlMRE94VG9mc__group_jQqUAx"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "><accordion-custom 12175 class="w-full" 12176 12177 open-by-default-on-desktop 12178 12179 open-by-default-on-mobile 12180 12181 data-disable-on-desktop="true" 12182 data-hide-icons-on-desktop="true" 12183 style=" 12184 12185 12186 12187 12188
12189 --row-padding-block-start: 0px; 12190 --row-padding-block-end: 0px; 12191 --row-padding-inline-start: 0px; 12192 --row-padding-inline-end: 0px; 12193 " 12194> 12195 <details 12196 class="details group" 12197 data-testid="accordion-details" 12198 12199 > 12200 <summary class="flex items-center font-bold justify-between p-0 details__header md:pb-[20px] m:border-b-[1px] !py-[10px] group-open:border-b-0"> 12201 12202 COMPANY 12203 <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 12204 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12205</svg> 12206</span> 12207 </summary> 12208 12209 <div class=" details-content flex flex-col gap-[10px] m:gap-[15px]"> 12210 12211<a href="/pages/accessibility-statement" class="block w-full no-underline cursor-pointer" aria-label="Accessibility statement"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--ARENBcmdMNTFFRi95a__text_aN3CgC text-block-custom-css--ARENBcmdMNTFFRi95a__text_aN3CgC" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12212 --padding-block-end: 10px; 12213 --padding-inline-start: 0px; 12214 --padding-inline-end: 0px; 12215--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Accessibility statement</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12216 .text-block-custom-css--ARENBcmdMNTFFRi95a__text_aN3CgC.text-block-custom-css--ARENBcmdMNTFFRi95a__text_aN3CgC { 12217 border-bottom:1px solid white; 12218 } 12219 }</style> 12220 12221 12222<a href="/pages/faqs" class="block w-full no-underline cursor-pointer" aria-label="FAQs"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AeVNZeWR1MHlZbzZtS__text_eayRgy text-block-custom-css--AeVNZeWR1MHlZbzZtS__text_eayRgy" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12223 --padding-block-end: 10px; 12224 --padding-inline-start: 0px; 12225 --padding-inline-end: 0px; 12226--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>FAQs</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12227 .text-block-custom-css--AeVNZeWR1MHlZbzZtS__text_eayRgy.text-block-custom-css--AeVNZeWR1MHlZbzZtS__text_eayRgy { 12228 border-bottom:1px solid white; 12229 } 12230 }</style> 12231 12232 12233<a href="/blogs/stories" class="block w-full no-underline cursor-pointer" aria-label="Blog"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AaUF1REE3WEZyeFdoZ__text_3D3cFA text-block-custom-css--AaUF1REE3WEZyeFdoZ__text_3D3cFA" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12234 --padding-block-end: 10px; 12235 --padding-inline-start: 0px; 12236 --padding-inline-end: 0px; 12237--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Blog</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12238 .text-block-custom-css--AaUF1REE3WEZyeFdoZ__text_3D3cFA.text-block-custom-css--AaUF1REE3WEZyeFdoZ__text_3D3cFA { 12239 border-bottom:1px solid white; 12240 } 12241 }</style> 12242 12243 12244<a href="/pages/contact-us" class="block w-full no-underline cursor-pointer" aria-label="Contact us"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AMUNpZ3diSm5Tckc1b__text_qWnR7C text-block-custom-css--AMUNpZ3diSm5Tckc1b__text_qWnR7C" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12245 --padding-block-end: 10px; 12246 --padding-inline-start: 0px; 12247 --padding-inline-end: 0px; 12248--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Contact us</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12249 .text-block-custom-css--AMUNpZ3diSm5Tckc1b__text_qWnR7C.text-block-custom-css--AMUNpZ3diSm5Tckc1b__text_qWnR7C { 12250 border-bottom:1px solid white; 12251 } 12252 }</style> 12253 12254 12255<a href="/pages/terms-conditions" class="block w-full no-underline cursor-pointer" aria-label="Terms and conditions"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AMEtqM29TanBGMDljV__text_8Kkht4 text-block-custom-css--AMEtqM29TanBGMDljV__text_8Kkht4" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12256 --padding-block-end: 10px; 12257 --padding-inline-start: 0px; 12258 --padding-inline-end: 0px; 12259--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Terms and conditions</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12260 .text-block-custom-css--AMEtqM29TanBGMDljV__text_8Kkht4.text-block-custom-css--AMEtqM29TanBGMDljV__text_8Kkht4 { 12261 border-bottom:1px solid white; 12262 } 12263 }</style> 12264 12265 12266<a href="/pages/returns-refunds" class="block w-full no-underline cursor-pointer" aria-label="Returns and refunds"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AU1dMNW9JemRLTTJMa__text_i8Vtqf text-block-custom-css--AU1dMNW9JemRLTTJMa__text_i8Vtqf" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12267 --padding-block-end: 10px; 12268 --padding-inline-start: 0px; 12269 --padding-inline-end: 0px; 12270--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Returns and refunds</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12271 .text-block-custom-css--AU1dMNW9JemRLTTJMa__text_i8Vtqf.text-block-custom-css--AU1dMNW9JemRLTTJMa__text_i8Vtqf { 12272 border-bottom:1px solid white; 12273 } 12274 }</style> 12275 12276 12277<a href="/pages/privacy-policy" class="block w-full no-underline cursor-pointer" aria-label="Privacy policy"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AMVllWTV2L3crVyt0d__text_yC4tKR text-block-custom-css--AMVllWTV2L3crVyt0d__text_yC4tKR" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12278 --padding-block-end: 10px; 12279 --padding-inline-start: 0px; 12280 --padding-inline-end: 0px; 12281--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Privacy policy</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12282 .text-block-custom-css--AMVllWTV2L3crVyt0d__text_yC4tKR.text-block-custom-css--AMVllWTV2L3crVyt0d__text_yC4tKR { 12283 border-bottom:1px solid white; 12284 } 12285 }</style> 12286 12287 12288<a href="/pages/ccpa-compliance" class="block w-full no-underline cursor-pointer" aria-label="Your CA privacy rights"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AM3BzeHVMVGxoNk1YL__text_kzPFrH text-block-custom-css--AM3BzeHVMVGxoNk1YL__text_kzPFrH" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12289 --padding-block-end: 10px; 12290 --padding-inline-start: 0px; 12291 --padding-inline-end: 0px; 12292--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Your CA privacy rights</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12293 .text-block-custom-css--AM3BzeHVMVGxoNk1YL__text_kzPFrH.text-block-custom-css--AM3BzeHVMVGxoNk1YL__text_kzPFrH { 12294 border-bottom:1px solid white; 12295 } 12296 }</style> 12297 12298 12299<a href="/pages/affiliates" class="block w-full no-underline cursor-pointer" aria-label="Affiliate sign-up"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AQ0F5cFoxdnhlNGdIV__text_K4MnJT text-block-custom-css--AQ0F5cFoxdnhlNGdIV__text_K4MnJT" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12300 --padding-block-end: 10px; 12301 --padding-inline-start: 0px; 12302 --padding-inline-end: 0px; 12303--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Affiliate sign-up</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12304 .text-block-custom-css--AQ0F5cFoxdnhlNGdIV__text_K4MnJT.text-block-custom-css--AQ0F5cFoxdnhlNGdIV__text_K4MnJT { 12305 border-bottom:1px solid white; 12306 } 12307 }</style> 12308 12309 12310<a href="/pages/sms-disclaimer" class="block w-full no-underline cursor-pointer" aria-label="SMS disclaimer"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AcFZQZnlUUzh0YUFtR__text_3ker8i text-block-custom-css--AcFZQZnlUUzh0YUFtR__text_3ker8i" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12311 --padding-block-end: 10px; 12312 --padding-inline-start: 0px; 12313 --padding-inline-end: 0px; 12314--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>SMS disclaimer</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12315 .text-block-custom-css--AcFZQZnlUUzh0YUFtR__text_3ker8i.text-block-custom-css--AcFZQZnlUUzh0YUFtR__text_3ker8i { 12316 border-bottom:1px solid white; 12317 } 12318 }</style> 12319 12320 12321<a href="https://l-nutrahealth.com/" class="block w-full no-underline cursor-pointer" aria-label="L-Nutra Health"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AeUZtUjNxUzBJZHZrZ__text_cbKrzk text-block-custom-css--AeUZtUjNxUzBJZHZrZ__text_cbKrzk" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12322 --padding-block-end: 0px; 12323 --padding-inline-start: 0px; 12324 --padding-inline-end: 0px; 12325--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Nutra Health</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12326 .text-block-custom-css--AeUZtUjNxUzBJZHZrZ__text_cbKrzk.text-block-custom-css--AeUZtUjNxUzBJZHZrZ__text_cbKrzk { 12327 padding-bottom:10px; 12328border-bottom:1px solid white; 12329 } 12330 }@media screen and (max-width: 47.9375em) { 12331 .text-block-custom-css--AeUZtUjNxUzBJZHZrZ__text_cbKrzk.text-block-custom-css--AeUZtUjNxUzBJZHZrZ__text_cbKrzk { 12332 padding-bottom:20px; 12333 } 12334 }</style> 12335 12336 12337<a href="/pages/us-privacy-requests" class="block w-full no-underline cursor-pointer" aria-label="US privacy laws"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AYm1hRmtQQzdZTnI0N__text_Ww8tgG text-block-custom-css--AYm1hRmtQQzdZTnI0N__text_Ww8tgG" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12338 --padding-block-end: 0px; 12339 --padding-inline-start: 0px; 12340 --padding-inline-end: 0px; 12341--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>US privacy laws</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12342 .text-block-custom-css--AYm1hRmtQQzdZTnI0N__text_Ww8tgG.text-block-custom-css--AYm1hRmtQQzdZTnI0N__text_Ww8tgG { 12343 padding-bottom:10px; 12344border-bottom:1px solid white; 12345 } 12346 }@media screen and (max-width: 47.9375em) { 12347 .text-block-custom-css--AYm1hRmtQQzdZTnI0N__text_Ww8tgG.text-block-custom-css--AYm1hRmtQQzdZTnI0N__text_Ww8tgG { 12348 padding-bottom:20px; 12349 } 12350 }</style> 12351 12352
12353<a href="/pages/do-not-sell-or-share-my-personal-information" class="block w-full no-underline cursor-pointer" aria-label="Do not sell or share"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AMUc2SWtuMVgvMStHd__text_AidJfy text-block-custom-css--AMUc2SWtuMVgvMStHd__text_AidJfy" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12354 --padding-block-end: 0px; 12355 --padding-inline-start: 0px; 12356 --padding-inline-end: 0px; 12357--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Do not sell or share</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12358 .text-block-custom-css--AMUc2SWtuMVgvMStHd__text_AidJfy.text-block-custom-css--AMUc2SWtuMVgvMStHd__text_AidJfy { 12359 padding-bottom:10px; 12360border-bottom:1px solid white; 12361 } 12362 }@media screen and (max-width: 47.9375em) { 12363 .text-block-custom-css--AMUc2SWtuMVgvMStHd__text_AidJfy.text-block-custom-css--AMUc2SWtuMVgvMStHd__text_AidJfy { 12364 padding-bottom:20px; 12365 } 12366 }</style> 12367 12368 12369 </div> 12370 </details> 12371</accordion-custom> 12372 12373<style> 12374 .details__icon { 12375 height: auto; 12376 margin-inline-end: var(--margin-xs); 12377 } 12378 12379 /* Row-specific color overrides - closed state */ 12380 accordion-custom[style*="--row-closed-text-color"] .details__header { 12381 color: var(--row-closed-text-color); 12382 transition: color 0.3s ease; 12383 } 12384 12385 accordion-custom[style*="--row-closed-border-color"] .details { 12386 border-color: var(--row-closed-border-color); 12387 transition: border-color 0.3s ease; 12388 } 12389 12390 /* Row-specific color overrides - open state */ 12391 accordion-custom[style*="--row-open-text-color"] .details[open] .details__header { 12392 color: var(--row-open-text-color); 12393 } 12394 12395 accordion-custom[style*="--row-open-border-color"] .details[open] { 12396 border-color: var(--row-open-border-color); 12397 } 12398 12399 /* Row-specific content color override */ 12400 accordion-custom[style*="--row-open-content-text-color"] .details[open] .details-content { 12401 color: var(--row-open-content-text-color); 12402 } 12403 12404 accordion-custom[style*="--row-open-content-text-color"] .details-content { 12405 transition: color 0.3s ease; 12406 } 12407 12408 /* Default content styling when row colors aren't set should inherit from parent */ 12409 accordion-custom:not([style*="--row-closed-text-color"]) .details-content { 12410 color: inherit; 12411 } 12412 12413 /* Padding styles */ 12414 accordion-custom .details { 12415 padding-block-start: var(--row-padding-block-start, 0px); 12416 padding-block-end: var(--row-padding-block-end, 0px); 12417 padding-inline-start: var(--row-padding-inline-start, 0px); 12418 padding-inline-end: var(--row-padding-inline-end, 0px); 12419 } 12420 12421 /* Desktop-specific styles: hide icons and disable pointer events on summary */ 12422 @media (min-width: 1024px) { 12423 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12424 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12425 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12426 display: none; 12427 } 12428 12429 accordion-custom[data-disable-on-desktop="true"] .details__header { 12430 pointer-events: none; 12431 cursor: default; 12432 } 12433 } 12434 12435 /* Mobile-specific styles: ensure icons are visible */ 12436 @media (max-width: 1023px) { 12437 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12438 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12439 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12440 display: block; 12441 } 12442 12443 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12444 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12445 display: inline-block; 12446 } 12447 } 12448</style> 12449 12450</div> 12451</div><style>@media (min-width: 1024px) { 12452 [data-group-id="AK29YMjlMRE94VG9mc__group_jQqUAx"] { 12453 width:240px; 12454 } 12455 }</style> 12456<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 12px; 12457 --group-gap-mobile: 12px; 12458 --padding-block-start: 0px; 12459 --padding-block-end: 0px; 12460 --padding-inline-start: 0px; 12461 --padding-inline-end: 0px; 12462 --padding-block-start-mobile: 0px; 12463 --padding-block-end-mobile: 0px; 12464 --padding-inline-start-mobile: 0px; 12465 --padding-inline-end-mobile: 0px;
12465" data-testid="group-block" data-group-id="AdG5vZFpTdkdCdW9sb__group_MqJVE4"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "><accordion-custom 12466 class="w-full" 12467 12468 open-by-default-on-desktop 12469 12470 data-disable-on-desktop="true" 12471 data-hide-icons-on-desktop="true" 12472 style=" 12473 12474 12475 12476 12477 12478 --row-padding-block-start: 0px; 12479 --row-padding-block-end: 0px; 12480 --row-padding-inline-start: 0px; 12481 --row-padding-inline-end: 0px; 12482 " 12483> 12484 <details 12485 class="details group" 12486 data-testid="accordion-details" 12487 12488 > 12489 <summary class="flex items-center font-bold justify-between p-0 details__header md:pb-[20px] m:border-y-[1px] !py-[10px] group-open:border-b-0"> 12490 12491 SHOP PROLON 12492 <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 12493 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12494</svg> 12495</span> 12496 </summary> 12497 12498 <div class=" details-content flex flex-col gap-[10px] m:gap-[15px]"> 12499 12500<a href="/products/prolon-offer" class="block w-full no-underline cursor-pointer" aria-label="Prolon 5-Day FMD"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AZXhlZXZwaURKYzdnW__text_x6JDfy text-block-custom-css--AZXhlZXZwaURKYzdnW__text_x6JDfy" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12501 --padding-block-end: 10px; 12502 --padding-inline-start: 0px; 12503 --padding-inline-end: 0px; 12504--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12505 .text-block-custom-css--AZXhlZXZwaURKYzdnW__text_x6JDfy.text-block-custom-css--AZXhlZXZwaURKYzdnW__text_x6JDfy { 12506 border-bottom:1px solid white; 12507 } 12508 }</style> 12509 12510 12511<a href="/products/reset" class="block w-full no-underline cursor-pointer" aria-label="Prolon 1-Day Reset"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AeXJ3RDhWTktLcWdyR__text_ktktEB text-block-custom-css--AeXJ3RDhWTktLcWdyR__text_ktktEB" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12512 --padding-block-end: 10px; 12513 --padding-inline-start: 0px; 12514 --padding-inline-end: 0px; 12515--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 1-Day Reset</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12516 .text-block-custom-css--AeXJ3RDhWTktLcWdyR__text_ktktEB.text-block-custom-css--AeXJ3RDhWTktLcWdyR__text_ktktEB { 12517 border-bottom:1px solid white; 12518 } 12519 }</style> 12520 12521 12522<a href="/products/fasting-bar" class="block w-full no-underline cursor-pointer" aria-label="Fasting Bar"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AemwyQlVrTEprZDJhR__text_cgM8Qb text-block-custom-css--AemwyQlVrTEprZDJhR__text_cgM8Qb" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12523 --padding-block-end: 10px; 12524 --padding-inline-start: 0px; 12525 --padding-inline-end: 0px; 12526--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Fasting Bar</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12527 .text-block-custom-css--AemwyQlVrTEprZDJhR__text_cgM8Qb.text-block-custom-css--AemwyQlVrTEprZDJhR__text_cgM8Qb { 12528 border-bottom:1px solid white; 12529 } 12530 }</style> 12531 12532 12533<a href="/products/l-protein" class="block w-full no-underline cursor-pointer" aria-label="L-Protein"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AQU8wdHFoM0MybHFVR__text_TxYgLL text-block-custom-css--AQU8wdHFoM0MybHFVR__text_TxYgLL" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12534 --padding-block-end: 10px; 12535 --padding-inline-start: 0px; 12536 --padding-inline-end: 0px; 12537--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>L-Protein</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12538 .text-block-custom-css--AQU8wdHFoM0MybHFVR__text_TxYgLL.text-block-custom-css--AQU8wdHFoM0MybHFVR__text_TxYgLL { 12539 border-bottom:1px solid white; 12540 } 12541 }</style> 12542 12543 12544<a href="/products/longevity-spread" class="block w-full no-underline cursor-pointer" aria-label="Longevity Spread"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AR3d5UTUwWmlIaUVOY__text_hdJEUh text-block-custom-css--AR3d5UTUwWmlIaUVOY__text_hdJEUh" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12545 --padding-block-end: 10px; 12546 --padding-inline-start: 0px; 12547 --padding-inline-end: 0px; 12548--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Longevity Spread</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12549 .text-block-custom-css--AR3d5UTUwWmlIaUVOY__text_hdJEUh.text-block-custom-css--AR3d5UTUwWmlIaUVOY__text_hdJEUh { 12550 border-bottom:1px solid white; 12551 } 12552 }</style> 12553 12554 12555<a href="/pages/fasting-group" class="block w-full no-underline cursor-pointer" aria-label="Join Coach Led Fasting Group"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AaHNsSFR4V0JRdzlyd__text_j8Q3nH text-block-custom-css--AaHNsSFR4V0JRdzlyd__text_j8Q3nH" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12556 --padding-block-end: 10px; 12557 --padding-inline-start: 0px; 12558 --padding-inline-end: 0px; 12559--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Join Coach Led Fasting Group</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12560 .text-block-custom-css--AaHNsSFR4V0JRdzlyd__text_j8Q3nH.text-block-custom-css--AaHNsSFR4V0JRdzlyd__text_j8Q3nH { 12561 border-bottom:1px solid white; 12562 } 12563 }</style> 12564 12565 12566<a href="https://web.facebook.com/groups/fastination/" class="block w-full no-underline cursor-pointer" aria-label="Join Facebook Fasting Group"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--ATXFBWU9NTURFSVBsd__text_qnEFb4 text-block-custom-css--ATXFBWU9NTURFSVBsd__text_qnEFb4" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12567 --padding-block-end: 10px; 12568 --padding-inline-start: 0px; 12569 --padding-inline-end: 0px; 12570--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Join Facebook Fasting Group</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12571 .text-block-custom-css--ATXFBWU9NTURFSVBsd__text_qnEFb4.text-block-custom-css--ATXFBWU9NTURFSVBsd__text_qnEFb4 { 12572 border-bottom:1px solid white; 12573 } 12574 }</style> 12575 12576 12577<a href="/products/prolon-professionals" class="block w-full no-underline cursor-pointer" aria-label="Patient Registration"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--ASDBacFNSUHJ1L1BtT__text_kmLmdx text-block-custom-css--ASDBacFNSUHJ1L1BtT__text_kmLmdx" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12578 --padding-block-end: 10px; 12579 --padding-inline-start: 0px; 12580 --padding-inline-end: 0px; 12581--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Patient Registration</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12582 .text-block-custom-css--ASDBacFNSUHJ1L1BtT__text_kmLmdx.text-block-custom-css--ASDBacFNSUHJ1L1BtT__text_kmLmdx { 12583 border-bottom:1px solid white; 12584 } 12585 }</style> 12586 12587 12588<a href="/account/login?view=provider" class="block w-full no-underline cursor-pointer" aria-label="Practitioner Login"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AQXJnZ1BzLzdpYkZWV__text_6agdXT text-block-custom-css--AQXJ
12588nZ1BzLzdpYkZWV__text_6agdXT" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12589 --padding-block-end: 10px; 12590 --padding-inline-start: 0px; 12591 --padding-inline-end: 0px; 12592--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Practitioner Login</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12593 .text-block-custom-css--AQXJnZ1BzLzdpYkZWV__text_6agdXT.text-block-custom-css--AQXJnZ1BzLzdpYkZWV__text_6agdXT { 12594 border-bottom:1px solid white; 12595 } 12596 }@media screen and (max-width: 47.9375em) { 12597 .text-block-custom-css--AQXJnZ1BzLzdpYkZWV__text_6agdXT.text-block-custom-css--AQXJnZ1BzLzdpYkZWV__text_6agdXT { 12598 padding-bottom:20px; 12599 } 12600 }</style> 12601 12602 12603<a href="https://prolonlife.com/pages/ingredients-supplement-facts" class="block w-full no-underline cursor-pointer" aria-label="Prolon 5-Day FMD nutrition facts"><rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AZkVxdTNRbWp3Yi93T__text_cNq7Lq text-block-custom-css--AZkVxdTNRbWp3Yi93T__text_cNq7Lq" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12604 --padding-block-end: 10px; 12605 --padding-inline-start: 0px; 12606 --padding-inline-end: 0px; 12607--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Prolon 5-Day FMD nutrition facts</p></span></rte-formatter></a><style>@media screen and (min-width: 64em) { 12608 .text-block-custom-css--AZkVxdTNRbWp3Yi93T__text_cNq7Lq.text-block-custom-css--AZkVxdTNRbWp3Yi93T__text_cNq7Lq { 12609 border-bottom:1px solid white; 12610 } 12611 }@media screen and (max-width: 47.9375em) { 12612 .text-block-custom-css--AZkVxdTNRbWp3Yi93T__text_cNq7Lq.text-block-custom-css--AZkVxdTNRbWp3Yi93T__text_cNq7Lq { 12613 padding-bottom:20px; 12614 } 12615 }</style> 12616 12617 12618 </div> 12619 </details> 12620</accordion-custom> 12621 12622<style> 12623 .details__icon { 12624 height: auto; 12625 margin-inline-end: var(--margin-xs); 12626 } 12627 12628 /* Row-specific color overrides - closed state */ 12629 accordion-custom[style*="--row-closed-text-color"] .details__header { 12630 color: var(--row-closed-text-color); 12631 transition: color 0.3s ease; 12632 } 12633 12634 accordion-custom[style*="--row-closed-border-color"] .details { 12635 border-color: var(--row-closed-border-color); 12636 transition: border-color 0.3s ease; 12637 } 12638 12639 /* Row-specific color overrides - open state */ 12640 accordion-custom[style*="--row-open-text-color"] .details[open] .details__header { 12641 color: var(--row-open-text-color); 12642 } 12643 12644 accordion-custom[style*="--row-open-border-color"] .details[open] { 12645 border-color: var(--row-open-border-color); 12646 } 12647 12648 /* Row-specific content color override */ 12649 accordion-custom[style*="--row-open-content-text-color"] .details[open] .details-content { 12650 color: var(--row-open-content-text-color); 12651 } 12652 12653 accordion-custom[style*="--row-open-content-text-color"] .details-content { 12654 transition: color 0.3s ease; 12655 } 12656 12657 /* Default content styling when row colors aren't set should inherit from parent */ 12658 accordion-custom:not([style*="--row-closed-text-color"]) .details-content { 12659 color: inherit; 12660 } 12661 12662 /* Padding styles */ 12663 accordion-custom .details { 12664 padding-block-start: var(--row-padding-block-start, 0px); 12665 padding-block-end: var(--row-padding-block-end, 0px); 12666 padding-inline-start: var(--row-padding-inline-start, 0px); 12667 padding-inline-end: var(--row-padding-inline-end, 0px); 12668 } 12669 12670 /* Desktop-specific styles: hide icons and disable pointer events on summary */ 12671 @media (min-width: 1024px) { 12672 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12673 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12674 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12675 display: none; 12676 } 12677 12678 accordion-custom[data-disable-on-desktop="true"] .details__header { 12679 pointer-events: none; 12680 cursor: default; 12681 } 12682 } 12683 12684 /* Mobile-specific styles: ensure icons are visible */ 12685 @media (max-width: 1023px) { 12686 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12687 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12688 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12689 display: block; 12690 } 12691 12692 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12693 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12694 display: inline-block; 12695 } 12696 } 12697</style> 12698 12699</div> 12700</div><style>@media (min-width: 1024px) {
12701 [data-group-id="AdG5vZFpTdkdCdW9sb__group_MqJVE4"] { 12702 width:240px; 12703 } 12704 }</style> 12705<div class="relative h-auto w-[var(--group-custom-width-px)] m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-custom-width-px: 200px;--group-gap: 12px; 12706 --group-gap-mobile: 12px; 12707 --padding-block-start: 0px; 12708 --padding-block-end: 0px; 12709 --padding-inline-start: 0px; 12710 --padding-inline-end: 0px; 12711 --padding-block-start-mobile: 0px; 12712 --padding-block-end-mobile: 0px; 12713 --padding-inline-start-mobile: 0px; 12714 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AMUIrZjhVcWNsN2lsT__group_CL4eJL"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "><accordion-custom 12715 class="w-full" 12716 12717 open-by-default-on-desktop 12718 12719 data-disable-on-desktop="true" 12720 data-hide-icons-on-desktop="true" 12721 style=" 12722 12723 12724 12725 12726 12727 --row-padding-block-start: 0px; 12728 --row-padding-block-end: 0px; 12729 --row-padding-inline-start: 0px; 12730 --row-padding-inline-end: 0px; 12731 " 12732> 12733 <details 12734 class="details group" 12735 data-testid="accordion-details" 12736 12737 > 12738 <summary class="flex items-center font-bold justify-between p-0 details__header md:pb-[20px] m:border-y-[1px] !py-[10px] group-open:border-b-0"> 12739 12740 DISCLAIMER 12741 <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 12742 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 12743</svg> 12744</span> 12745 </summary> 12746 12747 <div class=" details-content flex flex-col gap-[10px]"> 12748 12749<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular !text-[var(--custom-text-color)] text-block--AaU1mYTl1cDlQeS9ab__text_aDN3Hw text-block-custom-css--AaU1mYTl1cDlQeS9ab__text_aDN3Hw" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12750 --padding-block-end: 20px; 12751 --padding-inline-start: 0px; 12752 --padding-inline-end: 0px; 12753--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left">*In a clinical study, Prolon is shown over three cycles to help individuals lose an average of 5.7 lbs and 1.5 inches off their waist circumference. 12754<hr class="bg-white border-white my-[20px]"> 12755Individual Results May Vary. 12756<hr class="bg-white border-white my-[20px]"> 12757The ingredients in Prolon are considered generally recognized as safe (GRAS). 12758<br> 12759<span class="block rounded-[10px] border-solid border-[1px] p-[15px] my-[20px]"> 12760These statements have not been evaluated by the Food and Drug Administration. This product(s) is not intended to diagnose, treat, cure, or prevent any disease.</span> 12761<br> 12762*Free shipping applies within the continental United States - excludes HI, AK, PR 12763<br><br> 12764*Automatic discount may not be combined with other discounts and applies to 1st subscription order only.</span></div><style></style> 12765 12766 12767 </div> 12768 </details> 12769</accordion-custom> 12770 12771<style> 12772 .details__icon { 12773 height: auto; 12774 margin-inline-end: var(--margin-xs); 12775 } 12776 12777 /* Row-specific color overrides - closed state */ 12778 accordion-custom[style*="--row-closed-text-color"] .details__header { 12779 color: var(--row-closed-text-color); 12780 transition: color 0.3s ease; 12781 } 12782 12783 accordion-custom[style*="--row-closed-border-color"] .details { 12784 border-color: var(--row-closed-border-color); 12785 transition: border-color 0.3s ease; 12786 } 12787 12788 /* Row-specific color overrides - open state */ 12789 accordion-custom[style*="--row-open-text-color"] .details[open] .details__header { 12790 color: var(--row-open-text-color); 12791 } 12792 12793 accordion-custom[style*="--row-open-border-color"] .details[open] { 12794 border-color: var(--row-open-border-color); 12795 } 12796 12797 /* Row-specific content color override */ 12798 accordion-custom[style*="--row-open-content-text-color"] .details[open] .details-content { 12799 color: var(--row-open-content-text-color); 12800 } 12801 12802 accordion-custom[style*="--row-open-content-text-color"] .details-content { 12803 transition: color 0.3s ease; 12804 } 12805 12806 /* Default content styling when row colors aren't set should inherit from parent */ 12807 accordion-custom:not([style*="--row-closed-text-color"]) .details-content { 12808 color: inherit; 12809 } 12810 12811 /* Padding styles */ 12812 accordion-custom .details { 12813 padding-block-start: var(--row-padding-block-start, 0px); 12814 padding-block-end: var(--row-padding-block-end, 0px); 12815 padding-inline-start: var(--row-padding-inline-start, 0px); 12816 padding-inline-end: var(--row-padding-inline-end, 0px); 12817 } 12818 12819 /* Desktop-specific styles: hide icons and disable pointer events on summary */ 12820 @media (min-width: 1024px) { 12821 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12822 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12823 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12824 display: none; 12825 } 12826 12827 accordion-custom[data-disable-on-desktop="true"] .details__header { 12828 pointer-events: none; 12829 cursor: default; 12830 } 12831 } 12832 12833 /* Mobile-specific styles: ensure icons are visible */ 12834 @media (max-width: 1023px) { 12835 accordion-custom[data-hide-icons-on-desktop="true"] .details__icon, 12836 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12837 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12838 display: block; 12839 } 12840 12841 accordion-custom[data-hide-icons-on-desktop="true"] .icon-caret, 12842 accordion-custom[data-hide-icons-on-desktop="true"] .icon-plus { 12843 display: inline-block; 12844 } 12845 } 12846</style> 12847 12848</div> 12849</div><style>@media (min-width: 768px) { 12850 [data-group-id="AMUIrZjhVcWNsN2lsT__group_CL4eJL"] { 12851 min-width:240px; 12852 } 12853 }@media (min-width: 1024px) { 12854 [data-group-id="AMUIrZjhVcWNsN2lsT__group_CL4eJL"] { 12855 width:280px; 12856 } 12857 }</style> 12858<div class="relative h-auto w-full m:w-full m:h-auto pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-gap: 15px; 12859 --group-gap-mobile: 12px; 12860 --padding-block-start: 0px; 12861 --padding-block-end: 0px; 12862 --padding-inline-start: 0px; 12863 --padding-inline-end: 0px; 12864 --padding-block-start-mobile: 0px; 12865 --padding-block-end-mobile: 0px; 12866 --padding-inline-start-mobile: 0px; 12867 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AazN6UmVZYkFhTkx2V__group_m7MEVP"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-start "> 12868<rte-formatter class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-cta-text rte !text-[var(--custom-text-color)] uppercase !pt-[10px] text-block--AVjdWM0VlUjI1Z2lMS__text_Q8zVbp text-block-custom-css--AVjdWM0VlUjI1Z2lMS__text_Q8zVbp" style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12869 --padding-block-end: 0px; 12870 --padding-inline-start: 0px; 12871 --padding-inline-end: 0px; 12872--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>Get in touch</p></span></rte-formatter><style>@media screen and (max-width: 47.9375em) { 12873 .text-block-custom-css--AVjdWM0VlUjI1Z2lMS__text_Q8zVbp.text-block-custom-css--AVjdWM0VlUjI1Z2lMS__text_Q8zVbp { 12874 padding-top:30px; 12875 } 12876 }</style> 12877 12878 12879<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] text-block--AM2lnVnNiMmFlNXhFa__text_FeGdGy text-block-custom-css--AM2lnVnNiMmFlNXhFa__text_FeGdGy" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12880 --padding-block-end: 0px; 12881 --padding-inline-start: 0px; 12882 --padding-inline-end: 0px; 12883--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>[email protected]</p><p>888-926-5370</p></span></rte-formatter><style>@media screen and (min-width: 64em) { 12884 .text-block-custom-css--AM2lnVnNiMmFlNXhFa__text_FeGdGy.text-block-custom-css--AM2lnVnNiMmFlNXhFa__text_FeGdGy { 12885 margin-top:-10px; 12886 } 12887 }</style> 12888 12889 12890<style>@media screen and (min-width: 64em) { 12891 .text-block-custom-css--AV1BjSmdxRzNDb2NxU__text_nATzEp.text-block-custom-css--AV1BjSmdxRzNDb2NxU__text_nATzEp { 12892 border-bottom:1px solid white; 12893 } 12894 }</style> 12895 12896 12897<rte-formatter class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular rte !text-[var(--custom-text-color)] !mb-0 !pb-0 text-block--AODR3VnhQbkVHUk9tR__text_D3gA7L text-block-custom-css--AODR3VnhQbkVHUk9tR__text_D3gA7L" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 12898 --padding-block-end: 20px; 12899 --padding-inline-start: 0px; 12900 --padding-inline-end: 0px; 12901--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><p>The Longevity Diet guide summarizes the main discoveries behind nutrition for longevity and food as medicine. Get your free copy now!</p></span></rte-formatter><style></style> 12902 12903<div id="shopify-block-ASm9MNkhTaERDd1JKN__grid_yGXgXY" class="shopify-block"> 12904 12905<style>[data-grid-id="ASm9MNkhTaERDd1JKN__grid_yGXgXY"] { 12906 --grid-columns-desktop: 4; 12907 --grid-columns-tablet: 2; 12908 --grid-columns-mobile: 4; 12909 --grid-rows-desktop: auto; 12910 --grid-rows-tablet: auto; 12911 --grid-rows-mobile: auto; 12912 --grid-gap: 20px; 12913 --grid-gap-mobile: var(--grid-gap); 12914 --grid-row-gap: var(--grid-gap); 12915 --grid-column-gap: var(--grid-gap); 12916 --grid-auto-flow: row; 12917 --justify-items: stretch; 12918 --align-items: stretch; 12919 --justify-content: start; 12920 --align-content: start; 12921 --min-height: 0px; 12922 12923 12924 12925 12926 12927 12928 12929 12930 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12931 }[data-grid-id="ASm9MNkhTaERDd1JKN__grid_yGXgXY"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 12932 grid-template-columns: repeat(var(--grid-columns-mobile), 1fr); 12933 grid-template-rows: var(--grid-rows-mobile); 12934 justify-items: var(--justify-items); 12935 align-items: var(--align-items); 12936 justify-content: var(--justify-content); 12937 align-content: var(--align-content); 12938 grid-auto-flow: var(--grid-auto-flow); 12939 } 12940 12941 @media (min-width: 768px) { 12942 [data-grid-id="ASm9MNkhTaERDd1JKN__grid_yGXgXY"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 12943 grid-template-columns: repeat(var(--grid-columns-tablet), 1fr); 12944 grid-template-rows: var(--grid-rows-tablet); 12945 } 12946 } 12947 12948 @media (min-width: 1280px) { 12949 [data-grid-id="ASm9MNkhTaERDd1JKN__grid_yGXgXY"] .grid-block-content:not(.grid-block-content--horizontal-scroll) { 12950 grid-template-columns: repeat(var(--grid-columns-desktop), 1fr); 12951 grid-template-rows: var(--grid-rows-desktop); 12952 } 12953 } 12954 12955 12956</style> 12957 12958<div 12959 class=" 12960 relative w-full m:w-full 12961h-full 12962 12963 12964 w-full 12965 " 12966 data-testid="grid-block" 12967 data-grid-id="ASm9MNkhTaERDd1JKN__grid_yGXgXY" 12968><div class="absolute inset-0 z-0"> 12969</div> 12970 12971 <div 12972 class=" 12973 grid-block-content 12974 relative z-20 w-full 12975 !grid 12976 gap-[var(--grid-gap-mobile)] 12977 md:gap-y-[var(--grid-row-gap)] md:gap-x-[var(--grid-column-gap)] 12978 12979" 12980 > 12981 <div id="shopify-block-AbWtKYkhzREkzczBPM__icon_BQe3YR" class="shopify-block icon-block"> 12982 12983 12984 12985 12986 12987 <svg 12988 class="icon-block__media icon-block-AbWtKYkhzREkzczBPM__icon_BQe3YR" 12989 aria-hidden="true" 12990 focusable="false" 12991 xmlns="http://www.w3.org/2000/svg" 12992 width="24" 12993 height="24"
12994 viewBox="0 0 20 20" 12995 12996 12997 12998 > 12999<path 13000 fill-rule="evenodd" 13001 d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" 13002 clip-rule="evenodd" 13003 /></svg> 13004 13005<style> 13006 .icon-block { 13007 display: flex; 13008 fill: currentcolor; 13009 flex-shrink: 0; 13010 } 13011 13012 .icon-block__media { 13013 height: auto; 13014 } 13015</style> 13016 13017 13018</div> 13019<div id="shopify-block-AQWJHeCs4YzVtaVV6d__icon_mW8MEn" class="shopify-block icon-block"> 13020 13021 13022 13023 13024 13025 <svg 13026 class="icon-block__media icon-block-AQWJHeCs4YzVtaVV6d__icon_mW8MEn" 13027 aria-hidden="true" 13028 focusable="false" 13029 xmlns="http://www.w3.org/2000/svg" 13030 width="24" 13031 height="24" 13032 viewBox="0 0 20 20" 13033 13034 13035 13036 > 13037<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> 13038 13039<style> 13040 .icon-block { 13041 display: flex; 13042 fill: currentcolor; 13043 flex-shrink: 0; 13044 } 13045 13046 .icon-block__media { 13047 height: auto; 13048 } 13049</style> 13050 13051 13052</div> 13053<div id="shopify-block-AR0ZSaVk1eHlNbElpS__icon_Y9NzzP" class="shopify-block icon-block"> 13054 13055 13056 13057 13058 13059 <svg 13060 class="icon-block__media icon-block-AR0ZSaVk1eHlNbElpS__icon_Y9NzzP" 13061 aria-hidden="true" 13062 focusable="false" 13063 xmlns="http://www.w3.org/2000/svg" 13064 width="24" 13065 height="24" 13066 viewBox="0 0 20 20" 13067 13068 13069 13070 > 13071<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg> 13072 13073<style> 13074 .icon-block { 13075 display: flex; 13076 fill: currentcolor; 13077 flex-shrink: 0; 13078 } 13079 13080 .icon-block__media { 13081 height: auto; 13082 } 13083</style> 13084 13085 13086</div> 13087<div id="shopify-block-ANStqOGxxVy9RY3pWT__icon_Hf7EHT" class="shopify-block icon-block"> 13088 13089 13090 13091 13092 13093 <svg 13094 class="icon-block__media icon-block-ANStqOGxxVy9RY3pWT__icon_Hf7EHT" 13095 aria-hidden="true" 13096 focusable="false" 13097 xmlns="http://www.w3.org/2000/svg" 13098 width="24" 13099 height="24"
13100 viewBox="0 0 20 20" 13101 13102 13103 13104 > 13105<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg> 13106 13107<style> 13108 .icon-block { 13109 display: flex; 13110 fill: currentcolor; 13111 flex-shrink: 0; 13112 } 13113 13114 .icon-block__media { 13115 height: auto; 13116 } 13117</style> 13118 13119 13120</div> 13121 13122</div> 13123</div> 13124 13125</div> 13126 13127<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] !text-[var(--custom-text-color)] text-block--AbjdxNE1tZEtvdFhJS__text_catD6g text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g" style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 0px; 13128 --padding-block-end: 0px; 13129 --padding-inline-start: 0px; 13130 --padding-inline-end: 0px; 13131" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left"><div class="payment-bar"> 13132 <div class="payment-options"> 13133 13134 <!-- PayPal --> 13135 <div class="pill pill--box"> 13136 <svg aria-hidden="true" fill="none" height="26" viewbox="0 0 29 26" width="29" xmlns="http://www.w3.org/2000/svg" class="h-8"><path clip-rule="evenodd" d="M3.60838 17.5913H1.4046C1.25379 17.5913 1.12553 17.7009 1.10201 17.8497L0.210686 23.5009C0.19297 23.6125 0.279328 23.713 0.392438 23.713H1.44455C1.59536 23.713 1.72362 23.6034 1.74713 23.4542L1.98753 21.93C2.01072 21.7808 2.1393 21.6713 2.28979 21.6713H2.98743C4.43915 21.6713 5.27692 20.9688 5.49583 19.5767C5.59441 18.9677 5.50001 18.4892 5.21474 18.1539C4.90158 17.7861 4.34595 17.5913 3.60838 17.5913ZM3.86264 19.6553C3.74215 20.4461 3.13793 20.4461 2.55371 20.4461H2.22115L2.45445 18.9692C2.46831 18.88 2.54564 18.8143 2.63588 18.8143H2.78829C3.18626 18.8143 3.56171 18.8143 3.75572 19.0411C3.87129 19.1765 3.90678 19.3775 3.86264 19.6553ZM10.196 19.63H9.1407C9.05078 19.63 8.97309 19.6957 8.95922 19.7851L8.91254 20.0802L8.83873 19.9733C8.61027 19.6416 8.10087 19.5308 7.59236 19.5308C6.42607 19.5308 5.43007 20.4141 5.23606 21.6531C5.13526 22.2711 5.27856 22.8621 5.62915 23.2742C5.95081 23.6532 6.411 23.8111 6.95843 23.8111C7.89806 23.8111 8.41924 23.2068 8.41924 23.2068L8.37212 23.5002C8.35438 23.6123 8.44072 23.7128 8.55316 23.7128H9.50382C9.65503 23.7128 9.78253 23.6032 9.80639 23.4541L10.3768 19.842C10.3948 19.7309 10.3088 19.63 10.196 19.63ZM8.72495 21.684C8.6231 22.2869 8.14456 22.6916 7.53435 22.6916C7.2279 22.6916 6.98289 22.5933 6.82572 22.4071C6.66973 22.2222 6.61038 21.9588 6.66004 21.6657C6.75518 21.0678 7.24177 20.65 7.84274 20.65C8.14232 20.65 8.38599 20.7494 8.54645 20.9373C8.7072 21.1272 8.77103 21.392 8.72495 21.684ZM14.7561 19.6298H15.8166C15.9652 19.6298 16.0518 19.7964 15.9674 19.9182L12.4402 25.0096C12.3831 25.0921 12.289 25.1411 12.1885 25.1411H11.1293C10.9801 25.1411 10.8931 24.9732 10.9794 24.8511L12.0777 23.3008L10.9096 19.8727C10.8692 19.7536 10.9572 19.6298 11.0839 19.6298H12.126C12.2614 19.6298 12.3809 19.7187 12.4199 19.8483L13.0398 21.9187L14.5026 19.7642C14.5598 19.6801 14.655 19.6298 14.7561 19.6298Z" fill="#253B80" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M26.2544 23.501L27.1589 17.7465C27.1727 17.6571 27.2501 17.5914 27.3401 17.5911H28.3583C28.4707 17.5911 28.5571 17.6919 28.5393 17.8034L27.6474 23.4543C27.6241 23.6034 27.4959 23.713 27.3448 23.713H26.4355C26.323 23.713 26.2367 23.6125 26.2544 23.501ZM19.3278 17.5914H17.1236C16.9732 17.5914 16.8449 17.701 16.8214 17.8498L15.9301 23.501C15.9123 23.6125 15.9987 23.713 16.1112 23.713H17.2422C17.3473 23.713 17.4372 23.6364 17.4536 23.532L17.7066 21.9301C17.7298 21.7808 17.8584 21.6714 18.0088 21.6714H18.7061C20.1581 21.6714 20.9958 20.9689 21.2148 19.5768C21.3137 18.9678 21.2187 18.4892 20.9336 18.154C20.6206 17.7861 20.0654 17.5914 19.3278 17.5914ZM19.5821 19.6554C19.4619 20.4462 18.8576 20.4462 18.2731 20.4462H17.9408L18.1745 18.9693C18.1884 18.8801 18.265 18.8143 18.3555 18.8143H18.5079C18.9057 18.8143 19.2814 18.8143 19.4753 19.0411C19.591 19.1765 19.6262 19.3776 19.5821 19.6554ZM25.9149 19.63H24.8603C24.7696 19.63 24.6927 19.6958 24.6791 19.7851L24.6324 20.0802L24.5583 19.9733C24.3299 19.6417 23.8208 19.5309 23.3122 19.5309C22.146 19.5309 21.1503 20.4141 20.9562 21.6532C20.8557 22.2711 20.9985 22.8621 21.349 23.2743C21.6713 23.6532 22.1309 23.8111 22.6783 23.8111C23.6179 23.8111 24.139 23.2069 24.139 23.2069L24.092 23.5002C24.0743 23.6124 24.1606 23.7129 24.2738 23.7129H25.224C25.3745 23.7129 25.5027 23.6033 25.5263 23.4541L26.097 19.8421C26.1144 19.731 26.0281 19.63 25.9149 19.63ZM24.4439 21.684C24.3427 22.287 23.8636 22.6917 23.2532 22.6917C22.9473 22.6917 22.7019 22.5934 22.5446 22.4071C22.3886 22.2222 22.33 21.9589 22.379 21.6657C22.4746 21.0679 22.9606 20.65 23.5616 20.65C23.8613 20.65 24.1048 20.7495 24.2654 20.9374C24.4268 21.1272 24.4906 21.3921 24.4439 21.684Z" fill="#179BD7" fill-rule="evenodd"></path><path d="M11.7642 15.5696L12.0351 13.8487L11.4316 13.8347H8.5498L10.5525 1.1359C10.5586 1.09756 10.5789 1.06182 10.6084 1.03644C10.638 1.01106 10.6759 0.99707 10.7152 0.99707H15.5744C17.1876 0.99707 18.3008 1.33276 18.8821 1.99533C19.1545 2.30616 19.3281 2.63097 19.4121 2.98842C19.5001 3.36349 19.5017 3.81159 19.4157 4.35813L19.4094 4.39802V4.7482L19.682 4.90259C19.9115 5.02432 20.0937 5.16368 20.2336 5.32324C20.4668 5.58899 20.6176 5.92675 20.6813 6.32719C20.747 6.73904 20.7253 7.22911 20.6176 7.78393C20.4932 8.42217 20.2922 8.97802 20.0208 9.43286C19.771 9.85196 19.4529 10.1995 19.0754 10.469C18.7148 10.7249 18.2864 10.9192 17.802 11.0435C17.3326 11.
131361657 16.7975 11.2274 16.2106 11.2274H15.8324C15.562 11.2274 15.2993 11.3248 15.0932 11.4994C14.8865 11.6776 14.7496 11.921 14.7077 12.1873L14.6792 12.3422L14.2005 15.3753L14.1788 15.4867C14.1731 15.522 14.1632 15.5396 14.1488 15.5515C14.1358 15.5623 14.1172 15.5696 14.099 15.5696H11.7642Z" fill="#253B80"></path><path d="M19.94 4.43848C19.9255 4.5312 19.9089 4.626 19.8903 4.72339C19.2494 8.01348 17.0571 9.15007 14.257 9.15007H12.8314C12.489 9.15007 12.2005 9.39872 12.1471 9.73648L11.4171 14.3658L11.2104 15.6779C11.1757 15.8996 11.3467 16.0996 11.5704 16.0996H14.0991C14.3985 16.0996 14.6528 15.882 14.6999 15.5868L14.7248 15.4582L15.201 12.437L15.2315 12.2713C15.2781 11.975 15.5329 11.7574 15.8324 11.7574H16.2105C18.6603 11.7574 20.5782 10.7628 21.1388 7.88449C21.3729 6.68211 21.2516 5.67815 20.632 4.97205C20.4446 4.75914 20.212 4.58248 19.94 4.43848Z" fill="#179BD7"></path><path d="M19.2694 4.17141C19.1716 4.14292 19.0705 4.11701 18.9668 4.09371C18.8628 4.07092 18.756 4.05071 18.6462 4.0331C18.2618 3.97093 17.8407 3.94141 17.3894 3.94141H13.5808C13.487 3.94141 13.398 3.96264 13.3182 4.00098C13.1425 4.08541 13.0121 4.25172 12.9804 4.4553L12.1701 9.58703L12.1469 9.73673C12.2002 9.39897 12.4888 9.15031 12.8312 9.15031H14.2568C17.0569 9.15031 19.2493 8.01321 19.8901 4.72365C19.9092 4.62625 19.9253 4.53146 19.9397 4.43873C19.7776 4.35273 19.602 4.27917 19.4129 4.21648C19.3663 4.20094 19.3182 4.18592 19.2694 4.17141Z" fill="#222D65"></path><path d="M12.9804 4.4552C13.012 4.2516 13.1426 4.08532 13.3182 4.00139C13.3985 3.96305 13.4871 3.94181 13.5808 3.94181H17.3895C17.8408 3.94181 18.2619 3.97134 18.6462 4.03351C18.7561 4.05112 18.8628 4.07133 18.9669 4.09411C19.0706 4.11744 19.1715 4.14334 19.2695 4.17182C19.3181 4.18633 19.3663 4.20135 19.4134 4.21638C19.6025 4.27906 19.7782 4.35314 19.9403 4.43862C20.131 3.22277 19.9388 2.39494 19.2814 1.64533C18.5567 0.820099 17.2486 0.466797 15.5748 0.466797H10.7155C10.3736 0.466797 10.082 0.715445 10.0291 1.05373L8.00519 13.883C7.96523 14.1368 8.16103 14.3659 8.41692 14.3659H11.417L12.1702 9.58692L12.9804 4.4552Z" fill="#253B80"></path></svg> 13137 <span class="sr-only">PayPal</span> 13138 </div> 13139 13140 <!-- Apple Pay --> 13141 <div class="pill pill--box selected"> 13142 <svg aria-hidden="true" baseprofile="tiny" viewbox="0 0 512 210.2" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px" class="h-[18px]"><path d="M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9 C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2 c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7 c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2 C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2 c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8 c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4 l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5 l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z "></path></svg> 13143 <span class="sr-only">Apple Pay</span> 13144 </div> 13145 13146 <!-- Google Pay --> 13147 <div class="pill pill--round pill--lightborder"> 13148 <svg aria-hidden="true" viewbox="0 0 80 38.1" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px" class="h-5"><path d="M37.8,19.7V29h-3V6h7.8c1.9,0,3.7,0.7,5.1,2c1.4,1.2,2.1,3,2.1,4.9c0,1.9-0.7,3.6-2.1,4.9c-1.4,1.3-3.1,2-5.1,2 L37.8,19.7L37.8,19.7z M37.8,8.8v8h5c1.1,0,2.2-0.4,2.9-1.2c1.6-1.5,1.6-4,0.1-5.5c0,0-0.1-0.1-0.1-0.1c-0.8-0.8-1.8-1.3-2.9-1.2 L37.8,8.8L37.8,8.8z" fill="#5F6368"></path><path d="M56.7,12.8c2.2,0,3.9,0.6,5.2,1.8s1.9,2.8,1.9,4.8V29H61v-2.2h-0.1c-1.2,1.8-2.9,2.7-4.9,2.7 c-1.7,0-3.2-0.5-4.4-1.5c-1.1-1-1.8-2.4-1.8-3.9c0-1.
131486,0.6-2.9,1.8-3.9c1.2-1,2.9-1.4,4.9-1.4c1.8,0,3.2,0.3,4.3,1v-0.7 c0-1-0.4-2-1.2-2.6c-0.8-0.7-1.8-1.1-2.9-1.1c-1.7,0-3,0.7-3.9,2.1l-2.6-1.6C51.8,13.8,53.9,12.8,56.7,12.8z M52.9,24.2 c0,0.8,0.4,1.5,1,1.9c0.7,0.5,1.5,0.8,2.3,0.8c1.2,0,2.4-0.5,3.3-1.4c1-0.9,1.5-2,1.5-3.2c-0.9-0.7-2.2-1.1-3.9-1.1 c-1.2,0-2.2,0.3-3,0.9C53.3,22.6,52.9,23.3,52.9,24.2z" fill="#5F6368"></path><path d="M80,13.3l-9.9,22.7h-3l3.7-7.9l-6.5-14.7h3.2l4.7,11.3h0.1l4.6-11.3H80z" fill="#5F6368"></path><path d="M25.9,17.7c0-0.9-0.1-1.8-0.2-2.7H13.2v5.1h7.1c-0.3,1.6-1.2,3.1-2.6,4v3.3H22C24.5,25.1,25.9,21.7,25.9,17.7z" fill="#4285F4"></path><path d="M13.2,30.6c3.6,0,6.6-1.2,8.8-3.2l-4.3-3.3c-1.2,0.8-2.7,1.3-4.5,1.3c-3.4,0-6.4-2.3-7.4-5.5H1.4v3.4 C3.7,27.8,8.2,30.6,13.2,30.6z" fill="#34A853"></path><path d="M5.8,19.9c-0.6-1.6-0.6-3.4,0-5.1v-3.4H1.4c-1.9,3.7-1.9,8.1,0,11.9L5.8,19.9z" fill="#FBBC04"></path><path d="M13.2,9.4c1.9,0,3.7,0.7,5.1,2l0,0l3.8-3.8c-2.4-2.2-5.6-3.5-8.8-3.4c-5,0-9.6,2.8-11.8,7.3l4.4,3.4 C6.8,11.7,9.8,9.4,13.2,9.4z" fill="#EA4335"></path></svg> 13149 <span class="sr-only">Google Pay</span> 13150 </div> 13151 13152 <!-- Visa --> 13153 <div class="pill pill--box"> 13154 <svg aria-hidden="true" fill="none" height="8" viewbox="0 0 23 8" width="23" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-[#172b85]"><path clip-rule="evenodd" d="M5.76483 7.60344H3.77942L2.2906 1.92351C2.21993 1.66224 2.06989 1.43125 1.84918 1.32239C1.29838 1.0488 0.691425 0.831074 0.0292969 0.721262V0.502585H3.22764C3.66906 0.502585 4.00013 0.831074 4.0553 1.21258L4.82779 5.3097L6.81223 0.502585H8.74247L5.76483 7.60344ZM9.84607 7.60344H7.97101L9.51501 0.502585H11.3901L9.84607 7.60344ZM13.8159 2.46979C13.871 2.08734 14.2021 1.86866 14.5883 1.86866C15.1953 1.81376 15.8564 1.92357 16.4082 2.1962L16.7393 0.667356C16.1875 0.448679 15.5806 0.338867 15.0298 0.338867C13.2099 0.338867 11.8856 1.32244 11.8856 2.68752C11.8856 3.726 12.8236 4.27127 13.4858 4.59976C14.2021 4.9273 14.478 5.14598 14.4228 5.47352C14.4228 5.96484 13.871 6.18352 13.3202 6.18352C12.6581 6.18352 11.996 6.01974 11.39 5.74616L11.0589 7.27595C11.7211 7.54859 12.4374 7.6584 13.0995 7.6584C15.1401 7.71236 16.4082 6.72973 16.4082 5.25485C16.4082 3.39751 13.8159 3.28864 13.8159 2.46979ZM22.9706 7.60344L21.4817 0.502585H19.8826C19.5515 0.502585 19.2204 0.721262 19.1101 1.0488L16.3531 7.60344H18.2834L18.6687 6.56591H21.0403L21.261 7.60344H22.9706ZM20.1584 2.41464L20.7092 5.09083H19.1652L20.1584 2.41464Z" fill="currentColor" fill-rule="evenodd"></path></svg> 13155 <span class="sr-only">Visa</span> 13156 </div> 13157 13158 <!-- Mastercard --> 13159 <div class="pill pill--box"> 13160 <svg aria-hidden="true" fill="none" height="22" viewbox="0 0 36 22" width="36" xmlns="http://www.w3.org/2000/svg" class="h-6"><path d="M22.9603 2.31934H13.4662V19.3805H22.9603V2.31934Z" fill="#FF5F00"></path><path d="M14.069 10.8504C14.0675 9.2073 14.4399 7.58539 15.1579 6.10744C15.8759 4.6295 16.9207 3.33427 18.2133 2.31982C16.6126 1.06167 14.6903 0.27924 12.6659 0.0619689C10.6416 -0.155303 8.59703 0.201351 6.76583 1.09116C4.93462 1.98097 3.39071 3.36804 2.31056 5.09382C1.23041 6.81961 0.657593 8.81448 0.657593 10.8504C0.657593 12.8864 1.23041 14.8812 2.31056 16.607C3.39071 18.3328 4.93462 19.7199 6.76583 20.6097C8.59703 21.4995 10.6416 21.8561 12.6659 21.6389C14.6903 21.4216 16.6126 20.6392 18.2133 19.381C16.9207 18.3666 15.8759 17.0713 15.1579 15.5934C14.4399 14.1155 14.0675 12.4935 14.069 10.8504Z" fill="#EB001B"></path><path d="M35.7684 10.8504C35.7685 12.8863 35.1957 14.8812 34.1156 16.607C33.0355 18.3328 31.4917 19.7198 29.6605 20.6097C27.8293 21.4995 25.7848 21.8561 23.7605 21.6389C21.7362 21.4216 19.8139 20.6392 18.2133 19.381C19.5047 18.3655 20.5487 17.0701 21.2666 15.5924C21.9844 14.1147 22.3574 12.4933 22.3574 10.8504C22.3574 9.20756 21.9844 7.58615 21.2666 6.10845C20.5487 4.63074 19.5047 3.3353 18.2133 2.31982C19.8139 1.06166 21.7362 0.279236 23.7605 0.061967C25.7848 -0.155302 27.8293 0.201358 29.6605 1.09118C31.4917 1.981 33.0355 3.36807 34.1156 5.09386C35.1957 6.81964 35.7685 8.8145 35.7684 10.8504Z" fill="#F79E1B"></path><path d="M34.7334 17.5735V17.2242H34.8742V17.153H34.5155V17.2242H34.6564V17.5735H34.7334ZM35.4297 17.5735V17.1523H35.3198L35.1933 17.442L35.0668 17.1523H34.9568V17.5735H35.0345V17.2558L35.1531 17.5297H35.2336L35.3522 17.2551V17.5735H35.4297Z" fill="#F79E1B"></path></svg> 13161 <span class="sr-only">Mastercard</span> 13162 </div> 13163 13164 <!-- Amex --> 13165 <div class="pill pill--amex"> 13166 <svg aria-hidden="true" fill="none" height="6" viewbox="0 0 24 6" width="24" xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-white"><path clip-rule="evenodd" d="M3.06297 0.130859L0.473877 5.86045H3.57339L3.95764 4.94691H4.83595L5.2202 5.86045H8.63189V5.16321L8.93589 5.86045H10.7007L11.0047 5.14847V5.86045H18.1001L18.9629 4.97064L19.7707 5.86045L23.4151 5.86782L20.8178 3.01165L23.4151 0.130859H19.8272L18.9874 1.00423L18.205 0.130859H10.4861L9.82328 1.60971L9.14491 0.130859H6.05187V0.804374L5.70779 0.130859H3.06297ZM13.6588 0.94514H17.7333L18.9795 2.29127L20.2659 0.94514H21.5121L19.6186 3.01151L21.5121 5.05407H20.2093L18.9631 3.69231L17.6702 5.05407H13.6588V0.94514ZM14.6647 2.54686V1.79633V1.79561H17.207L18.3164 2.9959L17.1579 4.20274H14.6647V3.38338H16.8875V2.54686H14.6647ZM3.66283 0.94514H5.17367L6.89102 4.83041V0.94514H8.5461L9.87255 3.73086L11.095 0.94514H12.7418V5.0565H11.7398L11.7316 1.83486L10.2707 5.0565H9.37435L7.90529 1.83486V5.0565H5.84386L5.45305 4.13478H3.34166L2.95166 5.05569H1.84717L3.66283 0.94514ZM3.70224 3.28246L4.39786 1.64051L5.09267 3.28246H3.70224Z" fill="currentColor" fill-rule="evenodd"></path></svg> 13167 <span class="sr-only">American Express</span> 13168 </div> 13169 13170</div> 13171</div></span></div><style>@media screen and (min-width: 64em) {
13172 .text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g.text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g { 13173 display:block; 13174 } 13175 }@media screen and (min-width: 48em) and (max-width: 63.9375em) { 13176 .text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g.text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g { 13177 display:none; 13178 } 13179 }@media screen and (max-width: 47.9375em) { 13180 .text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g.text-block-custom-css--AbjdxNE1tZEtvdFhJS__text_catD6g { 13181 display:none; 13182 } 13183 }</style> 13184 13185 13186<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-center pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] !text-[var(--custom-text-color)] text-block--AQVpSdDBsWGNjcEFsT__text_TdtkLG text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #1e4036;--padding-block-start: 20px; 13187 --padding-block-end: 0px; 13188 --padding-inline-start: 0px; 13189 --padding-inline-end: 0px; 13190" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-center mx-auto"><style> 13191 @keyframes fadeInOut { 13192 0% { opacity: 1; } 13193 45% { opacity: 1; } 13194 50% { opacity: 0; } 13195 95% { opacity: 0; } 13196 100% { opacity: 1; } 13197 } 13198 13199 .payment-carousel-container { 13200 position: relative; 13201 min-height: 60px; 13202 width: 100%; 13203 } 13204 13205 .payment-group { 13206 position: absolute; 13207 top: 0; 13208 left: 0; 13209 right: 0; 13210 width: 100%; 13211 opacity: 0; 13212 animation: fadeInOut 8s infinite; 13213 } 13214 13215 .payment-group:first-child { 13216 opacity: 1; 13217 } 13218 13219 .payment-group:nth-child(2) { 13220 animation-delay: 4s; 13221 } 13222 13223 .payment-flex-container { 13224 display: flex; 13225 flex-direction: row; 13226 align-items: center; 13227 justify-content: center; 13228 gap: 10px; 13229 flex-wrap: nowrap; 13230 } 13231 13232 .payment-text { 13233 font-size: 16px; 13234 line-height: 1.5; 13235 font-family: sans-serif; 13236 font-weight: 400; 13237 color: white; 13238 white-space: nowrap; 13239 margin: 0; 13240 order: 2; 13241 } 13242 13243 .payment-logo-box { 13244 display: inline-flex; 13245 align-items: center; 13246 justify-content: center; 13247 height: 38px; 13248 min-height: 38px; 13249 padding: 0 12px; 13250 background: #fff; 13251 border-radius: 8px; 13252 box-sizing: border-box; 13253 border: 1px solid rgba(0, 0, 0, 0.10); 13254 line-height: 0; 13255 order: 1; 13256 } 13257 13258 .payment-logo-box.amex-logo { 13259 background: #1F72CD; 13260 border-color: transparent; 13261 } 13262 13263 .payment-logo-box svg { 13264 display: block; 13265 height: 18px !important; 13266 width: auto !important; 13267 max-height: 18px !important; 13268 min-width: 25px !important; 13269 } 13270 13271 .payment-svg.visa-logo { 13272 color: #172b85 !important; 13273 } 13274 13275 .payment-svg.amex-logo { 13276 color: white !important; 13277 } 13278 13279 @media (max-width: 768px) { 13280 .payment-flex-container { 13281 gap: 8px; 13282 flex-wrap: nowrap; 13283 } 13284 .payment-logo-box { 13285 height: 32px; 13286 min-height: 32px; 13287 padding: 0 8px; 13288 } 13289 .payment-logo-box svg { 13290 height: 14px !important; 13291 max-height: 14px !important; 13292 min-width: 20px !important; 13293 } 13294 .payment-text { 13295 font-size: 14px; 13296 } 13297 } 13298 13299 .sr-only { 13300 position: absolute; 13301 width: 1px; 13302 height: 1px; 13303 padding: 0; 13304 margin: -1px; 13305 overflow: hidden; 13306 clip: rect(0, 0, 0, 0); 13307 white-space: nowrap; 13308 border: 0; 13309 } 13310</style> 13311 13312<div class="payment-carousel-container"> 13313 <!-- Instant Checkout Group --> 13314 <div class="payment-group"> 13315 <div class="payment-flex-container"> 13316 <p class="payment-text">Instant Checkout</p> 13317 13318 <div class="payment-logo-box" data-cy="multivariate-pill"> 13319 <svg aria-hidden="true" fill="none" height="26" viewBox="0 0 29 26" width="29" xmlns="http://www.w3.org/2000/svg" class="h-8"><path clip-rule="evenodd" d="M3.60838 17.5913H1.4046C1.25379 17.5913 1.12553 17.7009 1.10201 17.8497L0.210686 23.5009C0.19297 23.6125 0.279328 23.713 0.392438 23.713H1.44455C1.59536 23.713 1.72362 23.6034 1.74713 23.4542L1.98753 21.93C2.01072 21.7808 2.1393 21.6713 2.28979 21.6713H2.98743C4.43915 21.6713 5.27692 20.9688 5.49583 19.5767C5.59441 18.9677 5.50001 18.4892 5.21474 18.1539C4.90158 17.7861 4.34595 17.5913 3.60838 17.5913ZM3.86264 19.6553C3.74215 20.4461 3.13793 20.4461 2.55371 20.4461H2.22115L2.45445 18.9692C2.46831 18.88 2.54564 18.8143 2.63588 18.8143H2.78829C3.18626 18.8143 3.56171 18.8143 3.75572 19.0411C3.87129 19.1765 3.90678 19.3775 3.86264 19.6553ZM10.196 19.63H9.1407C9.05078 19.63 8.97309 19.6957 8.95922 19.7851L8.91254 20.0802L8.83873 19.9733C8.61027 19.6416 8.10087 19.5308 7.59236 19.5308C6.42607 19.5308 5.43007 20.4141 5.23606 21.6531C5.13526 22.2711 5.27856 22.8
13319621 5.62915 23.2742C5.95081 23.6532 6.411 23.8111 6.95843 23.8111C7.89806 23.8111 8.41924 23.2068 8.41924 23.2068L8.37212 23.5002C8.35438 23.6123 8.44072 23.7128 8.55316 23.7128H9.50382C9.65503 23.7128 9.78253 23.6032 9.80639 23.4541L10.3768 19.842C10.3948 19.7309 10.3088 19.63 10.196 19.63ZM8.72495 21.684C8.6231 22.2869 8.14456 22.6916 7.53435 22.6916C7.2279 22.6916 6.98289 22.5933 6.82572 22.4071C6.66973 22.2222 6.61038 21.9588 6.66004 21.6657C6.75518 21.0678 7.24177 20.65 7.84274 20.65C8.14232 20.65 8.38599 20.7494 8.54645 20.9373C8.7072 21.1272 8.77103 21.392 8.72495 21.684ZM14.7561 19.6298H15.8166C15.9652 19.6298 16.0518 19.7964 15.9674 19.9182L12.4402 25.0096C12.3831 25.0921 12.289 25.1411 12.1885 25.1411H11.1293C10.9801 25.1411 10.8931 24.9732 10.9794 24.8511L12.0777 23.3008L10.9096 19.8727C10.8692 19.7536 10.9572 19.6298 11.0839 19.6298H12.126C12.2614 19.6298 12.3809 19.7187 12.4199 19.8483L13.0398 21.9187L14.5026 19.7642C14.5598 19.6801 14.655 19.6298 14.7561 19.6298Z" fill="#253B80" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M26.2544 23.501L27.1589 17.7465C27.1727 17.6571 27.2501 17.5914 27.3401 17.5911H28.3583C28.4707 17.5911 28.5571 17.6919 28.5393 17.8034L27.6474 23.4543C27.6241 23.6034 27.4959 23.713 27.3448 23.713H26.4355C26.323 23.713 26.2367 23.6125 26.2544 23.501ZM19.3278 17.5914H17.1236C16.9732 17.5914 16.8449 17.701 16.8214 17.8498L15.9301 23.501C15.9123 23.6125 15.9987 23.713 16.1112 23.713H17.2422C17.3473 23.713 17.4372 23.6364 17.4536 23.532L17.7066 21.9301C17.7298 21.7808 17.8584 21.6714 18.0088 21.6714H18.7061C20.1581 21.6714 20.9958 20.9689 21.2148 19.5768C21.3137 18.9678 21.2187 18.4892 20.9336 18.154C20.6206 17.7861 20.0654 17.5914 19.3278 17.5914ZM19.5821 19.6554C19.4619 20.4462 18.8576 20.4462 18.2731 20.4462H17.9408L18.1745 18.9693C18.1884 18.8801 18.265 18.8143 18.3555 18.8143H18.5079C18.9057 18.8143 19.2814 18.8143 19.4753 19.0411C19.591 19.1765 19.6262 19.3776 19.5821 19.6554ZM25.9149 19.63H24.8603C24.7696 19.63 24.6927 19.6958 24.6791 19.7851L24.6324 20.0802L24.5583 19.9733C24.3299 19.6417 23.8208 19.5309 23.3122 19.5309C22.146 19.5309 21.1503 20.4141 20.9562 21.6532C20.8557 22.2711 20.9985 22.8621 21.349 23.2743C21.6713 23.6532 22.1309 23.8111 22.6783 23.8111C23.6179 23.8111 24.139 23.2069 24.139 23.2069L24.092 23.5002C24.0743 23.6124 24.1606 23.7129 24.2738 23.7129H25.224C25.3745 23.7129 25.5027 23.6033 25.5263 23.4541L26.097 19.8421C26.1144 19.731 26.0281 19.63 25.9149 19.63ZM24.4439 21.684C24.3427 22.287 23.8636 22.6917 23.2532 22.6917C22.9473 22.6917 22.7019 22.5934 22.5446 22.4071C22.3886 22.2222 22.33 21.9589 22.379 21.6657C22.4746 21.0679 22.9606 20.65 23.5616 20.65C23.8613 20.65 24.1048 20.7495 24.2654 20.9374C24.4268 21.1272 24.4906 21.3921 24.4439 21.684Z" fill="#179BD7" fill-rule="evenodd"></path><path d="M11.7642 15.5696L12.0351 13.8487L11.4316 13.8347H8.5498L10.5525 1.1359C10.5586 1.09756 10.5789 1.06182 10.6084 1.03644C10.638 1.01106 10.6759 0.99707 10.7152 0.99707H15.5744C17.1876 0.99707 18.3008 1.33276 18.8821 1.99533C19.1545 2.30616 19.3281 2.63097 19.4121 2.98842C19.5001 3.36349 19.5017 3.81159 19.4157 4.35813L19.4094 4.39802V4.7482L19.682 4.90259C19.9115 5.02432 20.0937 5.16368 20.2336 5.32324C20.4668 5.58899 20.6176 5.92675 20.6813 6.32719C20.747 6.73904 20.7253 7.22911 20.6176 7.78393C20.4932 8.42217 20.2922 8.97802 20.0208 9.43286C19.771 9.85196 19.4529 10.1995 19.0754 10.469C18.7148 10.7249 18.2864 10.9192 17.802 11.0435C17.3326 11.1657 16.7975 11.2274 16.2106 11.2274H15.8324C15.562 11.2274 15.2993 11.3248 15.0932 11.4994C14.8865 11.6776 14.7496 11.921 14.7077 12.1873L14.6792 12.3422L14.2005 15.3753L14.1788 15.4867C14.1731 15.522 14.1632 15.5396 14.1488 15.5515C14.1358 15.5623 14.1172 15.5696 14.099 15.5696H11.7642Z" fill="#253B80"></path><path d="M19.94 4.43848C19.9255 4.5312 19.9089 4.626 19.8903 4.72339C19.2494 8.01348 17.0571 9.15007 14.257 9.15007H12.8314C12.489 9.15007 12.2005 9.39872 12.1471 9.73648L11.4171 14.3658L11.2104 15.6779C11.1757 15.8996 11.3467 16.0996 11.5704 16.0996H14.0991C14.3985 16.0996 14.6528 15.882 14.6999 15.5868L14.7248 15.4582L15.201 12.437L15.2315 12.2713C15.2781 11.975 15.5329 11.7574 15.8324 11.7574H16.2105C18.6603 11.7574 20.5782 10.7628 21.1388 7.88449C21.3729 6.68211 21.2516 5.67815 20.632 4.97205C20.4446 4.75914 20.212 4.58248 19.94 4.43848Z" fill="#179BD7"></path>
13319<path d="M19.2694 4.17141C19.1716 4.14292 19.0705 4.11701 18.9668 4.09371C18.8628 4.07092 18.756 4.05071 18.6462 4.0331C18.2618 3.97093 17.8407 3.94141 17.3894 3.94141H13.5808C13.487 3.94141 13.398 3.96264 13.3182 4.00098C13.1425 4.08541 13.0121 4.25172 12.9804 4.4553L12.1701 9.58703L12.1469 9.73673C12.2002 9.39897 12.4888 9.15031 12.8312 9.15031H14.2568C17.0569 9.15031 19.2493 8.01321 19.8901 4.72365C19.9092 4.62625 19.9253 4.53146 19.9397 4.43873C19.7776 4.35273 19.602 4.27917 19.4129 4.21648C19.3663 4.20094 19.3182 4.18592 19.2694 4.17141Z" fill="#222D65"></path><path d="M12.9804 4.4552C13.012 4.2516 13.1426 4.08532 13.3182 4.00139C13.3985 3.96305 13.4871 3.94181 13.5808 3.94181H17.3895C17.8408 3.94181 18.2619 3.97134 18.6462 4.03351C18.7561 4.05112 18.8628 4.07133 18.9669 4.09411C19.0706 4.11744 19.1715 4.14334 19.2695 4.17182C19.3181 4.18633 19.3663 4.20135 19.4134 4.21638C19.6025 4.27906 19.7782 4.35314 19.9403 4.43862C20.131 3.22277 19.9388 2.39494 19.2814 1.64533C18.5567 0.820099 17.2486 0.466797 15.5748 0.466797H10.7155C10.3736 0.466797 10.082 0.715445 10.0291 1.05373L8.00519 13.883C7.96523 14.1368 8.16103 14.3659 8.41692 14.3659H11.417L12.1702 9.58692L12.9804 4.4552Z" fill="#253B80"></path></svg> 13320 <span class="sr-only">PayPal</span> 13321 </div> 13322 13323 <div class="payment-logo-box " data-cy="multivariate-pill">
13324 <svg aria-hidden="true" baseProfile="tiny" viewBox="0 0 512 210.2" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px" class="h-[18px]"><path d="M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9 C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2 c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7 c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2 C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2 c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8 c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4 l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5 l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z "></path></svg> 13325 <span class="sr-only">Apple Pay</span> 13326 </div> 13327 13328 <div class="payment-logo-box" data-cy="multivariate-pill"> 13329 <svg aria-hidden="true" viewBox="0 0 80 38.1" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px" class="h-5"><path d="M37.8,19.7V29h-3V6h7.8c1.9,0,3.7,0.7,5.1,2c1.4,1.2,2.1,3,2.1,4.9c0,1.9-0.7,3.6-2.1,4.9c-1.4,1.3-3.1,2-5.1,2 L37.8,19.7L37.8,19.7z M37.8,8.8v8h5c1.1,0,2.2-0.4,2.9-1.2c1.6-1.5,1.6-4,0.1-5.5c0,0-0.1-0.1-0.1-0.1c-0.8-0.8-1.8-1.3-2.9-1.2 L37.8,8.8L37.8,8.8z" fill="#5F6368"></path><path d="M56.7,12.8c2.2,0,3.9,0.6,5.2,1.8s1.9,2.8,1.9,4.8V29H61v-2.2h-0.1c-1.2,1.8-2.9,2.7-4.9,2.7 c-1.7,0-3.2-0.5-4.4-1.5c-1.1-1-1.8-2.4-1.8-3.9c0-1.6,0.6-2.9,1.8-3.9c1.2-1,2.9-1.4,4.9-1.4c1.8,0,3.2,0.3,4.3,1v-0.7 c0-1-0.4-2-1.2-2.6c-0.8-0.7-1.8-1.1-2.9-1.1c-1.7,0-3,0.7-3.9,2.1l-2.6-1.6C51.8,13.8,53.9,12.8,56.7,12.8z M52.9,24.2 c0,0.8,0.4,1.5,1,1.9c0.7,0.5,1.5,0.8,2.3,0.8c1.2,0,2.4-0.5,3.3-1.4c1-0.9,1.5-2,1.5-3.2c-0.9-0.7-2.2-1.1-3.9-1.1 c-1.2,0-2.2,0.3-3,0.9C53.3,22.6,52.9,23.3,52.9,24.2z" fill="#5F6368"></path><path d="M80,13.3l-9.9,22.7h-3l3.7-7.9l-6.5-14.7h3.2l4.7,11.3h0.1l4.6-11.3H80z" fill="#5F6368"></path><path d="M25.9,17.7c0-0.9-0.1-1.8-0.2-2.7H13.2v5.1h7.1c-0.3,1.6-1.2,3.1-2.6,4v3.3H22C24.5,25.1,25.9,21.7,25.9,17.7z" fill="#4285F4"></path><path d="M13.2,30.6c3.6,0,6.6-1.2,8.8-3.2l-4.3-3.3c-1.2,0.8-2.7,1.3-4.5,1.3c-3.4,0-6.4-2.3-7.4-5.5H1.4v3.4 C3.7,27.8,8.2,30.6,13.2,30.6z" fill="#34A853"></path><path d="M5.8,19.9c-0.6-1.6-0.6-3.4,0-5.1v-3.4H1.4c-1.9,3.7-1.9,8.1,0,11.9L5.8,19.9z" fill="#FBBC04"></path><path d="M13.2,9.4c1.9,0,3.7,0.7,5.1,2l0,0l3.8-3.8c-2.4-2.2-5.6-3.5-8.8-3.4c-5,0-9.6,2.8-11.8,7.3l4.4,3.4 C6.8,11.7,9.8,9.4,13.2,9.4z" fill="#EA4335"></path></svg> 13330 <span class="sr-only">Google Pay</span> 13331 </div> 13332 </div> 13333 </div> 13334 13335 <!-- Major Cards Group --> 13336 <div class="payment-group"> 13337 <div class="payment-flex-container"> 13338 <p class="payment-text">Major Cards Accepted</p> 13339 13340 <div class="payment-logo-box" data-cy="multivariate-pill"> 13341 <svg aria-hidden="true" fill="none" height="8" viewBox="0 0 23 8" width="23" xmlns="http://www.w3.org/2000/svg" class="payment-svg visa-logo"> 13342 <path clip-rule="evenodd" d="M5.76483 7.60344H3.77942L2.2906 1.92351C2.21993 1.66224 2.06989 1.43125 1.84918 1.32239C1.29838 1.0488 0.691425 0.831074 0.0292969 0.721262V0.502585H3.22764C3.66906 0.502585 4.00013 0.831074 4.0553 1.21258L4.82779 5.3097L6.81223 0.502585H8.74247L5.76483 7.60344ZM9.84607 7.60344H7.97101L9.51501 0.502585H11.3901L9.84607 7.60344ZM13.8159 2.46979C13.871 2.08734 14.2021 1.86866 14.5883 1.86866C15.1953 1.81376 15.8564 1.92357 16.4082 2.1962L16.7393 0.667356C16.1875 0.448679 15.5806 0.338867 15.0298 0.338867C13.2099 0.338867 11.8856 1.32244 11.8856 2.68752C11.8856 3.726 12.8236 4.27127 13.4858 4.59976C14.2021 4.9273 14.478 5.14598 14.4228 5.47352C14.4228 5.96484 13.871 6.18352 13.3202 6.18352C12.6581 6.18352 11.996 6.01974 11.39 5.74616L11.0589 7.27595C11.7211 7.54859 12.4374 7.6584 13.0995 7.6584C15.1401 7.71236 16.4082 6.72973 16.4082 5.25485C16.4082 3.39751 13.8159 3.28864 13.8159 2.46979ZM22.9706 7.60344L21.4817 0.502585H19.8826C19.5515 0.502585 19.2204 0.721262 19.1101 1.0488L16.3531 7.60344H18.2834L18.6687 6.56591H21.0403L21.261 7.60344H22.9706ZM20.1584 2.41464L20.7092 5.09083H19.1652L20.1584 2.41464Z" fill="currentColor" fill-rule="evenodd"></path> 13343 </svg>
13344 <span class="sr-only">Visa</span> 13345 </div> 13346 13347 <div class="payment-logo-box" data-cy="multivariate-pill"> 13348 <svg aria-hidden="true" fill="none" height="22" viewBox="0 0 36 22" width="36" xmlns="http://www.w3.org/2000/svg" class="payment-svg mastercard-logo"> 13349 <path d="M22.9603 2.31934H13.4662V19.3805H22.9603V2.31934Z" fill="#FF5F00"></path> 13350 <path d="M14.069 10.8504C14.0675 9.2073 14.4399 7.58539 15.1579 6.10744C15.8759 4.6295 16.9207 3.33427 18.2133 2.31982C16.6126 1.06167 14.6903 0.27924 12.6659 0.0619689C10.6416 -0.155303 8.59703 0.201351 6.76583 1.09116C4.93462 1.98097 3.39071 3.36804 2.31056 5.09382C1.23041 6.81961 0.657593 8.81448 0.657593 10.8504C0.657593 12.8864 1.23041 14.8812 2.31056 16.607C3.39071 18.3328 4.93462 19.7199 6.76583 20.6097C8.59703 21.4995 10.6416 21.8561 12.6659 21.6389C14.6903 21.4216 16.6126 20.6392 18.2133 19.381C16.9207 18.3666 15.8759 17.0713 15.1579 15.5934C14.4399 14.1155 14.0675 12.4935 14.069 10.8504Z" fill="#EB001B"></path> 13351 <path d="M35.7684 10.8504C35.7685 12.8863 35.1957 14.8812 34.1156 16.607C33.0355 18.3328 31.4917 19.7198 29.6605 20.6097C27.8293 21.4995 25.7848 21.8561 23.7605 21.6389C21.7362 21.4216 19.8139 20.6392 18.2133 19.381C19.5047 18.3655 20.5487 17.0701 21.2666 15.5924C21.9844 14.1147 22.3574 12.4933 22.3574 10.8504C22.3574 9.20756 21.9844 7.58615 21.2666 6.10845C20.5487 4.63074 19.5047 3.3353 18.2133 2.31982C19.8139 1.06166 21.7362 0.279236 23.7605 0.061967C25.7848 -0.155302 27.8293 0.201358 29.6605 1.09118C31.4917 1.981 33.0355 3.36807 34.1156 5.09386C35.1957 6.81964 35.7685 8.8145 35.7684 10.8504Z" fill="#F79E1B"></path> 13352 <path d="M34.7334 17.5735V17.2242H34.8742V17.153H34.5155V17.2242H34.6564V17.5735H34.7334ZM35.4297 17.5735V17.1523H35.3198L35.1933 17.442L35.0668 17.1523H34.9568V17.5735H35.0345V17.2558L35.1531 17.5297H35.2336L35.3522 17.2551V17.5735H35.4297Z" fill="#F79E1B"></path> 13353 </svg> 13354 <span class="sr-only">Mastercard</span> 13355 </div> 13356 13357 <div class="payment-logo-box amex-logo" data-cy="multivariate-pill"> 13358 <svg aria-hidden="true" fill="none" height="6" viewBox="0 0 24 6" width="24" xmlns="http://www.w3.org/2000/svg" class="payment-svg amex-logo"> 13359 <path clip-rule="evenodd" d="M3.06297 0.130859L0.473877 5.86045H3.57339L3.95764 4.94691H4.83595L5.2202 5.86045H8.63189V5.16321L8.93589 5.86045H10.7007L11.0047 5.14847V5.86045H18.1001L18.9629 4.97064L19.7707 5.86045L23.4151 5.86782L20.8178 3.01165L23.4151 0.130859H19.8272L18.9874 1.00423L18.205 0.130859H10.4861L9.82328 1.60971L9.14491 0.130859H6.05187V0.804374L5.70779 0.130859H3.06297ZM13.6588 0.94514H17.7333L18.9795 2.29127L20.2659 0.94514H21.5121L19.6186 3.01151L21.5121 5.05407H20.2093L18.9631 3.69231L17.6702 5.05407H13.6588V0.94514ZM14.6647 2.54686V1.79633V1.79561H17.207L18.3164 2.9959L17.1579 4.20274H14.6647V3.38338H16.8875V2.54686H14.6647ZM3.66283 0.94514H5.17367L6.89102 4.83041V0.94514H8.5461L9.87255 3.73086L11.095 0.94514H12.7418V5.0565H11.7398L11.7316 1.83486L10.2707 5.0565H9.37435L7.90529 1.83486V5.0565H5.84386L5.45305 4.13478H3.34166L2.95166 5.05569H1.84717L3.66283 0.94514ZM3.70224 3.28246L4.39786 1.64051L5.09267 3.28246H3.70224Z" fill="currentColor" fill-rule="evenodd"></path> 13360 </svg> 13361 <span class="sr-only">American Express</span> 13362 </div> 13363 </div> 13364 </div> 13365</div></span></div><style>@media screen and (min-width: 64em) { 13366 .text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG.text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG { 13367 display:none; 13368 } 13369 }@media screen and (min-width: 48em) and (max-width: 63.9375em) { 13370 .text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG.text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG { 13371 display:block; 13372 } 13373 }@media screen and (max-width: 47.9375em) { 13374 .text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG.text-block-custom-css--AQVpSdDBsWGNjcEFsT__text_TdtkLG { 13375 display:block; 13376 } 13377 }</style> 13378 13379</div> 13380</div><style>@media (min-width: 768px) { 13381 [data-group-id="AazN6UmVZYkFhTkx2V__group_m7MEVP"] { 13382 min-width:240px; 13383 } 13384 }@media (min-width: 1024px) { 13385 [data-group-id="AazN6UmVZYkFhTkx2V__group_m7MEVP"] { 13386 width:280px; 13387 } 13388 }</style></div> 13389</div> 13390 13391 </div> 13392 </div> 13393</div> 13394 13395<style> 13396 .section-wrapper { 13397 --section-height-offset: 0px; 13398 } 13399 13400 .section[data-shopify-visual-preview] { 13401 min-height: var(--section-preview-height); 13402 padding-top: 0; 13403 } 13404 13405 .section[data-shopify-visual-preview] .custom-section-background { 13406 display: none; 13407 } 13408 13409 body:has(> #header-group > .header-section > #header-component[transparent]):not( 13410 :has(> #header-group > .header-section + .shopify-section) 13411 ) 13412 > main 13413 > .section-wrapper:first-child { 13414 --section-height-offset: var(--header-group-height, 0); 13415 } 13416 13417 .custom-section-background { 13418 grid-column: 1 / -1; 13419 } 13420 13421 .custom-section-content { 13422 z-index: var(--layer-flat); 13423 } 13424 13425 .spacing-style { 13426 padding-block: var(--padding-block-start, 0) var(--padding-block-end, 0); 13427 padding-inline: var(--padding-inline-start, 0) var(--padding-inline-end, 0); 13428 margin-block: var(--margin-block-start, 0) var(--margin-block-end, 0); 13429 margin-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0); 13430 } 13431 13432 @media screen and (max-width: 749px) { 13433 .spacing-style { 13434 padding-block: var(--padding-block-start-mobile, var(--padding-block-start, 0)) 13435 var(--padding-block-end-mobile, var(--padding-block-end, 0)); 13436 padding-inline: var(--padding-inline-start-mobile, var(--padding-inline-start, 0)) 13437 var(--padding-inline-end-mobile, var(--padding-inline-end, 0)); 13438 margin-block: var(--margin-block-start-mobile, var(--margin-block-start, 0)) 13439 var(--margin-block-end-mobile, var(--margin-block-end, 0)); 13440 margin-inline: var(--margin-inline-start-mobile, var(--margin-inline-start, 0)) 13441 var(--margin-inline-end-mobile, var(--margin-inline-end, 0)); 13442 } 13443 } 13444</style> 13445 13446 13447 13448</div><div id="shopify-section-sections--19843808034974__section_zUWt7P" class="shopify-section shopify-section-group-footer-group section-wrapper"> 13449 13450 13451 13452<div class="section-background !px-0 color-scheme-1"></div> 13453<div 13454 13455 class="section section--full-width color-scheme-1" 13456 13457 13458 13459 style=" 13460 13461 13462 13463 " 13464> 13465 <div class="custom-section-background"> 13466 13467 13468 </div> 13469 13470 <div 13471 class="border-style custom-section-content " 13472 style="--border-width:1px; --border-style:none; --border-color: 13473rgb(var(--color-border-rgb) /1.0); --border-radius:0px;" 13474 > 13475 13476 13477 <div 13478 class=" 13479 spacing-style 13480 layout-panel-flex 13481 layout-panel-flex--column 13482 section-content-wrapper 13483 mobile-column 13484 " 13485 style=" 13486 --flex-direction: column; --flex-wrap: nowrap; 13487 13488--gap: 0px;--gap-mobile: 0px; 13489 13490--horizontal-alignment: flex-start; --vertical-alignment: center; 13491--horizontal-alignment-mobile: flex-start; --vertical-alignment-mobile: center; 13492 13493 --padding-block-start: 0px;--padding-block-start-mobile: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: 0px;--padding-block-end-mobile: 0px;--padding-inline-start: 0px;--padding-inline-start-mobile: 20px;--padding-inline-end: 0px;--padding-inline-end-mobile: 20px;--margin-block-start: 0px;--margin-block-start-mobile: 0px;--margin-block-end: 0px;--margin-block-end-mobile: 0px;--margin-inline-start: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end: 0px;--margin-inline-end-mobile: 0px; 13494 " 13495 data-testid="section-content" 13496 > 13497 13498 13499<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #1e4036;--group-gap: 12px; 13500 --group-gap-mobile: 12px; 13501 --padding-block-start: 30px; 13502 --padding-block-end: 0px; 13503 --padding-inline-start: 40px; 13504 --padding-inline-end: 40px; 13505 --padding-block-start-mobile: 0px; 13506 --padding-block-end-mobile: 0px; 13507 --padding-inline-start-mobile: 0px; 13508 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AZVQrUW9ockh2WWQ5d__group_KDCW6n"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] items-start m:items-start justify-center "> 13509 13510<div 13511 class="divider divider-AQjdxYW5aQ1REVHU0d__divider_jimNQq divider--h
13511orizontal spacing-style" 13512 style=" 13513 --divider-justify-content: center; 13514 --divider-color: #e8dbd4; 13515 13516 --padding-block-start: 0px;--padding-block-end: 0px; 13517 " 13518 13519 13520> 13521 <span 13522 class="divider__line divider__line--horizontal" 13523 style=" 13524 13525 --divider-border-thickness: 1px; 13526 13527 --divider-border-rounded: 0; 13528 13529 --divider-flex-basis: 100%; 13530 13531 " 13532 ></span> 13533</div> 13534 13535<style> 13536 .divider { 13537 align-self: stretch; 13538 display: flex; 13539 align-items: center; 13540 justify-content: var(--divider-justify-content); 13541 } 13542 13543 .divider--horizontal { 13544 flex-direction: row; 13545 } 13546 13547 .divider--vertical { 13548 flex-direction: column; 13549 align-items: var(--divider-justify-content); 13550 justify-content: center; 13551 height: var(--divider-height); 13552 width: auto; 13553 } 13554 13555 .divider__line { 13556 border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); 13557 } 13558 13559 .divider__line--horizontal { 13560 border-bottom: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 13561 flex-basis: var(--divider-flex-basis); 13562 min-height: 0; 13563 width: var(--divider-flex-basis); 13564 height: var(--divider-border-thickness); 13565 } 13566 13567 .divider__line--vertical { 13568 border-right: var(--divider-border-thickness) solid var(--divider-color, var(--color-border)); 13569 flex-basis: var(--divider-flex-basis); 13570 min-height: var(--divider-flex-basis); 13571 width: var(--divider-border-thickness); 13572 height: var(--divider-flex-basis); 13573 border-bottom: none; 13574 } 13575</style> 13576 13577 13578 13579</div> 13580</div> 13581<div class="relative h-auto w-full m:w-full m:h-auto bg-[var(--group-background-color)] pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] m:pt-[var(--padding-block-start-mobile)] m:pb-[var(--padding-block-end-mobile)] m:pl-[var(--padding-inline-start-mobile)] m:pr-[var(--padding-inline-end-mobile)]" style="--group-background-color: #1e4036;--group-gap: 12px; 13582 --group-gap-mobile: 20px; 13583 --padding-block-start: 30px; 13584 --padding-block-end: 40px; 13585 --padding-inline-start: 40px; 13586 --padding-inline-end: 40px; 13587 --padding-block-start-mobile: 0px; 13588 --padding-block-end-mobile: 0px; 13589 --padding-inline-start-mobile: 0px; 13590 --padding-inline-end-mobile: 0px;" data-testid="group-block" data-group-id="AdzZMdTZIYStJL09Jd__group_f9KgBM"><!-- settings.background_media none --><div class="relative z-10 !flex w-full h-full !flex-row m:!flex-col gap-[var(--group-gap)] m:gap-[var(--group-gap-mobile)] justify-start m:items-start items-center m:justify-center m:items-stretch "> 13591<div class="flex w-full max-md:w-full w-[var(--image-block-px-width)] max-w-[var(--image-block-max-width)] min-w-[var(--image-block-min-width)]" style="--image-block-aspect-ratio: 3.369047619047619; 13592 aspect-ratio: var(--image-block-aspect-ratio);--image-block-px-width: 160px;--image-block-max-width: 200px;--image-block-min-width: 130px;justify-content: var(--horizontal-alignment, flex-start);" ><img src="//prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=3840" alt="" srcset="//prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=300 300w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=450 450w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=600 600w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=750 750w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=900 900w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1050 1050w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1200 1200w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1350 1350w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1500 1500w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1650 1650w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1800 1800w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=1950 1950w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=2000 2000w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=2500 2500w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=3000 3000w, //prolonlife.com/cdn/shop/files/prolon__new_logo_white.svg?v=1787054752&width=3500 3500w" width="849" height="252" class="object-cover w-full" sizes="auto, (min-width: 750px) 100v
13592w, 100vw"></div> 13593 13594<div class=" flex flex-col max-w-full w-[var(--text-block-width)] h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular !text-[var(--custom-text-color)] text-block--AeGozci96ZHE2M0FEc__text_KA4ri9 text-block-custom-css--AeGozci96ZHE2M0FEc__text_KA4ri9" style="--text-block-width: fit-content;--text-block-height: auto;--text-block-max-width: var(--max-width--body-normal, 100%);--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 13595 --padding-block-end: 0px; 13596 --padding-inline-start: 0px; 13597 --padding-inline-end: 0px; 13598--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left">© 2026 Prolon Life</span></div><style>@media screen and (min-width: 64em) { 13599 .text-block-custom-css--AeGozci96ZHE2M0FEc__text_KA4ri9.text-block-custom-css--AeGozci96ZHE2M0FEc__text_KA4ri9 { 13600 min-width:110px; 13601 } 13602 }</style> 13603 13604 13605<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-start pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular !text-[var(--custom-text-color)] text-block--Ad1pLTXY2YlJ0eXhLM__text_HaciTa text-block-custom-css--Ad1pLTXY2YlJ0eXhLM__text_HaciTa" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 13606 --padding-block-end: 0px; 13607 --padding-inline-start: 0px; 13608 --padding-inline-end: 0px; 13609--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-left">600 Corporate Pointe Suite 1200, Culver City, CA 90230</span></div><style></style> 13610 13611 13612<div class=" flex flex-col max-w-full w-full h-[var(--text-block-height)] items-end pt-[var(--padding-block-start)] pb-[var(--padding-block-end)] pl-[var(--padding-inline-start)] pr-[var(--padding-inline-end)] text-small-body-regular !text-[var(--custom-text-color)] text-block--AbkRHQ2ZFUTVsZlhxR__text_MDTNPR text-block-custom-css--AbkRHQ2ZFUTVsZlhxR__text_MDTNPR" style="--text-block-width: 100%;--text-block-height: auto;--text-block-max-width: 100%;--text-wrap: pretty;--custom-text-color: #ffffff;--padding-block-start: 0px; 13613 --padding-block-end: 0px; 13614 --padding-inline-start: 0px; 13615 --padding-inline-end: 0px; 13616--color: #ffffff;" ><span class="w-[var(--text-block-width)] max-w-[var(--text-block-max-width)] [text-wrap:var(--text-wrap)] text-right ml-auto m:text-left m:mx-0">Powered by L-Nutra Inc. - Science Based Products that Renew and Rejuvenate the Body.</span></div><style></style> 13617 13618</div> 13619</div><style>[data-group-id="AdzZMdTZIYStJL09Jd__group_f9KgBM"] { 13620 padding-block:30px; 13621 }</style> 13622 13623 </div> 13624 </div> 13625</div> 13626 13627<style> 13628 .section-wrapper { 13629 --section-height-offset: 0px; 13630 } 13631 13632 .section[data-shopify-visual-preview] { 13633 min-height: var(--section-preview-height); 13634 padding-top: 0; 13635 } 13636 13637 .section[data-shopify-visual-preview] .custom-section-background { 13638 display: none; 13639 } 13640 13641 body:has(> #header-group > .header-section > #header-component[transparent]):not( 13642 :has(> #header-group > .header-section + .shopify-section) 13643 ) 13644 > main 13645 > .section-wrapper:first-child { 13646 --section-height-offset: var(--header-group-height, 0); 13647 } 13648 13649 .custom-section-background { 13650 grid-column: 1 / -1; 13651 } 13652 13653 .custom-section-content { 13654 z-index: var(--layer-flat); 13655 } 13656 13657 .spacing-style { 13658 padding-block: var(--padding-block-start, 0) var(--padding-block-end, 0); 13659 padding-inline: var(--padding-inline-start, 0) var(--padding-inline-end, 0); 13660 margin-block: var(--margin-block-start, 0) var(--margin-block-end, 0); 13661 margin-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0); 13662 } 13663 13664 @media screen and (max-width: 749px) { 13665 .spacing-style { 13666 padding-block: var(--padding-block-start-mobile, var(--padding-block-start, 0)) 13667 var(--padding-block-end-mobile, var(--padding-block-end, 0)); 13668 padding-inline: var(--padding-inline-start-mobile, var(--padding-inline-start, 0)) 13669 var(--padding-inline-end-mobile, var(--padding-inline-end, 0)); 13670 margin-block: var(--margin-block-start-mobile, var(--margin-block-start, 0)) 13671 var(--margin-block-end-mobile, var(--margin-block-end, 0)); 13672 margin-inline: var(--margin-inline-start-mobile, var(--margin-inline-start, 0)) 13673 var(--margin-inline-end-mobile, var(--margin-inline-end, 0)); 13674 } 13675 } 13676</style> 13677 13678 13679 13680</div> 13681<!-- END sections: footer-group --> 13682 </footer> 13683 13684
13684<script 13685 src="//prolonlife.com/cdn/shop/t/119/assets/dialog.js?v=94382931671780430451762187880" 13686 type="module" 13687></script>
13687 13688 13689<dialog-component 13690 id="search-modal" 13691 class="search-modal" 13692 13693> 13694 <dialog 13695 aria-label="Search" 13696 ref="dialog" 13697 on:click="/closeDialogOnClickOutside" 13698 on:keydown="/closeDialogOnEscapePress" 13699 class="search-modal__content dialog-modal" 13700 scroll-lock 13701 > 13702
13702<script 13703 src="//prolonlife.com/cdn/shop/t/119/assets/predictive-search.js?v=137734153844302985541762187879" 13704 type="module" 13705 fetchpriority="low" 13706></script>
13706 13707 13708<predictive-search-component 13709 class="predictive-search" 13710 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 13711 data-section-id="predictive-search" 13712 data-search-position="" 13713 data-testid="search-component--modal" 13714 data-active-color-scheme="scheme-1" 13715 role="search" 13716 aria-label="Search" 13717> 13718 <form 13719 action="/search" 13720 method="get" 13721 role="search" 13722 class="predictive-search-form" 13723 ref="form" 13724 on:keydown="/onSearchKeyDown" 13725 > 13726 <div 13727 class="predictive-search-form__header" 13728 > 13729 <div class="predictive-search-form__header-inner"> 13730 <label 13731 for="cmdk-input" 13732 class="visually-hidden" 13733 >Search</label> 13734 <input 13735 class="search-input" 13736 id="cmdk-input" 13737 type="search" 13738 name="q" 13739 role="combobox" 13740 aria-expanded="false" 13741 aria-owns="predictive-search-results" 13742 aria-controls="predictive-search-results" 13743 aria-haspopup="listbox" 13744 aria-autocomplete="list" 13745 autocomplete="off" 13746 placeholder="Search" 13747 ref="searchInput" 13748 on:input="/search" 13749 on:keydown="/onSearchKeyDown" 13750 on:focus="/expandSearch" 13751 > 13752 <input 13753 name="options[prefix]" 13754 type="hidden" 13755 value="last" 13756 > 13757 <span class="svg-wrapper predictive-search__icon"> 13758 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 13759 13760 </span> 13761 <button 13762 type="button" 13763 class="button-unstyled predictive-search__reset-button" 13764 aria-label="Clear search" 13765 ref="resetButton" 13766 hidden 13767 on:click="/resetSearch" 13768 > 13769 <span class="svg-wrapper predictive-search__reset-button-icon"> 13770 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg> 13771 13772 </span> 13773 <span class="predictive-search__reset-button-text">Clear</span> 13774 </button> 13775 </div> 13776 <button 13777 type="button" 13778 class="button predictive-search__close-modal-button button-unstyled header-actions__action" 13779 aria-label="Close dialog" 13780 on:click="dialog-component/closeDialog" 13781 ref="closeModalButton" 13782 > 13783 <span class="svg-wrapper"> 13784 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 13785 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13786 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 13787</svg> 13788 13789 </span> 13790 </button> 13791 </div> 13792 13793 <div class="predictive-search-form__content-wrapper"> 13794 <div 13795 class="predictive-search-form__content" 13796 tabindex="-1" 13797 ref="predictiveSearchResults" 13798 on:click="/handleModalClick" 13799 > 13800 13801 13802<div 13803 id="predictive-search-results" 13804 class="predictive-search-dropdown" 13805 role="listbox" 13806 aria-expanded="true" 13807 style="--color-shadow: rgb(var(--color-foreground-rgb) / );" 13808> 13809 <div class="predictive-search-results__inner"> 13810 13811 13812 13813 <div 13814 id="predictive-search-products" 13815 13816 data-testid="products-list-default--modal" 13817 13818> 13819 13820 <h4 class="predictive-search-results__title"> 13821 Products 13822 </h4> 13823 <ul 13824 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 13825 role="listbox" 13826 aria-label="Products" 13827 > 13828 13829 13830 <li 13831 class="predictive-search-results__card predictive-search-results__card--product" 13832 ref="resultsItems[]" 13833 > 13834 13835<product-card-link 13836 data-product-id="8602639171742" 13837 data-featured-media-url="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-6104582.png?v=1777984691&width=500" 13838 data-product-transition="true" 13839 ><div 13840 class="resource-card" 13841 href="/products/prolon-offer" 13842 data-resource-type="product" 13843> 13844 <a 13845 class="resource-card__link" 13846 href="/products/prolon-offer" 13847 > 13848 <span class="visually-hidden"> 13849 Prolon 5-Day FMD 13850 </span> 13851 </a> 13852 <div 13853 class="resource-card__media" 13854 style="--resource-card-aspect-ratio: 4 / 5;" 13855 13856 data-view-transition-to-main-product 13857 13858 > 13859<img src="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-6104582.png?v=1777984691&width=500" alt="Prolon 5 - Day FMD - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-6104582.png?v=1777984691&width=240 240w, //prolonlife.com/cdn/shop/files/prolon-5-day-fmd-6104582.png?v=1777984691&width=352 352w" width="500" height="474" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="42460620325022"> 13860<img src="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-5721827.png?v=1777984692&width=500" alt="Prolon 5 - Day FMD - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-5721827.png?v=1777984692&width=240 240w, //prolonlife.com/cdn/shop/files/prolon-5-day-fmd-5721827.png?v=1777984692&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="29257076899998"> 13861</div> 13862 13863 <div class="resource-card__content"> 13864 <p class="resource-card__title paragraph">Prolon 5-Day FMD</p> 13865 13866 13867 <div ref="priceContainer" class="flex flex-wrap items-center gap-2"> 13868 13869 <span role="group">
13870 <span class="visually-hidden">Regular price </span> 13871 <span class="compare-at-price" aria-label="Original price, crossed out: $215.00">$215.00</span> 13872 </span> 13873 13874 13875 13876 <span role="group"> 13877 <span class="visually-hidden">Sale price </span> 13878 <span class="price">$182.75</span> 13879 </span> 13880 13881 13882 13883</div> 13884 13885 13886 </div> 13887</div></product-card-link><style> 13888 .resource-card { 13889 --resource-card-secondary-image-opacity: 0; 13890 --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity)); 13891 13892 display: flex; 13893 flex-direction: column; 13894 row-gap: var(--padding-xs); 13895 position: relative; 13896 text-decoration: none; 13897 height: 100%; 13898 opacity: 0; 13899 animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards; 13900 } 13901 13902 .resource-card__link { 13903 position: absolute; 13904 inset: 0; 13905 z-index: 1; 13906 } 13907 13908 .resource-card__content { 13909 display: flex; 13910 flex-direction: column; 13911 color: var(--color-foreground); 13912 gap: var(--padding-3xs); 13913 13914 .price { 13915 font-weight: 500; 13916 } 13917 } 13918 13919 .resource-card[data-resource-type='article'] .resource-card__content, 13920 .resource-card[data-resource-type='page'] .resource-card__content { 13921 gap: var(--padding-xs); 13922 } 13923 13924 .resource-card__image { 13925 aspect-ratio: var(--resource-card-aspect-ratio, auto); 13926 object-fit: cover; 13927 border-radius: var(--resource-card-corner-radius); 13928 opacity: var(--resource-card-primary-image-opacity); 13929 } 13930 13931 .resource-card__image--secondary { 13932 position: absolute; 13933 top: 0; 13934 opacity: var(--resource-card-secondary-image-opacity); 13935 border-radius: var(--resource-card-corner-radius); 13936 } 13937 13938 .resource-card__media:empty { 13939 display: none; 13940 } 13941 13942 .resource-card__image-placeholder { 13943 padding: var(--padding-sm); 13944 font-size: var(--font-size--lg); 13945 line-height: var(--line-height--display-loose); 13946 word-break: break-word; 13947 background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 13948 aspect-ratio: var(--resource-card-aspect-ratio, auto); 13949 border-radius: var(--resource-card-corner-radius); 13950 color: var(--color-foreground); 13951 } 13952 13953 .resource-card__title { 13954 margin-block: 0; 13955 display: -webkit-box; 13956 -webkit-box-orient: vertical; 13957 -webkit-line-clamp: 2; 13958 overflow: hidden; 13959 line-height: 1.3; 13960 } 13961 13962 .resource-card__title.paragraph { 13963 line-height: 1.3; 13964 } 13965 13966 .resource-card--overlay { 13967 height: 100%; 13968 13969 &::before { 13970 content: ''; 13971 position: absolute; 13972 inset: 50% 0 0; 13973 background: var(--gradient-image-overlay); 13974 border-radius: var(--resource-card-corner-radius); 13975 pointer-events: none; 13976 z-index: var(--layer-flat); 13977 } 13978 } 13979 13980 .resource-card--overlay .resource-card__image { 13981 height: 100%; 13982 } 13983 13984 .resource-card--overlay .resource-card__content { 13985 position: absolute; 13986 inset: auto 0 0; 13987 padding: var(--padding-lg) var(--padding-lg) var(--padding-sm); 13988 z-index: var(--layer-raised); 13989 } 13990 13991 .resource-card--overlay .resource-card__title { 13992 color: var(--color-white); 13993 } 13994 13995 /* Collection images */ 13996 .resource-card__image-wrapper { 13997 display: grid; 13998 grid-template-columns: repeat(4, 1fr); 13999 gap: var(--gap-2xs); 14000 } 14001 14002 .resource-card__collection-image { 14003 aspect-ratio: 1 / 1; 14004 object-fit: cover; 14005 border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2)); 14006 } 14007 14008 .resource-card__subtext { 14009 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14010 margin-block-start: 0; 14011 } 14012 14013 .resource-card__subtext.paragraph { 14014 font-size: var(--font-size--body-sm); 14015 line-height: var(--line-height--body-tight); 14016 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14017 } 14018 14019 .resource-card:has(.resource-card__image--secondary) { 14020 &:hover, 14021 &:focus { 14022 --resource-card-secondary-image-opacity: 1; 14023 } 14024 } 14025</style> 14026 14027 </li> 14028 14029 <li 14030 class="predictive-search-results__card predictive-search-results__card--product" 14031 ref="resultsItems[]" 14032 > 14033 14034<product-card-link 14035 data-product-id="8213417984158" 14036 data-featured-media-url="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-2131965.png?v=1777984695&width=500" 14037 data-product-transition="true" 14038 ><div 14039 class="resource-card" 14040 href="/products/prolon-next-gen-v4" 14041 data-resource-type="product" 14042> 14043 <a 14044 class="resource-card__link" 14045 href="/products/prolon-next-gen-v4" 14046 > 14047 <span class="visually-hidden"> 14048 Prolon 5-Day FMDâNext Gen 14049 </span> 14050 </a> 14051 <div 14052 class="resource-card__media" 14053 style="--resource-card-aspect-ratio: 4 / 5;" 14054 14055 data-view-transition-to-main-product 14056 14057 > 14058<img src="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-2131965.png?v=1777984695&width=500" alt="Prolon 5 - Day FMDâNext Gen - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-2131965.png?v=1777984695&width=240 240w, //prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-2131965.png?v=1777984695&width=352 352w" width="500" height="474" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="42241890189470"> 14059<img src="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-6718641.jpg?v=1777984695&width=500" alt="Prolon 5 - Day FMDâNext Gen - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-6718641.jpg?v=1777984695&width=240 240w, //prolonlife.com/cdn/shop/files/prolon-5-day-fmd-next-gen-6718641.jpg?v=1777984695&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="31551589220510"> 14060</div> 14061 14062 <div class="resource-card__content"> 14063 <p class="resource-card__title paragraph">Prolon 5-Day FMDâNext Gen</p> 14064 14065 14066 <div ref="priceContainer" class="flex flex-wrap items-center gap-2"> 14067 14068 <span role="group">
14069 <span class="visually-hidden">Regular price </span> 14070 <span class="compare-at-price" aria-label="Original price, crossed out: $255.00">$255.00</span> 14071 </span> 14072 14073 14074 14075 <span role="group"> 14076 <span class="visually-hidden">Sale price </span> 14077 <span class="price">$215.00</span> 14078 </span> 14079 14080 14081 14082</div> 14083 14084 14085 </div> 14086</div></product-card-link><style> 14087 .resource-card { 14088 --resource-card-secondary-image-opacity: 0; 14089 --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity)); 14090 14091 display: flex; 14092 flex-direction: column; 14093 row-gap: var(--padding-xs); 14094 position: relative; 14095 text-decoration: none; 14096 height: 100%; 14097 opacity: 0; 14098 animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards; 14099 } 14100 14101 .resource-card__link { 14102 position: absolute; 14103 inset: 0; 14104 z-index: 1; 14105 } 14106 14107 .resource-card__content { 14108 display: flex; 14109 flex-direction: column; 14110 color: var(--color-foreground); 14111 gap: var(--padding-3xs); 14112 14113 .price { 14114 font-weight: 500; 14115 } 14116 } 14117 14118 .resource-card[data-resource-type='article'] .resource-card__content, 14119 .resource-card[data-resource-type='page'] .resource-card__content { 14120 gap: var(--padding-xs); 14121 } 14122 14123 .resource-card__image { 14124 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14125 object-fit: cover; 14126 border-radius: var(--resource-card-corner-radius); 14127 opacity: var(--resource-card-primary-image-opacity); 14128 } 14129 14130 .resource-card__image--secondary { 14131 position: absolute; 14132 top: 0; 14133 opacity: var(--resource-card-secondary-image-opacity); 14134 border-radius: var(--resource-card-corner-radius); 14135 } 14136 14137 .resource-card__media:empty { 14138 display: none; 14139 } 14140 14141 .resource-card__image-placeholder { 14142 padding: var(--padding-sm); 14143 font-size: var(--font-size--lg); 14144 line-height: var(--line-height--display-loose); 14145 word-break: break-word; 14146 background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 14147 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14148 border-radius: var(--resource-card-corner-radius); 14149 color: var(--color-foreground); 14150 } 14151 14152 .resource-card__title { 14153 margin-block: 0; 14154 display: -webkit-box; 14155 -webkit-box-orient: vertical; 14156 -webkit-line-clamp: 2; 14157 overflow: hidden; 14158 line-height: 1.3; 14159 } 14160 14161 .resource-card__title.paragraph { 14162 line-height: 1.3; 14163 } 14164 14165 .resource-card--overlay { 14166 height: 100%; 14167 14168 &::before { 14169 content: ''; 14170 position: absolute; 14171 inset: 50% 0 0; 14172 background: var(--gradient-image-overlay); 14173 border-radius: var(--resource-card-corner-radius); 14174 pointer-events: none; 14175 z-index: var(--layer-flat); 14176 } 14177 } 14178 14179 .resource-card--overlay .resource-card__image { 14180 height: 100%; 14181 } 14182 14183 .resource-card--overlay .resource-card__content { 14184 position: absolute; 14185 inset: auto 0 0; 14186 padding: var(--padding-lg) var(--padding-lg) var(--padding-sm); 14187 z-index: var(--layer-raised); 14188 } 14189 14190 .resource-card--overlay .resource-card__title { 14191 color: var(--color-white); 14192 } 14193 14194 /* Collection images */ 14195 .resource-card__image-wrapper { 14196 display: grid; 14197 grid-template-columns: repeat(4, 1fr); 14198 gap: var(--gap-2xs); 14199 } 14200 14201 .resource-card__collection-image { 14202 aspect-ratio: 1 / 1; 14203 object-fit: cover; 14204 border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2)); 14205 } 14206 14207 .resource-card__subtext { 14208 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14209 margin-block-start: 0; 14210 } 14211 14212 .resource-card__subtext.paragraph { 14213 font-size: var(--font-size--body-sm); 14214 line-height: var(--line-height--body-tight); 14215 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14216 } 14217 14218 .resource-card:has(.resource-card__image--secondary) { 14219 &:hover, 14220 &:focus { 14221 --resource-card-secondary-image-opacity: 1; 14222 } 14223 } 14224</style> 14225 14226 </li> 14227 14228 <li 14229 class="predictive-search-results__card predictive-search-results__card--product" 14230 ref="resultsItems[]" 14231 > 14232 14233<product-card-link 14234 data-product-id="8415666045086" 14235 data-featured-media-url="//prolonlife.com/cdn/shop/files/prolon-guided-health-program-weight-wellness-7921024.png?v=1777984688&width=500" 14236 data-product-transition="true" 14237 ><div 14238 class="resource-card" 14239 href="/products/metabolic-reset-program" 14240 data-resource-type="product" 14241> 14242 <a 14243 class="resource-card__link" 14244 href="/products/metabolic-reset-program" 14245 > 14246 <span class="visually-hidden"> 14247 Prolon Guided Health Program: Weight & Wellness 14248 </span> 14249 </a> 14250 <div 14251 class="resource-card__media" 14252 style="--resource-card-aspect-ratio: 4 / 5;" 14253 14254 data-view-transition-to-main-product 14255 14256 > 14257<img src="//prolonlife.com/cdn/shop/files/prolon-guided-health-program-weight-wellness-7921024.png?v=1777984688&width=500" alt="Prolon Guided Health Program: Weight & Wellness - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/prolon-guided-health-program-weight-wellness-7921024.png?v=1777984688&width=240 240w, //prolonlife.com/cdn/shop/files/prolon-guided-health-program-weight-wellness-7921024.png?v=1777984688&width=352 352w" width="500" height="478" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="42557228089502"> 14258</div> 14259 14260 <div class="resource-card__content"> 14261 <p class="resource-card__title paragraph">Prolon Guided Health Program: Weight & Wellness</p> 14262 14263 14264 <div ref="priceContainer" class="flex flex-wrap items-center gap-2"> 14265 14266 14267 14268 <span class="price">$299.00</span> 14269 14270 14271 14272</div> 14273 14274 14275 </div> 14276</div></product-card-link><style> 14277 .resource-card { 14278 --resource-card-secondary-image-opacity: 0; 14279 --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity)); 14280 14281 display: flex; 14282 flex-direction: column; 14283 row-gap: var(--padding-xs); 14284 position: relative; 14285 text-decoration: none; 14286 height: 100%; 14287 opacity: 0; 14288 animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards; 14289 } 14290 14291 .resource-card__link { 14292 position: absolute; 14293 inset: 0; 14294 z-index: 1; 14295 } 14296 14297 .resource-card__content { 14298 display: flex; 14299 flex-direction: column; 14300 color: var(--color-foreground); 14301 gap: var(--padding-3xs); 14302 14303 .price { 14304 font-weight: 500; 14305 } 14306 } 14307 14308 .resource-card[data-resource-type='article'] .resource-card__content, 14309 .resource-card[data-resource-type='page'] .resource-card__content { 14310 gap: var(--padding-xs); 14311 } 14312 14313 .resource-card__image { 14314 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14315 object-fit: cover; 14316 border-radius: var(--resource-card-corner-radius); 14317 opacity: var(--resource-card-primary-image-opacity); 14318 } 14319 14320 .resource-card__image--secondary { 14321 position: absolute; 14322 top: 0; 14323 opacity: var(--resource-card-secondary-image-opacity); 14324 border-radius: var(--resource-card-corner-radius); 14325 } 14326 14327 .resource-card__media:empty { 14328 display: none; 14329 } 14330 14331 .resource-card__image-placeholder { 14332 padding: var(--padding-sm); 14333 font-size: var(--font-size--lg); 14334 line-height: var(--line-height--display-loose); 14335 word-break: break-word; 14336 background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 14337 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14338 border-radius: var(--resource-card-corner-radius); 14339 color: var(--color-foreground); 14340 } 14341 14342 .resource-card__title { 14343 margin-block: 0; 14344 display: -webkit-box; 14345 -webkit-box-orient: vertical; 14346 -webkit-line-clamp: 2; 14347 overflow: hidden; 14348 line-height: 1.3; 14349 } 14350 14351 .resource-card__title.paragraph { 14352 line-height: 1.3; 14353 } 14354 14355 .resource-card--overlay { 14356 height: 100%; 14357 14358 &::before { 14359 content: ''; 14360 position: absolute; 14361 inset: 50% 0 0; 14362 background: var(--gradient-image-overlay); 14363 border-radius: var(--resource-card-corner-radius); 14364 pointer-events: none; 14365 z-index: var(--layer-flat); 14366 } 14367 } 14368 14369 .resource-card--overlay .resource-card__image { 14370 height: 100%; 14371 } 14372 14373 .resource-card--overlay .resource-card__content { 14374 position: absolute; 14375 inset: auto 0 0; 14376 padding: var(--padding-lg) var(--padding-lg) var(--padding-sm); 14377 z-index: var(--layer-raised); 14378 } 14379 14380 .resource-card--overlay .resource-card__title { 14381 color: var(--color-white); 14382 } 14383 14384 /* Collection images */ 14385 .resource-card__image-wrapper { 14386 display: grid; 14387 grid-template-columns: repeat(4, 1fr); 14388 gap: var(--gap-2xs); 14389 } 14390 14391 .resource-card__collection-image { 14392 aspect-ratio: 1 / 1; 14393 object-fit: cover; 14394 border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2)); 14395 } 14396 14397 .resource-card__subtext { 14398 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14399 margin-block-start: 0; 14400 } 14401 14402 .resource-card__subtext.paragraph { 14403 font-size: var(--font-size--body-sm); 14404 line-height: var(--line-height--body-tight); 14405 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14406 } 14407 14408 .resource-card:has(.resource-card__image--secondary) { 14409 &:hover, 14410 &:focus { 14411 --resource-card-secondary-image-opacity: 1; 14412 } 14413 } 14414</style> 14415 14416 </li> 14417 14418 <li 14419 class="predictive-search-results__card predictive-search-results__card--product" 14420 ref="resultsItems[]" 14421 > 14422 14423<product-card-link 14424 data-product-id="8277741764766" 14425 data-featured-media-url="//prolonlife.com/cdn/shop/files/1-day-reset-4297529.png?v=1777984694&width=500" 14426 data-product-transition="true" 14427 ><div 14428 class="resource-card" 14429 href="/products/reset" 14430 data-resource-type="product" 14431> 14432 <a 14433 class="resource-card__link" 14434 href="/products/reset" 14435 > 14436 <span class="visually-hidden"> 14437 1-Day Reset 14438 </span> 14439 </a> 14440 <div 14441 class="resource-card__media" 14442 style="--resource-card-aspect-ratio: 4 / 5;" 14443 14444 data-view-transition-to-main-product 14445 14446 > 14447<img src="//prolonlife.com/cdn/shop/files/1-day-reset-4297529.png?v=1777984694&width=500" alt="1 - Day Reset - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/1-day-reset-4297529.png?v=1777984694&width=240 240w, //prolonlife.com/cdn/shop/files/1-day-reset-4297529.png?v=1777984694&width=352 352w" width="500" height="474" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="42241901265054"> 14448<img src="//prolonlife.com/cdn/shop/files/1-day-reset-9038020.jpg?v=1777984695&width=500" alt="1 - Day Reset - Prolon Life" srcset="//prolonlife.com/cdn/shop/files/1-day-reset-9038020.jpg?v=1777984695&width=240 240w, //prolonlife.com/cdn/shop/files/1-day-reset-9038020.jpg?v=1777984695&width=352 352w" width="500" height="474" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="33503371460766"> 14449</div> 14450 14451 <div class="resource-card__content"> 14452 <p class="resource-card__title paragraph">1-Day Reset</p> 14453 14454 14455 <div ref="priceContainer" class="flex flex-wrap items-center gap-2"> 14456 14457 <span role="group">
14458 <span class="visually-hidden">Regular price </span> 14459 <span class="compare-at-price" aria-label="Original price, crossed out: $39.99">$39.99</span> 14460 </span> 14461 14462 14463 14464 <span role="group"> 14465 <span class="visually-hidden">Sale price </span> 14466 <span class="price">$33.99</span> 14467 </span> 14468 14469 14470 14471</div> 14472 14473 14474 </div> 14475</div></product-card-link><style> 14476 .resource-card { 14477 --resource-card-secondary-image-opacity: 0; 14478 --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity)); 14479 14480 display: flex; 14481 flex-direction: column; 14482 row-gap: var(--padding-xs); 14483 position: relative; 14484 text-decoration: none; 14485 height: 100%; 14486 opacity: 0; 14487 animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards; 14488 } 14489 14490 .resource-card__link { 14491 position: absolute; 14492 inset: 0; 14493 z-index: 1; 14494 } 14495 14496 .resource-card__content { 14497 display: flex; 14498 flex-direction: column; 14499 color: var(--color-foreground); 14500 gap: var(--padding-3xs); 14501 14502 .price { 14503 font-weight: 500; 14504 } 14505 } 14506 14507 .resource-card[data-resource-type='article'] .resource-card__content, 14508 .resource-card[data-resource-type='page'] .resource-card__content { 14509 gap: var(--padding-xs); 14510 } 14511 14512 .resource-card__image { 14513 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14514 object-fit: cover; 14515 border-radius: var(--resource-card-corner-radius); 14516 opacity: var(--resource-card-primary-image-opacity); 14517 } 14518 14519 .resource-card__image--secondary { 14520 position: absolute; 14521 top: 0; 14522 opacity: var(--resource-card-secondary-image-opacity); 14523 border-radius: var(--resource-card-corner-radius); 14524 } 14525 14526 .resource-card__media:empty { 14527 display: none; 14528 } 14529 14530 .resource-card__image-placeholder { 14531 padding: var(--padding-sm); 14532 font-size: var(--font-size--lg); 14533 line-height: var(--line-height--display-loose); 14534 word-break: break-word; 14535 background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 14536 aspect-ratio: var(--resource-card-aspect-ratio, auto); 14537 border-radius: var(--resource-card-corner-radius); 14538 color: var(--color-foreground); 14539 } 14540 14541 .resource-card__title { 14542 margin-block: 0; 14543 display: -webkit-box; 14544 -webkit-box-orient: vertical; 14545 -webkit-line-clamp: 2; 14546 overflow: hidden; 14547 line-height: 1.3; 14548 } 14549 14550 .resource-card__title.paragraph { 14551 line-height: 1.3; 14552 } 14553 14554 .resource-card--overlay { 14555 height: 100%; 14556 14557 &::before { 14558 content: ''; 14559 position: absolute; 14560 inset: 50% 0 0; 14561 background: var(--gradient-image-overlay); 14562 border-radius: var(--resource-card-corner-radius); 14563 pointer-events: none; 14564 z-index: var(--layer-flat); 14565 } 14566 } 14567 14568 .resource-card--overlay .resource-card__image { 14569 height: 100%; 14570 } 14571 14572 .resource-card--overlay .resource-card__content { 14573 position: absolute; 14574 inset: auto 0 0; 14575 padding: var(--padding-lg) var(--padding-lg) var(--padding-sm); 14576 z-index: var(--layer-raised); 14577 } 14578 14579 .resource-card--overlay .resource-card__title { 14580 color: var(--color-white); 14581 } 14582 14583 /* Collection images */ 14584 .resource-card__image-wrapper { 14585 display: grid; 14586 grid-template-columns: repeat(4, 1fr); 14587 gap: var(--gap-2xs); 14588 } 14589 14590 .resource-card__collection-image { 14591 aspect-ratio: 1 / 1; 14592 object-fit: cover; 14593 border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2)); 14594 } 14595 14596 .resource-card__subtext { 14597 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14598 margin-block-start: 0; 14599 } 14600 14601 .resource-card__subtext.paragraph { 14602 font-size: var(--font-size--body-sm); 14603 line-height: var(--line-height--body-tight); 14604 color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); 14605 } 14606 14607 .resource-card:has(.resource-card__image--secondary) { 14608 &:hover, 14609 &:focus { 14610 --resource-card-secondary-image-opacity: 1; 14611 } 14612 } 14613</style> 14614 14615 </li> 14616 14617 </ul> 14618 14619</div> 14620 14621 14622 </div> 14623</div> 14624 14625 </div> 14626 14627 <div class="predictive-search-form__footer"> 14628 <button 14629 class="button button-primary predictive-search__search-button" 14630 ref="viewAllButton" 14631 > 14632 View all 14633 </button> 14634 </div> 14635 </div> 14636 </form> 14637</predictive-search-component> 14638 14639<style> 14640 predictive-search-component { 14641 &:has([data-search-results]):not(:has(.predictive-search-results__no-results)) { 14642 .predictive-search-form__footer { 14643 display: block; 14644 } 14645 } 14646 } 14647 14648 .predictive-search-form__footer { 14649 display: none; 14650 } 14651</style> 14652 14653 </dialog> 14654</dialog-component> 14655 14656<style> 14657 /* Search modal style */ 14658 .search-modal {
14659 --search-border-radius: var(--style-border-radius-popover); 14660 --search-border-width: var(--style-border-width); 14661 } 14662 14663 .search-modal__button { 14664 display: flex; 14665 align-items: center; 14666 justify-content: center; 14667 } 14668 14669 .search-modal__content { 14670 /* Approx set the top so when the content is at max height, the modal is centered */ 14671 --modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem); 14672 --modal-width: 66dvw; 14673 14674 padding: 0; 14675 14676 @media screen and (min-width: 750px) { 14677 width: var(--modal-width); 14678 margin-block-start: var(--modal-top-margin); 14679 overflow: hidden; 14680 } 14681 } 14682 14683 /* Hide the default dialog backdrop on small screens */ 14684 @media screen and (max-width: 749px) { 14685 .search-modal__content::backdrop { 14686 display: none; 14687 } 14688 } 14689 14690 .dialog-modal[open].search-modal__content { 14691 transform-origin: bottom center; 14692 animation: search-element-slide-in-bottom 300ms var(--ease-out-quad) forwards; 14693 border-radius: var(--search-border-radius); 14694 box-shadow: var(--shadow-popover); 14695 14696 @media screen and (max-width: 749px) { 14697 border-radius: 0; 14698 } 14699 } 14700 14701 .dialog-modal.search-modal__content.dialog-closing { 14702 animation: search-element-slide-out-bottom 200ms var(--ease-out-quad) forwards; 14703 } 14704 14705 .search-modal__content[open] { 14706 display: flex; 14707 } 14708 14709 .search-modal__content :is(.predictive-search-dropdown, .predictive-search-form__content-wrapper) { 14710 position: relative; 14711 } 14712 14713 /* Predictive search header tweaks for small screens */ 14714 @media screen and (max-width: 749px) { 14715 .dialog-modal 14716 .predictive-search-form__header:has( 14717 .predictive-search__reset-button:not(.predictive-search__reset-button[hidden]) 14718 )::before { 14719 content: ''; 14720 position: absolute; 14721 right: calc(var(--padding-sm) + var(--minimum-touch-target)); 14722 top: 0; 14723 bottom: 0; 14724 width: var(--border-width-sm); 14725 background-color: var(--color-border); 14726 } 14727 14728 .dialog-modal 14729 .predictive-search-form__header:has( 14730 .predictive-search__reset-button:not(.predictive-search__reset-button[hidden]) 14731 ) 14732 > .predictive-search__close-modal-button { 14733 &::before { 14734 content: none; 14735 } 14736 } 14737 } 14738</style> 14739 14740 14741 14742 <quick-add-dialog id="quick-add-dialog"> 14743 <dialog 14744 aria-label="Quick add" 14745 class="quick-add-modal dialog-modal color-scheme-1" 14746 ref="dialog" 14747 scroll-lock 14748 > 14749 <button 14750 ref="closeButton" 14751 on:click="/closeDialog" 14752 class="button quick-add-modal__close" 14753 aria-label="Close dialog" 14754 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 14755 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14756 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 14757</svg> 14758</button> 14759 <div 14760 id="quick-add-modal-content" 14761 class="quick-add-modal__content" 14762 ></div> 14763 </dialog> 14764</quick-add-dialog> 14765 14766<style> 14767 .quick-add-modal { 14768 padding: 0; 14769 border: var(--style-border-popover); 14770 height: fit-content; 14771 overflow: hidden; 14772 min-height: 500px; 14773 box-shadow: 0 5px 30px rgb(0 0 0 / var(--opacity-15)); 14774 14775 @media screen and (max-width: 750px) { 14776 position: fixed; 14777 display: block; 14778 margin: auto 0 0 0; 14779 min-height: unset; 14780 max-width: 100%; 14781 border-radius: 0; 14782 } 14783 } 14784 14785 .quick-add-modal[open] { 14786 @media screen and (min-width: 750px) { 14787 display: flex; 14788 } 14789 } 14790 14791 .quick-add-modal .view-more-details__wrapper { 14792 @media screen and (max-width: 750px) { 14793 display: none; 14794 } 14795 } 14796 14797 .quick-add-modal[open] { 14798 animation: modalSlideInTop var(--animation-speed) var(--animation-easing) forwards; 14799 } 14800 14801 .quick-add-modal.dialog-closing { 14802 animation: modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards; 14803 } 14804 14805 .quick-add-modal__close { 14806 position: absolute; 14807 top: var(--margin-2xs); 14808 right: var(--margin-2xs); 14809 width: var(--minimum-touch-target); 14810 height: var(--minimum-touch-target); 14811 color: var(--color-foreground); 14812 background-color: var(--color-background); 14813 display: flex; 14814 align-items: center; 14815 justify-content: center; 14816 padding: 0; 14817 z-index: 2; 14818 transition: transform 0.15s var(--animation-timing-bounce), opacity 0.15s var(--animation-easing); 14819 } 14820 14821 .quick-add-modal__close:active { 14822 transform: scale(0.8); 14823 } 14824 14825 .quick-add-modal__close svg { 14826 width: var(--icon-size-xs); 14827 height: var(--icon-size-xs); 14828 } 14829 14830 .quick-add-modal__content { 14831 display: grid; 14832 grid-template-columns: repeat(7, 1fr); 14833 grid-template-rows: 100% 1fr; 14834 position: relative; 14835 max-width: var(--wide-content-width); 14836 overflow-y: auto; 14837 max-height: 100vh; 14838 14839 @media screen and (max-width: 750px) { 14840 grid-template-columns: repeat(4, 1fr); 14841 grid-template-rows: auto; 14842 padding-inline: var(--padding-xl); 14843 padding-block: var(--padding-xl); 14844 gap: var(--gap-lg); 14845 flex: 1; 14846 min-height: 0; 14847 overflow-y: auto; 14848 height: auto; /* Prevent a bug in Safari where height:fit-content is not respected */ 14849 max-height: 100vh; 14850 } 14851 } 14852 14853 .quick-add-modal__content .media-gallery--grid .media-gallery__grid { 14854 grid-template-columns: 1fr; 14855 } 14856 14857 .quick-add-modal__content .media-gallery--grid.media-gallery--two-column .product-media-container:first-child { 14858 grid-column: auto; 14859 } 14860 14861 .quick-add-modal__content { 14862 /* One column */ 14863 .media-gallery--grid:not(.media-gallery--two-column) .product-media > *, 14864 /* Two column, small first image */ 14865 .media-gallery--grid.media-gallery--two-column:not(.media-gallery--large-first-image) 14866 .product-media-container:nth-of-type(odd) 14867 .product-media > *, 14868 /* Two column, large first image */ 14869 .media-gallery--grid.media-gallery--two-column.media-gallery--large-first-image 14870 .product-media-container:is(:first-of-type, :nth-of-type(even)) 14871 .product-media > *, 14872 /* Carousel */ 14873 .media-gallery--carousel slideshow-container { 14874 border-top-left-radius: 0; 14875 border-bottom-left-radius: 0; 14876 } 14877 } 14878 14879 .quick-add-modal__content .view-more-details__wrapper { 14880 display: flex; 14881 justify-content: flex-start; 14882 width: 100%; 14883 } 14884 14885 .view-more-details__wrapper .view-more-details { 14886 display: flex; 14887 align-items: center; 14888 width: fit-content; 14889 } 14890 14891 .quick-add-modal__content .product-header { 14892 @media screen and (max-width: 750px) { 14893 display: flex; 14894 flex-direction: column; 14895 grid-column: 2 / -1; 14896 grid-row: 1; 14897 padding-right: var(--padding-2xl); 14898 } 14899 } 14900 14901 .quick-add-modal__content .product-header a:not(product-price *) { 14902 @media screen and (max-width: 749px) { 14903 font-size: var(--font-size--md); 14904 font-weight: 500; 14905 color: inherit; 14906 width: fit-content; 14907 } 14908 } 14909 14910 .quick-add-modal__content variant-picker, 14911 .quick-add-modal__content product-form-component { 14912 @media screen and (max-width: 750px) { 14913 grid-column: 1 / -1; 14914 } 14915 } 14916 14917 .quick-add-modal__content .variant-picker__form { 14918 display: block; 14919 } 14920 14921 .quick-add-modal__content fieldset { 14922 margin-top: var(--padding-lg); 14923 } 14924 14925 .quick-add-modal__content .product-media-container__zoom-button { 14926 cursor: default; 14927 } 14928 14929 .quick-add-modal__content .product-details { 14930 grid-column: 4 / -1; 14931 grid-row: 1 / span 2; 14932 display: flex; 14933 flex-direction: column; 14934 height: 100%; 14935 min-height: 0; 14936 14937 dialog[open] & { 14938 animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both; 14939 animation-delay: 0.1s; 14940 } 14941 14942 @media screen and (max-width: 750px) { 14943 grid-column: 2 / span 2;
14944 grid-row: span 1; 14945 overflow-y: auto; 14946 max-height: 100%; 14947 height: 100%; 14948 } 14949 } 14950 14951 .quick-add-modal__content > * { 14952 min-height: 0; 14953 } 14954 14955 .quick-add-modal__content .product-details :is(.view-product-title, .buy-buttons-block) { 14956 flex: 0 0 auto; 14957 } 14958 14959 .quick-add-modal__content .product-details .variant-picker { 14960 --product-swatches-padding-block-end: 0px; 14961 flex: 1 1 auto; 14962 overflow-y: auto; 14963 min-height: 0; 14964 padding-block-end: calc( 14965 var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width) 14966 ); 14967 } 14968 14969 .quick-add-modal__content .variant-option--swatches { 14970 padding-inline-start: var(--padding-2xs); 14971 } 14972 14973 .quick-add-modal__content .variant-option--swatches legend { 14974 margin-inline-start: calc(-1 * var(--padding-2xs)); 14975 } 14976 14977 .quick-add-modal__content:not(:has(.product-information__media)) .product-details { 14978 grid-column: 1 / -1; 14979 } 14980 14981 .quick-add-modal__content .view-product-title { 14982 padding: 0; 14983 } 14984 14985 .quick-add-modal__content .view-product-title a { 14986 color: inherit; 14987 text-decoration: none; 14988 text-align: left; 14989 font-size: var(--font-size--2xl); 14990 font-weight: 600; 14991 line-height: 1.2; 14992 display: -webkit-box; 14993 -webkit-box-orient: vertical; 14994 -webkit-line-clamp: 2; 14995 overflow: hidden; 14996 text-overflow: ellipsis; 14997 transition: color 0.2s var(--animation-easing); 14998 } 14999 15000 .quick-add-modal__content .view-product-title { 15001 display: flex; 15002 } 15003 15004 .quick-add-modal__content 15005 .product-details 15006 *:not( 15007 .group-block, 15008 .group-block-content, 15009 .buy-buttons-block, 15010 .buy-buttons-block *, 15011 .view-product-title, 15012 .view-product-title *, 15013 variant-picker, 15014 variant-picker *, 15015 product-price, 15016 product-price *, 15017 product-inventory, 15018 product-inventory *, 15019 .view-more-details__wrapper, 15020 .view-more-details__wrapper * 15021 ) { 15022 @media screen and (min-width: 750px) { 15023 display: none !important; 15024 } 15025 } 15026 15027 .quick-add-modal__content 15028 .group-block:not( 15029 :has( 15030 .buy-buttons-block, 15031 .buy-buttons-block *, 15032 .view-product-title, 15033 .view-product-title *, 15034 variant-picker, 15035 variant-picker *, 15036 product-price, 15037 product-price *, 15038 product-inventory, 15039 product-inventory *, 15040 .view-more-details__wrapper, 15041 .view-more-details__wrapper * 15042 ), 15043 .buy-buttons-block 15044 ) { 15045 display: none; 15046 } 15047 15048 @media screen and (min-width: 750px) { 15049 .quick-add-modal__content .group-block-content { 15050 gap: min(var(--gap-2xl), var(--gap)); 15051 } 15052 15053 .quick-add-modal__content .media-gallery__grid { 15054 gap: min(var(--gap-2xs), var(--image-gap)); 15055 border-radius: var(--style-border-radius-popover, 0); 15056 } 15057 15058 .quick-add-modal__content .media-gallery--grid .product-media img { 15059 border-radius: 0; 15060 } 15061 15062 .quick-add-modal__content .media-gallery--grid .product-media-container:first-child { 15063 border-top-right-radius: var(--style-border-radius-popover, 0); 15064 } 15065 15066 .quick-add-modal__content .media-gallery--grid .product-media-container:last-child { 15067 border-bottom-right-radius: var(--style-border-radius-popover, 0); 15068 } 15069 } 15070 15071 .quick-add-modal__content .product-details > .group-block { 15072 padding: var(--padding-2xl); 15073 max-height: 100%; 15074 } 15075 15076 .quick-add-modal__content slideshow-slide:not([aria-hidden='false']) { 15077 content-visibility: auto; 15078 } 15079 15080 .quick-add-modal__content .product-information__media { 15081 width: 100%; 15082 grid-column: 1 / span 1; 15083 grid-row: 1; 15084 position: relative; 15085 top: 0; 15086 animation: fadeIn 0.4s var(--animation-timing-fade-in) both; 15087 15088 @media screen and (min-width: 750px) { 15089 position: sticky; 15090 grid-column: 1 / 4; 15091 overflow-y: auto; 15092 -ms-overflow-style: none; 15093 scrollbar-width: none; 15094 } 15095 15096 &::-webkit-scrollbar {
15097 display: none; 15098 } 15099 } 15100 15101 .quick-add-modal__content .product-information__media media-gallery { 15102 pointer-events: none; 15103 15104 @media screen and (min-width: 750px) { 15105 position: absolute; 15106 inset: 0; 15107 } 15108 } 15109 15110 .quick-add-modal media-gallery { 15111 padding: 0; 15112 } 15113 15114 .quick-add-modal__content .product-information__media slideshow-arrows { 15115 display: none; 15116 } 15117 15118 .quick-add-modal__content .product-information__media slideshow-container { 15119 display: block; 15120 } 15121 15122 .quick-add-modal__content .product-information__media slideshow-slides { 15123 display: flex; 15124 flex-direction: column; 15125 gap: var(--gap-2xs); 15126 overflow: visible; 15127 scroll-snap-type: none; 15128 } 15129 15130 .quick-add-modal__content .product-information__media slideshow-slide { 15131 width: 100%; 15132 flex: none; 15133 scroll-snap-align: unset; 15134 position: relative; 15135 transform: none; 15136 opacity: 1; 15137 visibility: visible; 15138 transition: opacity 0.3s var(--animation-easing); 15139 } 15140 15141 .quick-add-modal__content .product-information__media slideshow-slide[aria-hidden='true'] { 15142 @media screen and (max-width: 750px) { 15143 display: none; 15144 } 15145 } 15146 15147 .quick-add-modal__content .product-information__media slideshow-slide:nth-child(1) { 15148 animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both; 15149 } 15150 15151 .quick-add-modal__content .product-information__media slideshow-slide:nth-child(2) { 15152 animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both; 15153 animation-delay: 0.05s; 15154 } 15155 15156 .quick-add-modal__content .product-information__media slideshow-slide:nth-child(3) { 15157 animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both; 15158 animation-delay: 0.1s; 15159 } 15160 15161 .quick-add-modal__content .product-information__media slideshow-controls { 15162 display: none; 15163 } 15164 15165 .quick-add-modal__content .sticky-content, 15166 .quick-add-modal__content .sticky-content--desktop { 15167 top: 0; 15168 } 15169 15170 .quick-add-modal__content .text-block.rte:not(product-price), 15171 .quick-add-modal__content .view-more-details__wrapper { 15172 display: none; 15173 } 15174 15175 @keyframes fadeSlideIn { 15176 from { 15177 opacity: 0; 15178 transform: translateY(10px); 15179 } 15180 15181 to { 15182 opacity: 1; 15183 transform: translateY(0); 15184 } 15185 } 15186</style> 15187 15188
15189<script> 15190(function() { 15191 // Add passive event listeners for scroll-related events 15192 var supportsPassive = false; 15193 try { 15194 var opts = Object.defineProperty({}, 'passive', { 15195 get: function() { supportsPassive = true; return true; } 15196 }); 15197 window.addEventListener('testPassive', null, opts); 15198 window.removeEventListener('testPassive', null, opts); 15199 } catch (e) {} 15200 15201 // Override addEventListener for touch/wheel events to be passive by default 15202 var originalAddEventListener = EventTarget.prototype.addEventListener; 15203 EventTarget.prototype.addEventListener = function(type, listener, options) { 15204 var passiveEvents = ['touchstart', 'touchmove', 'wheel', 'mousewheel']; 15205 var usePassive = passiveEvents.indexOf(type) !== -1; 15206 15207 if (usePassive && supportsPassive) { 15208 if (typeof options === 'boolean') { 15209 options = { capture: options, passive: true }; 15210 } else if (typeof options === 'object' && options.passive === undefined) { 15211 options = Object.assign({}, options, { passive: true }); 15212 } else if (options === undefined) { 15213 options = { passive: true }; 15214 } 15215 } 15216 15217 return originalAddEventListener.call(this, type, listener, options); 15218 }; 15219})(); 15220</script>
15220<script> 15221(function() { 15222 // Reduce image quality on slow connections 15223 if ('connection' in navigator) { 15224 var connection = navigator.connection; 15225 if (connection.saveData || connection.effectiveType === 'slow-2g' || connection.effectiveType === '2g') { 15226 document.documentElement.classList.add('reduce-data'); 15227 } 15228 15229 connection.addEventListener('change', function() { 15230 if (connection.saveData || connection.effectiveType === 'slow-2g' || connection.effectiveType === '2g') { 15231 document.documentElement.classList.add('reduce-data'); 15232 } else { 15233 document.documentElement.classList.remove('reduce-data'); 15234 } 15235 }); 15236 } 15237})(); 15238</script>
15238<script> 15239window.lazyLoadComponent = function(selector, callback) { 15240 var elements = document.querySelectorAll(selector); 15241 if (!elements.length) return; 15242 15243 if ('IntersectionObserver' in window) { 15244 var observer = new IntersectionObserver(function(entries, obs) { 15245 entries.forEach(function(entry) { 15246 if (entry.isIntersecting) { 15247 callback(entry.target); 15248 obs.unobserve(entry.target); 15249 } 15250 }); 15251 }, { rootMargin: '100px' }); 15252 15253 elements.forEach(function(el) { observer.observe(el); }); 15254 } else { 15255 // Fallback: load all immediately 15256 elements.forEach(callback); 15257 } 15258}; 15259</script>
15259<script> 15260window.throttledScroll = (function() { 15261 var callbacks = []; 15262 var ticking = false; 15263 15264 window.addEventListener('scroll', function() { 15265 if (!ticking) { 15266 requestAnimationFrame(function() { 15267 callbacks.forEach(function(cb) { cb(); }); 15268 ticking = false; 15269 }); 15270 ticking = true; 15271 } 15272 }, { passive: true }); 15273 15274 return function(callback) { 15275 callbacks.push(callback); 15276 }; 15277})(); 15278</script>
15278 15279 15280 15281
15281<script src="//prolonlife.com/cdn/shop/t/119/assets/menu.js?v=114624139526717134521765196545" defer></script>
15281 15282 <!-- Begin: Northbeam pixel -->
15283<script type="text/plain" data-consentmo="marketing" >(function () { var r; (e = r = r || {}).A = "identify", e.B = "trackPageView", e.C = "fireEmailCaptureEvent", e.D = "fireCustomGoal", e.E = "firePurchaseEvent"; var e = "//j.northbeam.io/ota-sp/03c59ac8-6ebd-4a7c-96e7-2275aba6a245.js"; function t(e) { for (var n = [], r = 1; r < arguments.length; r++)n[r - 1] = arguments[r]; a.push({ fnName: e, args: n }) } var a = [], n = ((n = { _q: a })[r.A] = function (e, n) { return t(r.A, e, n) }, n[r.B] = function () { return t(r.B) }, n[r.C] = function (e, n) { return t(r.C, e, n) }, n[r.D] = function (e, n) { return t(r.D, e, n) }, n[r.E] = function (e) { return t(r.E, e) }, window.Northbeam = n, document.createElement("script")); n.async = !0, n.src = e, document.head.appendChild(n); })()</script>
15283 15284<!-- End: Northbeam pixel --><!-- Engage-X / FatMedia Code Begin -->
15285<script type="text/plain" data-consentmo="marketing" id="engagex-general"> 15286(function () { 15287 function getDPI() { 15288 var d = document.createElement('div'); 15289 d.style.width = '1in'; 15290 d.style.height = '1in'; 15291 d.style.position = 'absolute'; 15292 d.style.top = '-100%'; 15293 document.body.appendChild(d); 15294 var dpi = d.offsetWidth; 15295 document.body.removeChild(d); 15296 return dpi; 15297 } 15298 var q = [ 15299 'referer=' + encodeURIComponent(document.referrer || ''), 15300 'location=' + encodeURIComponent(window.location.href), 15301 'sw=' + screen.width, 15302 'sh=' + screen.height, 15303 'dpi=' + getDPI() 15304 ].join('&'); 15305 15306 var s = document.createElement('script'); 15307 s.async = true; 15308 s.src = 'https://dv.engage-x.io/dv/v/688b2509d91e37924451401f/js?' + q; 15309 document.body.appendChild(s); 15310})(); 15311</script>
15311 15312<!-- Engage-X / FatMedia Code End -->
15312<script type="text/plain" data-consentmo="marketing"> 15313 var ciads_settings = { rtSiteId: 58369 , rtUuId: 'f8bb6cc0-41e2-4a06-bc85-56c00058bc51' }; 15314 </script>
vendor: 1 bytes, line 15314
15314
15315<script type="text/plain" data-consentmo="marketing" data-src="https://media-cdn.ipredictive.com/js/cirt_v2.min.js"></script>
15315<script type="text/plain" data-consentmo="marketing"> 15316 (function (w, d, t, r, u) { 15317 var f, n, i; 15318 w[u] = w[u] || [], f = function () { 15319 var o = { ti: "15123981", enableAutoSpaTracking: true }; 15320 o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") 15321 }, 15322 n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function () { 15323 var s = this.readyState; 15324 s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) 15325 }, 15326 i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) 15327 }) 15328 (window, document, "script", "//bat.bing.com/bat.js", "uetq"); 15329</script>
15329<script type="text/plain" data-consentmo="marketing"> 15330 // Spotify Ads 15331 (function (w, d) { 15332 var id = 'spdt-capture', n = 'script'; 15333 if (!d.getElementById(id)) { 15334 w.spdt = 15335 w.spdt || 15336 function () { 15337 (w.spdt.q = w.spdt.q || []).push(arguments); 15338 }; 15339 var e = d.createElement(n); e.id = id; e.async = 1; 15340 e.src = 'https://pixel.byspotify.com/ping.min.js'; 15341 var s = d.getElementsByTagName(n)[0]; 15342 s.parentNode.insertBefore(e, s); 15343 } 15344 w.spdt('conf', { key: '6bebdb372a924acfb214f3cea2f992be' }); 15345 // Dynamically populate alias from session data 15346 w.spdt('alias', { id: '' }); 15347 w.spdt('view'); 15348 })(window, document); 15349 </script>
15349<script type="text/plain" data-consentmo="marketing">var ordnumber = Math.random() * 10000000000000; var sscUrl = ("https:" == document.location.protocol ? "https://" : "http://") + "trkn.us/pixel/conv/ppt=23190;g=page_views;gid=55571;ord=" + ordnumber + ";cv1=;v=120"; var x = document.createElement("IMG"); x.setAttribute("src", sscUrl); x.setAttribute("width", "1"); x.setAttribute("height", "1"); x.setAttribute("alt", ""); document.body.appendChild(x);</script>
15349<!-- Proxima Pixel Dataset Code --> 15350
15350<script type="text/plain" data-consentmo="marketing">
vendor: 453 bytes, lines 15350-15359
15350 15351 !function(f,b,e,v,n,t,s) 15352 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 15353 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 15354 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 15355 n.queue=[];t=b.createElement(e);t.async=!0; 15356 t.src=v;s=b.getElementsByTagName(e)[0]; 15357 s.parentNode.insertBefore(t,s)}(window, document,'script', 15358 'https://connect.facebook.net/en_US/fbevents.js'); 15359 fbq('init', '
153592045327279250761
vendor: 40 bytes, lines 15359-15361
15359'); 15360 fbq('track', 'PageView'); 15361
15361</script>
15361<!-- End Proxima Dataset Code -->
15361<script type="text/plain" data-consentmo="marketing" data-src="https://js.adsrvr.org/up_loader.1.1.0.js"></script>
15361 15362
15363<script> 15364 (function() { 15365 var loaded = false; 15366 function loadDeferredTrackers() { 15367 if (loaded) return; 15368 loaded = true;// AddShoppers / Minty onsite 15369 var script = document.createElement('script'); 15370 script.id = 'minty-onsite-script'; 15371 script.src = 'https://cdn.addshoppers.com/minty/shopify-onsite/executeminty.js'; 15372 script.async = true; 15373 script.defer = true; 15374 document.head.appendChild(script); 15375 } 15376 15377 ['scroll', 'touchstart', 'mousemove', 'keydown'].forEach(function(evt) { 15378 document.addEventListener(evt, loadDeferredTrackers, { once: true, passive: true }); 15379 }); 15380 if ('requestIdleCallback' in window) { 15381 requestIdleCallback(loadDeferredTrackers, { timeout: 5000 }); 15382 } else { 15383 setTimeout(loadDeferredTrackers, 5000); 15384 } 15385 })(); 15386</script>
15386 15387 15388 15389 15390<style> 15391 @view-transition { 15392 navigation: auto; 15393} 15394 15395</style> 15396
15396<script> 15397 window.gladlyConfig = { appId: 'l-nutra.com' }; 15398 (function () { 15399 var loaded = false; 15400 function loadGladly() { 15401 if (loaded) return; 15402 loaded = true; 15403 !function(c,n,r,t){if(!c[r]){var i,d,p=[];d="PROD"!==t&&t?"STAGING"===t?"https://cdn.gladly.qa/gladly/chat-sdk/widget.js":t:"https://cdn.gladly.com/chat-sdk/widget.js",c[r]={init:function(){i=arguments;var e={then:function(t){return p.push({type:"t",next:t}),e},catch:function(t){return p.push({type:"c",next:t}),e}};return e}},c.__onHelpAppHostReady__=function(t){if(delete c.__onHelpAppHostReady__,(c[r]=t).loaderCdn=d,i)for(var e=t.init.apply(t,i),n=0;n<p.length;n++){var a=p[n];e="t"===a.type?e.then(a.next):e.catch(a.next)}},function(){try{var t=n.getElementsByTagName("script")[0],e=n.createElement("script");e.async=!0,e.src=d+"?q="+(new Date).getTime(),t.parentNode.insertBefore(e,t)}catch(t){}}()}}(window,document,'Gladly','PROD'); 15404 } 15405 function schedule() { 15406 if ('requestIdleCallback' in window) { 15407 requestIdleCallback(loadGladly, { timeout: 5000 }); 15408 } else { 15409 setTimeout(loadGladly, 3000); 15410 } 15411 } 15412 ['mousemove', 'touchstart', 'scroll', 'keydown'].forEach(function (evt) { 15413 window.addEventListener(evt, loadGladly, { once: true, passive: true }); 15414 }); 15415 if (document.readyState === 'complete') { 15416 schedule(); 15417 } else { 15418 window.addEventListener('load', schedule, { once: true }); 15419 } 15420 })(); 15421 </script>
15421 15422
15422<script type="text/plain" data-consentmo="functionality"> 15423 (function () { 15424 var loaded = false; 15425 function loadAudioEye() { 15426 if (loaded) return; 15427 loaded = true; 15428 window.__AudioEyeSiteHash = "2ad8e5d69daaac6d7556832147e91d5c"; 15429 var a = document.createElement("script"); 15430 a.src = "https://wsmcdn.audioeye.com/aem.js"; 15431 a.async = true; 15432 document.body.appendChild(a); 15433 } 15434 window.__loadAudioEye = loadAudioEye; 15435 ['keydown', 'focusin', 'touchstart', 'pointerdown', 'mousemove', 'wheel', 'scroll'] 15436 .forEach(function (ev) { 15437 addEventListener(ev, loadAudioEye, { once: true, passive: true, capture: true }); 15438 }); 15439 })(); 15440 </script>
15440 15441 15442 15443 <!-- TrustBox script -->
15443<script type="text/plain" data-consentmo="functionality" data-src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
15443 15444<!-- End TrustBox script --> 15445 15446<div class="relative z-[100000] custom-section-popup"> 15447 15448</div> 15449<style>.accessibly-btn-small, .accessibly-btn-small:after { 15450 height: 60px; 15451 width: 60px; 15452} 15453 15454#accessibility-widget svg { 15455 height: 50px!important; 15456} 15457[data-x-handle="prolon-2-free-resets"] .announcement-bar { 15458 display: none; 15459} 15460 15461[data-x-handle="prolon-fast-special"] #alert-border-1, 15462[data-x-handle="prolon-flash-sale"] #alert-border-1, 15463[data-x-handle="prolon-fast-special"] .timer-bar-section, 15464[data-x-handle="prolon-flash-sale"] .timer-bar-section 15465{ 15466 display: none; 15467} 15468</style> 15469 15470
15471<script> 15472 // Helper to wait for jQuery when it loads with defer 15473 function waitForJQuery(callback) { 15474 if (typeof window.jQuery !== 'undefined') { 15475 callback(window.jQuery); 15476 } else { 15477 document.addEventListener('DOMContentLoaded', function checkJQuery() { 15478 if (typeof window.jQuery !== 'undefined') { 15479 callback(window.jQuery); 15480 } else { 15481 setTimeout(checkJQuery, 50); 15482 } 15483 }); 15484 } 15485 } 15486 15487 waitForJQuery(function($) { 15488 $(document).ready(function(){ 15489 15490 function getParameterByName(name, url = window.location.href) { 15491 name = name.replace(/[\[\]]/g, '\\$&'); 15492 var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), 15493 results = regex.exec(url); 15494 if (!results) return null; 15495 if (!results[2]) return ''; 15496 return decodeURIComponent(results[2].replace(/\+/g, ' ')); 15497} 15498 15499 if(location.href.includes('/provider')){ 15500 Cookies.set("discount_code", null); 15501 } 15502 15503 let HCPCODE= getParameterByName('hcp'); 15504 if(HCPCODE){ 15505 Cookies.set("provider_code", HCPCODE, { expires: 7 }); 15506 Cookies.set("discount_code", HCPCODE);//this is for Stripe Checkout 15507 window.discountCode = HCPCODE; 15508 } 15509 15510 15511 }); 15512 }); 15513</script>
15513 15514
15515<script type="text/plain" data-consentmo="analytics"> 15516 (function (c, l, a, r, i) { 15517 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; 15518 function injectClarity() { 15519 var t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; 15520 var y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 15521 } 15522 function schedule() { 15523 if ('requestIdleCallback' in c) { c.requestIdleCallback(injectClarity, { timeout: 5000 }); } 15524 else { setTimeout(injectClarity, 2000); } 15525 } 15526 if (l.readyState === 'complete') { schedule(); } 15527 else { c.addEventListener('load', schedule, { once: true }); } 15528 })(window, document, "clarity", "script", "jd7qeqswzm"); 15529 </script>
15529<script type="text/plain" data-consentmo="analytics"> 15530 15531window.doLeadforPodscribe=(product)=>{ 15532 15533 window.podscribe?.('addtocart', { 15534 product 15535 }); 15536 15537}; 15538 15539(function (w, d) { 15540 var id = 'podscribe-capture', 15541 n = 'script'; 15542 var e = d.createElement(n); 15543 e.id = id; 15544 e.async = true; 15545 e.src = 'https://d34r8q7sht0t9k.cloudfront.net/tag.js'; 15546 var s = d.getElementsByTagName(n)[0]; 15547 s.parentNode.insertBefore(e, s); 15548 e.addEventListener('load', function() { 15549 w.podscribe('init', { user_id: '574d66fb-1a31-43ec-bd16-a28cd84d396c', advertiser: 'lnutra' }); 15550 15551 }) 15552 })(window, document); 15553 </script>
15553 15554 15555 15556
15557<script src="//prolonlife.com/cdn/shop/t/119/assets/offer-bar.js?v=139482872609027215461788426799" type="module"></script>
15557 15558 <!-- Usage --> 15559 15560 15561 15562 <div id="shopify-block-AeS9rTDN6cVdaMFpLc__8186395454278447088" class="shopify-block shopify-app-block"><div id="loop-referral-banner-container-id" class="loop-referral-banner-container loop-display-none"></div> 15563
15564<script type="text/javascript"> 15565 window.loopReferralBannerConfig = { 15566 isCustomerLoggedIn: false, 15567 }; 15568</script>
15568 15569
15570<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0d8b6-f291-73de-98a0-4aae380b88d4/loop-subscriptions-274/assets/loop_referral_banner.js" defer></script>
15570 15571 15572 15573</div><div id="shopify-block-AbmR4ZVhWZXJvS2NJQ__2786716548061469553" class="shopify-block shopify-app-block"> 15574
15575<script> 15576</script>
15576 15577 15578 </div><div id="shopify-block-AT1pnWUYzUGJtdW0wc__14242664425379999558" class="shopify-block shopify-app-block">
15578<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0d8b6-f291-73de-98a0-4aae380b88d4/loop-subscriptions-274/assets/referral_capture.js" defer></script>
15578 15579 15580</div><div id="shopify-block-ANThZazMwNGNyV05Va__18020446634262408591" class="shopify-block shopify-app-block"> 15581 <!-- BEGIN app snippet: storelocator-embed --> 15582<div id="locator-app-embed"> 15583 <!-- Spinner Loading --> 15584 <div id='scasl-loading-spinner' class='scasl-loading-overlay'> 15585 <div class='scasl-spinner-container'> 15586 <div class='scasl-spinner'></div> 15587 </div> 15588 </div> 15589 <div id='scasl-app-container' class="new-for-mobile"> 15590<div class="bh-sl-container scasl-container" > 15591 <div id="page-header"> 15592 <div class="bh-sl-title">Find Our Store</div> 15593 </div> 15594 15595 <div class="bh-sl-form-container"> 15596 <div id="scasl-tab-radius"> 15597 <form id="bh-sl-user-location" class="scasl-distance" method="post" action="#"> 15598 <div class="form-input"> 15599 <label for="bh-sl-address">Current Location</label> 15600 <div class="scasl-address-wrap"> 15601 <input type="text" id="bh-sl-address" name="bh-sl-address" /> 15602 15603 <a href="#" title="Find My Location" aria-label="Find My Location" id="scapl-geocode-btn" style="background-color: none !important"> 15604 <img width="15" height="15" src="https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.location-find-location.png" alt="Find My Location Icon" title="Find My Location Icon" > 15605 </a> 15606 <button id="scapl-geocode-btn" type="button">Find My Location</button> 15607 15608 </div> 15609 </div> 15610 15611 <div class="scasl-see-more-content"> 15612 <div class="form-input"> 15613 <label for="scasl-radius-container">Search Radius</label> 15614 <select id="scasl-radius-container" name="bh-sl-maxdistance"> 15615 </select> 15616 </div> 15617 15618 <div class="form-input"> 15619 <label for="scasl-lengthUnit">Search Radius Measurement</label> 15620 <select id="scasl-lengthUnit" name="scasl-lengthUnit"> 15621 <option value="km">Kilometer</option> 15622 <option value="m">Mile</option> 15623 </select> 15624 </div> 15625 15626 <div class="bh-sl-filters-container scasl-tag"> 15627 <label for="scasl-tag-list-container">Tags</label> 15628 <ul id="scasl-tag-list-container" class="bh-sl-filters scasl-tag-list"> 15629 </ul> 15630 </div> 15631 </div> 15632 15633 15634 <a class="scasl-see-more" title="Show more search options" aria-label="Show more search options" >More »</a> 15635 <a class="scasl-see-less" title="Show fewer search options" aria-label="Show fewer search options" >Less «</a> 15636 15637 15638 <div class="scasl-search-btn"> 15639 <button id="bh-sl-submit" type="submit">Search</button> 15640 </div> 15641 </form> 15642 <div class="spinner"> 15643 <div class="double-bounce1"></div> 15644 <div class="double-bounce2"></div> 15645 </div> 15646 </div> 15647 </div> 15648 15649 <ul id="scasl-tabs"> 15650 <li class="scasl-tab-list active">List</li> 15651 <li class="scasl-tab-map">Map</li> 15652 </ul> 15653 15654 <div id="bh-sl-map-container" class="bh-sl-map-container scasl-map-container"> 15655 <div class="bh-sl-loc-list scasl-location-list"> 15656 <ul class="list"></ul> 15657 </div> 15658 <div id="bh-sl-map" class="bh-sl-map scasl-map"></div> 15659 </div> 15660 15661</div> 15662</div> 15663</div> 15664<div style='clear:both !important;'></div>
15665<script src="//cdn.roseperl.com/storelocator-prod/assets/js/infobubble.min.js" async></script>
vendor: 1 bytes, line 15665
15665
15666<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handlebars.min.js" async></script>
vendor: 1 bytes, line 15666
15666
15667<script> 15668if("undefined"==typeof Handlebars&&"function"==typeof define&&define.amd){var scasl_tempamd=define.amd;define.amd=void 0;var scasl_fileref=document.createElement("script");scasl_fileref.setAttribute("type","text/javascript"),scasl_fileref.setAttribute("src","https://cdn.jsdelivr.net/npm/[email protected]/dist/handlebars.min.js"),document.getElementsByTagName("head")[0].appendChild(scasl_fileref),setTimeout(function(){define.amd=scasl_tempamd},1e3)} 15669</script>
15669 15670 15671
15672<script src="https://cdnjs.cloudflare.com/ajax/libs/js-marker-clusterer/1.0.0/markerclusterer.js" async></script>
15672 15673 15674 15675 15676<link rel="stylesheet" type="text/css" href='https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.storelocator.css' />
15677<script id="scasl-infowindow-template" type="text"> 15678 15679{{#location}} 15680<div id="scasl-window-container" class="scasl-info-window"> 15681 <div class="scasl-info-location" {{#if store_image}} style="width:50%" {{/if}}> 15682 <div {{#unless accessibility}}id="scasl-title"{{/unless}} class="scasl-title scasl-field" >{{name}}</div> 15683 <div id="scasl-description" class="scasl-field"><p>{{{description}}}</p></div> 15684 <div id="scasl-address" class="scasl-field"><a class="scasl-content" href="https://maps.google.com/maps?saddr={{origin}}&daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank" title="Directions to {{address}}" aria-label="Directions to {{address}}">{{address}}</a></div> 15685 <div id="scasl-address2" class="scasl-field">{{address2}}</div> 15686 {{#if operating_hours}} 15687 <div class="scasl-operating-hour scasl-field"> 15688 <div class="minimize-oh-wrapper"> 15689 <div class="scasl-content-wrapper"> 15690 <span class="main-oh-status" style="color: {{oh_color}} !important">{{oh_main_status}}</span> 15691 <span class="end-oh-status">{{oh_end_status}}</span> 15692 </div> 15693 </div> 15694 </div> 15695 {{/if}} 15696 15697 <div class="scasl-national-wrapper">{{#if city}}<span id="scasl-city" class="scasl-field">{{city}}</span> {{/if}}{{#if state}}<span id="scasl-state" class="scasl-field">{{state}}</span> {{/if}}{{#if postal}}<span id="scasl-zipcode" class="scasl-field">{{postal}}</span> {{/if}}{{#if country}} <span id="scasl-country" class="scasl-field">{{country}}</span>{{/if}}</div> 15698 {{#if phone}}<div id="scasl-phone" class="scasl-field"><span id="scasl-phone-label">Phone:</span> <a href="tel:{{phone}}" title="Call {{phone}}" aria-label="Call {{phone}}">{{phone}}</a> </div>{{/if}} 15699 {{#if fax}}<div id="scasl-fax" class="scasl-field"><span id="scasl-fax-label">Fax:</span><span class="scasl-content">{{fax}}</span></div>{{/if}} 15700 {{#if email}}<div id="scasl-email" class="scasl-field"><span id="scasl-email-label">Email:</span> <a href="mailto:{{email}}" title="Email {{email}}" aria-label="Email {{email}}">{{email}}</a> </div>{{/if}} 15701 {{#if schedule}}<div id="scasl-schedule" class="scasl-field"><div class="scasl-content-wrapper"><span id="scasl-schedule-label">Message:</span><span class="scasl-content">{{{schedule}}}</span></div></div>{{/if}} 15702 {{#each cfields}} 15703 <div id="scasl-extra"> 15704 <span>{{key}}</span>:<span>{{{value}}}</span> 15705 </div> 15706 {{/each}} 15707 <div id="scasl-tags" class="scasl-field"> 15708 {{#each tags}} 15709 <span class="scasl-tags">{{tag}}</span> 15710 {{/each}} 15711 </div> 15712 {{#if web}} 15713 <div id="scasl-web" class="scasl-field"><a href="{{web}}" target="_blank" title="{{web}}" aria-label="{{web}}" >{{#if webdisplay}}{{webdisplay}}{{else}}{{niceURL web}}{{/if}}</a></div> 15714 {{/if}} 15715 {{#if distance}} 15716 <div id="scasl-distance" class="scasl-field">{{distance}} {{length}}</div> 15717 <div id="scasl-direction" class="scasl-field"><a href="https://maps.google.com/maps?saddr={{origin}}&daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank" title="Directions to {{address}}" aria-label="Directions to {{address}}" >Directions</a></div> 15718 {{/if}} 15719 </div> 15720 15721 {{#if store_image}} 15722 <div {{#unless accessibility}}id="scasl-store_image"{{/unless}} class="scasl-store_image scasl-info-image scasl-field"> 15723 <img src="{{store_image}}" alt="{{name}} Store Image" title="{{name}} Store Image" /> 15724 </div> 15725 {{/if}} 15726</div> 15727{{/location}} 15728 15729</script>
15729 15730
15731<script id="scasl-list-template" type="text"> 15732 15733{{#location}} 15734<li {{#unless accessibility}}id="scasl-list-container"{{/unless}} class="scasl-list-container" data-markerid="{{markerid}}"{{#if accessibility}} role="button" tabindex="0"{{/if}}> 15735 <div class="list-details scasl-list-details" {{#if store_image}} style="width:100%" {{/if}}> 15736 <div class="image-title-group"> 15737 {{#if store_image}} 15738 <div {{#unless accessibility}}id="scasl-store_image"{{/unless}} class="scasl-store_image scasl-info-image scasl-field"> 15739 <img src="{{store_image}}" alt="{{name}} Store Image" title="{{name}} Store Image" /> 15740 </div> 15741 {{/if}} 15742 <div class="scasl-info-location" {{#if store_image}} style="width:100%" {{/if}}> 15743 <div {{#unless accessibility}}id="scasl-title"{{/unless}} class="scasl-title scasl-field" >{{name}}</div> 15744 <div id="scasl-address" class="scasl-field"><span class="scasl-content">{{address}}</span></div> 15745 <div id="scasl-address2" class="scasl-field" style="padding-left: 0px">{{address2}}</div> 15746 <div class="scasl-national-wrapper" style="padding-left: 0px">{{#if city}}<span id="scasl-city" class="scasl-field">{{city}}</span> {{/if}}{{#if state}}<span id="scasl-state" class="scasl-field">{{state}}</span> {{/if}}{{#if postal}}<span id="scasl-zipcode" class="scasl-field">{{postal}}</span> {{/if}}{{#if country}} <span id="scasl-country" class="scasl-field">{{country}}</span>{{/if}}</div> 15747 <div id="scasl-description" class="scasl-field" style="padding-left: 0px"><p>{{{description}}}</p></div> 15748 </div> 15749 </div> 15750 <div class="list-content direction-share-link"> 15751 </div> 15752 15753 <div style="display: flex; flex-wrap: wrap; gap: 8px;"> 15754 {{#if phone}} 15755 <div> 15756 <div id="scasl-phone" class="scasl-field"> 15757 <span id="scasl-phone-label">Phone Number</span> 15758 </div> 15759 <a href="tel:{{phone}}" id="scasl-phone" class="scasl-field" title="Call {{phone}}" aria-label="Call {{phone}}">{{phone}}</a> 15760 </div> 15761 {{/if}} 15762 {{#if fax}} 15763 <div> 15764 <div id="scasl-fax" class="scasl-field"> 15765 <span id="scasl-fax-label">Fax:</span> 15766 </div> 15767 <span id="scasl-fax" class="scasl-content scasl-field">{{fax}}</span> 15768 </div> 15769 {{/if}} 15770 {{#if email}} 15771 <div> 15772 <div id="scasl-email" class="scasl-field"> 15773 <span id="scasl-email-label">Email</span> 15774 </div> 15775 <a href="mailto:{{email}}" id="scasl-email" class="scasl-field" title="Email {{email}}" aria-label="Email {{email}}">{{email}}</a> 15776 </div> 15777 15778 {{/if}} 15779 {{#if schedule}} 15780 <div> 15781 <div id="scasl-schedule" class="scasl-field"> 15782 <div class="scasl-content-wrapper"> 15783 <span id="scasl-schedule-label">Store Message</span> 15784 </div> 15785 <span class="scasl-content">{{{schedule}}}</span> 15786 </div> 15787 </div> 15788 {{/if}} 15789 {{#each cfields}} 15790 <div id="scasl-extra"> 15791 <span>{{key}}</span>:<span>{{{value}}}</span> 15792 </div> 15793 {{/each}} 15794 {{#if tags.length}} 15795 <div id="scasl-tags" class="scasl-field"> 15796 <span id="scasl-tags">Tag</span> 15797 {{#each tags}} 15798 <span class="scasl-tags">{{tag}}</span> 15799 {{/each}} 15800 </div> 15801 {{/if}} 15802 {{#if distance}} 15803 <div> 15804 <div id="scasl-distance" class="scasl-field"> 15805 <span id="scasl-distance-label">Distance</span> 15806 <div id="scasl-distance">{{distance}} {{length}}</div> 15807 </div> 15808 <div id="scasl-direction" class="scasl-field">
15808<a href="https://maps.google.com/maps?saddr={{origin}}&daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank" title="Directions to {{address}}" aria-label="Directions to {{address}}" >Directions</a></div> 15809 </div> 15810 15811 {{/if}} 15812 {{#if web}} 15813 <div> 15814 <div id="scasl-web" class="scasl-field"> 15815 <span id="scasl-web-label">Website</span> 15816 </div> 15817 <a href="{{web}}" target="_blank" id="scasl-web" class="scasl-field" title="{{web}}" aria-label="{{web}}">{{#if webdisplay}}{{webdisplay}}{{else}}{{niceURL web}}{{/if}}</a> 15818 </div> 15819 {{/if}} 15820 15821 </div> 15822 15823 {{#if operating_hours}} 15824 <hr style="margin: 1rem 0;"> 15825 <div class="scasl-operating-hour scasl-field"> 15826 <div class="scasl-operating-hours-icon"> 15827 <span id="scasl-operating-hours-label">Operating Hours</span> 15828 </div> 15829 <div class="minimize-oh-wrapper"> 15830 <div class="scasl-content-wrapper"> 15831 <span class="main-oh-status" style="color: {{oh_color}} !important">{{oh_main_status}}</span> 15832 <span class="end-oh-status">{{oh_end_status}}</span> 15833 <img src="{{ oh_arrow_down }}" title="Arrow Down Icon" alt="Arrow Down Icon"> 15834 </div> 15835 </div> 15836 15837 15838 15839 <div class="maximize-oh-wrapper"> 15840 <div class="maximize-oh-status"> 15841 <span class="expand-oh-status" style="color: {{oh_color}} !important">{{oh_expand_content}}</span> 15842 <img src="{{ oh_arrow_up }}" title="Arrow Up Icon" alt="Arrow Up Icon"> 15843 </div> 15844 <table> 15845 {{#each oh_data}} 15846 <tr> 15847 <td rowspan={{rowspan}} class="{{data1.class}}">{{ name }}{{#if reason}}<br>{{reason}}{{/if}}</td> 15848 <td class="{{data1.class}}">{{data1.content}}{{#if data1.timeDiffer}}<br><span class="time-different" style="color: #dd860e !important;">Hours might differ</span>{{/if}}{{#if data1.currentTimezoneText}}<br>{{data1.currentTimezoneText}}{{/if}}</td> 15849 </tr> 15850 {{#leftData}} 15851 <tr> 15852 <td class="{{class}}">{{content}}{{#if timeDiffer}}<br><span class="time-different" style="color: #dd860e !important;">Hours might differ</span>{{/if}}{{#if currentTimezoneText}}<br>{{currentTimezoneText}}{{/if}}</td> 15853 </tr> 15854 {{/leftData}} 15855 {{/each}} 15856 </table> 15857 </div> 15858 </div> 15859 {{/if}} 15860 15861</li> 15862{{/location}} 15863 15864</script>
15864 15865 15866<label id="scasl-viewmap-btn-template" type="text"> 15867 15868 <button class="scasl-view-map-btn">View Map</button> 15869 15870</label> 15871 15872 15873 15874 15875 15876 15877<!-- END app snippet --> 15878 15879
15879<script> 15880 var originMarkerImg = "https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.location-origin-marker.png"; 15881 var loadingImage = "https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.location-loading.png"; 15882 var arrowDownImg = "https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.location-arrow-down.png"; 15883 var arrowUpImg = "https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/sca.location-arrow-up.png"; 15884 var isLocatorAppEmbed = true; 15885 </script>
15885 15886 15887 15888 15889</div>
15889<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15889 15890</body> 15891</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.