1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head>
6<script data-source-attribution="shopify.event_observer.bootstrap"> 7(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//www.healthfab.in/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`43444895903`)))})(); 8//# sourceURL=event-observer-collector.js 9</script>
9 10<!-- Start CustomFit.ai Intelligent Code --> 11 <!-- DONOT EDIT (including the outer comments) --> 12
12<script type="text/javascript" id="customfitpreinit" data-cfasync="false"> 13 !(function (t, e, i, s) { 14 var n = e.getElementById('customfitpreinit'); 15 if (n) { 16 n.insertAdjacentHTML( 17 'beforebegin', 18 '<style type="text/css">.customfit-invisible-preinit-block{opacity:0 !important}</style>' 19 ); 20 var c = document.querySelector('html'); 21 (c.className = c.className + ' customfit-invisible-preinit-block'), 22 setTimeout(function () { 23 c.className = c.className.replace(/customfit-invisible-preinit-block/g, ''); 24 }, 5e3); 25 } 26 })(window, document); 27 </script>
27 28 <link 29 rel="preload" 30 href="https://healthfabindia.myshopify.com/cdn/shop/files/cf-js-sdk-min.js?v=1788432465" 31 as="script" 32 > 33
33<script 34 async 35 id="customfitinit" 36 src="https://healthfabindia.myshopify.com/cdn/shop/files/cf-js-sdk-min.js?v=1788432465" 37 onerror='!function(e,t,i,s){var c=t.getElementsByTagName("script")[0],o=t.createElement("script");o.id="customfitinit",o.setAttribute("crossorigin","*"),o.async=!0,o.src="https://sdk.customfit.ai/d476bef0-7f4c-11f1-acd0-97d5189fcde8/cf-js-sdk-min.js",o.type="text/javascript",c.parentNode.insertBefore(o,c),o.onerror=function(){var e=t.getElementById("customfit-invisible-preinit-block");e&&e.parentNode.removeChild(e)}}(window,document);' 38 ></script>
38 39 <link rel="preconnect" href="https://api.customfit.ai" crossorigin /> 40 <!-- End CustomFit.ai Intelligent Code --><link rel="icon" type="image/png" sizes="32x32" href="//www.healthfab.in/cdn/shop/files/Favicon_Main.png?crop=center&height=32&v=1779483960&width=32"> 41 <link rel="icon" type="image/png" sizes="16x16" href="//www.healthfab.in/cdn/shop/files/Favicon_Main.png?crop=center&height=16&v=1779483960&width=16"> 42 <link rel="apple-touch-icon" sizes="180x180" href="//www.healthfab.in/cdn/shop/files/Favicon_Main.png?crop=center&height=180&v=1779483960&width=180"> 43 <link rel="mask-icon" href="//www.healthfab.in/cdn/shop/files/Favicon_Main.png?crop=center&height=512&v=1779483960&width=512" color="#0C2B82"> 44 45<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 46<link rel="preconnect" href="https://connect.facebook.net" crossorigin> 47<link rel="preconnect" href="https://www.clarity.ms" crossorigin><link rel="preconnect" href="https://cdn.razorpay.com" crossorigin><link rel="dns-prefetch" href="https://cdn.judge.me"> 48<meta charset="utf-8"> 49<meta 50 http-equiv="X-UA-Compatible" 51 content="IE=edge" 52> 53<meta 54 name="viewport" 55 content="width=device-width,initial-scale=1" 56><meta 57 name="theme-color" 58 content="#0C2B82" 59> 60 61<meta 62 property="og:site_name" 63 content="Healthfab" 64> 65<meta 66 property="og:url" 67 content="https://www.healthfab.in/pages/all-blogs" 68> 69<meta 70 property="og:title" 71 content="Women's Health, Wellness & Period Care Blog" 72> 73<meta 74 property="og:type" 75 content="website" 76> 77<meta 78 property="og:description" 79 content="Read articles on women's health, menstrual care, period hygiene, wellness, lifestyle, and intimate health. Tips, guides, and educational content from HealthFab" 80><meta 81 property="og:image" 82 content="https://www.healthfab.in/cdn/shop/files/healthfab_gopadfree_leakproof_reusable_period_underwear_for_women.jpg?v=1773149535" 83 > 84 <meta 85 property="og:image:secure_url" 86 content="https://www.healthfab.in/cdn/shop/files/healthfab_gopadfree_leakproof_reusable_period_underwear_for_women.jpg?v=1773149535" 87 > 88 <meta 89 property="og:image:width" 90 content="1200" 91 > 92 <meta 93 property="og:image:height" 94 content="628" 95 ><meta 96 name="twitter:card" 97 content="summary_large_image" 98> 99<meta 100 name="twitter:title" 101 content="Women's Health, Wellness & Period Care Blog" 102> 103<meta 104 name="twitter:description" 105 content="Read articles on women's health, menstrual care, period hygiene, wellness, lifestyle, and intimate health. Tips, guides, and educational content from HealthFab" 106><meta 107 name="twitter:image" 108 content="https://www.healthfab.in/cdn/shop/files/healthfab_gopadfree_leakproof_reusable_period_underwear_for_women.jpg?v=1773149535" 109 ><title>Women's Health, Wellness & Period Care Blog – Healthfab</title> 110 111<link 112 rel="canonical" 113 href="https://www.healthfab.in/pages/all-blogs" 114><meta 115 name="description" 116 content="Read articles on women's health, menstrual care, period hygiene, wellness, lifestyle, and intimate health. Tips, guides, and educational content from HealthFab" 117 >
117<script type="application/ld+json"> 118{ 119 "@context": "https://schema.org", 120 "@type": "WebSite", 121 "name": "Healthfab", 122 "url": "https:\/\/www.healthfab.in", 123 "potentialAction": { 124 "@type": "SearchAction", 125 "target": { 126 "@type": "EntryPoint", 127 "urlTemplate": "https://www.healthfab.in/search?q={search_term_string}" 128 }, 129 "query-input": "required name=search_term_string" 130 } 131} 132</script>
132<script type="application/ld+json"> 133{ 134 "@context": "https://schema.org", 135 "@type": "Organization", 136 "name": "Healthfab", 137 "url": "https:\/\/www.healthfab.in","logo": "https://www.healthfab.in/cdn/shop/files/Favicon_Main.png?v=1779483960&width=512","description": "Switch to GoPadFree â BIS-certified period panty. 6x absorbency, rash-free, reusable. Shop now \u0026 save up to 41%. Shark Tank Featured.", 138 "sameAs": [ 139 "https://www.instagram.com/healthfab.in/", 140 "https://www.facebook.com/healthfab.in/", 141 "https://www.youtube.com/@HealthFab", 142 "https://twitter.com/healthfab_in" 143 ], 144 "brand": { 145 "@type": "Brand", 146 "name": "GoPadFree", 147 "description": "BIS-certified reusable period panties by Healthfab" 148 }, 149 "contactPoint": { 150 "@type": "ContactPoint", 151 "contactType": "customer service", 152 "url": "https://www.healthfab.in/pages/contact-us", 153 "availableLanguage": ["English", "Hindi"] 154 } 155} 156</script>
156 157<link href="//www.healthfab.in/cdn/shop/t/387/assets/overflow-list.css?v=101911674359793798601786129702" as="style" rel="preload"> 158<link href="//www.healthfab.in/cdn/shop/t/387/assets/base.css?v=145115903134965096051790599365" rel="stylesheet" type="text/css" media="all" /> 159<link href="//www.healthfab.in/cdn/shop/t/387/assets/swiper-bundle.min.css?v=40941526115586390001786129701" rel="stylesheet" type="text/css" media="all" /> 160<link href="//www.healthfab.in/cdn/shop/t/387/assets/pdp-blocks.css?v=146774566512950644611787253146" rel="stylesheet" type="text/css" media="all" /> 161<style data-shopify> 162 :root { 163 --feature-pill-icon-text-gap: 4px; 164 --feature-pill-gap: 10px; 165 --feature-pill-padding-block: 6px; 166 --feature-pill-font-size: 12px; 167 --feature-pill-section-spacing: 0px; 168 --sticky-atc-badge-mobile-background: #3a519b; 169 } 170 171 @media screen and (max-width: 749px) { 172 :root { 173 --feature-pill-icon-text-gap: 4px; 174 --feature-pill-gap: 10px; 175 --feature-pill-padding-block: 5px; 176 --feature-pill-font-size: 12px; 177 --feature-pill-section-spacing: 0px; 178 } 179 } 180</style> 181<style data-shopify> 182 @view-transition { 183 navigation: none; 184 } 185 </style> 186 187<link 188 rel="preload" 189 as="font" 190 href="//www.healthfab.in/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" 191 type="font/woff2" 192 crossorigin 193 fetchpriority="low" 194 ><link 195 rel="preload" 196 as="font" 197 href="//www.healthfab.in/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" 198 type="font/woff2" 199 crossorigin 200 fetchpriority="low" 201 ><link 202 rel="preload" 203 as="font" 204 href="//www.healthfab.in/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 205 type="font/woff2" 206 crossorigin 207 fetchpriority="low" 208 ><link 209 rel="preload" 210 as="font" 211 href="//www.healthfab.in/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 212 type="font/woff2" 213 crossorigin 214 fetchpriority="low" 215 > 216<style> 217@font-face { 218 font-family: 'Agency-heading'; 219 src: url("https://cdn.shopify.com/s/files/1/0434/4489/5903/files/agency_heading.otf?v=1767010477"); 220 font-display: swap; 221 font-weight: 400; 222} 223@font-face { 224 font-family: 'Montserrat-regular'; 225 src: url("https://cdn.shopify.com/s/files/1/0434/4489/5903/files/Montserrat-Regular-new.ttf?v=1767763204"); 226 font-display: swap; 227 font-weight: 400; 228} 229@font-face { 230 font-family: 'Montserrat-medium'; 231 src: url("https://cdn.shopify.com/s/files/1/0434/4489/5903/files/Montserrat-Medium.ttf?v=1764241543"); 232 font-display: swap; 233 font-weight: 500; 234} 235@font-face { 236 font-family: 'Montserrat-semibold'; 237 src: url("https://cdn.shopify.com/s/files/1/0434/4489/5903/files/Montserrat-SemiBold.ttf?v=1764241512"); 238 font-display: swap; 239 font-weight: 600; 240} 241@font-face { 242 font-family: 'Montserrat-bold'; 243 src: url("https://cdn.shopify.com/s/files/1/0434/4489/5903/files/Montserrat-Bold.ttf?v=1764241463"); 244 font-display: swap; 245 font-weight: 700; 246} 247</style>
247<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 247
247
248<script type="importmap"> 249 { 250 "imports": { 251 "@theme/overflow-list": "//www.healthfab.in/cdn/shop/t/387/assets/overflow-list.js?v=46858356770684902511786129703", 252 "@theme/product-title": "//www.healthfab.in/cdn/shop/t/387/assets/product-title-truncation.js?v=81744426891537421781786129703", 253 "@theme/component": "//www.healthfab.in/cdn/shop/t/387/assets/component.js?v=184240237101443119871786129703", 254 "@theme/dialog": "//www.healthfab.in/cdn/shop/t/387/assets/dialog.js?v=28012085583758479651787172138", 255 "@theme/events": "//www.healthfab.in/cdn/shop/t/387/assets/events.js?v=156716949273602363421787172139", 256 "@theme/focus": "//www.healthfab.in/cdn/shop/t/387/assets/focus.js?v=60436577539430446401786129701", 257 "@theme/morph": "//www.healthfab.in/cdn/shop/t/387/assets/morph.js?v=35457747882330740861786129702", 258 "@theme/paginated-list": "//www.healthfab.in/cdn/shop/t/387/assets/paginated-list.js?v=95298315036233333871786129703", 259 "@theme/performance": "//www.healthfab.in/cdn/shop/t/387/assets/performance.js?v=171015751390534793081786129701", 260 "@theme/product-form": "//www.healthfab.in/cdn/shop/t/387/assets/product-form.js?v=66505065389412238961787172139", 261 "@theme/recently-viewed-products": "//www.healthfab.in/cdn/shop/t/387/assets/recently-viewed-products.js?v=94729125001750262651786129702", 262 "@theme/scrolling": "//www.healthfab.in/cdn/shop/t/387/assets/scrolling.js?v=118005526288211533611786129703", 263 "@theme/section-renderer": "//www.healthfab.in/cdn/shop/t/387/assets/section-renderer.js?v=117273408521114569061786129705", 264 "@theme/section-hydration": "//www.healthfab.in/cdn/shop/t/387/assets/section-hydration.js?v=177651605160027701221786129704", 265 "@theme/utilities": "//www.healthfab.in/cdn/shop/t/387/assets/utilities.js?v=19601961896376797871786129703", 266 "@theme/variant-picker": "//www.healthfab.in/cdn/shop/t/387/assets/variant-picker.js?v=163485905671150913161787172141", 267 "@theme/media-gallery": "//www.healthfab.in/cdn/shop/t/387/assets/media-gallery.js?v=134816768018938283871790257900", 268 "@theme/quick-add": "//www.healthfab.in/cdn/shop/t/387/assets/quick-add.js?v=103309709248440446401790243464", 269 "@theme/paginated-list-aspect-ratio": "//www.healthfab.in/cdn/shop/t/387/assets/paginated-list-aspect-ratio.js?v=25254270272143792451786129703", 270 "@theme/popover-polyfill": "//www.healthfab.in/cdn/shop/t/387/assets/popover-polyfill.js?v=119029313658895111201786129702", 271 "@theme/component-quantity-selector": "//www.healthfab.in/cdn/shop/t/387/assets/component-quantity-selector.js?v=67906657287482036641786129703", 272 "@theme/comparison-slider": "//www.healthfab.in/cdn/shop/t/387/assets/comparison-slider.js?v=106705562947035711941786129702", 273 "@theme/sticky-add-to-cart": "//www.healthfab.in/cdn/shop/t/387/assets/sticky-add-to-cart.js?v=123523910973644059651790245030", 274 "@theme/fly-to-cart": "//www.healthfab.in/cdn/shop/t/387/assets/fly-to-cart.js?v=129971753673458693881786129701" 275 } 276 } 277</script>
277 278 279 280 281
281<script> 282 window.sizeGuideMeasurements = {"2XS": { 283 hip: { in: [23, 27], cm: [60, 69] }, 284 waist: { in: [19, 23], cm: [50, 59] } 285 },"XS": { 286 hip: { in: [27, 31], cm: [70, 79] }, 287 waist: { in: [23, 27], cm: [60, 69] } 288 },"S": { 289 hip: { in: [31, 35], cm: [80, 89] }, 290 waist: { in: [27, 31], cm: [70, 79] } 291 },"M": { 292 hip: { in: [35, 38], cm: [90, 97] }, 293 waist: { in: [31, 34], cm: [80, 88] } 294 },"L": { 295 hip: { in: [38, 41], cm: [98, 104] }, 296 waist: { in: [34, 37], cm: [89, 94] } 297 },"XL": { 298 hip: { in: [41, 44], cm: [105, 112] }, 299 waist: { in: [37, 40], cm: [95, 102] } 300 },"2XL": { 301 hip: { in: [44, 47], cm: [113, 119] }, 302 waist: { in: [40, 43], cm: [103, 109] } 303 },"3XL": { 304 hip: { in: [47, 52], cm: [120, 134] }, 305 waist: { in: [43, 46], cm: [110, 118] } 306 },"4XL": { 307 hip: { in: [50, 57], cm: [132, 146] }, 308 waist: { in: [46, 51], cm: [119, 128] } 309 }}; 310 window.sizeGuideMeasurementsOrder = ["2XS","XS","S","M","L","XL","2XL","3XL","4XL"]; 311 </script>
311 312 313
314<script 315 src="//www.healthfab.in/cdn/shop/t/387/assets/view-transitions.js?v=118327728822266260251786129700" 316 async 317 318></script>
318 319 320<link 321 rel="modulepreload" 322 href="//www.healthfab.in/cdn/shop/t/387/assets/utilities.js?v=19601961896376797871786129703" 323 fetchpriority="low" 324> 325<link 326 rel="modulepreload" 327 href="//www.healthfab.in/cdn/shop/t/387/assets/component.js?v=184240237101443119871786129703" 328 fetchpriority="low" 329> 330<link 331 rel="modulepreload" 332 href="//www.healthfab.in/cdn/shop/t/387/assets/section-renderer.js?v=117273408521114569061786129705" 333 fetchpriority="low" 334> 335<link 336 rel="modulepreload" 337 href="//www.healthfab.in/cdn/shop/t/387/assets/section-hydration.js?v=177651605160027701221786129704" 338 fetchpriority="low" 339> 340<link 341 rel="modulepreload" 342 href="//www.healthfab.in/cdn/shop/t/387/assets/morph.js?v=35457747882330740861786129702" 343 fetchpriority="low" 344> 345 346 347 348<link 349 rel="modulepreload" 350 href="//www.healthfab.in/cdn/shop/t/387/assets/focus.js?v=60436577539430446401786129701" 351 fetchpriority="low" 352> 353<link 354 rel="modulepreload" 355 href="//www.healthfab.in/cdn/shop/t/387/assets/recently-viewed-products.js?v=94729125001750262651786129702" 356 fetchpriority="low" 357> 358<link 359 rel="modulepreload" 360 href="//www.healthfab.in/cdn/shop/t/387/assets/scrolling.js?v=118005526288211533611786129703" 361 fetchpriority="low" 362> 363<link 364 rel="modulepreload" 365 href="//www.healthfab.in/cdn/shop/t/387/assets/events.js?v=156716949273602363421787172139" 366 fetchpriority="low" 367>
368<script 369 src="//www.healthfab.in/cdn/shop/t/387/assets/popover-polyfill.js?v=119029313658895111201786129702" 370 type="module" 371 fetchpriority="low" 372></script>
vendor: 1 bytes, line 372
372
373<script 374 src="//www.healthfab.in/cdn/shop/t/387/assets/overflow-list.js?v=46858356770684902511786129703" 375 type="module" 376 fetchpriority="low" 377></script>
vendor: 1 bytes, line 377
377
378<script 379 src="//www.healthfab.in/cdn/shop/t/387/assets/quick-add.js?v=103309709248440446401790243464" 380 type="module" 381 fetchpriority="low" 382></script>
382 383 384
384<script 385 src="//www.healthfab.in/cdn/shop/t/387/assets/cart-discount.js?v=95104709600158788781787172136" 386 type="module" 387 fetchpriority="low" 388 ></script>
388 389 390 391 392 393 394 395 396 397
397<script 398 src="//www.healthfab.in/cdn/shop/t/387/assets/cart-milestone-rewards.js?v=139222708797335065761789569834" 399 type="module" 400 fetchpriority="low" 401 ></script>
401 402 403
404<script 405 src="//www.healthfab.in/cdn/shop/t/387/assets/dialog.js?v=28012085583758479651787172138" 406 type="module" 407 fetchpriority="low" 408></script>
vendor: 1 bytes, line 408
408
409<script 410 src="//www.healthfab.in/cdn/shop/t/387/assets/variant-picker.js?v=163485905671150913161787172141" 411 type="module" 412 fetchpriority="low" 413></script>
vendor: 1 bytes, line 413
413
414<script 415 src="//www.healthfab.in/cdn/shop/t/387/assets/product-card.js?v=124402285637860180781786129703" 416 type="module" 417 fetchpriority="low" 418></script>
vendor: 1 bytes, line 418
418
419<script 420 src="//www.healthfab.in/cdn/shop/t/387/assets/product-form.js?v=66505065389412238961787172139" 421 type="module" 422 fetchpriority="low" 423></script>
vendor: 1 bytes, line 423
423
424<script 425 src="//www.healthfab.in/cdn/shop/t/387/assets/fly-to-cart.js?v=129971753673458693881786129701" 426 type="module" 427 fetchpriority="low" 428></script>
vendor: 1 bytes, line 428
428
429<script 430 src="//www.healthfab.in/cdn/shop/t/387/assets/accordion-custom.js?v=99000499017714805851786129701" 431 type="module" 432 fetchpriority="low" 433></script>
vendor: 1 bytes, line 433
433
434<script 435 src="//www.healthfab.in/cdn/shop/t/387/assets/disclosure-custom.js?v=168050880623268140331786129701" 436 type="module" 437 fetchpriority="low" 438></script>
vendor: 1 bytes, line 438
438
439<script 440 src="//www.healthfab.in/cdn/shop/t/387/assets/media.js?v=114045647685439654411790257900" 441 type="module" 442 fetchpriority="low" 443></script>
vendor: 1 bytes, line 443
443
444<script 445 src="//www.healthfab.in/cdn/shop/t/387/assets/product-price.js?v=94986101666032679171786129702" 446 type="module" 447 fetchpriority="low" 448></script>
vendor: 1 bytes, line 448
448
449<script 450 src="//www.healthfab.in/cdn/shop/t/387/assets/product-sku.js?v=121804655373531320511786129703" 451 type="module" 452 fetchpriority="low" 453></script>
vendor: 1 bytes, line 453
453
454<script 455 src="//www.healthfab.in/cdn/shop/t/387/assets/product-title-truncation.js?v=81744426891537421781786129703" 456 type="module" 457 fetchpriority="low" 458></script>
vendor: 1 bytes, line 458
458
459<script 460 src="//www.healthfab.in/cdn/shop/t/387/assets/product-inventory.js?v=16343734458933704981786129701" 461 type="module" 462 fetchpriority="low" 463></script>
vendor: 1 bytes, line 463
463
464<script 465 src="//www.healthfab.in/cdn/shop/t/387/assets/show-more.js?v=94563802205717136101786129705" 466 type="module" 467 fetchpriority="low" 468></script>
vendor: 1 bytes, line 468
468
469<script 470 src="//www.healthfab.in/cdn/shop/t/387/assets/slideshow.js?v=93252805394401096441790599365" 471 type="module" 472 fetchpriority="low" 473></script>
vendor: 1 bytes, line 473
473
474<script 475 src="//www.healthfab.in/cdn/shop/t/387/assets/layered-slideshow.js?v=30135417790894624731786129703" 476 type="module" 477 fetchpriority="low" 478></script>
vendor: 1 bytes, line 478
478
479<script 480 src="//www.healthfab.in/cdn/shop/t/387/assets/anchored-popover.js?v=95953304814728754461786129701" 481 type="module" 482 fetchpriority="low" 483></script>
vendor: 1 bytes, line 483
483
484<script 485 src="//www.healthfab.in/cdn/shop/t/387/assets/floating-panel.js?v=128677600744947036551786129704" 486 type="module" 487 fetchpriority="low" 488></script>
vendor: 1 bytes, line 488
488
489<script 490 src="//www.healthfab.in/cdn/shop/t/387/assets/video-background.js?v=25237992823806706551786129704" 491 type="module" 492 fetchpriority="low" 493></script>
vendor: 1 bytes, line 493
493
494<script 495 src="//www.healthfab.in/cdn/shop/t/387/assets/component-quantity-selector.js?v=67906657287482036641786129703" 496 type="module" 497 fetchpriority="low" 498></script>
vendor: 1 bytes, line 498
498
499<script 500 src="//www.healthfab.in/cdn/shop/t/387/assets/media-gallery.js?v=134816768018938283871790257900" 501 type="module" 502 fetchpriority="low" 503></script>
vendor: 1 bytes, line 503
503
504<script 505 src="//www.healthfab.in/cdn/shop/t/387/assets/rte-formatter.js?v=101420294193111439321786129703" 506 type="module" 507 fetchpriority="low" 508></script>
vendor: 1 bytes, line 508
508
509<script 510 src="//www.healthfab.in/cdn/shop/t/387/assets/volume-pricing.js?v=15442793518842484731786129701" 511 type="module" 512 fetchpriority="low" 513></script>
vendor: 1 bytes, line 513
513
514<script 515 src="//www.healthfab.in/cdn/shop/t/387/assets/price-per-item.js?v=144512917617120124431786129703" 516 type="module" 517 fetchpriority="low" 518></script>
vendor: 1 bytes, line 518
518
519<script 520 src="//www.healthfab.in/cdn/shop/t/387/assets/volume-pricing-info.js?v=94479640769665442661786129701" 521 type="module" 522 fetchpriority="low" 523></script>
523 524 525 526
526<script 527 src="//www.healthfab.in/cdn/shop/t/387/assets/localization.js?v=15585934801240115691786129704" 528 type="module" 529 fetchpriority="low" 530 ></script>
530 531 532 533 534 535 536 537
538<script 539 src="//www.healthfab.in/cdn/shop/t/387/assets/auto-close-details.js?v=58350291535404441581786129702" 540 defer="defer" 541></script>
541 542 543 544 545 546 547 548 549 550
551<script> 552 const Theme = { 553 translations: { 554 placeholder_image: `Placeholder image`, 555 added: `Added`, 556 recipient_form_fields_visible: `Recipient form fields are now visible`, 557 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 558 recipient_form_error: `There was an error with the form submission`, 559 items_added_to_cart_one: `1 item added to cart`, 560 items_added_to_cart_other: `{{ count }} items added to cart`, 561 }, 562 routes: { 563 cart_add_url: '/cart/add.js', 564 cart_change_url: '/cart/change', 565 cart_update_url: '/cart/update', 566 cart_url: '/cart', 567 predictive_search_url: '/search/suggest', 568 search_url: '/search', 569 }, 570 template: { 571 name: 'page.hf-blog-hub', 572 }, 573 }; 574</script>
574 575
576<script src="//www.healthfab.in/cdn/shop/t/387/assets/swiper-bundle.min.js?v=120780874340702571061786129702" defer></script>
576<script> 577 /** 578 * Global developer configuration for video behaviour. 579 * muteButtonEnabled â show/hide the mute overlay button 580 * fadeInDuration â ms to ramp volume when unmuting (0 = instant) 581 * Sourced from Shopify theme settings so merchants can adjust via the Customizer. 582 */ 583 window.ThemeVideoConfig = { 584 muteButtonEnabled: true, 585 fadeInDuration: 500 586 }; 587 </script>
587<style data-shopify> 588@font-face { 589 font-family: Inter; 590 font-weight: 400; 591 font-style: normal; 592 font-display: swap; 593 src: url("//www.healthfab.in/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 594 url("//www.healthfab.in/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 595} 596@font-face { 597 font-family: Inter; 598 font-weight: 700; 599 font-style: normal; 600 font-display: swap; 601 src: url("//www.healthfab.in/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 602 url("//www.healthfab.in/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 603} 604@font-face { 605 font-family: Inter; 606 font-weight: 400; 607 font-style: italic; 608 font-display: swap; 609 src: url("//www.healthfab.in/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 610 url("//www.healthfab.in/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 611} 612@font-face { 613 font-family: Inter; 614 font-weight: 700; 615 font-style: italic; 616 font-display: swap; 617 src: url("//www.healthfab.in/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 618 url("//www.healthfab.in/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 619} 620@font-face { 621 font-family: Inter; 622 font-weight: 500; 623 font-style: normal; 624 font-display: swap; 625 src: url("//www.healthfab.in/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 626 url("//www.healthfab.in/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 627} 628@font-face { 629 font-family: Inter; 630 font-weight: 500; 631 font-style: italic; 632 font-display: swap; 633 src: url("//www.healthfab.in/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 634 url("//www.healthfab.in/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 635} 636 637 638 :root { 639 /* Page Layout */ 640 --sidebar-width: 25rem; 641 --narrow-content-width: 36rem; 642 --normal-content-width: 42rem; 643 --wide-content-width: 46rem; 644 --narrow-page-width: 90rem; 645 --normal-page-width: 120rem; 646 --wide-page-width: 150rem; 647 648 /* Narrow page width responsive overrides */ 649 @media screen and (max-width: 428px) { 650 --narrow-page-width: 24.75rem; /* 396px */ 651 } 652 653 @media screen and (min-width: 1600px) { 654 --narrow-page-width: 90rem; /* 1440px */ 655 } 656 657 /* Section Heights */ 658 --section-height-small: 15rem; 659 --section-height-medium: 25rem; 660 --section-height-large: 35rem; 661 662 @media screen and (min-width: 40em) { 663 --section-height-small: 40svh; 664 --section-height-medium: 55svh; 665 --section-height-large: 70svh; 666 } 667 668 @media screen and (min-width: 60em) { 669 --section-height-small: 50svh; 670 --section-height-medium: 65svh; 671 --section-height-large: 80svh; 672 } 673 674 /* Letter spacing */ 675 --letter-spacing-sm: 0.06em; 676 --letter-spacing-md: 0.13em; 677 678 /* Font families */ 679 --font-body--family: 'Montserrat-regular', sans-serif; 680 --font-body--style: normal; 681 --font-body--weight: 400; 682 --font-subheading--family: 'Montserrat-medium', sans-serif; 683 --font-subheading--style: normal; 684 --font-subheading--weight: 500; 685 --font-heading--family: 'Agency-heading', sans-serif; 686 --font-heading--style: normal; 687 --font-heading--weight: 700; 688 --font-accent--family: Inter, sans-serif; 689 --font-accent--style: normal; 690 --font-accent--weight: 700; 691 692 /* Margin sizes */ 693 --font-h1--spacing: 0.25em; 694 --font-h2--spacing: 0.25em; 695 --font-h3--spacing: 0.25em; 696 --font-h4--spacing: 0.25em; 697 --font-h5--spacing: 0.25em; 698 --font-h6--spacing: 0.25em; 699 --font-paragraph--spacing: 0.5em; 700 701 /* Heading colors */ 702 --font-h1--color: var(--color-foreground-heading); 703 --font-h2--color: var(--color-foreground-heading); 704 --font-h3--color: var(--color-foreground-heading); 705 --font-h4--color: var(--color-foreground-heading); 706 --font-h5--color: var(--color-foreground-heading); 707 --font-h6--color: var(--color-foreground-heading); 708 709 /** Z-Index / Layering */ 710 --layer-section-background: -2; 711 --layer-lowest: -1; 712 --layer-base: 0; 713 --layer-flat: 1; 714 --layer-raised: 2; 715 --layer-heightened: 4; 716 --layer-sticky: 8; 717 --layer-window-overlay: 10; 718 --layer-header-menu: 12; 719 --layer-overlay: 16; 720 --layer-menu-drawer: 18; 721 --layer-temporary: 20; 722 723 /* Max-width / Measure */ 724 --max-width--body-normal: 32.5em; 725 --max-width--body-narrow: 22.75em; 726 727 --max-width--heading-normal: 32.5em; 728 --max-width--heading-narrow: 19.5em; 729 730 --max-width--display-normal: 13em; 731 --max-width--display-narrow: 9.75em; 732 --max-width--display-tight: 3.25em; 733 734 /* Letter-spacing / Tracking */ 735 --letter-spacing--display-tight: -0.03em; 736 --letter-spacing--display-normal: 0em; 737 --letter-spacing--display-loose: 0.03em; 738 739 --letter-spacing--heading-tight: -0.03em; 740 --letter-spacing--heading-normal: 0em; 741 --letter-spacing--heading-loose: 0.03em; 742 743 --letter-spacing--body-tight: -0.03em; 744 --letter-spacing--body-normal: 0em; 745 --letter-spacing--body-loose: 0.03em; 746 747 /* Line height / Leading */ 748 --line-height: 1; 749 750 --line-height--display-tight: 1; 751 --line-height--display-normal: 1.1; 752 --line-height--display-loose: 1.2; 753 754 --line-height--heading-tight: 1.15; 755 --line-height--heading-normal: 1.25; 756 --line-height--heading-loose: 1.35; 757 758 --line-height--body-tight: 1.2; 759 --line-height--body-normal: 1.4; 760 --line-height--body-loose: 1.6; 761 762 /* Typography presets */ 763 --font-size--paragraph: 1.0rem;--font-size--h1: clamp(2.75rem, 5.6vw, 3.5rem);--font-size--h2: 2.5rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.0rem;--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-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-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-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 764 765 /* Hardcoded font sizes */ 766 --font-size--3xs: 0.625rem; 767 --font-size--2xs: 0.75rem; 768 --font-size--xs: 0.8125rem; 769 --font-size--sm: 0.875rem; 770 --font-size--md: 1rem; 771 --font-size--lg: 1.125rem; 772 --font-size--xl: 1.25rem; 773 --font-size--2xl: 1.5rem; 774 --font-size--3xl: 2rem; 775 --font-size--4xl: 2.5rem; 776 --font-size--5xl: 3rem; 777 --font-size--6xl: 3.5rem; 778 779 /* Menu font sizes */ 780 --menu-font-sm--size: 0.875rem; 781 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 782 --menu-font-md--size: 1rem; 783 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 784 --menu-font-lg--size: 1.125rem; 785 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 786 --menu-font-xl--size: 1.25rem; 787 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 788 --menu-font-2xl--size: 1.75rem; 789 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 790 791 /* Colors */ 792 --color-error: #8B0000; 793 --color-success: #006400; 794 --color-white: #FFFFFF; 795 --color-white-rgb: 255 255 255; 796 --color-black: #000000; 797 --color-instock: #3ED660; 798 --color-lowstock: #EE9441; 799 --color-outofstock: #C8C8C8; 800 801 /* Opacity */ 802 --opacity-5: 0.05; 803 --opacity-8: 0.08; 804 --opacity-10: 0.1; 805 --opacity-15: 0.15; 806 --opacity-20: 0.2;
807 --opacity-25: 0.25; 808 --opacity-30: 0.3; 809 --opacity-40: 0.4; 810 --opacity-50: 0.5; 811 --opacity-60: 0.6; 812 --opacity-70: 0.7; 813 --opacity-80: 0.8; 814 --opacity-85: 0.85; 815 --opacity-90: 0.9; 816 --opacity-subdued-text: var(--opacity-70); 817 818 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 819 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 820 821 /* Spacing */ 822 --margin-3xs: 0.125rem; 823 --margin-2xs: 0.3rem; 824 --margin-xs: 0.5rem; 825 --margin-sm: 0.7rem; 826 --margin-md: 0.8rem; 827 --margin-lg: 1rem; 828 --margin-xl: 1.25rem; 829 --margin-2xl: 1.5rem; 830 --margin-3xl: 1.75rem; 831 --margin-4xl: 2rem; 832 --margin-5xl: 3rem; 833 --margin-6xl: 5rem; 834 835 --scroll-margin: 50px; 836 837 --padding-3xs: 0.125rem; 838 --padding-2xs: 0.25rem; 839 --padding-xs: 0.5rem; 840 --padding-sm: 0.7rem; 841 --padding-md: 0.8rem; 842 --padding-lg: 1rem; 843 --padding-xl: 1.25rem; 844 --padding-2xl: 1.5rem; 845 --padding-3xl: 1.75rem; 846 --padding-4xl: 2rem; 847 --padding-5xl: 3rem; 848 --padding-6xl: 4rem; 849 850 --gap-3xs: 0.125rem; 851 --gap-2xs: 0.3rem; 852 --gap-xs: 0.5rem; 853 --gap-sm: 0.7rem; 854 --gap-md: 0.9rem; 855 --gap-lg: 1rem; 856 --gap-xl: 1.5rem; 857 --gap-2xl: 2rem; 858 --gap-3xl: 3rem; 859 860 --spacing-scale-sm: 0.6; 861 --spacing-scale-md: 0.7; 862 --spacing-scale-default: 1.0; 863 864 /* Checkout buttons gap */ 865 --checkout-button-gap: 10px; 866 867 /* Borders */ 868 --style-border-width: 1px; 869 --style-border-radius-xs: 0.2rem; 870 --style-border-radius-sm: 0.6rem; 871 --style-border-radius-md: 0.8rem; 872 --style-border-radius-50: 50%; 873 --style-border-radius-lg: 1rem; 874 --style-border-radius-pills: 40px; 875 --style-border-radius-inputs: 4px; 876 --style-border-radius-buttons-primary: 14px; 877 --style-border-radius-buttons-secondary: 14px; 878 --style-border-width-primary: 0px; 879 --style-border-width-secondary: 1px; 880 --style-border-width-inputs: 1px; 881 --style-border-radius-popover: 14px; 882 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 883 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 884 --style-border-swatch-opacity: 10%; 885 --style-border-swatch-width: 1px; 886 --style-border-swatch-style: solid; 887 888 /* Animation */ 889 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 890 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 891 --animation-speed-fast: 0.0625s; 892 --animation-speed: 0.125s; 893 --animation-speed-slow: 0.2s; 894 --animation-speed-medium: 0.15s; 895 --animation-easing: ease-in-out; 896 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 897 --drawer-animation-speed: 0.2s; 898 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 899 --animation-values: var(--animation-speed) var(--animation-easing); 900 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 901 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 902 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 903 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 904 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 905 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 906 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 907 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 908 909 /* View transitions */ 910 /* View transition old */ 911 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 912 913 /* View transition new */ 914 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 915 916 /* Focus */ 917 --focus-outline-width: 0.09375rem; 918 --focus-outline-offset: 0.2em; 919 920 /* Badges */ 921 --badge-blob-padding-block: 1px; 922 --badge-blob-padding-inline: 12px 8px; 923 --badge-rectangle-padding-block: 1px; 924 --badge-rectangle-padding-inline: 6px; 925 @media screen and (min-width: 750px) { 926 --badge-blob-padding-block: 4px; 927 --badge-blob-padding-inline: 16px 12px; 928 --badge-rectangle-padding-block: 10px; 929 --badge-rectangle-padding-inline: 21px; 930 } 931 932 /* Icons */ 933 --icon-size-2xs: 0.6rem; 934 --icon-size-xs: 0.8125rem; 935 --icon-size-sm: 1.25rem; 936 --icon-size-md: 1.5rem; 937 --icon-size-lg: 1.5rem; 938 --icon-stroke-width: 1.5px; 939 940 /* Input */ 941 --input-email-min-width: 200px; 942 --input-search-max-width: 650px; 943 --input-padding-y: 0.8rem; 944 --input-padding-x: 0.8rem; 945 --input-padding: var(--input-padding-y) var(--input-padding-x); 946 --input-box-shadow-width: var(--style-border-width-inputs); 947 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 948 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 949 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 950 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 951 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
952 --input-textarea-min-height: 55px; 953 954 /* Button size */ 955 --button-size-sm: 30px; 956 --button-size-md: 36px; 957 --button-size: var(--minimum-touch-target); 958 --button-padding-inline: 24px; 959 --button-padding-block: 16px; 960 961 /* Button font-family */ 962 --button-font-family-primary: var(--font-body--family); 963 --button-font-family-secondary: var(--font-body--family); 964 965 /* Button text case */ 966 --button-text-case: ; 967 --button-text-case-primary: default; 968 --button-text-case-secondary: default; 969 970 /* Borders */ 971 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 972 --border-width-sm: 1px; 973 --border-width-md: 2px; 974 --border-width-lg: 5px; 975 --border-radius-sm: 0.25rem; 976 977 /* Drawers */ 978 --drawer-inline-padding: 25px; 979 --drawer-menu-inline-padding: 2.5rem; 980 --drawer-header-block-padding: 20px; 981 --drawer-content-block-padding: 10px; 982 --drawer-header-desktop-top: 0rem; 983 --drawer-padding: calc(var(--padding-sm) + 7px); 984 --drawer-height: 100dvh; 985 --drawer-width: 100vw; 986 --drawer-max-width: 100%; 987 988 /* Variant Picker Swatches */ 989 --variant-picker-swatch-width-unitless: 34; 990 --variant-picker-swatch-height-unitless: 34; 991 --variant-picker-swatch-width: 34px; 992 --variant-picker-swatch-height: 34px; 993 --variant-picker-swatch-radius: 32px; 994 --variant-picker-border-width: 1px; 995 --variant-picker-border-style: solid; 996 --variant-picker-border-opacity: 10%; 997 998 /* Variant Picker Buttons */ 999 --variant-picker-button-radius: 14px; 1000 --variant-picker-button-border-width: 1px; 1001 1002 /* Slideshow */ 1003 --slideshow-controls-size: 3.5rem; 1004 --slideshow-controls-icon: 2rem; 1005 --peek-next-slide-size: 3rem; 1006 1007 /* Utilities */ 1008 --backdrop-opacity: 0.15; 1009 --backdrop-color-rgb: var(--color-shadow-rgb); 1010 --minimum-touch-target: 44px; 1011 --disabled-opacity: 0.5; 1012 --skeleton-opacity: 0.025; 1013 1014 /* Shapes */ 1015 --shape--circle: circle(50% at center); 1016 --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%); 1017 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 1018 --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
1018% 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%); 1019 1020 /* Buy buttons */ 1021 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 1022 1023 /* Card image width and height variables */ 1024 --card-width-small: 10rem; 1025 1026 --height-small: 10rem; 1027 --height-medium: 11.5rem; 1028 --height-large: 13rem; 1029 --height-full: 100vh; 1030 1031 @media screen and (min-width: 750px) { 1032 --height-small: 17.5rem; 1033 --height-medium: 21.25rem; 1034 --height-large: 25rem; 1035 } 1036 1037 /* Modal */ 1038 --modal-max-height: 65dvh; 1039 1040 /* Card styles for search */ 1041 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 1042 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 1043 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1044 1045 /* Cart */ 1046 --cart-primary-font-family: var(--font-body--family); 1047 --cart-primary-font-style: var(--font-body--style); 1048 --cart-primary-font-weight: var(--font-body--weight); 1049 --cart-secondary-font-family: var(--font-secondary--family); 1050 --cart-secondary-font-style: var(--font-secondary--style); 1051 --cart-secondary-font-weight: var(--font-secondary--weight); 1052 } 1053</style> 1054<style data-shopify> 1055 1056 1057 :root, 1058 1059 1060 1061 .color-scheme-1 { 1062 --color-background: rgb(255 255 255 / 1.0); 1063 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1064 --color-background-rgb: 255 255 255; 1065 --opacity-5-15: 0.05; 1066 --opacity-10-25: 0.1; 1067 --opacity-35-55: 0.35; 1068 --opacity-40-60: 0.4; 1069 --opacity-30-60: 0.3; 1070 --color-foreground: rgb(36 64 143 / 1.0); 1071 --color-foreground-rgb: 36 64 143; 1072 --color-foreground-heading: rgb(12 43 130 / 1.0); 1073 --color-foreground-heading-rgb: 12 43 130; 1074 --color-primary: rgb(255 99 169 / 1.0); 1075 --color-primary-rgb: 255 99 169; 1076 --color-primary-hover: rgb(0 0 0 / 1.0); 1077 --color-primary-hover-rgb: 0 0 0; 1078 --color-border: rgb(0 0 0 / 0.06); 1079 --color-border-rgb: 0 0 0; 1080 --color-shadow: rgb(0 0 0 / 1.0); 1081 --color-shadow-rgb: 0 0 0; 1082 --color-primary-button-text: rgb(255 255 255 / 1.0); 1083 --color-primary-button-background: rgb(12 43 130 / 1.0); 1084 --color-primary-button-border: rgb(0 0 0 / 1.0); 1085 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1086 --color-primary-button-hover-background: rgb(12 43 130 / 1.0); 1087 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1088 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1089 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1090 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1091 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1092 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1093 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1094 --color-input-background: rgb(255 255 255 / 0.78); 1095 --color-input-text: rgb(51 51 51 / 1.0); 1096 --color-input-text-rgb: 51 51 51; 1097 --color-input-border: rgb(223 223 223 / 1.0); 1098 --color-input-hover-background: rgb(0 0 0 / 0.01); 1099 --color-variant-background: rgb(255 255 255 / 1.0); 1100 --color-variant-border: rgb(12 43 130 / 1.0); 1101 --color-variant-text: rgb(12 43 130 / 1.0); 1102 --color-variant-text-rgb: 12 43 130; 1103 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1104 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1105 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1106 --color-selected-variant-background: rgb(12 43 130 / 1.0); 1107 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1108 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1109 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1110 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1111 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1112 1113 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1114 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1115 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1116 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1117 --font-h1--color: var(--color-foreground-heading); 1118 --font-h2--color: var(--color-foreground-heading); 1119 --font-h3--color: var(--color-foreground-heading); 1120 --font-h4--color: var(--color-foreground-heading); 1121 --font-h5--color: var(--color-foreground-heading); 1122 --font-h6--color: var(--color-foreground-heading); 1123 1124 /* Shadows */ 1125 1126 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1127 1128 1129 --shadow-blur: 20px; 1130 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1131 1132 } 1133 1134 1135 1136 1137 .color-scheme-2 {
1138 --color-background: rgb(0 0 0 / 0.0); 1139 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1140 --color-background-rgb: 0 0 0; 1141 --opacity-5-15: 0.15; 1142 --opacity-10-25: 0.25; 1143 --opacity-35-55: 0.55; 1144 --opacity-40-60: 0.6; 1145 --opacity-30-60: 0.6; 1146 --color-foreground: rgb(12 43 130 / 1.0); 1147 --color-foreground-rgb: 12 43 130; 1148 --color-foreground-heading: rgb(12 43 130 / 1.0); 1149 --color-foreground-heading-rgb: 12 43 130; 1150 --color-primary: rgb(0 0 0 / 0.81); 1151 --color-primary-rgb: 0 0 0; 1152 --color-primary-hover: rgb(255 255 255 / 1.0); 1153 --color-primary-hover-rgb: 255 255 255; 1154 --color-border: rgb(223 223 223 / 1.0); 1155 --color-border-rgb: 223 223 223; 1156 --color-shadow: rgb(0 0 0 / 1.0); 1157 --color-shadow-rgb: 0 0 0; 1158 --color-primary-button-text: rgb(255 255 255 / 1.0); 1159 --color-primary-button-background: rgb(12 43 130 / 1.0); 1160 --color-primary-button-border: rgb(12 43 130 / 1.0); 1161 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1162 --color-primary-button-hover-background: rgb(12 43 130 / 1.0); 1163 --color-primary-button-hover-border: rgb(12 43 130 / 1.0); 1164 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1165 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1166 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1167 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1168 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1169 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 1170 --color-input-background: rgb(0 0 0 / 0.0); 1171 --color-input-text: rgb(0 0 0 / 0.53); 1172 --color-input-text-rgb: 0 0 0; 1173 --color-input-border: rgb(0 0 0 / 0.13); 1174 --color-input-hover-background: rgb(255 255 255 / 0.36); 1175 --color-variant-background: rgb(255 255 255 / 1.0); 1176 --color-variant-border: rgb(230 230 230 / 1.0); 1177 --color-variant-text: rgb(0 0 0 / 1.0); 1178 --color-variant-text-rgb: 0 0 0; 1179 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1180 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1181 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1182 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1183 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1184 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1185 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1186 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1187 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1188 1189 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1190 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1191 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1192 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1193 --font-h1--color: var(--color-foreground-heading); 1194 --font-h2--color: var(--color-foreground-heading); 1195 --font-h3--color: var(--color-foreground-heading); 1196 --font-h4--color: var(--color-foreground-heading); 1197 --font-h5--color: var(--color-foreground-heading); 1198 --font-h6--color: var(--color-foreground-heading); 1199 1200 /* Shadows */ 1201 1202 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1203 1204 1205 --shadow-blur: 20px; 1206 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1207 1208 } 1209 1210 1211 1212 1213 .color-scheme-3 { 1214 --color-background: rgb(12 43 130 / 1.0); 1215 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1216 --color-background-rgb: 12 43 130; 1217 --opacity-5-15: 0.15; 1218 --opacity-10-25: 0.25; 1219 --opacity-35-55: 0.55; 1220 --opacity-40-60: 0.6; 1221 --opacity-30-60: 0.6; 1222 --color-foreground: rgb(255 255 255 / 1.0); 1223 --color-foreground-rgb: 255 255 255; 1224 --color-foreground-heading: rgb(255 255 255 / 1.0); 1225 --color-foreground-heading-rgb: 255 255 255; 1226 --color-primary: rgb(0 0 0 / 0.81); 1227 --color-primary-rgb: 0 0 0; 1228 --color-primary-hover: rgb(0 0 0 / 1.0); 1229 --color-primary-hover-rgb: 0 0 0; 1230 --color-border: rgb(0 0 0 / 0.81); 1231 --color-border-rgb: 0 0 0; 1232 --color-shadow: rgb(0 0 0 / 1.0); 1233 --color-shadow-rgb: 0 0 0; 1234 --color-primary-button-text: rgb(255 255 255 / 1.0); 1235 --color-primary-button-background: rgb(0 0 0 / 1.0); 1236 --color-primary-button-border: rgb(0 0 0 / 1.0); 1237 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1238 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1239 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1240 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1241 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1242 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1243 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1244 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1245 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1246 --color-input-background: rgb(0 0 0 / 0.0); 1247 --color-input-text: rgb(0 0 0 / 0.81); 1248 --color-input-text-rgb: 0 0 0; 1249 --color-input-border: rgb(0 0 0 / 0.81); 1250 --color-input-hover-background: rgb(255 255 255 / 0.36); 1251 --color-variant-background: rgb(255 255 255 / 1.0); 1252 --color-variant-border: rgb(230 230 230 / 1.0); 1253 --color-variant-text: rgb(0 0 0 / 1.0); 1254 --color-variant-text-rgb: 0 0 0; 1255 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1256 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1257 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1258 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1259 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1260 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1261 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1262 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1263 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1264 1265 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1266 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1267 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1268 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1269 --font-h1--color: var(--color-foreground-heading); 1270 --font-h2--color: var(--color-foreground-heading); 1271 --font-h3--color: var(--color-foreground-heading); 1272 --font-h4--color: var(--color-foreground-heading); 1273 --font-h5--color: var(--color-foreground-heading); 1274 --font-h6--color: var(--color-foreground-heading); 1275 1276 /* Shadows */ 1277 1278 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1279 1280 1281 --shadow-blur: 20px; 1282 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1283 1284 } 1285 1286 1287 1288 1289 .color-scheme-4 { 1290 --color-background: rgb(12 43 130 / 1.0); 1291 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1292 --color-background-rgb: 12 43 130; 1293 --opacity-5-15: 0.15; 1294 --opacity-10-25: 0.25; 1295 --opacity-35-55: 0.55; 1296 --opacity-40-60: 0.6; 1297 --opacity-30-60: 0.6; 1298 --color-foreground: rgb(255 255 255 / 1.0); 1299 --color-foreground-rgb: 255 255 255; 1300 --color-foreground-heading: rgb(255 255 255 / 1.0); 1301 --color-foreground-heading-rgb: 255 255 255; 1302 --color-primary: rgb(255 255 255 / 1.0); 1303 --color-primary-rgb: 255 255 255; 1304 --color-primary-hover: rgb(0 0 0 / 1.0); 1305 --color-primary-hover-rgb: 0 0 0; 1306 --color-border: rgb(255 255 255 / 1.0); 1307 --color-border-rgb: 255 255 255; 1308 --color-shadow: rgb(255 255 255 / 1.0); 1309 --color-shadow-rgb: 255 255 255; 1310 --color-primary-button-text: rgb(12 43 130 / 1.0); 1311 --color-primary-button-background: rgb(255 255 255 / 1.0); 1312 --color-primary-button-border: rgb(29 54 134 / 1.0); 1313 --color-primary-button-hover-text: rgb(12 43 130 / 1.0); 1314 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1315 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 1316 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1317 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1318 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1319 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1320 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1321 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1322 --color-input-background: rgb(0 0 0 / 0.0); 1323 --color-input-text: rgb(255 255 255 / 1.0); 1324 --color-input-text-rgb: 255 255 255; 1325 --color-input-border: rgb(255 255 255 / 1.0); 1326 --color-input-hover-background: rgb(255 255 255 / 0.36); 1327 --color-variant-background: rgb(255 255 255 / 1.0); 1328 --color-variant-border: rgb(230 230 230 / 1.0); 1329 --color-variant-text: rgb(0 0 0 / 1.0); 1330 --color-variant-text-rgb: 0 0 0; 1331 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1332 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1333 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1334 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1335 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1336 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1337 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1338 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1339 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1340 1341 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1342 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1343 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1344 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1345 --font-h1--color: var(--color-foreground-heading); 1346 --font-h2--color: var(--color-foreground-heading); 1347 --font-h3--color: var(--color-foreground-heading); 1348 --font-h4--color: var(--color-foreground-heading); 1349 --font-h5--color: var(--color-foreground-heading); 1350 --font-h6--color: var(--color-foreground-heading); 1351 1352 /* Shadows */ 1353 1354 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1355 1356 1357 --shadow-blur: 20px; 1358 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1359 1360 } 1361 1362 1363 1364 1365 .color-scheme-5 { 1366 --color-background: rgb(255 255 255 / 1.0); 1367 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1368 --color-background-rgb: 255 255 255; 1369 --opacity-5-15: 0.05; 1370 --opacity-10-25: 0.1; 1371 --opacity-35-55: 0.35; 1372 --opacity-40-60: 0.4; 1373 --opacity-30-60: 0.3; 1374 --color-foreground: rgb(12 43 130 / 1.0); 1375 --color-foreground-rgb: 12 43 130; 1376 --color-foreground-heading: rgb(12 43 130 / 1.0); 1377 --color-foreground-heading-rgb: 12 43 130; 1378 --color-primary: rgb(12 43 130 / 1.0); 1379 --color-primary-rgb: 12 43 130; 1380 --color-primary-hover: rgb(255 255 255 / 0.69); 1381 --color-primary-hover-rgb: 255 255 255; 1382 --color-border: rgb(12 43 130 / 0.1); 1383 --color-border-rgb: 12 43 130; 1384 --color-shadow: rgb(0 0 0 / 1.0); 1385 --color-shadow-rgb: 0 0 0; 1386 --color-primary-button-text: rgb(0 0 0 / 1.0); 1387 --color-primary-button-background: rgb(255 255 255 / 1.0); 1388 --color-primary-button-border: rgb(255 255 255 / 1.0); 1389 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1390 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1391 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1392 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1393 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1394 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1395 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1396 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1397 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1398 --color-input-background: rgb(51 51 51 / 1.0); 1399 --color-input-text: rgb(255 255 255 / 0.93); 1400 --color-input-text-rgb: 255 255 255; 1401 --color-input-border: rgb(255 255 255 / 0.69); 1402 --color-input-hover-background: rgb(255 255 255 / 0.04); 1403 --color-variant-background: rgb(255 255 255 / 1.0); 1404 --color-variant-border: rgb(230 230 230 / 1.0); 1405 --color-variant-text: rgb(0 0 0 / 1.0); 1406 --color-variant-text-rgb: 0 0 0; 1407 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1408 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1409 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1410 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1411 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1412 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1413 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1414 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1415 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1416 1417 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1418 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1419 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1420 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1421 --font-h1--color: var(--color-foreground-heading); 1422 --font-h2--color: var(--color-foreground-heading); 1423 --font-h3--color: var(--color-foreground-heading); 1424 --font-h4--color: var(--color-foreground-heading); 1425 --font-h5--color: var(--color-foreground-heading); 1426 --font-h6--color: var(--color-foreground-heading); 1427 1428 /* Shadows */ 1429 1430 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1431 1432 1433 --shadow-blur: 20px; 1434 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1435 1436 } 1437 1438 1439 1440 1441 .color-scheme-6 { 1442 --color-background: rgb(255 99 169 / 1.0); 1443 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1444 --color-background-rgb: 255 99 169; 1445 --opacity-5-15: 0.05; 1446 --opacity-10-25: 0.1; 1447 --opacity-35-55: 0.35; 1448 --opacity-40-60: 0.4; 1449 --opacity-30-60: 0.3; 1450 --color-foreground: rgb(255 255 255 / 1.0); 1451 --color-foreground-rgb: 255 255 255; 1452 --color-foreground-heading: rgb(255 255 255 / 1.0); 1453 --color-foreground-heading-rgb: 255 255 255; 1454 --color-primary: rgb(255 255 255 / 1.0); 1455 --color-primary-rgb: 255 255 255; 1456 --color-primary-hover: rgb(255 255 255 / 0.69); 1457 --color-primary-hover-rgb: 255 255 255; 1458 --color-border: rgb(230 230 230 / 1.0); 1459 --color-border-rgb: 230 230 230; 1460 --color-shadow: rgb(0 0 0 / 1.0); 1461 --color-shadow-rgb: 0 0 0; 1462 --color-primary-button-text: rgb(0 0 0 / 1.0); 1463 --color-primary-button-background: rgb(255 255 255 / 1.0); 1464 --color-primary-button-border: rgb(255 255 255 / 1.0); 1465 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1466 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1467 --colo
1467r-primary-button-hover-border: rgb(0 0 0 / 1.0); 1468 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1469 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1470 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1471 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1472 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1473 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1474 --color-input-background: rgb(255 255 255 / 1.0); 1475 --color-input-text: rgb(0 0 0 / 0.53); 1476 --color-input-text-rgb: 0 0 0; 1477 --color-input-border: rgb(0 0 0 / 0.13); 1478 --color-input-hover-background: rgb(250 250 250 / 1.0); 1479 --color-variant-background: rgb(255 255 255 / 1.0); 1480 --color-variant-border: rgb(230 230 230 / 1.0); 1481 --color-variant-text: rgb(0 0 0 / 1.0); 1482 --color-variant-text-rgb: 0 0 0; 1483 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1484 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1485 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1486 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1487 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1488 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1489 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1490 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1491 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1492 1493 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1494 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1495 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1496 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1497 --font-h1--color: var(--color-foreground-heading); 1498 --font-h2--color: var(--color-foreground-heading); 1499 --font-h3--color: var(--color-foreground-heading); 1500 --font-h4--color: var(--color-foreground-heading); 1501 --font-h5--color: var(--color-foreground-heading); 1502 --font-h6--color: var(--color-foreground-heading); 1503 1504 /* Shadows */ 1505 1506 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1507 1508 1509 --shadow-blur: 20px; 1510 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1511 1512 } 1513 1514 1515 1516 1517 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1518 --color-background: rgb(0 0 0 / 0.0); 1519 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1520 --color-background-rgb: 0 0 0; 1521 --opacity-5-15: 0.15; 1522 --opacity-10-25: 0.25; 1523 --opacity-35-55: 0.55; 1524 --opacity-40-60: 0.6; 1525 --opacity-30-60: 0.6; 1526 --color-foreground: rgb(255 255 255 / 1.0); 1527 --color-foreground-rgb: 255 255 255; 1528 --color-foreground-heading: rgb(255 255 255 / 1.0); 1529 --color-foreground-heading-rgb: 255 255 255; 1530 --color-primary: rgb(255 251 247 / 1.0); 1531 --color-primary-rgb: 255 251 247; 1532 --color-primary-hover: rgb(0 0 0 / 0.53); 1533 --color-primary-hover-rgb: 0 0 0; 1534 --color-border: rgb(230 230 230 / 1.0); 1535 --color-border-rgb: 230 230 230; 1536 --color-shadow: rgb(0 0 0 / 1.0); 1537 --color-shadow-rgb: 0 0 0; 1538 --color-primary-button-text: rgb(12 43 130 / 1.0); 1539 --color-primary-button-background: rgb(255 255 255 / 1.0); 1540 --color-primary-button-border: rgb(255 255 255 / 1.0); 1541 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1542 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1543 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 1544 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1545 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1546 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1547 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1548 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1549 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1550 --color-input-background: rgb(255 255 255 / 1.0); 1551 --color-input-text: rgb(0 0 0 / 0.53); 1552 --color-input-text-rgb: 0 0 0; 1553 --color-input-border: rgb(0 0 0 / 0.13); 1554 --color-input-hover-background: rgb(250 250 250 / 1.0); 1555 --color-variant-background: rgb(255 255 255 / 1.0); 1556 --color-variant-border: rgb(230 230 230 / 1.0); 1557 --color-variant-text: rgb(0 0 0 / 1.0); 1558 --color-variant-text-rgb: 0 0 0; 1559 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1560 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1561 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1562 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1563 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1564 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1565 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1566 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1567 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1568 1569 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1570 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1571 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1572 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1573 --font-h1--color: var(--color-foreground-heading); 1574 --font-h2--color: var(--color-foreground-heading); 1575 --font-h3--color: var(--color-foreground-heading); 1576 --font-h4--color: var(--color-foreground-heading); 1577 --font-h5--color: var(--color-foreground-heading); 1578 --font-h6--color: var(--color-foreground-heading); 1579 1580 /* Shadows */ 1581 1582 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1583 1584 1585 --shadow-blur: 20px; 1586 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1587 1588 } 1589 1590 1591 1592 1593 .color-scheme-20e97bbc-18c8-4cf6-b07d-f737c93500a0 { 1594 --color-background: rgb(255 255 255 / 1.0); 1595 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1596 --color-background-rgb: 255 255 255; 1597 --opacity-5-15: 0.05; 1598 --opacity-10-25: 0.1; 1599 --opacity-35-55: 0.35; 1600 --opacity-40-60: 0.4; 1601 --opacity-30-60: 0.3; 1602 --color-foreground: rgb(36 64 143 / 1.0); 1603 --color-foreground-rgb: 36 64 143; 1604 --color-foreground-heading: rgb(12 43 130 / 1.0); 1605 --color-foreground-heading-rgb: 12 43 130; 1606 --color-primary: rgb(12 43 130 / 1.0); 1607 --color-primary-rgb: 12 43 130; 1608 --color-primary-hover: rgb(0 0 0 / 1.0); 1609 --color-primary-hover-rgb: 0 0 0; 1610 --color-border: rgb(0 0 0 / 0.06); 1611 --color-border-rgb: 0 0 0; 1612 --color-shadow: rgb(0 0 0 / 1.0); 1613 --color-shadow-rgb: 0 0 0; 1614 --color-primary-button-text: rgb(255 255 255 / 1.0); 1615 --color-primary-button-background: rgb(12 43 130 / 1.0); 1616 --color-primary-button-border: rgb(0 0 0 / 1.0); 1617 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1618 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1619 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1620 --color-secondary-button-text: rgb(30 64 175 / 1.0); 1621 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1622 --color-secondary-button-border: rgb(12 43 130 / 1.0); 1623 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1624 --color-secondary-button-hover-background: rgb(255 99 169 / 1.0); 1625 --color-secondary-button-hover-border: rgb(255 99 169 / 1.0); 1626 --color-input-background: rgb(255 255 255 / 0.78); 1627 --color-input-text: rgb(36 64 143 / 1.0); 1628 --color-input-text-rgb: 36 64 143; 1629 --color-input-border: rgb(223 223 223 / 1.0); 1630 --color-input-hover-background: rgb(0 0 0 / 0.01); 1631 --color-variant-background: rgb(255 255 255 / 1.0); 1632 --color-variant-border: rgb(12 43 130 / 1.0); 1633 --color-variant-text: rgb(12 43 130 / 1.0); 1634 --color-variant-text-rgb: 12 43 130; 1635 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1636 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1637 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1638 --color-selected-variant-background: rgb(12 43 130 / 1.0); 1639 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1640 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1641 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1642 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1643 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1644 1645 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1646 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1647 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1648 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1649 --font-h1--color: var(--color-foreground-heading); 1650 --font-h2--color: var(--color-foreground-heading); 1651 --font-h3--color: var(--color-foreground-heading); 1652 --font-h4--color: var(--color-foreground-heading); 1653 --font-h5--color: var(--color-foreground-heading); 1654 --font-h6--color: var(--color-foreground-heading); 1655 1656 /* Shadows */ 1657 1658 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1659 1660 1661 --shadow-blur: 20px; 1662 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1663 1664 } 1665 1666 1667 1668 1669 .color-scheme-7e66d27f-a205-4214-947a-eeb0d86007eb { 1670 --color-background: rgb(255 255 255 / 1.0); 1671 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1672 --color-background-rgb: 255 255 255; 1673 --opacity-5-15: 0.05; 1674 --opacity-10-25: 0.1; 1675 --opacity-35-55: 0.35; 1676 --opacity-40-60: 0.4; 1677 --opacity-30-60: 0.3; 1678 --color-foreground: rgb(36 64 143 / 1.0); 1679 --color-foreground-rgb: 36 64 143; 1680 --color-foreground-heading: rgb(12 43 130 / 1.0); 1681 --color-foreground-heading-rgb: 12 43 130; 1682 --color-primary: rgb(255 255 255 / 1.0); 1683 --color-primary-rgb: 255 255 255; 1684 --color-primary-hover: rgb(0 0 0 / 1.0); 1685 --color-primary-hover-rgb: 0 0 0; 1686 --color-border: rgb(0 0 0 / 0.06); 1687 --color-border-rgb: 0 0 0; 1688 --color-shadow: rgb(0 0 0 / 1.0); 1689 --color-shadow-rgb: 0 0 0; 1690 --color-primary-button-text: rgb(255 255 255 / 1.0); 1691 --color-primary-button-background: rgb(12 43 130 / 1.0); 1692 --color-primary-button-border: rgb(0 0 0 / 1.0); 1693 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1694 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1695 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1696 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1697 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1698 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1699 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1700 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1701 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1702 --color-input-background: rgb(255 255 255 / 0.78); 1703 --color-input-text: rgb(51 51 51 / 1.0); 1704 --color-input-text-rgb: 51 51 51; 1705 --color-input-border: rgb(223 223 223 / 1.0); 1706 --color-input-hover-background: rgb(0 0 0 / 0.01); 1707 --color-variant-background: rgb(255 255 255 / 1.0); 1708 --color-variant-border: rgb(12 43 130 / 1.0); 1709 --color-variant-text: rgb(12 43 130 / 1.0); 1710 --color-variant-text-rgb: 12 43 130; 1711 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1712 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1713 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1714 --color-selected-variant-background: rgb(12 43 130 / 1.0); 1715 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1716 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1717 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1718 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1719 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1720 1721 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1722 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1723 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1724 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1725 --font-h1--color: var(--color-foreground-heading); 1726 --font-h2--color: var(--color-foreground-heading); 1727 --font-h3--color: var(--color-foreground-heading); 1728 --font-h4--color: var(--color-foreground-heading); 1729 --font-h5--color: var(--color-foreground-heading); 1730 --font-h6--color: var(--color-foreground-heading); 1731 1732 /* Shadows */ 1733 1734 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1735 1736 1737 --shadow-blur: 20px; 1738 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1739 1740 } 1741 1742 1743 1744 1745 .color-scheme-db2a4a90-a94b-4dda-ae5f-b78d9d634e32 { 1746 --color-background: rgb(255 226 237 / 0.8); 1747 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1748 --color-background-rgb: 255 226 237; 1749 --opacity-5-15: 0.05; 1750 --opacity-10-25: 0.1; 1751 --opacity-35-55: 0.35; 1752 --opacity-40-60: 0.4; 1753 --opacity-30-60: 0.3; 1754 --color-foreground: rgb(36 64 143 / 1.0); 1755 --color-foreground-rgb: 36 64 143; 1756 --color-foreground-heading: rgb(12 43 130 / 1.0); 1757 --color-foreground-heading-rgb: 12 43 130; 1758 --color-primary: rgb(255 99 169 / 1.0); 1759 --color-primary-rgb: 255 99 169; 1760 --color-primary-hover: rgb(0 0 0 / 1.0); 1761 --color-primary-hover-rgb: 0 0 0; 1762 --color-border: rgb(0 0 0 / 0.06); 1763 --color-border-rgb: 0 0 0; 1764 --color-shadow: rgb(0 0 0 / 1.0); 1765 --color-shadow-rgb: 0 0 0; 1766 --color-primary-button-text: rgb(255 255 255 / 1.0); 1767 --color-primary-button-background: rgb(12 43 130 / 1.0); 1768 --color-primary-button-border: rgb(0 0 0 / 1.0); 1769 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1770 --color-primary-button-hover-background: rgb(12 43 130 / 1.0); 1771 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1772 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1773 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1774 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1775 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1776 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1777 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1778 --color-input-background: rgb(255 255 255 / 0.78); 1779 --color-input-text: rgb(51 51 51 / 1.0); 1780 --color-input-text-rgb: 51 51 51; 1781 --color-input-border: rgb(223 223 223 / 1.0); 1782 --color-input-hover-background: rgb(0 0 0 / 0.01); 1783 --color-variant-background: rgb(255 255 255 / 1.0); 1784 --color-variant-border: rgb(12 43 130 / 1.0); 1785 --color-variant-text: rgb(12 43 130 / 1.0); 1786 --color-variant-text-rgb: 12 43 130; 1787 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1788 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1789 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1790 --color-selected-variant-background
1790: rgb(12 43 130 / 1.0); 1791 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1792 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1793 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1794 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1795 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1796 1797 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1798 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1799 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1800 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1801 --font-h1--color: var(--color-foreground-heading); 1802 --font-h2--color: var(--color-foreground-heading); 1803 --font-h3--color: var(--color-foreground-heading); 1804 --font-h4--color: var(--color-foreground-heading); 1805 --font-h5--color: var(--color-foreground-heading); 1806 --font-h6--color: var(--color-foreground-heading); 1807 1808 /* Shadows */ 1809 1810 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1811 1812 1813 --shadow-blur: 20px; 1814 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1815 1816 } 1817 1818 1819 1820 1821 .color-scheme-a210eb86-3d26-4b21-930f-6b8da0f9d458 { 1822 --color-background: rgb(255 255 255 / 1.0); 1823 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1824 --color-background-rgb: 255 255 255; 1825 --opacity-5-15: 0.05; 1826 --opacity-10-25: 0.1; 1827 --opacity-35-55: 0.35; 1828 --opacity-40-60: 0.4; 1829 --opacity-30-60: 0.3; 1830 --color-foreground: rgb(255 99 169 / 1.0); 1831 --color-foreground-rgb: 255 99 169; 1832 --color-foreground-heading: rgb(255 99 169 / 1.0); 1833 --color-foreground-heading-rgb: 255 99 169; 1834 --color-primary: rgb(255 99 169 / 1.0); 1835 --color-primary-rgb: 255 99 169; 1836 --color-primary-hover: rgb(0 0 0 / 1.0); 1837 --color-primary-hover-rgb: 0 0 0; 1838 --color-border: rgb(0 0 0 / 0.06); 1839 --color-border-rgb: 0 0 0; 1840 --color-shadow: rgb(255 99 169 / 1.0); 1841 --color-shadow-rgb: 255 99 169; 1842 --color-primary-button-text: rgb(255 255 255 / 1.0); 1843 --color-primary-button-background: rgb(255 99 169 / 1.0); 1844 --color-primary-button-border: rgb(0 0 0 / 1.0); 1845 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1846 --color-primary-button-hover-background: rgb(255 99 169 / 1.0); 1847 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1848 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1849 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1850 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1851 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1852 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1853 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1854 --color-input-background: rgb(255 255 255 / 0.78); 1855 --color-input-text: rgb(51 51 51 / 1.0); 1856 --color-input-text-rgb: 51 51 51; 1857 --color-input-border: rgb(223 223 223 / 1.0); 1858 --color-input-hover-background: rgb(0 0 0 / 0.01); 1859 --color-variant-background: rgb(255 255 255 / 1.0); 1860 --color-variant-border: rgb(255 99 169 / 1.0); 1861 --color-variant-text: rgb(255 99 169 / 1.0); 1862 --color-variant-text-rgb: 255 99 169; 1863 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1864 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1865 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1866 --color-selected-variant-background: rgb(255 99 169 / 1.0); 1867 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1868 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1869 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1870 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1871 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1872 1873 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1874 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1875 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1876 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1877 --font-h1--color: var(--color-foreground-heading); 1878 --font-h2--color: var(--color-foreground-heading); 1879 --font-h3--color: var(--color-foreground-heading); 1880 --font-h4--color: var(--color-foreground-heading); 1881 --font-h5--color: var(--color-foreground-heading); 1882 --font-h6--color: var(--color-foreground-heading); 1883 1884 /* Shadows */ 1885 1886 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1887 1888 1889 --shadow-blur: 20px; 1890 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1891 1892 } 1893 1894 1895 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-20e97bbc-18c8-4cf6-b07d-f737c93500a0, .color-scheme-7e66d27f-a205-4214-947a-eeb0d86007eb, .color-scheme-db2a4a90-a94b-4dda-ae5f-b78d9d634e32, .color-scheme-a210eb86-3d26-4b21-93
18950f-6b8da0f9d458 { 1896 color: var(--color-foreground); 1897 background-color: var(--color-background); 1898 } 1899</style> 1900 1901 1902
1902<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1902<meta name="google-site-verification" content="kSV-s09A7qEJFYAfqpoAUUDzCIDoJD1gCXZkqreAMjQ"> 1903<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/43444895903/digital_wallets/dialog"> 1904<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://www.healthfab.in/pages/all-blogs"> 1905<link rel="alternate" hreflang="en" href="https://www.healthfab.in/pages/all-blogs"> 1906<link rel="alternate" hreflang="hi" href="https://www.healthfab.in/hi/pages/all-blogs">
1907<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1769668836"></script>
vendor: 1 bytes, line 1907
1907
1908<script id="shopify-features" type="application/json">{"accessToken":"fe6ec2439ee03d48eced98c3baca4a7d","betas":["rich-media-storefront-analytics"],"domain":"www.healthfab.in","predictiveSearch":true,"shopId":43444895903,"locale":"en"}</script>
vendor: 1 bytes, line 1908
1908
1909<script>var Shopify = Shopify || {}; 1910Shopify.shop = "healthfabindia.myshopify.com"; 1911Shopify.locale = "en"; 1912Shopify.currency = {"active":"INR","rate":"1.0"}; 1913Shopify.country = "US"; 1914Shopify.theme = {"name":"Horizon\/LiveV1_CartFix","id":162581709028,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":null,"role":"main"}; 1915Shopify.theme.handle = "null"; 1916Shopify.theme.style = {"id":null,"handle":null}; 1917Shopify.cdnHost = "www.healthfab.in/cdn"; 1918Shopify.routes = Shopify.routes || {}; 1919Shopify.routes.root = "/"; 1920Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1921Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1922Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1923Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1923
1923
1924<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1924
1924
1925<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 1925
1925
1926<script> 1927 window.Shopify = window.Shopify || {}; 1928 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1929 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1930 window.Shopify.SignInWithShop.eligible = false; 1931</script>
vendor: 1 bytes, line 1931
1931
1932<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1932
1932
1933<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 1933
1933
1934<script type="module"> 1935 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1936 1937 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1938 1939</script>
vendor: 1 bytes, line 1939
1939
1940<script id="__st">var __st={"a":43444895903,"offset":19800,"reqid":"f6bdeee8-1ef8-4e34-92c3-4913b45643dc-1791164718","pageurl":"www.healthfab.in\/pages\/all-blogs","s":"pages-128246710500","u":"3ebfdcd6055f","p":"page","rtyp":"page","rid":128246710500};</script>
vendor: 1 bytes, line 1940
1940
1941<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1941
1941
1942<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 1942
1942
1943<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.healthfab.in/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1943
1943
1944<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 = "//www.healthfab.in/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1944<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 1944
1944
1945<script> 1946 window.Shopify = window.Shopify || {}; 1947 window.Shopify.MCP = window.Shopify.MCP || {}; 1948 window.Shopify.MCP.enabled = true; 1949 window.Shopify.MCP.shop = "healthfabindia.myshopify.com"; 1950 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.healthfab.in\/api\/mcp"; 1951 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"]}}]; 1952</script>
vendor: 1 bytes, line 1952
1952
1953<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("\/\/www.healthfab.in\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1954</script>
vendor: 1 bytes, line 1954
1954
1955<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://www.healthfab.in/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1956</script>
vendor: 1 bytes, line 1956
1956
1957<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1958 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); 1959</script>
vendor: 1 bytes, line 1959
1959
1960<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})}})); 1961</script>
vendor: 1 bytes, line 1961
1961
1962<script id='scb4127' type='text/javascript' async='' src='https://www.healthfab.in/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1962<link rel="stylesheet" media="screen" href="//www.healthfab.in/cdn/shop/t/387/compiled_assets/styles.css?v=1703506547256699641790599372">
1963<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1963 1964 <!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1965 1966 1967 1968 1969 1970 1971 1972<link rel="dns-prefetch" href="https://cdn.judge.me"> 1973<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1974<link rel="dns-prefetch" href="https://api.judge.me"> 1975
1976<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"tiered","coupon_tier_text_enabled":true,"coupon_tier_text_percentage":5,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":true,"coupon_tier_photo_percentage":8,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":true,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":true,"badge_no_review_text":"No reviews","badge_n_reviews_text":"\u003cspan class=\"uniqueBorder\"\u003e {{ n }} review/reviews \u003c/span\u003e","badge_star_color":"#FF63A9","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1976ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#0C2B82","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"HealthFab Period Product Reviews","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1976itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#0C2B82","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":true,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":true,"widget_translate_review_content_enabled":true,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#0C2B82","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"Summarized and selected by AI from recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#0C2B82","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#0C2B82","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1976youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-03-02T12:05:21.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1976:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Healthfab","shop_currency":"INR","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1976shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"widget_events_v4_impressions_enabled":false,"widget_events_review_grain_enabled":false,"widget_events_v4_time_in_view_enabled":false,"widget_events_v4_session_key_enabled":false,"widget_events_v4_interactions_enabled":false,"widget_attribution_exposure_timestamps_enabled":false,"widget_attribution_v4_exposures_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"hostname_allowlist":"","can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Healthfab"};</script>
1976 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #0C2B82;--jdgm-secondary-color: rgba(12,43,130,0.1);--jdgm-star-color: #0C2B82;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #0C2B82;--jdgm-paginate-color: #0C2B82;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #0C2B82}.jdgm-histogram__bar-content{background-color:#0C2B82}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#0C2B82}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FF63A9}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #0C2B82;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#0C2B82}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Healthfab'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1977</style> <style class='jdgm-settings-style'></style> 1978 1979 1980 1981 1982 <style class='jdgm-miracle-styles'> 1983 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1983/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} 1984 1985</style> 1986 1987 1988 1989 1990 1991 1992 1993 1994
1995<script data-cfasync='false' class='jdgm-script'> 1996!function(e){window.jdgm=window.jdgm||{}; 1997/* INF-1976 */ 1998var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1999if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 2000jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 2001jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 2002setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 2003!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 2004(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 2005a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 2006jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 2007t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 2008t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 2009".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 2010parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 2011jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 2012)}))}(document); 2013</script>
2013 2014<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript> 2015 2016<!-- BEGIN app snippet: theme_fix_tags -->
2016<script> 2017 (function() { 2018 var jdgmThemeFixes = null; 2019 if (!jdgmThemeFixes) return; 2020 2021 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 2022 // before the per-theme fix so the theme-specific CSS wins the cascade. 2023 // HTML is never applied globally (too risky). 2024 var allThemesFix = jdgmThemeFixes['all']; 2025 if (allThemesFix && allThemesFix.css) { 2026 var allStyleTag = document.createElement('style'); 2027 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 2028 allStyleTag.innerHTML = allThemesFix.css; 2029 document.head.append(allStyleTag); 2030 }; 2031 2032 if (allThemesFix && allThemesFix.js) { 2033 var allScriptTag = document.createElement('script'); 2034 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 2035 allScriptTag.innerHTML = allThemesFix.js; 2036 document.head.append(allScriptTag); 2037 }; 2038 2039 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 2040 if (!thisThemeFix) return; 2041 2042 if (thisThemeFix.html) { 2043 document.addEventListener("DOMContentLoaded", function() { 2044 var htmlDiv = document.createElement('div'); 2045 htmlDiv.classList.add('jdgm-theme-fix-html'); 2046 htmlDiv.innerHTML = thisThemeFix.html; 2047 document.body.append(htmlDiv); 2048 }); 2049 }; 2050 2051 if (thisThemeFix.css) { 2052 var styleTag = document.createElement('style'); 2053 styleTag.classList.add('jdgm-theme-fix-style'); 2054 styleTag.innerHTML = thisThemeFix.css; 2055 document.head.append(styleTag); 2056 }; 2057 2058 if (thisThemeFix.js) { 2059 var scriptTag = document.createElement('script'); 2060 scriptTag.classList.add('jdgm-theme-fix-script'); 2061 scriptTag.innerHTML = thisThemeFix.js; 2062 document.head.append(scriptTag); 2063 }; 2064 })(); 2065</script>
2065 2066<!-- END app snippet --> 2067<!-- End of Judge.me Core --> 2068 2069 2070 2071<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea --> 2072 2073 2074 2075 2076 2077<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
2078<script type="text/javascript"> 2079 (function (c, l, a, r, i, t, y) { 2080 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 2081 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 2082 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 2083 2084 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 2085 if (error) { 2086 console.error("Error loading Shopify features:", error); 2087 return; 2088 } 2089 2090 c[a]('consentv2', { 2091 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 2092 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 2093 source: 101, 2094 }); 2095 }); 2096 2097 l.addEventListener("visitorConsentCollected", function (e) { 2098 c[a]('consentv2', { 2099 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 2100 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 2101 source: 101, 2102 }); 2103 }); 2104 })(window, document, "clarity", "script", "dyhxawl3xb"); 2105</script>
2105 2106 2107 2108 2109<!-- END app block --><!-- BEGIN app block: shopify://apps/modash/blocks/modash-referral-embed/0a3e2e58-a397-4cb7-a88e-eefb7764df97 --> 2110 2111 2112
2113<script 2114 src="https://cdn.shopify.com/extensions/01a0d336-4869-7e68-90d6-25fe9fdebd23/modash-13/assets/modash-referral-attribution.js" 2115 data-preserve-ref="false" 2116 data-apply-discount="false" 2117 data-track-referral="true" 2118 defer 2119></script>
2119 2120 2121 2122 2123<!-- END app block --><!-- BEGIN app block: shopify://apps/wishlink/blocks/tracking_app_embed/320d2666-828c-4460-9810-e1526e107d16 -->
2123<script> 2124// Utility function to get GA cookie 2125function getGACookie() { 2126 return document.cookie.split('; ').find(row => row.startsWith('_ga='))?.split('=')[1]; 2127} 2128 2129function dedupeTrackingParam(value) { 2130 return typeof value === 'string' ? value.split(',')[0] : value; 2131} 2132 2133(async function () { 2134 // Configuration constants 2135 const LANDING_URL = 'https://api.wishlink.com/api/brandUserLanding'; // REPLACE WITH ACTUAL ENDPOINT 2136 const SESSION_DURATION = 1800000; // 30 minutes in ms 2137 const currTime = Date.now(); 2138 const SHOPURL = window.location.hostname; 2139 2140 try { 2141 const trackingInfoString = localStorage.getItem('wl_attr_inf'); 2142 let atgSessionId_stored = localStorage.getItem('atgSessionId'); 2143 2144 let prevUtmMedium = null; 2145 let prevUtmSource = null; 2146 let lastSession = null; 2147 let prevUtmContent = null; 2148 let prevUtmTerm = null; 2149 let prevUtmCampaign = null; 2150 let prevTrackingInfo = {}; 2151 2152 if (trackingInfoString) { 2153 prevTrackingInfo = JSON.parse(trackingInfoString); 2154 prevUtmMedium = prevTrackingInfo.utm_medium; 2155 prevUtmSource = prevTrackingInfo.utm_source; 2156 lastSession = prevTrackingInfo.atgLastSession; 2157 atgSessionId_stored = prevTrackingInfo.atgSessionId; 2158 } else if (atgSessionId_stored) { 2159 prevUtmMedium = localStorage.getItem('wl_utm_medium'); 2160 prevUtmSource = localStorage.getItem('wl_utm_source'); 2161 lastSession = localStorage.getItem('atgLastSession'); 2162 prevUtmContent = localStorage.getItem('wl_utm_content'); 2163 prevUtmTerm = localStorage.getItem('wl_utm_term'); 2164 prevUtmCampaign = localStorage.getItem('wl_utm_campaign'); 2165 prevTrackingInfo = { 2166 ...prevTrackingInfo, 2167 atgSessionId: atgSessionId_stored, 2168 atgLastSession: lastSession, 2169 utm_source: prevUtmSource, 2170 utm_medium: prevUtmMedium, 2171 utm_campaign: prevUtmCampaign, 2172 utm_content: prevUtmContent, 2173 utm_term: prevUtmTerm 2174 } 2175 } 2176 2177 const urlParams = new URLSearchParams(window.location.search); 2178 2179 // Get URL parameters 2180 const atgSessionId = urlParams.get('atgSessionId'); 2181 const utm_source = urlParams.get('utm_source'); 2182 const utm_medium = urlParams.get('utm_medium'); 2183 const utm_campaign = urlParams.get('utm_campaign'); 2184 const utm_term = urlParams.get('utm_term'); 2185 const utm_content = urlParams.get('utm_content'); 2186 const gclid = urlParams.get('gclid'); 2187 const fbclid = urlParams.get('fbclid'); 2188 2189 const newTrackingInfo = { 2190 ...prevTrackingInfo, 2191 atgLastSession: currTime, 2192 atgSessionId: atgSessionId || atgSessionId_stored 2193 } 2194 2195 // Check if session should be updated 2196 const sessionChanged = atgSessionId && (atgSessionId !== atgSessionId_stored); 2197 const shouldTrack = (atgSessionId || atgSessionId_stored) && 2198 (gclid || fbclid || utm_source || utm_medium || utm_campaign || 2199 sessionChanged || !lastSession || (currTime - lastSession) > SESSION_DURATION); 2200 2201 if (shouldTrack) { 2202 const ga = getGACookie(); 2203 const queryParams = new URLSearchParams({ 2204 atgSessionId: dedupeTrackingParam(atgSessionId || atgSessionId_stored), 2205 utm_source: dedupeTrackingParam(utm_source) || '', 2206 utm_medium: dedupeTrackingParam(utm_medium) || '', 2207 utm_campaign: dedupeTrackingParam(utm_campaign) || '', 2208 gclid: dedupeTrackingParam(gclid) || '', 2209 fbclid: dedupeTrackingParam(fbclid) || '', 2210 ga: ga || '', 2211 shopUrl: SHOPURL, 2212 pixel_fired_at_UTC: new Date().toISOString(), 2213 version: 'v-175', 2214 additional_info: 'app-embed' 2215 }); 2216 2217 navigator.sendBeacon(`${LANDING_URL}?${queryParams}`); 2218 } 2219 2220 // Update UTM parameters if needed 2221 const shouldUpdateUTM = (utm_source && prevUtmSource && utm_source !== prevUtmSource) || 2222 (utm_medium && prevUtmMedium && utm_medium !== prevUtmMedium); 2223 const isFirstUTMSet = (!prevUtmSource && !prevUtmMedium) && (utm_source || utm_medium); 2224 2225 if (shouldUpdateUTM || isFirstUTMSet) { 2226 newTrackingInfo.utm_source = utm_source || 'none'; 2227 newTrackingInfo.utm_medium = utm_medium || 'none'; 2228 newTrackingInfo.utm_campaign = utm_campaign || 'none'; 2229 newTrackingInfo.utm_term = utm_term || 'none'; 2230 newTrackingInfo.utm_content = utm_content || 'none'; 2231 } 2232 2233 // Update click identifiers 2234 if (gclid || fbclid) { 2235 newTrackingInfo.gclid = gclid || 'none'; 2236 newTrackingInfo.fbclid = fbclid || 'none'; 2237 } 2238 2239 if (gclid || fbclid || utm_source) { 2240 newTrackingInfo.last_click_source = gclid ? 'google_ads' : 2241 fbclid ? 'facebook_ads' : 2242 utm_source || 'Organic'; 2243 } 2244 2245 localStorage.setItem('wl_attr_inf', JSON.stringify(newTrackingInfo)); 2246 } catch (error) { 2247 console.error('Error in main tracking function:', error); 2248 } 2249})(); 2250 2251// Cart form handler - corrected structure 2252document.addEventListener("DOMContentLoaded", async function () { 2253 try { 2254 const trackingInfoString = localStorage.getItem('wl_attr_inf'); 2255 let trackingInfo = null; 2256 2257 // Migrate legacy storage format 2258 if (!trackingInfoString) { 2259 trackingInfo = {
2260 atgSessionId: localStorage.getItem('atgSessionId'), 2261 utm_medium: localStorage.getItem('wl_utm_medium'), 2262 utm_source: localStorage.getItem('wl_utm_source'), 2263 utm_campaign: localStorage.getItem('wl_utm_campaign'), 2264 utm_term: localStorage.getItem('wl_utm_term'), 2265 utm_content: localStorage.getItem('wl_utm_content'), 2266 gclid: localStorage.getItem('wl_gclid'), 2267 fbclid: localStorage.getItem('wl_fbclid'), 2268 last_click_source: localStorage.getItem('wl_last_click_source') 2269 }; 2270 2271 // Clean up legacy keys 2272 [ 2273 'atgSessionId', 'wl_utm_medium', 'wl_utm_source', 2274 'wl_utm_campaign', 'wl_utm_term', 'wl_utm_content', 2275 'wl_gclid', 'wl_fbclid', 'wl_last_click_source' 2276 ].forEach(key => localStorage.removeItem(key)); 2277 2278 localStorage.setItem('wl_attr_inf', JSON.stringify(trackingInfo)); 2279 } else { 2280 trackingInfo = JSON.parse(trackingInfoString); 2281 } 2282 2283 2284 // Add hidden fields to all add-to-cart forms 2285 document.querySelectorAll('form[action^="/cart/add"]').forEach(form => { 2286 try { 2287 const trackingParams = { 2288 asi: dedupeTrackingParam(trackingInfo.atgSessionId), 2289 us: trackingInfo.utm_source 2290 ? dedupeTrackingParam(trackingInfo.utm_source).slice(0, 15) 2291 : undefined, 2292 um: trackingInfo.utm_medium 2293 ? dedupeTrackingParam(trackingInfo.utm_medium).slice(0, 15) 2294 : undefined, 2295 uc: trackingInfo.utm_campaign 2296 ? dedupeTrackingParam(trackingInfo.utm_campaign).slice(0, 35) 2297 : undefined, 2298 ...(trackingInfo.gclid ? { gid: true } : {}), 2299 ...(trackingInfo.fbclid ? { fbid: true } : {}), 2300 lcs: trackingInfo.last_click_source 2301 ? dedupeTrackingParam(trackingInfo.last_click_source).slice(0, 15) 2302 : undefined 2303 }; 2304 2305 const filteredParams = Object.fromEntries( 2306 Object.entries(trackingParams).filter(([_, v]) => 2307 v !== undefined && 2308 v !== null && 2309 !(typeof v === 'string' && v.trim() === '') && 2310 v !== 'none' 2311 ) 2312 ); 2313 2314 // here we update line items 2315 if (Object.keys(filteredParams).length > 0) { 2316 if (!form.querySelector('input[name="properties\\[_wl\\]"]')) { 2317 const hiddenInput = document.createElement('input'); 2318 hiddenInput.type = 'hidden'; 2319 hiddenInput.name = 'properties[_wl]'; 2320 hiddenInput.value = JSON.stringify(filteredParams); 2321 hiddenInput.style.display = 'none'; 2322 form.appendChild(hiddenInput); 2323 } 2324 } 2325 } catch (error) { 2326 console.error('Error in form handler:', error); 2327 } 2328 }); 2329 2330 // Update cart attributes 2331 try { 2332 const trackingParams = { 2333 asi: dedupeTrackingParam(trackingInfo.atgSessionId), 2334 us: trackingInfo.utm_source 2335 ? dedupeTrackingParam(trackingInfo.utm_source).slice(0, 15) 2336 : undefined, 2337 um: trackingInfo.utm_medium 2338 ? dedupeTrackingParam(trackingInfo.utm_medium).slice(0, 15) 2339 : undefined, 2340 uc: trackingInfo.utm_campaign 2341 ? dedupeTrackingParam(trackingInfo.utm_campaign).slice(0, 35) 2342 : undefined, 2343 ...(trackingInfo.gclid ? { gid: true } : {}), 2344 ...(trackingInfo.fbclid ? { fbid: true } : {}), 2345 lcs: trackingInfo.last_click_source 2346 ? dedupeTrackingParam(trackingInfo.last_click_source).slice(0, 15) 2347 : undefined 2348 }; 2349 2350 const filteredData = Object.fromEntries( 2351 Object.entries(trackingParams).filter(([_, v]) => 2352 v !== undefined && 2353 v !== null && 2354 !(typeof v === 'string' && v.trim() === '') && 2355 v !== 'none' 2356 ) 2357 ); 2358 2359 if (Object.keys(filteredData).length > 0) { 2360 const response = await fetch("/cart/update.js", { 2361 method: "POST", 2362 headers: { "Content-Type": "application/json" }, 2363 body: JSON.stringify({ 2364 attributes: { _wl: JSON.stringify(filteredData) }, 2365 note_attributes: { _wl: JSON.stringify(filteredData) } 2366 }) 2367 }); 2368 2369 if (!response.ok) throw new Error('Cart update failed'); 2370 console.log('Cart updated with wl_attr_inf'); 2371 } 2372 } catch (error) { 2373 console.error('Error in cart update:', error); 2374 } 2375 } catch (error) { 2376 console.error('Error in main DOM handler:', error); 2377 } 2378}); 2379</script>
2379 2380 2381 2382<!-- END app block -->
2382<script src="https://cdn.shopify.com/extensions/01a08561-a85e-7155-83c4-7ea96007e877/bik-2-111/assets/event-handler.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2382
2382
2383<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 2383
2383
2384<script src="https://cdn.shopify.com/extensions/01a0fdff-2b95-7a42-80bb-495e663795ed/forms-2610/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
2384 2385<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2386<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: 43444895903,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 2386
2386
2387<script> 2388 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2389</script>
vendor: 1 bytes, line 2389
2389
2390<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}
2390).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: 43444895903,storefrontBaseUrl: "https://www.healthfab.in",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.healthfab.in/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2660008164","configuration":"{\"dimension_id\":\"d476bef0-7f4c-11f1-acd0-97d5189fcde8\", \"cf_key\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhY2NvdW50X2lkIjoiZDNmZWE4YzAtN2Y0Yy0xMWYxLWFjZDAtOTdkNTE4OWZjZGU4IiwicHJvamVjdF9pZCI6ImQ0NmNmYWYwLTdmNGMtMTFmMS1hY2QwLTk3ZDUxODlmY2RlOCIsImVudmlyb25tZW50X2lkIjoiZDQ2ZDk3MzAt
2390N2Y0Yy0xMWYxLWFjZDAtOTdkNTE4OWZjZGU4IiwiZGltZW5zaW9uX2lkIjoiZDQ3NmJlZjAtN2Y0Yy0xMWYxLWFjZDAtOTdkNTE4OWZjZGU4IiwiYXBpX2FjY2Vzc19sZXZlbCI6IkNMSUVOVCIsImtleV9pZCI6ImQ0ODZjNDgwLTdmNGMtMTFmMS1hY2QwLTk3ZDUxODlmY2RlOCIsImlzcyI6IkcxbURHdlQyT20xT2ZQUHBwSGZhOEhHQ3BYSkdYTzRiIiwiaWF0IjoxNzg0MDEwMzM4fQ.Eu9ojXb-DRTK6fKAwqCvLKZxUY6KbXdfi4-PfmtxZL8\", \"cf_account_enabled\":\"true\", \"cf_skip_sdk\":\"false\", \"cf_shopify_events_enabled\":\"true\", \"cf_shopify_allowed_events\":\"shopify_product_added_to_cart,shopify_purchase,shopify_checkout_started\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a2e261c9e31f8172b73174d4b97465f3","type":"APP","apiClientId":32722845697,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2646376676","configuration":"{\"pixelId\":\"4a4d1d26-81b6-421e-b41c-5aeb4b2782d5\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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":"unrestricted"},{"id":"1966375140","configuration":"{\"projectId\":\"dyhxawl3xb\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1902706916","configuration":"{\"accountID\":\"123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"792873e67955f53628961e34957a652d","type":"APP","apiClientId":158988271617,"privacyPurposes":["SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1085604068","configuration":"{\"businessID\":\"c849d9e6-de1a-11ef-9771-36adcb6d84af\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"00445b4402f9b808ea5db8d03ef24700","type":"APP","apiClientId":115788808193,"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":"873824484","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"760971492","configuration":"{\"accountID\":\"0BEjpERhwuSACaaWOevNLI6A5R72\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1dd396892b5b97c85311bb397e70c829","type":"APP","apiClientId":11064672257,"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":"395837668","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\",\\\"GT-K4CXDM3\\\"],\\\"target_country\\\":\\\"IN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/HAWRCO_jw98BEMOwn5YC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/rwNPCPLjw98BEMOwn5YC\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-ZXMPNF3P33\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/JDGLCOnjw98BEMOwn5YC\\\",\\\"MC-8SV6TDPWVP\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-ZXMPNF3P33\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/amCcCOPdw98BEMOwn5YC\\\",\\\"MC-8SV6TDPWVP\\\",\\\"AW-583522371\\\/k_kACKe5ycsZEMOwn5YC\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/A-2VCODdw98BEMOwn5YC\\\",\\\"MC-8SV6TDPWVP\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-ZXMPNF3P33\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/e_U6CPXjw98BEMOwn5YC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-ZXMPNF3P33\\\",\\\"AW-583522371\\\/k0uNCOzjw98BEMOwn5YC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-ZXMPNF3P33\\\"}],\\\"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"]}
2390,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"163709156","configuration":"{\"pixel_id\":\"575404710030765\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"122454244","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"v5 Quora"},{"id":"151552228","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"86","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Event Tracking to GTM "},{"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":"Healthfab","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"healthfabindia.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/www.healthfab.in"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8028407693540","handle":"gopadfree-period-panty","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44139849449700","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9165429768420","handle":"ph-sensitive-period-intimate-wipes","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49561099698404","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9202976882916","handle":"period-essentials-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49709871169764","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9242077266148","handle":"hair-growth-period-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49901290324196","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9193864495332","handle":"pcos-period-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49664262013156","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9224626503908","handle":"period-am-pm-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49825989984484","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9107641303268","handle":"gopadfree-heavy-sleep-short","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49265120772324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7762282643684","handle":"gopadfree-ultra","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43282042224868","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.healthfab.in/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"162581709028","themePublished":"true","eventMetadataId":"cc628c83-39c6-453c-92e4-86fc9be2a048","pageType":"page","resourceId":"128246710500","shopId":"43444895903","storefrontBaseUrl":"https:\/\/www.healthfab.in","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2390<script> 2391 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2392 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2393 window.ShopifyAnalytics.meta.currency = 'INR'; 2394 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":128246710500,"requestId":"f6bdeee8-1ef8-4e34-92c3-4913b45643dc-1791164718"}}; 2395 for (var attr in meta) { 2396 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2397 } 2398</script>
vendor: 1 bytes, line 2398
2398
2399<script class="analytics"> 2400 (function () { 2401 var customDocumentWrite = function(content) { 2402 var jquery = null; 2403 2404 if (window.jQuery) { 2405 jquery = window.jQuery; 2406 } else if (window.Checkout && window.Checkout.$) { 2407 jquery = window.Checkout.$; 2408 } 2409 2410 if (jquery) { 2411 jquery('body').append(content); 2412 } 2413 }; 2414 2415 var hasLoggedConversion = function(token) { 2416 if (token) { 2417 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2418 } 2419 return false; 2420 } 2421 2422 var setCookieIfConversion = function(token) { 2423 if (token) { 2424 var twoMonthsFromNow = new Date(Date.now()); 2425 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2426 2427 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2428 } 2429 } 2430 2431 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2432 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2433 if (trekkie.integrations) { 2434 return; 2435 } 2436 trekkie.methods = [ 2437 'identify', 2438 'page', 2439 'ready', 2440 'track', 2441 'trackForm', 2442 'trackLink' 2443 ]; 2444 trekkie.factory = function(method) { 2445 return function() { 2446 var args = Array.prototype.slice.call(arguments); 2447 args.unshift(method); 2448 trekkie.push(args); 2449 if (method == 'track' || method == 'page') { 2450 var pageUrl; 2451 try { 2452 pageUrl = window.location.href; 2453 } catch (e) {} 2454 var pageReferrer; 2455 try { 2456 pageReferrer = document.referrer; 2457 } catch (e) {} 2458 try { 2459 if (window.__TREKKIE_SHIM_QUEUE == null) { 2460 window.__TREKKIE_SHIM_QUEUE = []; 2461 } 2462 window.__TREKKIE_SHIM_QUEUE.push({ 2463 from: 'trekkie-stub', 2464 method: method, 2465 args: args.slice(1), 2466 pageContext: { 2467 url: pageUrl, 2468 referrer: pageReferrer 2469 } 2470 }); 2471 } catch (e) { 2472 // no-op 2473 } 2474 } 2475 return trekkie; 2476 }; 2477 }; 2478 for (var i = 0; i < trekkie.methods.length; i++) { 2479 var key = trekkie.methods[i]; 2480 trekkie[key] = trekkie.factory(key); 2481 } 2482 trekkie.load = function(config) { 2483 trekkie.config = config || {}; 2484 trekkie.config.initialDocumentCookie = document.cookie; 2485 var first = document.getElementsByTagName('script')[0]; 2486var script = document.createElement('script'); 2487script.type = 'text/javascript'; 2488script.onerror = function(e) { 2489 var scriptFallback = document.createElement('script'); 2490 scriptFallback.type = 'text/javascript'; 2491 scriptFallback.onerror = function(error) { 2492 var Monorail = { 2493 produce: function produce(monorailDomain, schemaId, payload) { 2494 var currentMs = new Date().getTime(); 2495 var event = { 2496 schema_id: schemaId, 2497 payload: payload, 2498 metadata: { 2499 event_created_at_ms: currentMs, 2500 event_sent_at_ms: currentMs 2501 } 2502 }; 2503 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2504 }, 2505 sendRequest: function sendRequest(endpointUrl, payload) { 2506 // Try the sendBeacon API 2507 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2508 var blobData = new window.Blob([payload], { 2509 type: 'text/plain' 2510 }); 2511 2512 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2513 return true; 2514 } // sendBeacon was not successful 2515 2516 } // XHR beacon 2517 2518 var xhr = new XMLHttpRequest(); 2519 2520 try { 2521 xhr.open('POST', endpointUrl); 2522 xhr.setRequestHeader('Content-Type', 'text/plain'); 2523 xhr.send(payload); 2524 } catch (e) { 2525 console.log(e); 2526 } 2527 2528 return false; 2529 }, 2530 isIos12: function isIos12() { 2531 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2532 } 2533 }; 2534 Monorail.produce('monorail-edge.shopifysvc.com', 2535 'trekkie_storefront_load_errors/1.1', 2536 {shop_id: 43444895903, 2537 theme_id: 162581709028, 2538 app_name: "storefront", 2539 context_url: window.location.href, 2540 source_url: "//www.healthfab.in/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2541 2542 }; 2543 scriptFallback.async = true; 2544 scriptFallback.src = '//www.healthfab.in/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2545 first.parentNode.insertBefore(scriptFallback, first); 2546}; 2547script.async = true; 2548script.src = '//www.healthfab.in/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2549first.parentNode.insertBefore(script, first); 2550 2551 }; 2552 trekkie.load( 2553 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":43444895903,"isMerchantRequest":null,"themeId":162581709028,"themeCityHash":"13512614898912583525","contentLanguage":"en","currency":"INR","eventMetadataId":"cc628c83-39c6-453c-92e4-86fc9be2a048"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2554 ); 2555 2556 var loaded = false;
2557 trekkie.ready(function() { 2558 if (loaded) return; 2559 loaded = true; 2560 2561 window.ShopifyAnalytics.lib = window.trekkie; 2562 2563 var originalDocumentWrite = document.write; 2564 document.write = customDocumentWrite; 2565 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2566 document.write = originalDocumentWrite; 2567 2568 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2569 var token = match? match[1]: undefined; 2570 if (!hasLoggedConversion(token)) { 2571 setCookieIfConversion(token); 2572 2573 } 2574 }); 2575 2576 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":128246710500,"requestId":"f6bdeee8-1ef8-4e34-92c3-4913b45643dc-1791164718","shopifyEmitted":true}); 2577 2578 var eventsListenerScript = document.createElement('script'); 2579 eventsListenerScript.async = true; 2580 eventsListenerScript.src = "//www.healthfab.in/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2581 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2582})();</script>
vendor: 1 bytes, line 2582
2582
2583<script 2584 defer 2585 src="https://www.healthfab.in/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2586 data-application="storefront-renderer" 2587 data-shop-id="43444895903" 2588 data-render-region="gcp-us-central1" 2589 data-page-type="page" 2590 data-theme-instance-id="162581709028" 2591 data-theme-name="Horizon" 2592 data-theme-version="3.2.1" 2593 data-monorail-region="shop_domain" 2594 data-resource-timing-sampling-rate="10" 2595 data-shs="true" 2596 data-shs-beacon="true" 2597 data-shs-export-with-fetch="true" 2598 data-shs-logs-sample-rate="1" 2599 data-shs-beacon-endpoint="https://www.healthfab.in/api/collect" 2600></script>
2600 2601<meta name="shopify-y" content="09bc05ff-daf2-4f0c-8880-3764951dc00a" data-expiration="1822722318000"><meta name="shopify-s" content="b9bd126a-207b-4383-9035-82be6704b2b1" data-expiration="1791166518000"><meta name="new-cookie-storage-activated" content="t"> 2602</head> 2603 2604 <body class="page-width-narrow card-hover-effect-none page-page template-hf-blog-hub"> 2605 <a 2606 class="skip-to-content-link button-secondary" 2607 href="#MainContent" 2608> 2609 Skip to content 2610</a> 2611 2612 <div id="header-group"> 2613 <!-- BEGIN sections: header-group --> 2614<header id="shopify-section-sections--22900181762276__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2615 2616 2617 2618 2619<header-component 2620 id="header-component" 2621 class="header header--inherit-color-scheme-on-menu-open" 2622 data-theme-color="rgb(0 0 0)" 2623 2624 2625 sticky="always" 2626 2627 2628 data-skip-node-update 2629 data-scroll-direction="none" 2630> 2631 2632 2633 2634 2635 2636 2637 <div 2638 class="header__row header__row--top color-scheme-2 section section--full-width-margin section--page-width" 2639 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 2640 <div class="header__columns spacing-style"> 2641 <div 2642 class="header__column header__column--left" 2643 data-testid="header-top-left" 2644 > 2645 2646 2647 2648 2649 2650 2651 2652 2653 <div 2654 class="header__drawer header__drawer--mobile-only" 2655 ref="headerDrawerContainer" 2656 2657 > 2658 2659
2659<script 2660 src="//www.healthfab.in/cdn/shop/t/387/assets/header-drawer.js?v=44357639294953783801786129702" 2661 type="module" 2662 fetchpriority="low" 2663></script>
2663 2664 2665<header-drawer class="header-drawer nav-new-drawer header__drawer--mobile"> 2666 <details 2667 id="Details-menu-drawer-container" 2668 data-skip-node-update="true" 2669 class="menu-drawer-container" 2670 ref="details" 2671 scroll-lock 2672 > 2673 <summary 2674 class="header__icon header__icon--menu header__icon--summary" 2675 aria-label="Menu" 2676 on:click="/toggle" 2677 > 2678 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"> 2679 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 2680<path d="M3 6H19.5" stroke="#113F8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2681<path d="M3 11H19.5" stroke="#113F8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2682<path d="M3 16H19.5" stroke="#113F8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2683</svg> 2684 2685 </span> 2686 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"> 2687 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 2688<path d="M14 1L1 14M1 1L14 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2689</svg> 2690 2691 </span> 2692 </summary> 2693 2694 <div 2695 data-header-drawer 2696 class="menu-drawer menu-drawer--nav-new motion-reduce color-scheme-1" 2697 > 2698 <div class="menu-drawer__header nav-new-drawer__header"> 2699 <a 2700 href="/" 2701 class="menu-drawer__logo" 2702 > 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 <img src="//www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=21&v=1767009141" alt="healthfab-gopadfree-period-panty-logo" width="127" height="21" class="menu-drawer__logo-image" srcset="//www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=21&v=1767009141 1x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=42&v=1767009141 2x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=63&v=1767009141 3x" style="--header-logo-image-width-mobile: 128px; --header-logo-image-height-mobile: 21px;"> 2717 2718 2719 2720 </a> 2721 2722 <button 2723 class="button button-unstyled close-button menu-drawer__close-button" 2724 type="button" 2725 aria-label="Close" 2726 on:click="/close" 2727 > 2728 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"> 2729 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 2730<path d="M14 1L1 14M1 1L14 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2731</svg> 2732 2733 </span> 2734 </button> 2735 </div> 2736 2737 <nav 2738 class="nav-new-drawer__nav" 2739 aria-label="Menu" 2740 > 2741 <ul class="nav-new-drawer__list list-unstyled" role="list"><li class="nav-new-drawer__item"><details 2742 class="nav-new-drawer__section" 2743 2744 open 2745 2746 > 2747 <summary class="nav-new-drawer__summary"> 2748 <span class="nav-new-drawer__summary-text">All Products</span> 2749 <span class="nav-new-drawer__summary-caret svg-wrapper"><svg 2750 class="nav-new__caret-icon" 2751 xmlns="http://www.w3.org/2000/svg" 2752 width="12" 2753 height="8" 2754 viewBox="0 0 12 8" 2755 fill="none" 2756 aria-hidden="true" 2757 focusable="false" 2758> 2759 <path 2760 d="M1.4 1.4L6 6L10.6 1.4" 2761 stroke="currentColor" 2762 stroke-width="1.8" 2763 stroke-linecap="round" 2764 stroke-linejoin="round" 2765 /> 2766</svg> 2767</span> 2768 </summary> 2769 2770 <div class="nav-new-drawer__panel"> 2771 <ul class="nav-new-drawer__sublist list-unstyled" role="list"><li class="nav-new-drawer__subitem"> 2772 <a 2773 href="/products/gopadfree-period-panty" 2774 class="nav-new__row nav-new-drawer__row" 2775 ><span class="nav-new__thumb "> 2776 <img 2777 src="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=64" 2778 srcset=" 2779 //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=32 1x, 2780 //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=64 2x 2781 " 2782 alt="" 2783 width="32" 2784 height="32" 2785 loading="lazy" 2786 decoding="async" 2787 class="nav-new__thumb-image" 2788 > 2789 </span><span class="nav-new__row-text">
2790 <span class="nav-new__row-label">Reusable Period Panty</span> 2791 </span> 2792 </a> 2793 </li><li class="nav-new-drawer__subitem"> 2794 <a 2795 href="/products/disposable-period-panty" 2796 class="nav-new__row nav-new-drawer__row" 2797 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 2798 <span class="nav-new__row-label">Disposable Period Panty</span> 2799 </span> 2800 </a> 2801 </li><li class="nav-new-drawer__subitem"> 2802 <a 2803 href="/products/ph-sensitive-period-intimate-wipes" 2804 class="nav-new__row nav-new-drawer__row" 2805 ><span class="nav-new__thumb "> 2806 <img 2807 src="//www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=64" 2808 srcset=" 2809 //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=32 1x, 2810 //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=64 2x 2811 " 2812 alt="" 2813 width="32" 2814 height="32" 2815 loading="lazy" 2816 decoding="async" 2817 class="nav-new__thumb-image" 2818 > 2819 </span><span class="nav-new__row-text"> 2820 <span class="nav-new__row-label">Period Intimate Wipes</span> 2821 </span> 2822 </a> 2823 </li><li class="nav-new-drawer__subitem"> 2824 <a 2825 href="/products/hair-growth-serum" 2826 class="nav-new__row nav-new-drawer__row" 2827 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 2828 <span class="nav-new__row-label">Hair Growth Serum</span> 2829 </span> 2830 </a> 2831 </li><li class="nav-new-drawer__subitem"> 2832 <a 2833 href="/products/standard-diet-plan" 2834 class="nav-new__row nav-new-drawer__row" 2835 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 2836 <span class="nav-new__row-label">Diet Plan</span> 2837 </span> 2838 </a> 2839 </li><li class="nav-new-drawer__subitem"> 2840 <a 2841 href="/products/30-day-movement-plan" 2842 class="nav-new__row nav-new-drawer__row" 2843 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 2844 <span class="nav-new__row-label">Exercise Plan</span> 2845 </span> 2846 </a> 2847 </li></ul> 2848 </div> 2849 </details></li><li class="nav-new-drawer__item"><details 2850 class="nav-new-drawer__section" 2851 2852 > 2853 <summary class="nav-new-drawer__summary"> 2854 <span class="nav-new-drawer__summary-text">Shop by Concern</span> 2855 <span class="nav-new-drawer__summary-caret svg-wrapper"><svg 2856 class="nav-new__caret-icon" 2857 xmlns="http://www.w3.org/2000/svg" 2858 width="12" 2859 height="8" 2860 viewBox="0 0 12 8" 2861 fill="none" 2862 aria-hidden="true" 2863 focusable="false" 2864> 2865 <path 2866 d="M1.4 1.4L6 6L10.6 1.4" 2867 stroke="currentColor" 2868 stroke-width="1.8" 2869 stroke-linecap="round" 2870 stroke-linejoin="round" 2871 /> 2872</svg> 2873</span> 2874 </summary> 2875 2876 <div class="nav-new-drawer__panel"> 2877 <ul class="nav-new-drawer__sublist list-unstyled" role="list"><li class="nav-new-drawer__subitem"> 2878 <a 2879 href="/collections/gopadfree-gopainfree-period-products" 2880 class="nav-new__row nav-new-drawer__row" 2881 ><span class="nav-new__thumb nav-new__thumb--icon "> 2882 <img 2883 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-flow.png?v=91086601774899277591788265952" 2884 alt="" 2885 width="32" 2886 height="32" 2887 loading="lazy" 2888 decoding="async" 2889 class="nav-new__thumb-image" 2890 > 2891 </span><span class="nav-new__row-text">
2892 <span class="nav-new__row-label">Period Flow</span> 2893 </span> 2894 </a> 2895 </li><li class="nav-new-drawer__subitem"> 2896 <a 2897 href="/products/ph-sensitive-period-intimate-wipes" 2898 class="nav-new__row nav-new-drawer__row" 2899 ><span class="nav-new__thumb nav-new__thumb--icon "> 2900 <img 2901 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-intimate.png?v=10361107937122239901788265953" 2902 alt="" 2903 width="32" 2904 height="32" 2905 loading="lazy" 2906 decoding="async" 2907 class="nav-new__thumb-image" 2908 > 2909 </span><span class="nav-new__row-text"> 2910 <span class="nav-new__row-label">Intimate Hygiene</span> 2911 </span> 2912 </a> 2913 </li><li class="nav-new-drawer__subitem"> 2914 <a 2915 href="/products/hair-growth-serum" 2916 class="nav-new__row nav-new-drawer__row" 2917 ><span class="nav-new__thumb nav-new__thumb--icon "> 2918 <img 2919 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-hair.png?v=61943134085066390001788265952" 2920 alt="" 2921 width="32" 2922 height="32" 2923 loading="lazy" 2924 decoding="async" 2925 class="nav-new__thumb-image" 2926 > 2927 </span><span class="nav-new__row-text"> 2928 <span class="nav-new__row-label">Hair Fall</span> 2929 </span> 2930 </a> 2931 </li><li class="nav-new-drawer__subitem"> 2932 <a 2933 href="/collections/hormonal-health" 2934 class="nav-new__row nav-new-drawer__row" 2935 ><span class="nav-new__thumb nav-new__thumb--icon "> 2936 <img 2937 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-hormonal.png?v=97898328992874947111790357649" 2938 alt="" 2939 width="32" 2940 height="32" 2941 loading="lazy" 2942 decoding="async" 2943 class="nav-new__thumb-image" 2944 > 2945 </span><span class="nav-new__row-text"> 2946 <span class="nav-new__row-label">Hormonal Health</span> 2947 </span> 2948 </a> 2949 </li></ul> 2950 </div> 2951 </details></li><li class="nav-new-drawer__item"><details 2952 class="nav-new-drawer__section" 2953 2954 > 2955 <summary class="nav-new-drawer__summary"> 2956 <span class="nav-new-drawer__summary-text">Period Kits</span> 2957 <span class="nav-new-drawer__summary-caret svg-wrapper"><svg 2958 class="nav-new__caret-icon" 2959 xmlns="http://www.w3.org/2000/svg" 2960 width="12" 2961 height="8" 2962 viewBox="0 0 12 8" 2963 fill="none" 2964 aria-hidden="true" 2965 focusable="false" 2966> 2967 <path 2968 d="M1.4 1.4L6 6L10.6 1.4" 2969 stroke="currentColor" 2970 stroke-width="1.8" 2971 stroke-linecap="round" 2972 stroke-linejoin="round" 2973 /> 2974</svg> 2975</span> 2976 </summary> 2977 2978 <div class="nav-new-drawer__panel"> 2979 <ul class="nav-new-drawer__sublist list-unstyled" role="list"><li class="nav-new-drawer__subitem"> 2980 <a 2981 href="/products/period-essentials-kit" 2982 class="nav-new__row nav-new-drawer__row" 2983 ><span class="nav-new__thumb "> 2984 <img 2985 src="//www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=64" 2986 srcset=" 2987 //www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=32 1x, 2988 //www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=64 2x 2989 " 2990 alt="" 2991 width="32" 2992 height="32" 2993 loading="lazy" 2994 decoding="async" 2995 class="nav-new__thumb-image" 2996 > 2997 </span><span class="nav-new__row-text"> 2998 <span class="nav-new__row-label">Period Essentials Kit</span> 2999 </span> 3000 </a> 3001 </li><li class="nav-new-drawer__subitem"> 3002 <a 3003 href="/products/period-care-kit" 3004 class="nav-new__row nav-new-drawer__row" 3005 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text">
3006 <span class="nav-new__row-label">Period Care Kit</span> 3007 </span> 3008 </a> 3009 </li><li class="nav-new-drawer__subitem"> 3010 <a 3011 href="/products/hair-growth-period-kit" 3012 class="nav-new__row nav-new-drawer__row" 3013 ><span class="nav-new__thumb "> 3014 <img 3015 src="//www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=64" 3016 srcset=" 3017 //www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=32 1x, 3018 //www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=64 2x 3019 " 3020 alt="" 3021 width="32" 3022 height="32" 3023 loading="lazy" 3024 decoding="async" 3025 class="nav-new__thumb-image" 3026 > 3027 </span><span class="nav-new__row-text"> 3028 <span class="nav-new__row-label">Hair Growth Period Kit</span> 3029 </span> 3030 </a> 3031 </li><li class="nav-new-drawer__subitem"> 3032 <a 3033 href="/products/pcos-period-kit" 3034 class="nav-new__row nav-new-drawer__row" 3035 ><span class="nav-new__thumb "> 3036 <img 3037 src="//www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=64" 3038 srcset=" 3039 //www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=32 1x, 3040 //www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=64 2x 3041 " 3042 alt="" 3043 width="32" 3044 height="32" 3045 loading="lazy" 3046 decoding="async" 3047 class="nav-new__thumb-image" 3048 > 3049 </span><span class="nav-new__row-text"> 3050 <span class="nav-new__row-label">PCOS Period Kit</span> 3051 </span> 3052 </a> 3053 </li><li class="nav-new-drawer__subitem"> 3054 <a 3055 href="/products/period-care-plus-kit" 3056 class="nav-new__row nav-new-drawer__row" 3057 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 3058 <span class="nav-new__row-label">Period Care+ Kit</span> 3059 </span> 3060 </a> 3061 </li><li class="nav-new-drawer__subitem"> 3062 <a 3063 href="/products/period-am-pm-kit" 3064 class="nav-new__row nav-new-drawer__row" 3065 ><span class="nav-new__thumb "> 3066 <img 3067 src="//www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=64" 3068 srcset=" 3069 //www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=32 1x, 3070 //www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=64 2x 3071 " 3072 alt="" 3073 width="32" 3074 height="32" 3075 loading="lazy" 3076 decoding="async" 3077 class="nav-new__thumb-image" 3078 > 3079 </span><span class="nav-new__row-text"> 3080 <span class="nav-new__row-label">Period AM PM Kit</span> 3081 </span> 3082 </a> 3083 </li></ul> 3084 </div> 3085 </details></li></ul><div class="nav-new-drawer__cta"> 3086 <a 3087 href="/pages/fabscore?fs3_from=site_drawer" 3088 class="header__custom-button " 3089 style="--custom-button-from: #ff63a9; --custom-button-to: #d12280; --custom-button-text: #ffffff;" 3090 > 3091 <span class="header__custom-button-text">Free PCOS Assessment</span><span class="header__custom-button-arrow" aria-hidden="true"><svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3092<g id="f7:arrow-left"> 3093<path id="Vector" d="M2.6723 12.0007C2.6723 12.2519 2.78288 12.4829 2.98388 12.6736L9.6533 19.3336C9.86416 19.5243 10.0754 19.6147 10.3064 19.6147C10.8087 19.6147 11.1902 19.253 11.1902 18.7507C11.1902 18.5099 11.1002 18.2686 10.939 18.1177L8.6993 15.8279L5.30416 12.7439L7.74488 12.8947H20.4417C20.9642 12.8947 21.3259 12.5231 21.3259 12.0007C21.3259 11.4783 20.9
3093642 11.1067 20.4417 11.1067H7.74488L5.31402 11.2576L8.6993 8.17358L10.939 5.88372C11.11 5.72258 11.1902 5.49158 11.1902 5.25072C11.1902 4.74843 10.8087 4.38672 10.3064 4.38672C10.075 4.38672 9.8543 4.46729 9.63359 4.68843L2.98345 11.3279C2.78245 11.5186 2.6723 11.7496 2.6723 12.0007Z" fill="white"/> 3094</g> 3095</svg> 3096</span></a> 3097 3098 </div></nav> 3099 </div> 3100 3101 <div 3102 class="menu-drawer__backdrop" 3103 on:click="header-drawer/close" 3104 ></div> 3105 </details> 3106</header-drawer> 3107 3108 3109 3110 3111 </div> 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 <search-button class="search-action desktop:hidden"> 3126 <button 3127 on:click="#search-modal/showDialog" 3128 class="button button-unstyled search-modal__button header-actions__action" 3129 aria-label="Search" 3130 aria-haspopup="dialog" 3131 > 3132 <span 3133 aria-hidden="true" 3134 class="svg-wrapper" 3135 > 3136 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3137 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.5C6.413 3.5 3.5 6.413 3.5 10C3.5 13.587 6.413 16.5 10 16.5C13.587 16.5 16.5 13.587 16.5 10C16.5 6.413 13.587 3.5 10 3.5ZM10 4.5C13.036 4.5 15.5 6.964 15.5 10C15.5 13.036 13.036 15.5 10 15.5C6.964 15.5 4.5 13.036 4.5 10C4.5 6.964 6.964 4.5 10 4.5Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 3138 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.354 19.6464L14.595 13.8884C14.5007 13.7973 14.3744 13.7469 14.2433 13.7481C14.1122 13.7492 13.9868 13.8018 13.8941 13.8945C13.8014 13.9872 13.7488 14.1126 13.7477 14.2437C13.7465 14.3748 13.7969 14.5011 13.888 14.5954L19.646 20.3544C19.742 20.4372 19.8657 20.4805 19.9923 20.4759C20.119 20.4712 20.2392 20.4188 20.3288 20.3292C20.4184 20.2396 20.4708 20.1194 20.4755 19.9927C20.4802 19.8661 20.4368 19.7424 20.354 19.6464Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 3139</svg> 3140 3141 3142 </span> 3143 </button> 3144 </search-button> 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159
3159<script 3160 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-new.js?v=42732268216131761281788265953" 3161 type="module" 3162 fetchpriority="low" 3163></script>
3163<nav-new-menu 3164 ref="headerMenu" 3165 class="nav-new nav-new--desktop nav-new--desktop-only" 3166 style="--menu-top-level-font-family: var(--font-subheading--family); 3167--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; 3168 3169 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 3170 var(--menu-font-sm--line-height); 3171 3172--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3173" 3174> 3175 <nav aria-label="Menu"> 3176 <ul class="nav-new__list list-unstyled" role="list"><li 3177 class="nav-new__item nav-new__item--has-panel" 3178 3179 on:pointerenter="/activate" 3180 on:pointerleave="/deactivate" 3181 on:focus="/activate" 3182 on:blur="/deactivate" 3183 3184 > 3185 <a 3186 href="/collections/all" 3187 class="nav-new__link" 3188 data-skip-node-update="true" 3189 aria-controls="nav-new-panel-1" 3190 aria-haspopup="true" 3191 aria-expanded="false" 3192 on:click="/toggle" 3193 > 3194 <span class="nav-new__link-text">All Products</span><span class="nav-new__caret svg-wrapper"><svg 3195 class="nav-new__caret-icon" 3196 xmlns="http://www.w3.org/2000/svg" 3197 width="12" 3198 height="8" 3199 viewBox="0 0 12 8" 3200 fill="none" 3201 aria-hidden="true" 3202 focusable="false" 3203> 3204 <path 3205 d="M1.4 1.4L6 6L10.6 1.4" 3206 stroke="currentColor" 3207 stroke-width="1.8" 3208 stroke-linecap="round" 3209 stroke-linejoin="round" 3210 /> 3211</svg> 3212</span></a><div 3213 id="nav-new-panel-1" 3214 class="nav-new__panel color-scheme-1" 3215 data-nav-new-panel 3216 > 3217 <ul class="nav-new__panel-list list-unstyled" role="list"><li class="nav-new__panel-item"> 3218 <a 3219 href="/products/gopadfree-period-panty" 3220 class="nav-new__row" 3221 ><span class="nav-new__thumb "> 3222 <img 3223 src="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=80" 3224 srcset=" 3225 //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=40 1x, 3226 //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=80 2x 3227 " 3228 alt="" 3229 width="40" 3230 height="40" 3231 loading="lazy" 3232 decoding="async" 3233 class="nav-new__thumb-image" 3234 > 3235 </span><span class="nav-new__row-text"> 3236 <span class="nav-new__row-label">Reusable Period Panty</span></span> 3237 </a> 3238 </li><li class="nav-new__panel-item"> 3239 <a 3240 href="/products/disposable-period-panty" 3241 class="nav-new__row" 3242 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 3243 <span class="nav-new__row-label">Disposable Period Panty</span></span> 3244 </a> 3245 </li><li class="nav-new__panel-item"> 3246 <a 3247 href="/products/ph-sensitive-period-intimate-wipes" 3248 class="nav-new__row" 3249 ><span class="nav-new__thumb "> 3250 <img 3251 src="//www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=80" 3252 srcset=" 3253 //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=40 1x, 3254 //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=80 2x 3255 " 3256 alt="" 3257 width="40" 3258 height="40" 3259 loading="lazy" 3260 decoding="async" 3261 class="nav-new__thumb-image" 3262 > 3263 </span><span class="nav-new__row-text"> 3264 <span class="nav-new__row-label">Period Intimate Wipes</span></span> 3265 </a> 3266 </li><li class="nav-new__panel-item"> 3267 <a 3268 href="/products/hair-growth-serum" 3269 class="nav-new__row" 3270 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text">
3271 <span class="nav-new__row-label">Hair Growth Serum</span></span> 3272 </a> 3273 </li><li class="nav-new__panel-item"> 3274 <a 3275 href="/products/standard-diet-plan" 3276 class="nav-new__row" 3277 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 3278 <span class="nav-new__row-label">Diet Plan</span></span> 3279 </a> 3280 </li><li class="nav-new__panel-item"> 3281 <a 3282 href="/products/30-day-movement-plan" 3283 class="nav-new__row" 3284 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 3285 <span class="nav-new__row-label">Exercise Plan</span></span> 3286 </a> 3287 </li></ul> 3288 </div></li><li 3289 class="nav-new__item nav-new__item--has-panel" 3290 3291 on:pointerenter="/activate" 3292 on:pointerleave="/deactivate" 3293 on:focus="/activate" 3294 on:blur="/deactivate" 3295 3296 > 3297 <a 3298 href="/collections" 3299 class="nav-new__link" 3300 data-skip-node-update="true" 3301 aria-controls="nav-new-panel-2" 3302 aria-haspopup="true" 3303 aria-expanded="false" 3304 on:click="/toggle" 3305 > 3306 <span class="nav-new__link-text">Shop by Concern</span><span class="nav-new__caret svg-wrapper"><svg 3307 class="nav-new__caret-icon" 3308 xmlns="http://www.w3.org/2000/svg" 3309 width="12" 3310 height="8" 3311 viewBox="0 0 12 8" 3312 fill="none" 3313 aria-hidden="true" 3314 focusable="false" 3315> 3316 <path 3317 d="M1.4 1.4L6 6L10.6 1.4" 3318 stroke="currentColor" 3319 stroke-width="1.8" 3320 stroke-linecap="round" 3321 stroke-linejoin="round" 3322 /> 3323</svg> 3324</span></a><div 3325 id="nav-new-panel-2" 3326 class="nav-new__panel color-scheme-1" 3327 data-nav-new-panel 3328 > 3329 <ul class="nav-new__panel-list list-unstyled" role="list"><li class="nav-new__panel-item"> 3330 <a 3331 href="/collections/gopadfree-gopainfree-period-products" 3332 class="nav-new__row" 3333 ><span class="nav-new__thumb nav-new__thumb--icon "> 3334 <img 3335 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-flow.png?v=91086601774899277591788265952" 3336 alt="" 3337 width="40" 3338 height="40" 3339 loading="lazy" 3340 decoding="async" 3341 class="nav-new__thumb-image" 3342 > 3343 </span><span class="nav-new__row-text"> 3344 <span class="nav-new__row-label">Period Flow</span></span> 3345 </a> 3346 </li><li class="nav-new__panel-item"> 3347 <a 3348 href="/products/ph-sensitive-period-intimate-wipes" 3349 class="nav-new__row" 3350 ><span class="nav-new__thumb nav-new__thumb--icon "> 3351 <img 3352 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-intimate.png?v=10361107937122239901788265953" 3353 alt="" 3354 width="40" 3355 height="40" 3356 loading="lazy" 3357 decoding="async" 3358 class="nav-new__thumb-image" 3359 > 3360 </span><span class="nav-new__row-text"> 3361 <span class="nav-new__row-label">Intimate Hygiene</span></span> 3362 </a> 3363 </li><li class="nav-new__panel-item"> 3364 <a 3365 href="/products/hair-growth-serum" 3366 class="nav-new__row" 3367 ><span class="nav-new__thumb nav-new__thumb--icon "> 3368 <img 3369 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-hair.png?v=61943134085066390001788265952" 3370 alt="" 3371 width="40" 3372 height="40" 3373 loading="lazy" 3374 decoding="async" 3375 class="nav-new__thumb-image" 3376 > 3377 </span><span class="nav-new__row-text"> 3378 <span class="nav-new__row-label">Hair Fall</span></span> 3379 </a> 3380 </li><li class="nav-new__panel-item"> 3381 <a 3382 href="/collections/hormonal-health" 3383 class="nav-new__row" 3384 ><span class="nav-new__thumb nav-new__thumb--icon "> 3385 <img 3386 src="//www.healthfab.in/cdn/shop/t/387/assets/nav-icon-hormonal.png?v=97898328992874947111790357649" 3387 alt="" 3388 width="40" 3389 height="40" 3390 loading="lazy" 3391 decoding="async" 3392 class="nav-new__thumb-image" 3393 > 3394 </span><span class="nav-new__row-text">
3395 <span class="nav-new__row-label">Hormonal Health</span></span> 3396 </a> 3397 </li></ul> 3398 </div></li><li 3399 class="nav-new__item nav-new__item--has-panel" 3400 3401 on:pointerenter="/activate" 3402 on:pointerleave="/deactivate" 3403 on:focus="/activate" 3404 on:blur="/deactivate" 3405 3406 > 3407 <a 3408 href="/products/pcos-period-kit" 3409 class="nav-new__link" 3410 data-skip-node-update="true" 3411 aria-controls="nav-new-panel-3" 3412 aria-haspopup="true" 3413 aria-expanded="false" 3414 on:click="/toggle" 3415 > 3416 <span class="nav-new__link-text">Period Kits</span><span class="nav-new__caret svg-wrapper"><svg 3417 class="nav-new__caret-icon" 3418 xmlns="http://www.w3.org/2000/svg" 3419 width="12" 3420 height="8" 3421 viewBox="0 0 12 8" 3422 fill="none" 3423 aria-hidden="true" 3424 focusable="false" 3425> 3426 <path 3427 d="M1.4 1.4L6 6L10.6 1.4" 3428 stroke="currentColor" 3429 stroke-width="1.8" 3430 stroke-linecap="round" 3431 stroke-linejoin="round" 3432 /> 3433</svg> 3434</span></a><div 3435 id="nav-new-panel-3" 3436 class="nav-new__panel color-scheme-1" 3437 data-nav-new-panel 3438 > 3439 <ul class="nav-new__panel-list list-unstyled" role="list"><li class="nav-new__panel-item"> 3440 <a 3441 href="/products/period-essentials-kit" 3442 class="nav-new__row" 3443 ><span class="nav-new__thumb "> 3444 <img 3445 src="//www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=80" 3446 srcset=" 3447 //www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=40 1x, 3448 //www.healthfab.in/cdn/shop/files/combo001.png?v=1787566642&width=80 2x 3449 " 3450 alt="" 3451 width="40" 3452 height="40" 3453 loading="lazy" 3454 decoding="async" 3455 class="nav-new__thumb-image" 3456 > 3457 </span><span class="nav-new__row-text"> 3458 <span class="nav-new__row-label">Period Essentials Kit</span></span> 3459 </a> 3460 </li><li class="nav-new__panel-item"> 3461 <a 3462 href="/products/period-care-kit" 3463 class="nav-new__row" 3464 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text"> 3465 <span class="nav-new__row-label">Period Care Kit</span></span> 3466 </a> 3467 </li><li class="nav-new__panel-item"> 3468 <a 3469 href="/products/hair-growth-period-kit" 3470 class="nav-new__row" 3471 ><span class="nav-new__thumb "> 3472 <img 3473 src="//www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=80" 3474 srcset=" 3475 //www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=40 1x, 3476 //www.healthfab.in/cdn/shop/files/Combo_PDP.png?v=1789736485&width=80 2x 3477 " 3478 alt="" 3479 width="40" 3480 height="40" 3481 loading="lazy" 3482 decoding="async" 3483 class="nav-new__thumb-image" 3484 > 3485 </span><span class="nav-new__row-text"> 3486 <span class="nav-new__row-label">Hair Growth Period Kit</span></span> 3487 </a> 3488 </li><li class="nav-new__panel-item"> 3489 <a 3490 href="/products/pcos-period-kit" 3491 class="nav-new__row" 3492 ><span class="nav-new__thumb "> 3493 <img 3494 src="//www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=80" 3495 srcset=" 3496 //www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=40 1x, 3497 //www.healthfab.in/cdn/shop/files/Offer1X1_2.png?v=1786965367&width=80 2x 3498 " 3499 alt="" 3500 width="40" 3501 height="40" 3502 loading="lazy" 3503 decoding="async" 3504 class="nav-new__thumb-image" 3505 > 3506 </span><span class="nav-new__row-text"> 3507 <span class="nav-new__row-label">PCOS Period Kit</span></span> 3508 </a> 3509 </li><li class="nav-new__panel-item"> 3510 <a 3511 href="/products/period-care-plus-kit" 3512 class="nav-new__row" 3513 ><span class="nav-new__thumb nav-new__thumb--empty " aria-hidden="true"></span><span class="nav-new__row-text">
3514 <span class="nav-new__row-label">Period Care+ Kit</span></span> 3515 </a> 3516 </li><li class="nav-new__panel-item"> 3517 <a 3518 href="/products/period-am-pm-kit" 3519 class="nav-new__row" 3520 ><span class="nav-new__thumb "> 3521 <img 3522 src="//www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=80" 3523 srcset=" 3524 //www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=40 1x, 3525 //www.healthfab.in/cdn/shop/files/PeriodAMPMKit.png?v=1788934058&width=80 2x 3526 " 3527 alt="" 3528 width="40" 3529 height="40" 3530 loading="lazy" 3531 decoding="async" 3532 class="nav-new__thumb-image" 3533 > 3534 </span><span class="nav-new__row-text"> 3535 <span class="nav-new__row-label">Period AM PM Kit</span></span> 3536 </a> 3537 </li></ul> 3538 </div></li></ul> 3539 </nav> 3540</nav-new-menu> 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 </div><div 3556 class="header__column header__column--center" 3557 data-testid="header-top-center" 3558 > 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568<a 3569 3570 href="/" 3571 class="size-style spacing-style header-logo" 3572 style=" 3573 --size-style-width: ;--size-style-height: ; 3574 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3575 --font-family: var(--font-body--family); 3576 --font-style: var(--font-body--style); 3577 --font-weight: 600; 3578 " 3579 3580> 3581 3582 3583 <span 3584 class="header-logo__image-container header-logo__image-container--original" 3585 data-testid="header-logo" 3586 > 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 <img src="//www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=32&v=1767009141" alt="healthfab-gopadfree-period-panty-logo" width="194" height="32" class="header-logo__image" srcset="//www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=32&v=1767009141 1x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=64&v=1767009141 2x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=96&v=1767009141 3x" style="--header-logo-image-width: 194px;--header-logo-image-width-mobile: 128px; --header-logo-image-height: 32px; --header-logo-image-height-mobile: 21px;"> 3599 3600 3601 </span> 3602 3603 3604</a> 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 </div><div 3615 class="header__column header__column--right" 3616 data-testid="header-top-right" 3617 > 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 <a 3633 href="/pages/fabscore?fs3_from=site_header" 3634 class="header__custom-button header__custom-button--desktop-only" 3635 style="--custom-button-from: #ff63a9; --custom-button-to: #d12280; --custom-button-text: #ffffff;" 3636 > 3637 <span class="header__custom-button-text">Free PCOS Assessment</span><span class="header__custom-button-arrow" aria-hidden="true"><svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3638<g id="f7:arrow-left"> 3639<path id="Vector" d="M2.6723 12.0007C2.6723 12.2519 2.78288 12.4829 2.98388 12.6736L9.6533 19.3336C9.86416 19.5243 10.0754 19.6147 10.3064 19.6147C10.8087 19.6147 11.1902 19.253 11.1902 18.7507C11.1902 18.5099 11.1002 18.2686 10.939 18.1177L8.6993 15.8279L5.30416 12.7439L7.74488 12.8947H20.4417C20.9642 12.8947 21.3259 12.5231 21.3259 12.0007C21.3259 11.4783 20.9642 11.1067 20.4417 11.1067H7.74488L5.31402 11.2576L8.6993 8.17358L10.939 5.88372C11.11 5.72258 11.1902 5.49158 11.1902 5.25072C11.1902 4.74843 10.8087 4.38672 10.3064 4.38672C10.075 4.38672 9.8543 4.46729 9.63359 4.68843L2.98345 11.3279C2.78245 11.5186 2.6723 11.7496 2.6723 12.0007Z" fill="white"/> 3640</g> 3641</svg> 3642</span></a> 3643 3644 3645 3646 <search-button class="search-action mobile:hidden"> 3647 <button 3648 on:click="#search-modal/showDialog" 3649 class="button button-unstyled search-modal__button header-actions__action" 3650 aria-label="Search" 3651 aria-haspopup="dialog" 3652 >
3653 <span 3654 aria-hidden="true" 3655 class="svg-wrapper" 3656 > 3657 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3658 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.5C6.413 3.5 3.5 6.413 3.5 10C3.5 13.587 6.413 16.5 10 16.5C13.587 16.5 16.5 13.587 16.5 10C16.5 6.413 13.587 3.5 10 3.5ZM10 4.5C13.036 4.5 15.5 6.964 15.5 10C15.5 13.036 13.036 15.5 10 15.5C6.964 15.5 4.5 13.036 4.5 10C4.5 6.964 6.964 4.5 10 4.5Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 3659 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.354 19.6464L14.595 13.8884C14.5007 13.7973 14.3744 13.7469 14.2433 13.7481C14.1122 13.7492 13.9868 13.8018 13.8941 13.8945C13.8014 13.9872 13.7488 14.1126 13.7477 14.2437C13.7465 14.3748 13.7969 14.5011 13.888 14.5954L19.646 20.3544C19.742 20.4372 19.8657 20.4805 19.9923 20.4759C20.119 20.4712 20.2392 20.4188 20.3288 20.3292C20.4184 20.2396 20.4708 20.1194 20.4755 19.9927C20.4802 19.8661 20.4368 19.7424 20.354 19.6464Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 3660</svg> 3661 3662 3663 </span> 3664 </button> 3665 </search-button> 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676
3676<script 3677 type="module" 3678 src="//www.healthfab.in/cdn/shop/t/387/assets/cart-icon.js?v=157241182139685326961786129701" 3679 fetchpriority="low" 3680></script>
3680 3681 3682 3683 3684<header-actions> 3685 3686
3686<script 3687 src="//www.healthfab.in/cdn/shop/t/387/assets/cart-drawer.js?v=114839895268146237731787172137" 3688 type="module" 3689 fetchpriority="low" 3690 ></script>
3690 3691 3692 <cart-drawer-component 3693 class="cart-drawer" 3694 3695 3696 > 3697 <button 3698 class="button header-actions__action button-unstyled" 3699 on:click="/open" 3700 aria-haspopup="dialog" 3701 aria-label="Cart" 3702 aria-describedby="cart-bubble-text" 3703 data-testid="cart-drawer-trigger" 3704 > 3705 3706 <cart-icon 3707 class=" 3708 header-actions__cart-icon 3709 3710 " 3711 data-testid="cart-icon" 3712 > 3713 <span 3714 class="svg-wrapper" 3715 aria-hidden="true" 3716 > 3717 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3718 <path d="M18.7047 9.76855L19.9828 18.0762C20.1548 19.1946 19.2896 20.2031 18.1581 20.2031H5.84655C4.71507 20.2031 3.84981 19.1946 4.02186 18.0762L5.29997 9.76855C5.43853 8.86794 6.21345 8.20312 7.12466 8.20312H16.88C17.7912 8.20312 18.5661 8.86794 18.7047 9.76855Z" stroke="#0C2B82" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 3719 <path d="M15.6932 8.20328V7.2802C15.6932 5.24099 14.0402 3.58789 12.0009 3.58789C9.96164 3.58789 8.30859 5.24099 8.30859 7.2802V8.20328" stroke="#0C2B82" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 3720</svg> 3721 3722 3723 </span> 3724 3725 <div 3726 ref="cartBubble" 3727 class="cart-bubble visually-hidden" 3728 3729 3730 data-maintain-ratio 3731 3732> 3733 <span class="cart-bubble__background"></span> 3734 <span 3735 ref="cartBubbleText" 3736 id="cart-bubble-text" 3737 class="cart-bubble__text" 3738 3739 role="status" 3740 3741 > 3742 <span class="visually-hidden">Total items in cart: 0 3743 </span> 3744 <span 3745 class="cart-bubble__text-count hidden" 3746 ref="cartBubbleCount" 3747 aria-hidden="true" 3748 data-testid="cart-bubble" 3749 > 37500</span> 3751 </span> 3752</div> 3753 3754 </cart-icon> 3755 3756 </button> 3757 3758 <dialog 3759 ref="dialog" 3760 class="cart-drawer__dialog cart-drawer__dialog--right dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 3761 aria-labelledby="cart-drawer-heading-empty" 3762 scroll-lock 3763 cart-summary-sticky="true" 3764 style="--cart-drawer-width: 450px; --cart-drawer-overlay: 0.4;" 3765 > 3766 <div class="cart-drawer__inner"> 3767 <cart-items-component 3768 class="cart-items-component" 3769 data-section-id="sections--22900181762276__header_section" 3770 ><div class="cart-drawer__header"> 3771 <button 3772 ref="closeButton" 3773 on:click="cart-drawer-component/close" 3774 class="button close-button cart-drawer__close-button button-unstyled" 3775 aria-label="Close dialog" 3776 > 3777 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3778 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3779 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3780</svg> 3781</span> 3782 </button> 3783 </div> 3784 3785 <div 3786 class="cart-drawer__content" 3787 aria-label="Cart" 3788 > 3789 <div class="cart-drawer__empty-icon" aria-hidden="true"> 3790 <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg> 3791 </div> 3792 <h2 3793 class="cart-drawer__heading h4 cart-drawer__heading--empty" 3794 id="cart-drawer-heading-empty" 3795 >Your bag is empty 3796</h2> 3797 3798 <div class="cart-drawer__items"> 3799 3800
3801<script 3802 src="//www.healthfab.in/cdn/shop/t/387/assets/component-cart-items.js?v=93306176645054334961787172137" 3803 type="module" 3804 fetchpriority="low" 3805></script>
vendor: 1 bytes, line 3805
3805
3806<script> 3807 (function () { 3808 if (window.__cartConfirmRemoveAttached) return; 3809 window.__cartConfirmRemoveAttached = true; 3810 document.addEventListener( 3811 'click', 3812 function (e) { 3813 const btn = e.target.closest('[data-confirm-remove="true"]'); 3814 if (!btn) return; 3815 const msg = btn.dataset.confirmMessage || 'Remove this item from your cart?'; 3816 if (!window.confirm(msg)) { 3817 e.preventDefault(); 3818 e.stopImmediatePropagation(); 3819 e.stopPropagation(); 3820 } 3821 }, 3822 true 3823 ); 3824 })(); 3825</script>
vendor: 1 bytes, line 3825
3825
3826<script 3827 src="//www.healthfab.in/cdn/shop/t/387/assets/component-cart-quantity-selector.js?v=105130809908858639751786129703" 3828 type="module" 3829 fetchpriority="low" 3830></script>
vendor: 1 bytes, line 3830
3830
3831<script 3832 src="//www.healthfab.in/cdn/shop/t/387/assets/volume-pricing-info.js?v=94479640769665442661786129701" 3833 type="module" 3834 fetchpriority="low" 3835></script>
3835 3836 3837<div 3838 3839 class="cart-items__wrapper" 3840 style=" 3841 --cart-accent-color: #ff63a9; 3842 3843 " 3844> 3845 3846<p> 3847 Have an account? <a href="https://account.healthfab.in?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJoZWFsdGhmYWJpbmRpYS5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE3Njk1MTksIm5iZiI6MTc5MTE2NDcxOX0.iJ02YRuHfZY2_0AYJYB1OL5F48uBfROxl8AO3OYHXgs">Log in</a> to check out faster. 3848 </p><a 3849 class="button cart-items__empty-button" 3850 href="/collections/all" 3851 > 3852 Continue shopping 3853 </a></div> 3854 3855 3856 </div> 3857 </div>
3857<script> 3858 (function () { 3859 if (window.__cartUpsellListenerAttached) return; 3860 window.__cartUpsellListenerAttached = true; 3861 3862 function getPagerStep(listEl) { 3863 const cuEl = listEl.closest('.cu'); 3864 const pageSize = Number(cuEl?.dataset?.pageSize) || 2; 3865 const card = listEl.querySelector('.cu-row'); 3866 const gap = parseFloat(getComputedStyle(listEl).columnGap) || 0; 3867 const cardWidth = card ? card.getBoundingClientRect().width + gap : listEl.clientWidth; 3868 return cardWidth * pageSize; 3869 } 3870 3871 function updatePagerState(listEl) { 3872 const cuEl = listEl.closest('.cu'); 3873 if (!cuEl) return; 3874 const prev = cuEl.querySelector('.cu__pager-btn[data-dir="prev"]'); 3875 const next = cuEl.querySelector('.cu__pager-btn[data-dir="next"]'); 3876 const maxScroll = listEl.scrollWidth - listEl.clientWidth; 3877 if (prev) prev.disabled = listEl.scrollLeft <= 1; 3878 if (next) next.disabled = listEl.scrollLeft >= maxScroll - 1; 3879 } 3880 3881 // Plain mouse wheels only report vertical deltaY â translate that 3882 // into horizontal movement so the upsell strip scrolls with the 3883 // wheel, not just via touch/trackpad swipe or the pager buttons. 3884 document.addEventListener( 3885 'wheel', 3886 function (e) { 3887 const listEl = e.target.closest('.cu__list'); 3888 if (!listEl) return; 3889 if (listEl.scrollWidth <= listEl.clientWidth) return; 3890 if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return; 3891 e.preventDefault(); 3892 listEl.scrollLeft += e.deltaY; 3893 updatePagerState(listEl); 3894 }, 3895 { passive: false } 3896 ); 3897 3898 document.addEventListener( 3899 'scroll', 3900 function (e) { 3901 if (e.target?.classList?.contains('cu__list')) { 3902 updatePagerState(e.target); 3903 } 3904 }, 3905 true 3906 ); 3907 3908 document.addEventListener('change', function (e) { 3909 const select = e.target.closest('.cu-row__variant-select'); 3910 if (!select) return; 3911 const btn = select.closest('.cu-row')?.querySelector('.cu-row__add'); 3912 if (btn) btn.dataset.variantId = select.value; 3913 }); 3914 3915 document.addEventListener('click', async function (e) { 3916 const pagerBtn = e.target.closest('.cu__pager-btn'); 3917 if (pagerBtn) { 3918 const cuEl = pagerBtn.closest('.cu'); 3919 const listEl = cuEl?.querySelector('.cu__list'); 3920 if (!listEl) return; 3921 const dir = pagerBtn.dataset.dir; 3922 const step = getPagerStep(listEl); 3923 listEl.scrollBy({ left: dir === 'next' ? step : -step, behavior: 'smooth' }); 3924 return; 3925 } 3926 3927 const btn = e.target.closest('.cu-row__add'); 3928 if (!btn || btn.disabled) return; 3929 3930 const variantId = btn.dataset.variantId; 3931 if (!variantId) return; 3932 3933 btn.disabled = true; 3934 const originalText = btn.textContent.trim(); 3935 btn.textContent = 'â¦'; 3936 3937 const cartItemsEl = document.querySelector('cart-items-component'); 3938 const sectionId = cartItemsEl?.dataset?.sectionId; 3939 3940 try { 3941 const body = { id: Number(variantId), quantity: 1 }; 3942 3943 // PDF diet plan pickers are line-item properties, not variants 3944 // (see cart-upsell-row.liquid) - send them like the PDP does. 3945 const planCombo = btn.closest('.cu-row')?.querySelector('.cu-row__plan-select[data-plan-combo]'); 3946 const planOption = planCombo?.selectedOptions?.[0]; 3947 if (planOption?.dataset.diet && planOption.dataset.lifestyle) { 3948 body.properties = { 3949 'Diet Preference': planOption.dataset.diet, 3950 Lifestyle: planOption.dataset.lifestyle, 3951 }; 3952 } 3953 if (sectionId) body.sections = [sectionId]; 3954 3955 const response = await fetch('/cart/add.js', { 3956 method: 'POST', 3957 headers: { 'Content-Type': 'application/json' }, 3958 body: JSON.stringify(body), 3959 }); 3960 3961 const data = await response.json(); 3962 3963 if (!response.ok) { 3964 btn.textContent = originalText; 3965 btn.disabled = false;
3966 return; 3967 } 3968 3969 btn.textContent = 'â'; 3970 3971 document.dispatchEvent( 3972 new CustomEvent('cart:update', { 3973 bubbles: true, 3974 detail: { 3975 resource: data, 3976 sourceId: 'cart-upsell', 3977 data: { 3978 itemCount: data.item_count, 3979 sections: data.sections || {}, 3980 source: 'cart-upsell', 3981 }, 3982 }, 3983 }) 3984 ); 3985 3986 const row = btn.closest('.cu-row'); 3987 if (row) { 3988 row.style.transition = 'opacity 0.25s ease, transform 0.25s ease'; 3989 row.style.opacity = '0'; 3990 row.style.transform = 'translateX(8px)'; 3991 setTimeout(() => { 3992 row.remove(); 3993 const cuEl = document.querySelector('.cu'); 3994 const remaining = cuEl?.querySelectorAll('.cu-row'); 3995 if (cuEl && remaining && remaining.length === 0) { 3996 cuEl.style.transition = 'max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease'; 3997 cuEl.style.maxHeight = cuEl.offsetHeight + 'px'; 3998 cuEl.style.overflow = 'hidden'; 3999 requestAnimationFrame(() => { 4000 cuEl.style.maxHeight = '0'; 4001 cuEl.style.opacity = '0'; 4002 cuEl.style.padding = '0'; 4003 setTimeout(() => cuEl.remove(), 320); 4004 }); 4005 } else if (cuEl) { 4006 const listEl = cuEl.querySelector('.cu__list'); 4007 if (listEl) updatePagerState(listEl); 4008 } 4009 }, 270); 4010 } 4011 } catch (err) { 4012 console.error('[Cart Upsell]', err); 4013 btn.textContent = originalText; 4014 btn.disabled = false; 4015 } 4016 }); 4017 })(); 4018 </script>
4018 4019 </cart-items-component> 4020 </div> 4021 </dialog> 4022 </cart-drawer-component> 4023 4024 4025 4026
4026<script 4027 src="//www.healthfab.in/cdn/shop/t/387/assets/dialog.js?v=28012085583758479651787172138" 4028 type="module" 4029 ></script>
4029 4030 4031 <anchored-popover-component 4032 data-close-on-resize="true" 4033 class="account-popover account-popover--desktop-only" 4034 > 4035 <button 4036 class="account-button header-actions__action" 4037 aria-label="Account" 4038 aria-haspopup="dialog"popovertarget="account-popover" 4039 popovertargetaction="toggle"ref="trigger" 4040 4041><span 4042 class="account-button__icon" 4043 aria-hidden="true" 4044 > 4045 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4046 <path d="M11.9982 12.9222C14.5472 12.9222 16.6136 10.8558 16.6136 8.30679C16.6136 5.75778 14.5472 3.69141 11.9982 3.69141C9.44919 3.69141 7.38281 5.75778 7.38281 8.30679C7.38281 10.8558 9.44919 12.9222 11.9982 12.9222Z" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4047 <path d="M2.76953 19.9499C6.46184 11.3344 17.5388 11.3344 21.2311 19.9499" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4048</svg> 4049 4050 4051 </span></button> 4052 4053 4054 4055 <div 4056 class="account-popover__panel details-content color-scheme-1" 4057 id="account-popover" 4058 popover="auto" 4059 ref="popover" 4060 > 4061 <div class="account-actions"> 4062 <div class="account-actions__main-menu"> 4063 <header class="account-actions__header"> 4064 <h2 4065 id="account-drawer-heading" 4066 class="account-actions__title h5" 4067 > 4068 4069 Account 4070 4071 </h2> 4072 4073 </header> 4074 4075 4076 <div 4077 class="account-actions__sign-ins" 4078 data-skip-subtree-update="true" 4079 > 4080
4080<script 4081 src="//www.healthfab.in/cdn/shop/t/387/assets/account-login-actions.js?v=132624473766457443991786129701" 4082 type="module" 4083 fetchpriority="low" 4084 ></script>
4084 4085 <account-login-actions class="account-actions__shop-login"> 4086 4087 </account-login-actions> 4088 4089 <a 4090 href="/customer_authentication/login?return_to=%2Fpages%2Fall-blogs&locale=en&ui_hint=full®ion_country=US" 4091 class="account-actions__link button" 4092 > 4093 <span class="account-actions__sign-in-text"> 4094 Other sign in options 4095 </span> 4096 <span class="account-actions__fallback-text"> 4097 Sign in 4098 </span> 4099 </a> 4100 </div> 4101 4102 4103 <nav class="account-actions__nav"> 4104 <ul class="account-actions__list"> 4105 <li class="account-actions__list-item"> 4106 <a 4107 href="/account" 4108 class="account-actions__link button-secondary" 4109 > 4110 <span 4111 class="account-actions__icon" 4112 aria-hidden="true" 4113 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 4114 <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"/> 4115 <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"/> 4116</svg> 4117</span> 4118 Orders 4119 </a> 4120 </li> 4121 <li class="account-actions__list-item"> 4122 <a 4123 href="/account/addresses" 4124 class="account-actions__link button-secondary" 4125 > 4126 <span 4127 class="account-actions__icon" 4128 aria-hidden="true" 4129 > 4130 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4131 <path d="M11.9982 12.9222C14.5472 12.9222 16.6136 10.8558 16.6136 8.30679C16.6136 5.75778 14.5472 3.69141 11.9982 3.69141C9.44919 3.69141 7.38281 5.75778 7.38281 8.30679C7.38281 10.8558 9.44919 12.9222 11.9982 12.9222Z" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4132 <path d="M2.76953 19.9499C6.46184 11.3344 17.5388 11.3344 21.2311 19.9499" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4133</svg> 4134 4135 4136 </span> 4137 Profile 4138 </a> 4139 </li> 4140 </ul> 4141 </nav> 4142 </div> 4143</div> 4144 4145 4146 4147 </div> 4148 </anchored-popover-component> 4149 4150 <dialog-component 4151 class="account-drawer account-drawer--desktop-only" 4152 4153 > 4154 <button 4155 class="account-button header-actions__action" 4156 aria-label="Account" 4157 aria-haspopup="dialog"ref="trigger"
4158 on:click="/showDialog" 4159><span 4160 class="account-button__icon" 4161 aria-hidden="true" 4162 > 4163 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4164 <path d="M11.9982 12.9222C14.5472 12.9222 16.6136 10.8558 16.6136 8.30679C16.6136 5.75778 14.5472 3.69141 11.9982 3.69141C9.44919 3.69141 7.38281 5.75778 7.38281 8.30679C7.38281 10.8558 9.44919 12.9222 11.9982 12.9222Z" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4165 <path d="M2.76953 19.9499C6.46184 11.3344 17.5388 11.3344 21.2311 19.9499" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4166</svg> 4167 4168 4169 </span></button> 4170 4171 4172 4173 <dialog 4174 ref="dialog" 4175 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 4176 scroll-lock 4177 aria-labelledby="account-drawer-heading" 4178 > 4179 <button 4180 ref="closeButton" 4181 on:click="/closeDialog" 4182 class="button button-unstyled close-button account-drawer__close-button" 4183 aria-label="Close dialog" 4184 autofocus 4185 > 4186 <span 4187 class="svg-wrapper" 4188 aria-hidden="true" 4189 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4190 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4191 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 4192</svg> 4193</span> 4194 </button> 4195 <div class="account-actions"> 4196 <div class="account-actions__main-menu"> 4197 <header class="account-actions__header"> 4198 <h2 4199 id="account-drawer-heading" 4200 class="account-actions__title h5" 4201 > 4202 4203 Account 4204 4205 </h2> 4206 4207 </header> 4208 4209 4210 <div 4211 class="account-actions__sign-ins" 4212 data-skip-subtree-update="true" 4213 > 4214
4214<script 4215 src="//www.healthfab.in/cdn/shop/t/387/assets/account-login-actions.js?v=132624473766457443991786129701" 4216 type="module" 4217 fetchpriority="low" 4218 ></script>
4218 4219 <account-login-actions class="account-actions__shop-login"> 4220 4221 </account-login-actions> 4222 4223 <a 4224 href="/customer_authentication/login?return_to=%2Fpages%2Fall-blogs&locale=en&ui_hint=full®ion_country=US" 4225 class="account-actions__link button" 4226 > 4227 <span class="account-actions__sign-in-text"> 4228 Other sign in options 4229 </span> 4230 <span class="account-actions__fallback-text"> 4231 Sign in 4232 </span> 4233 </a> 4234 </div> 4235 4236 4237 <nav class="account-actions__nav"> 4238 <ul class="account-actions__list"> 4239 <li class="account-actions__list-item"> 4240 <a 4241 href="/account" 4242 class="account-actions__link button-secondary" 4243 > 4244 <span 4245 class="account-actions__icon" 4246 aria-hidden="true" 4247 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 4248 <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"/> 4249 <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"/> 4250</svg> 4251</span> 4252 Orders 4253 </a> 4254 </li> 4255 <li class="account-actions__list-item"> 4256 <a 4257 href="/account/addresses" 4258 class="account-actions__link button-secondary" 4259 > 4260 <span 4261 class="account-actions__icon" 4262 aria-hidden="true" 4263 > 4264 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4265 <path d="M11.9982 12.9222C14.5472 12.9222 16.6136 10.8558 16.6136 8.30679C16.6136 5.75778 14.5472 3.69141 11.9982 3.69141C9.44919 3.69141 7.38281 5.75778 7.38281 8.30679C7.38281 10.8558 9.44919 12.9222 11.9982 12.9222Z" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4266 <path d="M2.76953 19.9499C6.46184 11.3344 17.5388 11.3344 21.2311 19.9499" stroke="#0C2B82" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4267</svg> 4268 4269 4270 </span> 4271 Profile 4272 </a> 4273 </li> 4274 </ul> 4275 </nav> 4276 </div> 4277</div> 4278 4279 4280 4281 </dialog> 4282 </dialog-component> 4283 4284</header-actions> 4285 4286 4287 4288 4289 4290 4291 </div> 4292 </div> 4293 </div> 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305</header-component> 4306
4307<script 4308 src="//www.healthfab.in/cdn/shop/t/387/assets/header.js?v=179558218475049032511786129703" 4309 type="module" 4310></script>
4310 4311 4312<style> 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 header-component { 4323 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); 4324 } 4325 4326 4327 4328 4329</style> 4330 4331 4332 4333 4334
4335<script> 4336 // Calculate announcement bar height for all pages 4337 (function() { 4338 function updateAnnouncementBarHeight() { 4339 const announcementBar = document.querySelector('.announcement-bar, .announcement-bar-marquee'); 4340 if (announcementBar) { 4341 const height = announcementBar.offsetHeight; 4342 document.documentElement.style.setProperty('--announcement-bar-height', `${height}px`); 4343 4344 // Also set mobile height (same for now, can be adjusted if needed) 4345 document.documentElement.style.setProperty('--announcement-bar-height-mobile', `${height}px`); 4346 } 4347 } 4348 4349 // Mark body as loaded after first paint to enable transitions 4350 function markPageLoaded() { 4351 document.body.classList.add('loaded'); 4352 } 4353 4354 // Update on load 4355 if (document.readyState === 'loading') { 4356 document.addEventListener('DOMContentLoaded', () => { 4357 updateAnnouncementBarHeight(); 4358 // Use requestAnimationFrame to ensure first paint is complete before enabling transitions 4359 requestAnimationFrame(() => { 4360 requestAnimationFrame(markPageLoaded); 4361 }); 4362 }); 4363 } else { 4364 updateAnnouncementBarHeight(); 4365 // Use requestAnimationFrame to ensure first paint is complete before enabling transitions 4366 requestAnimationFrame(() => { 4367 requestAnimationFrame(markPageLoaded); 4368 }); 4369 } 4370 4371 // Update on resize 4372 window.addEventListener('resize', updateAnnouncementBarHeight); 4373 4374 // Use ResizeObserver for dynamic updates 4375 const announcementBar = document.querySelector('.announcement-bar, .announcement-bar-marquee'); 4376 if (announcementBar && window.ResizeObserver) { 4377 const resizeObserver = new ResizeObserver(() => { 4378 updateAnnouncementBarHeight(); 4379 }); 4380 resizeObserver.observe(announcementBar); 4381 } 4382 })(); 4383</script>
4383 4384 4385 4386
4386<script type="module"> 4387 import { hydrate } from '@theme/section-hydration'; 4388 const url = new URL(window.location.href); 4389 url.searchParams.delete('page'); 4390 hydrate('sections--22900181762276__header_section', url); 4391 </script>
4391 4392 4393 4394 4395</header> 4396<!-- END sections: header-group --> 4397 </div> 4398 4399
4399<script> 4400 // Inline header height calculation to prevent layout shift 4401 // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function 4402 (function setHeaderHeighCustomProperties() { 4403 /* 4404 * Header calculation functions for maintaining CSS variables 4405 * Mimic calculateHeaderGroupHeight() in utilities.js 4406 */ 4407 const header = document.querySelector('header-component'); 4408 const headerGroup = document.querySelector('#header-group'); 4409 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 4410 4411 if (!header || !headerGroup) return; 4412 4413 const headerHeight = header.offsetHeight; 4414 4415 // Calculate the total height of the header group 4416 let headerGroupHeight = 0; 4417 const children = headerGroup.children; 4418 for (let i = 0; i < children.length; i++) { 4419 const element = children[i]; 4420 if (element === header || !(element instanceof HTMLElement)) continue; 4421 headerGroupHeight += element.offsetHeight; 4422 } 4423 4424 // Check for transparent header special case 4425 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 4426 headerGroupHeight += headerHeight; 4427 } 4428 4429 // Set CSS variables 4430 document.body.style.setProperty('--header-height', `${headerHeight}px`); 4431 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 4432 4433 /** 4434 * Updates CSS custom properties for transparent header offset calculation 4435 * Mimic updateTransparentHeaderOffset() in utilities.js 4436 */ 4437 4438 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 4439 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 4440 return; 4441 } 4442 4443 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 4444 4445 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 4446 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 4447 })(); 4448 </script>
4448 4449 4450 <main 4451 id="MainContent" 4452 class="content-for-layout hf-blog-hub" 4453 role="main" 4454 data-page-transition-enabled="false" 4455 data-product-transition="false" 4456 data-template="page.hf-blog-hub" 4457 > 4458 <!-- Begin Shopifyâpayment-cart JavaScript --> 4459
4459<script type="text/javascript"> 4460 4461 var mid = '10427'; 4462 4463 </script>
4463 4464
4464<script src="https://checkout-merchant.snapmint.com/js/v1/10427" defer></script>
4464 4465 4466 <!-- End Shopify-payment JavaScript --> 4467 <div id="shopify-section-template--22900183630052__main" class="shopify-section"><style> 4468@media screen and (max-width: 768px) { 4469 .hf-blog-hub-hero { 4470 background-image: url('//www.healthfab.in/cdn/shop/files/Test_Certifictaes_Mobile_6ff16bf8-3e6f-4e5b-97a3-ef04dffae0e6.png?v=1769595619&width=800') !important; 4471 min-height: 350px !important; 4472 } 4473 4474 .hf-blog-hub-heading { 4475 font-size: 36px !important; 4476 } 4477 4478 .hf-blog-hub-content { 4479 max-width: 320px !important; 4480 } 4481} 4482 4483.hf-category-card-hover { 4484 transition: transform 0.25s ease, box-shadow 0.25s ease; 4485} 4486 4487.hf-category-card-hover:hover { 4488 transform: translateY(-4px); 4489 box-shadow: 0 10px 24px rgba(0,0,0,.08); 4490} 4491 4492@media screen and (max-width: 768px) { 4493 4494 .hf-category-grid { 4495 display: flex !important; 4496 overflow-x: auto; 4497 gap: 16px; 4498 margin-top: 30px !important; 4499 padding-bottom: 10px; 4500 4501 -ms-overflow-style: none; 4502 scrollbar-width: none; 4503 } 4504 4505 .hf-category-grid::-webkit-scrollbar { 4506 display: none; 4507 } 4508 4509 .hf-category-grid > a { 4510 flex: 0 0 68%; 4511 } 4512 4513} 4514 4515 4516 4517</style> 4518 4519<div 4520 class="hf-blog-hub-hero" 4521 style=" 4522 min-height: 500px; 4523 background-image: url('//www.healthfab.in/cdn/shop/files/Tests_Certificates_Desktop_3e71884c-b3fb-4545-a6e9-d7b54775112b.png?v=1769595519&width=1600'); 4524 background-size: cover; 4525 background-position: center; 4526 position: relative; 4527 display:flex;
4528 align-items:center; 4529 justify-content: 4530 4531 flex-start 4532 ; 4533 text-align: 4534 4535 left 4536 ; 4537 padding:40px; 4538 " 4539> 4540<div 4541 style=" 4542 position:absolute; 4543 inset:0; 4544 background:#c373da; 4545 opacity:0.4; 4546 " 4547 ></div> 4548 4549 <div 4550 class="hf-blog-hub-content" 4551 style=" 4552 max-width: 600px; 4553 position: relative; 4554 z-index: 2; 4555 " 4556 > 4557 4558 <h1 4559 class="hf-blog-hub-heading" 4560 style=" 4561 font-size: 56px; 4562 color: #ffffff; 4563 " 4564> 4565 HealthFab Blog 4566</h1> 4567 4568 <p 4569 style=" 4570 color: #ffffff; 4571 " 4572> 4573 Evidence-based articles on menstrual health, period care, PCOS, wellness, lifestyle, and women's health. 4574</p> 4575 4576 </div> 4577 4578</div> 4579 4580<div 4581 style=" 4582 padding: 60px 20px; 4583 text-align: center; 4584 " 4585> 4586 4587<h2 4588 style=" 4589 margin:0 0 12px; 4590 font-size:clamp(20px, 4vw, 36px); 4591 font-weight:700; 4592 line-height:1.2; 4593 " 4594> 4595 Explore Blog Categories 4596</h2> 4597 4598<p 4599 style=" 4600 max-width:700px; 4601 margin:0 auto; 4602 line-height:1.6; 4603 " 4604> 4605 Browse articles on wellness, lifestyle, menstrual health, period care and women's health. 4606</p> 4607 4608<div 4609 class="hf-category-grid" 4610 style=" 4611 display:grid; 4612 grid-template-columns: repeat(3, 1fr); 4613 gap:20px; 4614 max-width:1000px; 4615 margin:40px auto 0; 4616 " 4617> 4618 4619<a 4620 href="/blogs/wellness" 4621 style=" 4622 text-decoration:none; 4623 color:inherit; 4624 display:flex; 4625 height:100%; 4626 " 4627> 4628<div 4629 class="hf-category-card-hover" 4630 style=" 4631 background:#ffffff; 4632 border-radius:20px; 4633 padding:16px; 4634 border:1px solid #e7e7e7; 4635 box-shadow:0 2px 8px rgba(0,0,0,.04); 4636 height:100%; 4637 box-sizing:border-box; 4638 " 4639 > 4640 4641 4642 <img src="//www.healthfab.in/cdn/shop/files/HealthFab-Wellness-Blog.png?v=1782058527&width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Wellness-Blog.png?v=1782058527&width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Wellness-Blog.png?v=1782058527&width=400 400w" width="400" height="400" style="width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:14px;"> 4643 4644 4645<h3 4646 style=" 4647 margin:16px 8px 8px; 4648 text-align:center; 4649 font-size:clamp(16px, 2vw, 24px); 4650 font-weight:700; 4651 line-height:1.3; 4652 color:#111; 4653 " 4654> 4655 Wellness 4656</h3> 4657 4658 </div> 4659</a> 4660 4661<a 4662 href="/blogs/lifestyle" 4663 style=" 4664 text-decoration:none; 4665 color:inherit; 4666 display:flex; 4667 height:100%; 4668 " 4669> 4670<div 4671 class="hf-category-card-hover" 4672 style=" 4673 background:#ffffff; 4674 border-radius:20px; 4675 padding:16px; 4676 border:1px solid #e7e7e7; 4677 box-shadow:0 2px 8px rgba(0,0,0,.04); 4678 height:100%; 4679 box-sizing:border-box; 4680 " 4681 > 4682 4683 4684 <img src="//www.healthfab.in/cdn/shop/files/HealthFab-Lifestyle-Blog.png?v=1782058642&width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Lifestyle-Blog.png?v=1782058642&width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Lifestyle-Blog.png?v=1782058642&width=400 400w" width="400" height="400" style="width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:14px;"> 4685 4686 4687<h3 4688 style=" 4689 margin:16px 8px 8px; 4690 text-align:center; 4691 font-size:clamp(16px, 2vw, 24px); 4692 font-weight:700; 4693 line-height:1.3; 4694 color:#111; 4695 " 4696> 4697 Lifestyle 4698</h3> 4699 4700 </div> 4701</a> 4702 4703<a 4704 href="/blogs/menstrual-science" 4705 style=" 4706 text-decoration:none; 4707 color:inherit; 4708 display:flex; 4709 height:100%; 4710 " 4711> 4712<div 4713 class="hf-category-card-hover" 4714 style=" 4715 background:#ffffff; 4716 border-radius:20px; 4717 padding:16px; 4718 border:1px solid #e7e7e7; 4719 box-shadow:0 2px 8px rgba(0,0,0,.04); 4720 height:100%; 4721 box-sizing:border-box; 4722 " 4723 > 4724 4725 4726 <img src="//www.healthfab.in/cdn/shop/files/HealthFab-Menstrual-Science-Blogs.png?v=1782059081&width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Menstrual-Science-Blogs.png?v=1782059081&width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Menstrual-Science-Blogs.png?v=1782059081&width=400 400w" width="400" height="400" style="width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:14px;"> 4727 4728 4729<h3 4730 style=" 4731 margin:16px 8px 8px; 4732 text-align:center; 4733 font-size:clamp(16px, 2vw, 24px); 4734 font-weight:700; 4735 line-height:1.3; 4736 color:#111; 4737 " 4738> 4739 Menstrual Science 4740</h3> 4741 4742 </div> 4743</a> 4744 4745</div> 4746 4747</div> 4748 4749 4750 4751</div><div id="shopify-section-template--22900183630052__hf_content_heading_Apgeqp" class="shopify-section"> 4752 4753<div 4754 style=" 4755 max-width: 800px; 4756 margin: 0px auto 40px; 4757 text-align: center; 4758 color: #000000; 4759 " 4760> 4761 4762 4763 <h2 4764class="hf-content-heading-title" 4765 style=" 4766 --desktop-size: 30px; 4767 --mobile-size: 22px; 4768 " 4769 > 4770 Our Wellness Blogs 4771 </h2> 4772 4773 4774 4775 <div 4776 class="hf-content-heading-subtext" 4777 style=" 4778 font-size: 18px; 4779 " 4780 > 4781 <p>Find simple tips to help you feel healthier, stronger, and more confident every day.</p> 4782 </div> 4783 4784</div> 4785 4786<style> 4787@media screen and (max-width: 768px) { 4788 4789 .hf-content-heading-title { 4790 font-size: 22px !important; 4791 } 4792 4793 .hf-content-heading-subtext { 4794 font-size: 14px !important; 4795 } 4796 4797} 4798 4799.hf-content-heading-title{ 4800 font-size: var(--desktop-size); 4801} 4802 4803@media screen and (max-width:768px){ 4804 4805 .hf-content-heading-title{ 4806 font-size: var(--mobile-size) !important; 4807 } 4808 4809} 4810 4811 4812</style> 4813 4814 4815</div><div id="shopify-section-template--22900183630052__hf_blog_grid_BfQrNF" class="shopify-section"> 4816 4817 4818<div 4819 class="hf-blog-grid" 4820 style=" 4821 margin-top: 0px; 4822 margin-bottom: 40px; 4823 " 4824> 4825 4826 4827 4828 <a href="/blogs/wellness/pcos-lunch-ideas" class="hf-blog-card"> 4829 4830 4831 <img src="//www.healthfab.in/cdn/shop/articles/PCOS_Friendly_Lunch_Ideas_361405d2-3a7b-4c83-a5d7-4094efbed886.png?v=1788071450&width=600" alt="PCOS Friendly lunch ideas for Indians" srcset="//www.healthfab.in/cdn/shop/articles/PCOS_Friendly_Lunch_Ideas_361405d2-3a7b-4c83-a5d7-4094efbed886.png?v=1788071450&width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Friendly_Lunch_Ideas_361405d2-3a7b-4c83-a5d7-4094efbed886.png?v=1788071450&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4832 4833 4834 <div class="hf-blog-card-content"> 4835 4836 <h3 class="hf-blog-card-title"> 4837 9 Balanced PCOS Lunch Ideas: Indian Diet Edition 4838 </h3> 4839
4840 <span class="hf-blog-card-readmore"> 4841 Read Blog â 4842 </span> 4843 4844 </div> 4845 4846 </a> 4847 4848 4849 4850 <a href="/blogs/wellness/coconut-water-during-periods" class="hf-blog-card"> 4851 4852 4853 <img src="//www.healthfab.in/cdn/shop/articles/Health_Benefits_of_Coconut_water_2db2035a-4f86-48a0-a1b2-84f9db33c345.png?v=1787492555&width=600" alt="Coconut Water during periods" srcset="//www.healthfab.in/cdn/shop/articles/Health_Benefits_of_Coconut_water_2db2035a-4f86-48a0-a1b2-84f9db33c345.png?v=1787492555&width=352 352w, //www.healthfab.in/cdn/shop/articles/Health_Benefits_of_Coconut_water_2db2035a-4f86-48a0-a1b2-84f9db33c345.png?v=1787492555&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4854 4855 4856 <div class="hf-blog-card-content"> 4857 4858 <h3 class="hf-blog-card-title"> 4859 Coconut Water during periods: Discover the health benefits 4860 </h3> 4861 4862 <span class="hf-blog-card-readmore"> 4863 Read Blog â 4864 </span> 4865 4866 </div> 4867 4868 </a> 4869 4870 4871 4872 <a href="/blogs/wellness/benefits-of-eating-banana-during-periods" class="hf-blog-card"> 4873 4874 4875 <img src="//www.healthfab.in/cdn/shop/articles/Featured_Image_b4b8ac46-6c20-4fc8-add8-3b6df818cd05.png?v=1787469287&
4875width=600" alt="Eating Banana During Periods" srcset="//www.healthfab.in/cdn/shop/articles/Featured_Image_b4b8ac46-6c20-4fc8-add8-3b6df818cd05.png?v=1787469287&width=352 352w, //www.healthfab.in/cdn/shop/articles/Featured_Image_b4b8ac46-6c20-4fc8-add8-3b6df818cd05.png?v=1787469287&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4876 4877 4878 <div class="hf-blog-card-content"> 4879 4880 <h3 class="hf-blog-card-title"> 4881 7 Surprising Benefits Of Eating Banana During Periods 4882 </h3> 4883 4884 <span class="hf-blog-card-readmore"> 4885 Read Blog â 4886 </span> 4887 4888 </div> 4889 4890 </a> 4891 4892 4893 4894 <a href="/blogs/wellness/roasted-cashew-benefits" class="hf-blog-card"> 4895 4896 4897 <img src="//www.healthfab.in/cdn/shop/articles/Roasted_Cashew_Nut_Benefits_f6a04d6e-9ce7-4aee-82a3-8d562330b143.png?v=1785311691&width=600" alt="roasted cashew benefits" srcset="//www.healthfab.in/cdn/shop/articles/Roasted_Cashew_Nut_Benefits_f6a04d6e-9ce7-4aee-82a3-8d562330b143.png?v=1785311691&width=352 352w, //www.healthfab.in/cdn/shop/articles/Roasted_Cashew_Nut_Benefits_f6a04d6e-9ce7-4aee-82a3-8d562330b143.png?v=1785311691&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4898 4899 4900 <div class="hf-blog-card-content"> 4901 4902 <h3 class="hf-blog-card-title"> 4903 Roasted Cashew Benefits: 9 Reasons to Eat Daily 4904 </h3> 4905 4906 <span class="hf-blog-card-readmore"> 4907 Read Blog â 4908 </span> 4909 4910 </div> 4911 4912 </a> 4913 4914 4915 4916 <a href="/blogs/wellness/how-many-period-panties-do-i-need" class="hf-blog-card"> 4917 4918 4919 <img src="//www.healthfab.in/cdn/shop/articles/How_many_Period_Panties_Do_I_need_c3e1d6f8-49d3-44ce-897b-302d6024b8ee.png?v=1784289292&width=600" alt="How Many Period Panties Do I Need" srcset="//www.healthfab.in/cdn/shop/articles/How_many_Period_Panties_Do_I_need_c3e1d6f8-49d3-44ce-897b-302d6024b8ee.png?v=1784289292&width=352 352w, //www.healthfab.in/cdn/shop/articles/How_many_Period_Panties_Do_I_need_c3e1d6f8-49d3-44ce-897b-302d6024b8ee.png?v=1784289292&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4920 4921 4922 <div class="hf-blog-card-content"> 4923 4924 <h3 class="hf-blog-card-title"> 4925 How Many Period Panties Do I Need: A Cycle-Wise Guide 4926 </h3> 4927 4928 <span class="hf-blog-card-readmore"> 4929 Read Blog â 4930 </span> 4931 4932 </div> 4933 4934 </a> 4935 4936 4937 4938 <a href="/blogs/wellness/remove-period-stains" class="hf-blog-card"> 4939 4940 4941 <img src="//www.healthfab.in/cdn/shop/articles/Remove_period_stains_from_Jeans_7584de92-86f2-4d43-ad2e-7a202693b3d9.png?v=1784176530&width=600" alt="remove period stains from jeans - Healthfab guide" srcset="//www.healthfab.in/cdn/shop/articles/Remove_period_stains_from_Jeans_7584de92-86f2-4d43-ad2e-7a202693b3d9.png?v=1784176530&width=352 352w, //www.healthfab.in/cdn/shop/articles/Remove_period_stains_from_Jeans_7584de92-86f2-4d43-ad2e-7a202693b3d9.png?v=1784176530&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 4942 4943 4944 <div class="hf-blog-card-content"> 4945 4946 <h3 class="hf-blog-card-title"> 4947 How to Remove Period Stains from Jeans - A Complete Guide 4948 </h3> 4949 4950 <span class="hf-blog-card-readmore"> 4951 Read Blog â 4952 </span> 4953 4954 </div> 4955 4956 </a> 4957 4958 4959 4960</div> 4961 4962 4963 4964</div> 4965 4966<div class="hf-blog-grid-button-wrap"> 4967 <a 4968 href="/blogs/wellness" 4969 class="hf-blog-grid-button" 4970 > 4971 Explore Wellness 4972 </a> 4973</div> 4974 4975 4976 4977<style> 4978 4979/* Main Grid */ 4980 4981.hf-blog-grid{ 4982 display:grid; 4983 grid-template-columns:repeat(3,1fr); 4984 gap:24px; 4985 max-width:1200px; 4986 margin:0 auto; 4987} 4988 4989/* Card */ 4990 4991.hf-blog-card{ 4992 display:block; 4993 text-decoration:none; 4994 color:inherit; 4995 background:#fff; 4996 border-radius:20px; 4997 padding:16px; 4998 border:1px solid #e7e7e7; 4999 box-shadow:0 2px 8px rgba(0,0,0,.04); 5000 transition:all .3s ease; 5001} 5002 5003/* Hover */ 5004 5005.hf-blog-card:hover{ 5006 transform:translateY(-4px); 5007 box-shadow:0 10px 24px rgba(0,0,0,.08); 5008} 5009 5010/* Image */ 5011 5012.hf-blog-card-image{ 5013 width:100%; 5014 aspect-ratio:16/9; 5015 object-fit:cover; 5016 display:block; 5017 border-radius:14px; 5018} 5019 5020/* Content */ 5021 5022.hf-blog-card-content{ 5023 padding:18px 4px 8px; 5024} 5025 5026/* Title */ 5027 5028.hf-blog-card-title{ 5029 font-size:clamp(14px,2vw,18px); 5030 line-height:1.4; 5031 margin:0 0 12px; 5032 display:-webkit-box; 5033 -webkit-line-clamp:2; 5034 -webkit-box-orient:vertical; 5035 overflow:hidden; 5036} 5037 5038/* Read Blog */ 5039 5040.hf-blog-card-readmore{ 5041 font-size:clamp(13px,1.5vw,15px); 5042 font-weight:600; 5043} 5044 5045/* Tablet */ 5046 5047@media screen and (max-width:990px){ 5048 5049 .hf-blog-grid{ 5050 grid-template-columns:repeat(2,1fr); 5051 /* Mobile breathing space */ 5052 padding-left:18px; 5053 padding-right:18px; 5054 } 5055 5056} 5057 5058/* View All Button */ 5059 5060.hf-blog-grid-button-wrap{ 5061 text-align:center; 5062 margin-top:32px; 5063 padding-bottom:40px; 5064} 5065 5066.hf-blog-grid-button{ 5067 display:inline-flex; 5068 align-items:center; 5069 justify-content:center; 5070 padding:14px 28px; 5071 border-radius:999px; 5072 background:#FF4F8B; 5073 color:#fff; 5074 text-decoration:none; 5075 font-weight:600; 5076 transition:all .25s ease; 5077} 5078 5079.hf-blog-grid-button:hover{ 5080 opacity:.9; 5081 transform:translateY(-2px); 5082} 5083 5084 5085/* Mobile */ 5086 5087@media screen and (max-width:749px){ 5088 5089 .hf-blog-grid{ 5090 grid-template-columns:repeat(2,1fr); 5091 gap:12px; 5092 5093 /* Mobile breathing space */ 5094 padding-left:18px; 5095 padding-right:18px; 5096 } 5097 5098 .hf-blog-grid-button{ 5099 padding: 8px 16px; 5100 font-size: 13px; 5101 } 5102 5103} 5104 5105 5106 5107</style> 5108 5109</div><div id="shopify-section-template--22900183630052__hf_content_heading_3QcXTY" class="shopify-section"> 5110 5111<div 5112 style=" 5113 max-width: 800px; 5114 margin: 0px auto 40px; 5115 text-align: center; 5116 color: #000000; 5117 " 5118> 5119 5120 5121 <h2 5122class="hf-content-heading-title" 5123 style=" 5124 --desktop-size: 30px; 5125 --mobile-size: 22px; 5126 " 5127 > 5128 Our Lifestyle Blogs 5129 </h2> 5130 5131 5132 5133 <div 5134 class="hf-content-heading-subtext" 5135 style=" 5136 font-size: 18px; 5137 " 5138 > 5139 <p>Inspiration for everyday living, personal growth, relationships, productivity, and modern life</p> 5140 </div> 5141 5142</div> 5143 5144<style> 5145@media screen and (max-width: 768px) { 5146 5147 .hf-content-heading-title { 5148 font-size: 22px !important; 5149 } 5150 5151 .hf-content-heading-subtext { 5152 font-size: 14px !important; 5153 } 5154 5155} 5156 5157.hf-content-heading-title{ 5158 font-size: var(--desktop-size); 5159} 5160 5161@media screen and (max-width:768px){ 5162 5163 .hf-content-heading-title{ 5164 font-size: var(--mobile-size) !important; 5165 } 5166 5167} 5168 5169 5170</style> 5171 5172 5173</div><div id="shopify-section-template--22900183630052__hf_blog_grid_YKDt7V" class="shopify-section"> 5174 5175 5176<div 5177 class="hf-blog-grid" 5178 style=" 5179 margin-top: 0px; 5180 margin-bottom: 40px; 5181 " 5182> 5183 5184 5185 5186 <a href="/blogs/lifestyle/how-to-choose-hair-growth-serum" class="hf-blog-card"> 5187 5188 5189 <img src="//www.healthfab.in/cdn/shop/articles/How_to_Choose_the_Best_Hair_Growth_Serum_cc0fa474-784b-4f31-9662-68ffebce5366.png?v=1790746743&width=600" alt="how to choose the best hair growth serum for women" srcset="//www.healthfab.in/cdn/shop/articles/How_to_Choose_the_Best_Hair_Growth_Serum_cc0fa474-784b-4f31-9662-68ffebce5366.png?v=1790746743&width=352 352w, //www.healthfab.in/cdn/shop/articles/How_to_Choose_the_Best_Hair_Growth_Serum_cc0fa474-784b-4f31-9662-68ffebce5366.png?v=1790746743&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5190 5191 5192 <div class="hf-blog-card-content"> 5193 5194 <h3 class="hf-blog-card-title"> 5195 How to Choose a Hair Growth Serum for Women 5196 </h3> 5197
5198 <span class="hf-blog-card-readmore"> 5199 Read Blog â 5200 </span> 5201 5202 </div> 5203 5204 </a> 5205 5206 5207 5208 <a href="/blogs/lifestyle/how-to-use-hair-growth-serum" class="hf-blog-card"> 5209 5210 5211 <img src="//www.healthfab.in/cdn/shop/articles/How_to_use_Hair_Growth_Serum_fe46bb90-68b8-46d2-bcaa-70df10a71e87.png?v=1790506168&width=600" alt="How to use Hair Growth Serum" srcset="//www.healthfab.in/cdn/shop/articles/How_to_use_Hair_Growth_Serum_fe46bb90-68b8-46d2-bcaa-70df10a71e87.png?v=1790506168&width=352 352w, //www.healthfab.in/cdn/shop/articles/How_to_use_Hair_Growth_Serum_fe46bb90-68b8-46d2-bcaa-70df10a71e87.png?v=1790506168&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5212 5213 5214 <div class="hf-blog-card-content"> 5215 5216 <h3 class="hf-blog-card-title"> 5217 How to Use Hair Growth Serum for Women: Step-by-Step 5218 </h3> 5219 5220 <span class="hf-blog-card-readmore"> 5221 Read Blog â 5222 </span> 5223 5224 </div> 5225 5226 </a> 5227 5228 5229 5230 <a href="/blogs/lifestyle/hair-serum" class="hf-blog-card"> 5231 5232 5233 <img src="//www.healthfab.in/cdn/shop/articles/Hair_Growth_Serum_benefits_b2cf449e-f760-48a3-ab22-47435a17bc4a.png?v=1790747954&width=600" alt="hair serum uses and benefits" srcset="//www.healthfab.in/cdn/shop/articles/Hair_Growth_Serum_benefits_b2cf449e-f760-48a3-ab22-47435a17bc4a.png?v=1790747954&width=352 352w, //www.healthfab.in/cdn/shop/articles/Hair_Growth_Serum_benefits_b2cf449e-f760-48a3-ab22-47435a17bc4a.png?v=1790747954&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5234 5235 5236 <div class="hf-blog-card-content"> 5237 5238 <h3 class="hf-blog-card-title"> 5239 Hair Serum Benefits, Uses, Side Effects and More 5240 </h3> 5241 5242 <span class="hf-blog-card-readmore"> 5243 Read Blog â 5244 </span> 5245 5246 </div> 5247 5248 </a> 5249 5250 5251 5252 <a href="/blogs/lifestyle/pcos-acne" class="hf-blog-card"> 5253 5254 5255 <img src="//www.healthfab.in/cdn/shop/articles/PCOS_Acne_6c8e2c96-6dc9-400a-9e08-7255b9e83cc5.png?v=1789829990&width=600" alt="pcos acne causes symptoms and treatment" srcset="//www.healthfab.in/cdn/shop/articles/PCOS_Acne_6c8e2c96-6dc9-400a-9e08-7255b9e83cc5.png?v=1789829990&width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Acne_6c8e2c96-6dc9-400a-9e08-7255b9e83cc5.png?v=1789829990&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5256 5257 5258 <div class="hf-blog-card-content"> 5259 5260 <h3 class="hf-blog-card-title"> 5261 PCOS Acne Causes, Symptoms and Treatment That Can Help 5262 </h3> 5263 5264 <span class="hf-blog-card-readmore"> 5265 Read Blog â 5266 </span> 5267 5268 </div> 5269 5270 </a> 5271 5272 5273 5274 <a href="/blogs/lifestyle/pcos-skin-darkening" class="hf-blog-card"> 5275 5276 5277 <img src="//www.healthfab.in/cdn/shop/articles/PCOS_Skin_Darkening_d679af16-aa83-47fd-8da3-9165b320e6a5.png?v=1789707888&width=600" alt="pcos skin darkening causes and ways to manage it" srcset="//www.healthfab.in/cdn/shop/articles/PCOS_Skin_Darkening_d679af16-aa83-47fd-8da3-9165b320e6a5.png?v=1789707888&width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Skin_Darkening_d679af16-aa83-47fd-8da3-9165b320e6a5.png?v=1789707888&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5278 5279 5280 <div class="hf-blog-card-content"> 5281 5282 <h3 class="hf-blog-card-title"> 5283 PCOS Skin Darkening Causes, Signs and How to Manage It 5284 </h3> 5285 5286 <span class="hf-blog-card-readmore"> 5287 Read Blog â 5288 </span> 5289 5290 </div> 5291 5292 </a> 5293 5294 5295 5296 <a href="/blogs/lifestyle/is-pcos-life-threatening" class="hf-blog-card"> 5297 5298 5299 <img src="//www.healthfab.in/cdn/shop/articles/Is_pcos_life_threatening_bb045628-c83a-45bd-b784-47caf1ad8636.png?v=1789617894&width=600" alt="Is PCOS life threatening" srcset="//www.healthfab.in/cdn/shop/articles/Is_pcos_life_threatening_bb045628-c83a-45bd-b784-47caf1ad8636.png?v=1789617894&width=352 352w, //www.healthfab.in/cdn/shop/articles/Is_pcos_life_threatening_bb045628-c83a-45bd-b784-47caf1ad8636.png?v=1789617894&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5300 5301 5302 <div class="hf-blog-card-content"> 5303 5304 <h3 class="hf-blog-card-title"> 5305 Is PCOS Life-Threatening: Symptoms, Risks and What Matters 5306 </h3> 5307
5308 <span class="hf-blog-card-readmore"> 5309 Read Blog â 5310 </span> 5311 5312 </div> 5313 5314 </a> 5315 5316 5317 5318</div> 5319 5320 5321 5322</div> 5323 5324<div class="hf-blog-grid-button-wrap"> 5325 <a 5326 href="/blogs/lifestyle" 5327 class="hf-blog-grid-button" 5328 > 5329 Explore Lifestyle 5330 </a> 5331</div> 5332 5333 5334 5335<style> 5336 5337/* Main Grid */ 5338 5339.hf-blog-grid{ 5340 display:grid; 5341 grid-template-columns:repeat(3,1fr); 5342 gap:24px; 5343 max-width:1200px; 5344 margin:0 auto; 5345} 5346 5347/* Card */ 5348 5349.hf-blog-card{ 5350 display:block; 5351 text-decoration:none; 5352 color:inherit; 5353 background:#fff; 5354 border-radius:20px; 5355 padding:16px; 5356 border:1px solid #e7e7e7; 5357 box-shadow:0 2px 8px rgba(0,0,0,.04); 5358 transition:all .3s ease; 5359} 5360 5361/* Hover */ 5362 5363.hf-blog-card:hover{ 5364 transform:translateY(-4px); 5365 box-shadow:0 10px 24px rgba(0,0,0,.08); 5366} 5367 5368/* Image */ 5369 5370.hf-blog-card-image{ 5371 width:100%; 5372 aspect-ratio:16/9; 5373 object-fit:cover; 5374 display:block; 5375 border-radius:14px; 5376} 5377 5378/* Content */ 5379 5380.hf-blog-card-content{ 5381 padding:18px 4px 8px; 5382} 5383 5384/* Title */ 5385 5386.hf-blog-card-title{ 5387 font-size:clamp(14px,2vw,18px); 5388 line-height:1.4; 5389 margin:0 0 12px; 5390 display:-webkit-box; 5391 -webkit-line-clamp:2; 5392 -webkit-box-orient:vertical; 5393 overflow:hidden; 5394} 5395 5396/* Read Blog */ 5397 5398.hf-blog-card-readmore{ 5399 font-size:clamp(13px,1.5vw,15px); 5400 font-weight:600; 5401} 5402 5403/* Tablet */ 5404 5405@media screen and (max-width:990px){ 5406 5407 .hf-blog-grid{ 5408 grid-template-columns:repeat(2,1fr); 5409 /* Mobile breathing space */ 5410 padding-left:18px; 5411 padding-right:18px; 5412 } 5413 5414} 5415 5416/* View All Button */ 5417 5418.hf-blog-grid-button-wrap{ 5419 text-align:center; 5420 margin-top:32px; 5421 padding-bottom:40px; 5422} 5423 5424.hf-blog-grid-button{ 5425 display:inline-flex; 5426 align-items:center; 5427 justify-content:center; 5428 padding:14px 28px; 5429 border-radius:999px; 5430 background:#FF4F8B; 5431 color:#fff; 5432 text-decoration:none; 5433 font-weight:600; 5434 transition:all .25s ease; 5435} 5436 5437.hf-blog-grid-button:hover{ 5438 opacity:.9; 5439 transform:translateY(-2px); 5440} 5441 5442 5443/* Mobile */ 5444 5445@media screen and (max-width:749px){ 5446 5447 .hf-blog-grid{ 5448 grid-template-columns:repeat(2,1fr); 5449 gap:12px; 5450 5451 /* Mobile breathing space */ 5452 padding-left:18px; 5453 padding-right:18px; 5454 } 5455 5456 .hf-blog-grid-button{ 5457 padding: 8px 16px; 5458 font-size: 13px; 5459 } 5460 5461} 5462 5463 5464 5465</style> 5466 5467</div><div id="shopify-section-template--22900183630052__hf_content_heading_TpLCcM" class="shopify-section"> 5468 5469<div 5470 style=" 5471 max-width: 800px; 5472 margin: 0px auto 40px; 5473 text-align: center; 5474 color: #000000; 5475 " 5476> 5477 5478 5479 <h2 5480class="hf-content-heading-title" 5481 style=" 5482 --desktop-size: 30px; 5483 --mobile-size: 22px; 5484 " 5485 > 5486 Our Menstrual Science Blogs 5487 </h2> 5488 5489 5490 5491 <div 5492 class="hf-content-heading-subtext" 5493 style=" 5494 font-size: 18px; 5495 " 5496 > 5497 <p>Evidence-based information about periods, hormones, menstrual health, and reproductive wellness</p> 5498 </div> 5499 5500</div> 5501 5502<style> 5503@media screen and (max-width: 768px) { 5504 5505 .hf-content-heading-title { 5506 font-size: 22px !important; 5507 } 5508 5509 .hf-content-heading-subtext { 5510 font-size: 14px !important; 5511 } 5512 5513} 5514 5515.hf-content-heading-title{ 5516 font-size: var(--desktop-size); 5517} 5518 5519@media screen and (max-width:768px){ 5520 5521 .hf-content-heading-title{ 5522 font-size: var(--mobile-size) !important; 5523 } 5524 5525} 5526 5527 5528</style> 5529 5530 5531</div><div id="shopify-section-template--22900183630052__hf_blog_grid_UzRzbP" class="shopify-section"> 5532 5533 5534<div 5535 class="hf-blog-grid" 5536 style=" 5537 margin-top: 0px; 5538 margin-bottom: 40px; 5539 " 5540> 5541 5542 5543 5544 <a href="/blogs/menstrual-science/what-are-period-intimate-wipes" class="hf-blog-card"> 5545 5546 5547 <img src="//www.healthfab.in/cdn/shop/articles/What_are_Period_Intimate_Wipes_and_How_do_they_work_3b3650d4-c91b-44f5-940f-cbc8aa92a24b.png?v=1790680777&width=600" alt="What are Period Intimate Wipes and How do they work" srcset="//www.healthfab.in/cdn/shop/articles/What_are_Period_Intimate_Wipes_and_How_do_they_work_3b3650d4-c91b-44f5-940f-cbc8aa92a24b.png?v=1790680777&width=352 352w, //www.healthfab.in/cdn/shop/articles/What_are_Perio
5547d_Intimate_Wipes_and_How_do_they_work_3b3650d4-c91b-44f5-940f-cbc8aa92a24b.png?v=1790680777&width=600 600w" width="600" height="325" loading="lazy" class="hf-blog-card-image"> 5548 5549 5550 <div class="hf-blog-card-content"> 5551 5552 <h3 class="hf-blog-card-title"> 5553 What Are Period Intimate Wipes and How Do They Work 5554 </h3> 5555 5556 <span class="hf-blog-card-readmore"> 5557 Read Blog â 5558 </span> 5559 5560 </div> 5561 5562 </a> 5563 5564 5565 5566 <a href="/blogs/menstrual-science/the-thyroid-gland-and-menstruation" class="hf-blog-card"> 5567 5568 5569 <img src="//www.healthfab.in/cdn/shop/articles/Thyroid_2473994e-1250-48c1-abd7-b4a977133da3.jpg?v=1782542409&width=600" alt="Thyroid Gland and Menstrual Health - What to Know" srcset="//www.healthfab.in/cdn/shop/articles/Thyroid_2473994e-1250-48c1-abd7-b4a977133da3.jpg?v=1782542409&width=352 352w, //www.healthfab.in/cdn/shop/articles/Thyroid_2473994e-1250-48c1-abd7-b4a977133da3.jpg?v=1782542409&width=600 600w" width="600" height="600" loading="lazy" class="hf-blog-card-image"> 5570 5571 5572 <div class="hf-blog-card-content"> 5573 5574 <h3 class="hf-blog-card-title"> 5575 Thyroid Gland and Menstrual Health - What to Know 5576 </h3> 5577 5578 <span class="hf-blog-card-readmore"> 5579 Read Blog â 5580 </span> 5581 5582 </div> 5583 5584 </a> 5585 5586 5587 5588 <a href="/blogs/menstrual-science/3-healthy-meals-for-period-days" class="hf-blog-card"> 5589 5590 5591 <img src="//www.healthfab.in/cdn/shop/articles/1_dced56af-6ab5-4257-8b5d-5e9d967548be.jpg?v=1782542658&width=600" alt="3 Healthy Meals For Period Days" srcset="//www.healthfab.in/cdn/shop/articles/1_dced56af-6ab5-4257-8b5d-5e9d967548be.jpg?v=1782542658&width=352 352w, //www.healthfab.in/cdn/shop/articles/1_dced56af-6ab5-4257-8b5d-5e9d967548be.jpg?v=1782542658&width=600 600w" width="600" height="400" loading="lazy" class="hf-blog-card-image"> 5592 5593 5594 <div class="hf-blog-card-content"> 5595 5596 <h3 class="hf-blog-card-title"> 5597 3 Healthy Meals For Period Days you Should not miss 5598 </h3> 5599 5600 <span class="hf-blog-card-readmore"> 5601 Read Blog â 5602 </span> 5603 5604 </div> 5605 5606 </a> 5607 5608 5609 5610 <a href="/blogs/menstrual-science/4-reasons-wear-just-panties" class="hf-blog-card"> 5611 5612 5613 <img src="//www.healthfab.in/cdn/shop/articles/Sanitary_Pads-6reasons_d75b069c-f2ec-4062-a8cf-2745c8e78b33.jpg?v=1782543178&width=600" alt="4 reasons to wear JUST panties!" srcset="//www.healthfab.in/cdn/shop/articles/Sanitary_Pads-6reasons_d75b069c-f2ec-4062-a8cf-2745c8e78b33.jpg?v=1782543178&width=352 352w, //www.healthfab.in/cdn/shop/articles/Sanitary_Pads-6reasons_d75b069c-f2ec-4062-a8cf-2745c8e78b33.jpg?v=1782543178&width=600 600w" width="600" height="338" loading="lazy" class="hf-blog-card-image"> 5614 5615 5616 <div class="hf-blog-card-content"> 5617 5618 <h3 class="hf-blog-card-title"> 5619 Still using sanitary pads? Here are 4 reasons to wear JUST panties! 5620 </h3> 5621 5622 <span class="hf-blog-card-readmore"> 5623 Read Blog â 5624 </span> 5625 5626 </div> 5627 5628 </a> 5629 5630 5631 5632 <a href="/blogs/menstrual-science/women-period-questions-results" class="hf-blog-card"> 5633 5634 5635 <img src="//www.healthfab.in/cdn/shop/articles/Untitled_design_-_2021-07-29T163724.968_5a8f78cc-8553-48f1-99b2-b4be4eac1b3f.png?v=1782543304&width=600" alt="We asked women these 4 questions about periods and the results are super interesting!" srcset="//www.healthfab.in/cdn/shop/articles/Untitled_design_-_2021-07-29T163724.968_5a8f78cc-8553-48f1-99b2-b4be4eac1b3f.png?v=1782543304&width=352 352w, //www.healthfab.in/cdn/shop/articles/Untitled_design_-_2021-07-29T163724.968_5a8f78cc-8553-48f1-99b2-b4be4eac1b3f.png?v=1782543304&width=600 600w" width="600" height="338" loading="lazy" class="hf-blog-card-image"> 5636 5637 5638 <div class="hf-blog-card-content"> 5639 5640 <h3 class="hf-blog-card-title"> 5641 We asked women these 4 questions about periods and the results are super interesting! 5642 </h3> 5643
5644 <span class="hf-blog-card-readmore"> 5645 Read Blog â 5646 </span> 5647 5648 </div> 5649 5650 </a> 5651 5652 5653 5654 <a href="/blogs/menstrual-science/7-amazing-features-of-healthfab-gopadfree" class="hf-blog-card"> 5655 5656 5657 <img src="//www.healthfab.in/cdn/shop/articles/7_Benifits_of_HealthFab_GoPadFree_which_might_shock_you_jpg.png?v=1782543054&width=600" alt="Go Pad Free - Why and How?" srcset="//www.healthfab.in/cdn/shop/articles/7_Benifits_of_HealthFab_GoPadFree_which_might_shock_you_jpg.png?v=1782543054&width=352 352w, //www.healthfab.in/cdn/shop/articles/7_Benifits_of_HealthFab_GoPadFree_which_might_shock_you_jpg.png?v=1782543054&width=600 600w" width="600" height="600" loading="lazy" class="hf-blog-card-image"> 5658 5659 5660 <div class="hf-blog-card-content"> 5661 5662 <h3 class="hf-blog-card-title"> 5663 Go Pad Free - Why and How? 5664 </h3> 5665 5666 <span class="hf-blog-card-readmore"> 5667 Read Blog â 5668 </span> 5669 5670 </div> 5671 5672 </a> 5673 5674 5675 5676</div> 5677 5678 5679 5680</div> 5681 5682<div class="hf-blog-grid-button-wrap"> 5683 <a 5684 href="/blogs/menstrual-science" 5685 class="hf-blog-grid-button" 5686 > 5687 Explore Menstrual Science 5688 </a> 5689</div> 5690 5691 5692 5693<style> 5694 5695/* Main Grid */ 5696 5697.hf-blog-grid{ 5698 display:grid; 5699 grid-template-columns:repeat(3,1fr); 5700 gap:24px; 5701 max-width:1200px; 5702 margin:0 auto; 5703} 5704 5705/* Card */ 5706 5707.hf-blog-card{ 5708 display:block; 5709 text-decoration:none; 5710 color:inherit; 5711 background:#fff; 5712 border-radius:20px; 5713 padding:16px; 5714 border:1px solid #e7e7e7; 5715 box-shadow:0 2px 8px rgba(0,0,0,.04); 5716 transition:all .3s ease; 5717} 5718 5719/* Hover */ 5720 5721.hf-blog-card:hover{ 5722 transform:translateY(-4px); 5723 box-shadow:0 10px 24px rgba(0,0,0,.08); 5724} 5725 5726/* Image */ 5727 5728.hf-blog-card-image{ 5729 width:100%; 5730 aspect-ratio:16/9; 5731 object-fit:cover; 5732 display:block; 5733 border-radius:14px; 5734} 5735 5736/* Content */ 5737 5738.hf-blog-card-content{ 5739 padding:18px 4px 8px; 5740} 5741 5742/* Title */ 5743 5744.hf-blog-card-title{ 5745 font-size:clamp(14px,2vw,18px); 5746 line-height:1.4; 5747 margin:0 0 12px; 5748 display:-webkit-box; 5749 -webkit-line-clamp:2; 5750 -webkit-box-orient:vertical; 5751 overflow:hidden; 5752} 5753 5754/* Read Blog */ 5755 5756.hf-blog-card-readmore{ 5757 font-size:clamp(13px,1.5vw,15px); 5758 font-weight:600; 5759} 5760 5761/* Tablet */ 5762 5763@media screen and (max-width:990px){ 5764 5765 .hf-blog-grid{ 5766 grid-template-columns:repeat(2,1fr); 5767 /* Mobile breathing space */ 5768 padding-left:18px; 5769 padding-right:18px; 5770 } 5771 5772} 5773 5774/* View All Button */ 5775 5776.hf-blog-grid-button-wrap{ 5777 text-align:center; 5778 margin-top:32px; 5779 padding-bottom:40px; 5780} 5781 5782.hf-blog-grid-button{ 5783 display:inline-flex; 5784 align-items:center; 5785 justify-content:center; 5786 padding:14px 28px; 5787 border-radius:999px; 5788 background:#FF4F8B; 5789 color:#fff; 5790 text-decoration:none; 5791 font-weight:600; 5792 transition:all .25s ease; 5793} 5794 5795.hf-blog-grid-button:hover{ 5796 opacity:.9; 5797 transform:translateY(-2px); 5798} 5799 5800 5801/* Mobile */ 5802 5803@media screen and (max-width:749px){ 5804 5805 .hf-blog-grid{ 5806 grid-template-columns:repeat(2,1fr); 5807 gap:12px; 5808 5809 /* Mobile breathing space */ 5810 padding-left:18px; 5811 padding-right:18px; 5812 } 5813 5814 .hf-blog-grid-button{ 5815 padding: 8px 16px; 5816 font-size: 13px; 5817 } 5818 5819} 5820 5821 5822 5823</style> 5824 5825</div> 5826 </main> 5827 5828 <!-- BEGIN sections: footer-group --> 5829<footer id="shopify-section-sections--22900181729508__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 5830 5831<div class="section-background color-scheme-4"></div> 5832<div 5833 class="section section--page-width color-scheme-4" 5834> 5835 5836 <div 5837 class=" 5838 footer-content 5839 spacing-style 5840 5841 5842 " 5843 style=" 5844 --padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 5845 --footer-gap: 20px; 5846 --grid-columns: 1; 5847 --last-row-count: 1; 5848 --tablet-last-row-count: 1; 5849 " 5850 > 5851 5852 5853 5854<div 5855 class=" 5856 group-block 5857 group-block--height-fit 5858 group-block--width-fill 5859 border-style 5860 spacing-style 5861 size-style 5862 5863 5864 footer-header-wrapper 5865 " 5866 style=" 5867 --border-width: 1px; --border-style: none; --border-color: 5868rgb(var(--color-border-rgb) / 1.0); --border-radius: 58690px; 5870 5871 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5872 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5873 5874 5875 " 5876 5877 data-testid="group-block" 5878 ><div 5879 class="group-block__media-wrapper" 5880 5881 > 5882 5883 5884 5885 5886 5887 </div><div 5888 class=" 5889 group-block-content 5890 5891 layout-panel-flex 5892 layout-panel-flex--column 5893 mobile-column 5894 " 5895 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5896 5897--gap: max(24px, calc(var(--gap-scale, 1.0) * 60px)); 5898 5899--horizontal-alignment: flex-start; --vertical-alignment: center; 5900--vertical-alignment-mobile: center; 5901 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 5902 > 5903 5904 5905 5906<div 5907 class=" 5908 group-block 5909 group-block--height-fit 5910 group-block--width-fill 5911 border-style 5912 spacing-style 5913 size-style 5914 5915 5916 footer-wrapper-signup 5917 " 5918 style=" 5919 --border-width: 1px; --border-style: none; --border-color: 5920rgb(var(--color-border-rgb) / 1.0); --border-radius: 59210px; 5922 5923 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5924 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5925 5926 5927 " 5928 5929 data-testid="group-block" 5930 ><div 5931 class="group-block__media-wrapper" 5932 5933 > 5934 5935 5936 5937 5938 5939 </div><div 5940 class=" 5941 group-block-content 5942 5943 layout-panel-flex 5944 layout-panel-flex--row 5945 mobile-column 5946 " 5947 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5948 5949--gap: max(24px, calc(var(--gap-scale, 1.0) * 100px)); 5950 5951--horizontal-alignment: flex-start; --vertical-alignment: center; 5952--vertical-alignment-mobile: center; 5953 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 5954 > 5955 5956 5957 5958<div 5959 class=" 5960 group-block 5961 group-block--height-fit 5962 group-block--width-fill 5963 border-style 5964 spacing-style 5965 size-style 5966 5967 5968 5969 " 5970 style=" 5971 --border-width: 1px; --border-style: none; --border-color: 5972rgb(var(--color-border-rgb) / 1.0); --border-radius: 59730px; 5974 5975 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5976 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5977 5978 5979 " 5980 5981 data-testid="group-block" 5982 ><div 5983 class="group-block__media-wrapper" 5984 5985 > 5986 5987 5988 5989 5990 5991 </div><div 5992 class=" 5993 group-block-content 5994 5995 layout-panel-flex 5996 layout-panel-flex--column 5997 mobile-column 5998 " 5999 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6000 6001--gap: 8px; 6002 6003--horizontal-alignment: flex-start; --vertical-alignment: center; 6004--vertical-alignment-mobile: center; 6005 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 6006 > 6007 6008
6009 6010 6011 6012 6013 6014 6015 <div class=" spacing-style text-block text-block--AODE5VFVFaWNQQm5HV__text_pwhCDY h3 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "><p>Subscribe to our emails</p> 6016</div> 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 <rte-formatter class=" spacing-style text-block text-block--AYnJiLzFYYXZzbVl4b__text_64PtiL rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "><p>Be the first to know about new collections and exclusive offers.</p> 6034</rte-formatter> 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044</div> 6045</div> 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055<div 6056 class="email-signup-block size-style spacing-style" 6057 style="--size-style-width:40%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 6058 6059> 6060 6061<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 6062 <div 6063 class="email-signup__input-group email-signup__input-group--integrated " 6064 style="--border-width: 1px; --border-radius: 100px;" 6065 > 6066 <label 6067 for="EmailInput-AYnJzS3c0VGNoYitRQ__email_signup_rErNy9" 6068 class="visually-hidden" 6069 > 6070 Email 6071 </label> 6072 <input 6073 id="EmailInput-AYnJzS3c0VGNoYitRQ__email_signup_rErNy9" 6074 class="email-signup__input email-signup__input--all paragraph " 6075 type="email" 6076 name="contact[email]" 6077 autocorrect="off" 6078 autocapitalize="off" 6079 autocomplete="email" 6080 placeholder="Enter your email address" 6081 required 6082 6083 > 6084 <button 6085 class="hover-fill email-signup__button email-signup__button--integrated email-signup__button--text paragraph button button--AYnJzS3c0VGNoYitRQ__email_signup_rErNy9 " 6086 6087 > 6088 6089 Submit 6090 6091 </button> 6092 </div></form> 6093</div> 6094 6095 6096 6097 6098 6099</div> 6100</div> 6101 6102 6103 6104 6105 6106 6107 6108 6109<div 6110 class=" 6111 group-block 6112 group-block--height-fit 6113 group-block--width-fill 6114 border-style 6115 spacing-style 6116 size-style 6117 6118 6119 footer-menus-parent-wrapper 6120 " 6121 style=" 6122 --border-width: 1px; --border-style: none; --border-color: 6123rgb(var(--color-border-rgb) / 1.0); --border-radius: 61240px; 6125 6126 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6127 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6128 6129 6130 " 6131 6132 data-testid="group-block" 6133 ><div 6134 class="group-block__media-wrapper" 6135 6136 > 6137 6138 6139 6140 6141 6142 </div><div 6143 class=" 6144 group-block-content 6145 6146 layout-panel-flex 6147 layout-panel-flex--row 6148 mobile-column 6149 " 6150 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6151 6152--gap: max(24px, calc(var(--gap-scale, 1.0) * 100px)); 6153 6154--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6155--vertical-alignment-mobile: flex-start; 6156 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 6157 > 6158 6159 6160 6161<div 6162 class=" 6163 group-block 6164 group-block--height-fit 6165 group-block--width-custom 6166 border-style 6167 spacing-style 6168 size-style 6169 6170 6171 footer-logo-wrapper 6172 " 6173 style=" 6174 --border-width: 1px; --border-style: none; --border-color: 6175rgb(var(--color-border-rgb) / 1.0); --border-radius: 61760px; 6177 6178 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6179 --size-style-width:37%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6180 6181 6182 " 6183 6184 data-testid="group-block" 6185 ><div 6186 class="group-block__media-wrapper" 6187 6188 > 6189 6190 6191 6192 6193 6194 </div><div 6195 class=" 6196 group-block-content 6197 6198 layout-panel-flex 6199 layout-panel-flex--column 6200 mobile-column 6201 " 6202 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6203 6204--gap: 12px; 6205 6206--horizontal-alignment: flex-start; --vertical-alignment: center; 6207--vertical-alignment-mobile: center; 6208 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 6209 > 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 <a 6231 href="#" 6232 class=" 6233 image-block image-block--ATTZRTUhlcmFZOUVtV__image_6hXGq9 image-block--height-fit spacing-style size-style 6234" 6235 style=" 6236 --ratio: 6.0; 6237 --ratio-mobile: 6.0; 6238 --size-style-width:40%;--size-style-height: fit; 6239 --size-style-width-mobile:50%; --size-style-width-mobile-min:50%; 6240 --padding-block-start: 0px;--padding-block-end: 12px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6241" 6242 6243 > 6244 6245<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=3840" alt="Healthfab-period-underwear-gopadfree-logo" srcset="//www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=240 240w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=352 352w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=832 832w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=1200 1200w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=1600 1600w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=1920 1920w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=2560 2560w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&width=3840 3840w" width="270" loading="lazy" heights="45" class="image-block__image border-style" style=" 6246 --ratio: 6.0; 6247 --border-radius-desktop: 0px; 6248 --border-radius-mobile: 0px; 6249 --border-width: 1px; --border-style: none; --border-color: 6250rgb(var(--color-border-rgb) / 1.0); --border-radius: 62510px; --border-radius-mobile: 0px; 6252
6253" sizes="auto, (min-width: 750px) 100vw, 100vw"> 6254 </picture> 6255 </a> 6256 6257 6258<style> 6259 .placeholder-image { 6260 position: relative; 6261 aspect-ratio: var(--ratio); 6262 overflow: hidden; 6263 } 6264 6265 placeholder-image img { 6266 width: 100%; 6267 height: 100%; 6268 aspect-ratio: var(--ratio); 6269 } 6270 6271 .image-block { 6272 display: flex; 6273 6274 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 6275 justify-content: var(--horizontal-alignment, 'inline-start'); 6276 } 6277 6278 .image-block__picture { 6279 width: 100%; 6280 height: 100%; 6281 } 6282 6283 .image-block__picture img{ 6284 height: 100%; 6285 } 6286 6287 .image-block--height-fill .image-block__image { 6288 height: 100%; 6289 } 6290 6291 .image-block__image { 6292 width: 100%; 6293 object-fit: cover; 6294 aspect-ratio: var(--ratio); 6295 border-radius: var(--border-radius-mobile, 0); 6296 } 6297 6298 .placeholder-image { 6299 border-radius: var(--border-radius-mobile, 0); 6300 } 6301 6302 @media (max-width: 749px) { 6303 .image-block__image, 6304 .placeholder-image { 6305 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 6306 } 6307 6308 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 6309 max-width: 100%; 6310 overflow: hidden; 6311 box-sizing: border-box; 6312 } 6313 6314 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 6315 aspect-ratio: 428/36; 6316 padding: 0 0px; 6317 box-sizing: border-box; 6318 } 6319 6320 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 6321 object-fit: contain; 6322 aspect-ratio: 428/36 !important; 6323 height: auto; 6324 } 6325 6326 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 6327 padding:0 16px; 6328 } 6329 6330 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 6331 padding:0 16px; 6332 } 6333 6334 6335 } 6336 6337 @media screen and (min-width: 750px) { 6338 .image-block__image { 6339 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 6340 } 6341 6342 .placeholder-image { 6343 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 6344 } 6345 } 6346 6347 .image-block.homepage_shark_image { 6348 width: 100% !important; 6349 max-width: 100% !important; 6350 min-width: 0 !important; 6351 overflow: visible !important; 6352 } 6353 6354 .image-block.homepage_shark_image picture { 6355 width: 100% !important; 6356 max-width: 100% !important; 6357 display: block !important; 6358 } 6359 6360 .image-block.homepage_shark_image .image-block__image { 6361 width: 100% !important; 6362 max-width: 100% !important; 6363 height: auto !important; 6364 /* Use contain instead of cover on mobile to prevent cropping */ 6365 object-fit: contain !important; 6366 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 6367 aspect-ratio: auto !important; 6368 } 6369 .homepage_shark_image{ 6370 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 6371 } 6372 6373 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 6374 @media (max-width: 749px) { 6375 @supports (-webkit-touch-callout: none) { 6376 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 6377 .section.section--has-overlap .homepage_shark_image { 6378 margin-top: 0 !important; 6379 } 6380 6381 .homepage_shark_image { 6382 /* Keep overlap within a sane range so iOS matches Android */ 6383 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 6384 } 6385 } 6386 } 6387 6388 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 6389 width: 32px; 6390 height: 32px; 6391 } 6392 6393 .image-block.bundle-multicolumn-images .image-block__image { 6394 aspect-ratio: 1/1 !important; 6395 object-fit: cover; 6396 max-width: 466.66px !important; 6397 } 6398 6399 /* Bundle-picker banner: Figma sits this strip at the same width as the 6400 option cards below it, not full-bleed, and sized to the artwork itself. 6401 The block's flex container stretches <picture>, which then claims 6402 height:100% â that made the box ~50px taller than the art and 6403 object-fit letterboxed the difference. Opt this one banner out of the 6404 flex/height chain so it is exactly as tall as the image. */ 6405 .image-block.bundle-banner-img { 6406 display: block; 6407 } 6408 6409 .image-block.bundle-banner-img .image-block__picture { 6410 display: block; 6411 height: auto; 6412 } 6413 6414 /* Pin the artwork's own ratio rather than relying on implicit sizing â 6415 the block feeds --ratio from the DESKTOP image even in the mobile 6416 branch, so "adapt" left the mobile box ~50px taller than the art and 6417 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 6418 .image-block.bundle-banner-img .image-block__image { 6419 display: block; 6420 width: 100%; 6421 height: auto !important; 6422 aspect-ratio: 1904 / 298 !important; 6423 object-fit: contain !important; 6424 } 6425 6426 @media (max-width: 749px) { 6427 .image-block.bundle-banner-img { 6428 margin-left: 16px; 6429 margin-right: 16px; 6430 width: calc(100% - 32px); 6431 max-width: calc(100% - 32px); 6432 box-sizing: border-box; 6433 } 6434 6435 .image-block.bundle-banner-img .image-block__image { 6436 aspect-ratio: 360 / 75 !important; 6437 } 6438 } 6439 6440 @media (max-width: 749px) { 6441 .image-block.homepage_certificate_image { 6442 width: 100% !important; 6443 max-width: 100% !important; 6444 min-width: 0 !important; 6445 overflow: visible !important; 6446 } 6447 6448 .image-block.homepage_certificate_image picture { 6449 width: 100% !important; 6450 max-width: 100% !important; 6451 display: block !important; 6452 } 6453 6454 .image-block.homepage_certificate_image .image-block__image { 6455 width: 100% !important; 6456 max-width: 100% !important; 6457 object-fit: inherit !important; 6458 aspect-ratio: 396 / 248 !important; 6459 } 6460 .image-block.pdp-img-banner .image-block__image { 6461 aspect-ratio: unset !important; 6462 object-fit: cover; 6463 height: 60px !important; 6464 } 6465 .image-block.usp-img-banner .image-block__image { 6466 width: 100% !important; 6467 height: 60px !important; 6468 object-fit: contain !important; 6469 aspect-ratio: auto !important; 6470 } 6471 .image-block.how-to-apply-img .image-block__image { 6472 aspect-ratio: 234/176 !important; 6473 object-fit: cover; 6474 min-width: 234px !important; 6475 } 6476 .image-block.step-by-step-image .image-block__image { 6477 aspect-ratio: 1/1 !important; 6478 object-fit: cover; 6479 min-width: 194px !important; 6480 } 6481 .image-block.new-to-period-panties-img .image-block__image { 6482 min-width: 206px !important; 6483 aspect-ratio: 206/137 !important; 6484 object-fit: cover; 6485 border-radius: 12px; 6486 } 6487 .image-block.why-choose-img .image-block__image { 6488 object-fit: inherit !important; 6489 } 6490 .image-block.stock-up-img { 6491 padding: 0 16px !important; 6492 } 6493 6494 .image-block.bundle-multicolumn-images .image-block__image { 6495 min-width: 206px !important; 6496 aspect-ratio: 1/1; 6497 } 6498 6499 } 6500 @media(max-width: 420px) { 6501 .image-block.pdp-img-banner .image-block__image { 6502 aspect-ratio: unset !important; 6503 object-fit: cover; 6504 height: 50px !important; 6505 } 6506 } 6507 @media (min-width: 1400px) { 6508 .image-block.not-sure-img .image-block__image { 6509 width: 650px !important; 6510 aspect-ratio: 650/366 !important; 6511 } 6512 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 6513 .image-block.comfort-img { 6514 width: 750px !important; 6515 max-width: 750px !important; 6516 flex: 0 0 750px !important; 6517 } 6518 6519 .image-block.comfort-img .image-block__picture { 6520 width: 750px !important; 6521 max-width: 750px !important; 6522 height: auto !important; 6523 } 6524 6525 .image-block.comfort-img .image-block__image { 6526 width: 750px !important; 6527 max-width: 750px !important; 6528 height: auto !important; 6529 aspect-ratio: 750/560 !important; 6530 } 6531 .image-block.meet-the-team-img .image-block__image { 6532 width: 750px !important; 6533 aspect-ratio: 750/650 !important; 6534 } 6535 .image-block.know-your-panty-img .image-block__image { 6536 width: 750px !important; 6537 aspect-ratio: 750/560 !important; 6538 } 6539 } 6540</style> 6541 6542 6543 6544 6545 6546 6547<div 6548 class=" 6549 group-block 6550 group-block--height-fit 6551 group-block--width-fill 6552 border-style 6553 spacing-style 6554 size-style 6555 6556 6557 6558 " 6559 style=" 6560 --border-width: 1px; --border-style: none; --border-color: 6561rgb(var(--color-border-rgb) / 1.0); --border-radius: 65620px; 6563 6564 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6565 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6566 6567 6568 " 6569 6570 data-testid="group-block" 6571 ><div 6572 class="group-block__media-wrapper" 6573 6574 > 6575 6576 6577 6578 6579 6580 </div><div 6581 class=" 6582 group-block-content 6583 6584 layout-panel-flex 6585 layout-panel-flex--row 6586 6587 " 6588 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6589 6590--gap: 12px; 6591 6592--horizontal-alignment: flex-start; --vertical-alignment: center; 6593--vertical-alignment-mobile: center; 6594 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 6595 > 6596 <div id="shopify-block-ATDBoMzhGZjRtbnJxR__social_media_icons_custom_X9Wm7a" class="shopify-block social-media-icons-custom-block"> 6597 6598 6599<div 6600 class="social-media-icons-custom social-media-icons-custom-ATDBoMzhGZjRtbnJxR__social_media_icons_custom_X9Wm7a" 6601 6602 ><a 6603 href="https://www.youtube.com/@healthfabin" 6604 class="social-media-icons-custom__link" 6605 6606 target="_blank" 6607 rel="noopener noreferrer" 6608 6609 aria-label="Social media link" 6610 > 6611 <div 6612 class="social-media-icons-custom__icon" 6613 style="width: 26px;
6613 height: 26px;" 6614 > 6615 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 26 26" fill="none"> 6616<g clip-path="url(#clip0_1991_4847)"> 6617<path d="M25.8391 13C25.8391 5.91002 20.0915 0.162476 13.0016 0.162476C5.91161 0.162476 0.164062 5.91002 0.164062 13C0.164062 20.0899 5.91161 25.8375 13.0016 25.8375C20.0915 25.8375 25.8391 20.0899 25.8391 13Z" fill="white"></path> 6618<path d="M25.8391 13C25.8391 5.91002 20.0915 0.162476 13.0016 0.162476C5.91161 0.162476 0.164062 5.91002 0.164062 13C0.164062 20.0899 5.91161 25.8375 13.0016 25.8375C20.0915 25.8375 25.8391 20.0899 25.8391 13Z" stroke="#0C2B82" stroke-width="0.5"></path> 6619<path d="M6.82493 16.25C6.37086 14.1071 6.37086 11.8929 6.82493 9.75C6.8846 9.53238 6.99985 9.33407 7.15942 9.17449C7.319 9.01492 7.51731 8.89967 7.73493 8.84C11.2211 8.26248 14.7787 8.26248 18.2649 8.84C18.4826 8.89967 18.6809 9.01492 18.8404 9.17449C19 9.33407 19.1153 9.53238 19.1749 9.75C19.629 11.8929 19.629 14.1071 19.1749 16.25C19.1153 16.4676 19 16.6659 18.8404 16.8255C18.6809 16.9851 18.4826 17.1003 18.2649 17.16C14.7787 17.7377 11.2211 17.7377 7.73493 17.16C7.51731 17.1003 7.319 16.9851 7.15942 16.8255C6.99985 16.6659 6.8846 16.4676 6.82493 16.25Z" stroke="#0C2B82" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path> 6620<path d="M11.7031 14.95L14.9531 13L11.7031 11.05V14.95Z" stroke="#0C2B82" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path> 6621</g> 6622<defs> 6623<clippath id="clip0_1991_4847"> 6624<rect width="26" height="26" fill="white"></rect> 6625</clippath> 6626</defs> 6627</svg> 6628 </div> 6629 </a></div><style> 6630 .social-media-icons-custom { 6631 display: inline-flex; 6632 align-items: center; 6633 justify-content: center; 6634 } 6635 6636 .social-media-icons-custom__link { 6637 display: inline-flex; 6638 align-items: center; 6639 justify-content: center; 6640 text-decoration: none; 6641 color: inherit; 6642 } 6643 6644 .social-media-icons-custom__icon { 6645 display: inline-flex; 6646 align-items: center; 6647 justify-content: center; 6648 line-height: 0; 6649 } 6650 6651 .social-media-icons-custom__icon svg { 6652 display: block; 6653 width: 100%; 6654 height: 100%; 6655 fill: currentColor; 6656 } 6657 6658 .social-media-icons-custom__icon svg:hover{ 6659 fill: #FF63A9; 6660 } 6661.social-media-icons-custom__icon svg:hover path { 6662 stroke:white; 6663} 6664</style> 6665 6666 6667 6668</div> 6669<div id="shopify-block-Ad2Q1amVzak1sekdUN__social_media_icons_custom_KU8H97" class="shopify-block social-media-icons-custom-block"> 6670 6671 6672<div 6673 class="social-media-icons-custom social-media-icons-custom-Ad2Q1amVzak1sekdUN__social_media_icons_custom_KU8H97" 6674 6675 ><a 6676 href="https://twitter.com/healthfabin" 6677 class="social-media-icons-custom__link" 6678 6679 target="_blank" 6680 rel="noopener noreferrer" 6681 6682 aria-label="Social media link" 6683 > 6684 <div 6685 class="social-media-icons-custom__icon" 6686 style="width: 26px; height: 26px;" 6687 > 6688 <svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 6689<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" fill="white"></rect> 6690<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" stroke="#0C2B82" stroke-width="0.5"></rect> 6691<path d="M8.5 17.5L12.274 13.726M12.274 13.726L8.5 8.5H11L13.726 12.274M12.274 13.726L15 17.5H17.5L13.726 12.274M17.5 8.5L13.726 12.274" stroke="#0C2B82" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path> 6692</svg> 6693 </div> 6694 </a></div><style> 6695 .social-media-icons-custom { 6696 display: inline-flex; 6697 align-items: center; 6698 justify-content: center; 6699 } 6700 6701 .social-media-icons-custom__link { 6702 display: inline-flex; 6703 align-items: center; 6704 justify-content: center; 6705 text-decoration: none; 6706 color: inherit; 6707 } 6708 6709 .social-media-icons-custom__icon { 6710 display: inline-flex; 6711 align-items: center; 6712 justify-content: center; 6713 line-height: 0; 6714 } 6715 6716 .social-media-icons-custom__icon svg { 6717 display: block; 6718 width: 100%; 6719 height: 100%; 6720 fill: currentColor; 6721 } 6722 6723 .social-media-icons-custom__icon svg:hover{ 6724 fill: #FF63A9; 6725 } 6726.social-media-icons-custom__icon svg:hover path { 6727 stroke:white; 6728} 6729</style> 6730 6731 6732 6733</div> 6734<div id="shopify-block-AR1JpcEN1ay94Q2IxV__social_media_icons_custom_GgE66K" class="shopify-block social-media-icons-custom-block"> 6735 6736 6737<div 6738 class="social-media-icons-custom social-media-icons-custom-AR1JpcEN1ay94Q2IxV__social_media_icons_custom_GgE66K" 6739 6740 ><a 6741 href="https://www.instagram.com/healthfab.in/" 6742 class="social-media-icons-custom__link" 6743 6744 target="_blank" 6745 rel="noopener noreferrer" 6746 6747 aria-label="Social media link" 6748 > 6749 <div 6750 class="social-media-icons-custom__icon" 6751 style="width: 26px;
6751 height: 26px;" 6752 > 6753 <svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 6754<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" fill="white"></rect> 6755<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" stroke="#0C2B82" stroke-width="0.5"></rect> 6756<path d="M17.5 12.9998C17.499 13.4011 17.4945 13.8025 17.489 14.2038C17.4824 14.6879 17.4749 15.1723 17.3535 15.6482C17.2262 16.1472 16.975 16.5776 16.5843 16.8962C16.1726 17.232 15.6749 17.4085 15.1378 17.4411C14.4254 17.4844 13.7127 17.5016 13 17.4999C12.2873 17.5016 11.5746 17.4844 10.8622 17.4411C10.3251 17.4085 9.82742 17.232 9.41569 16.8962C9.02498 16.5776 8.77384 16.1472 8.6465 15.6482C8.52508 15.1723 8.5176 14.6879 8.51098 14.2038C8.50549 13.8025 8.50093 13.4011 8.5 12.9998C8.50093 12.5985 8.50549 12.1972 8.51098 11.7959C8.5176 11.3117 8.52508 10.8273 8.6465 10.3514C8.77384 9.85241 9.02498 9.42203 9.41569 9.10341C9.82742 8.76765 10.3251 8.59117 10.8622 8.55851C11.5746 8.51518 12.2873 8.49806 13 8.49974C13.7127 8.49806 14.4254 8.51518 15.1378 8.55851C15.6749 8.59117 16.1726 8.76765 16.5843 9.10341C16.975 9.42203 17.2262 9.85241 17.3535 10.3514C17.4749 10.8273 17.4824 11.3117 17.489 11.7959C17.4945 12.1972 17.499 12.5985 17.5 12.9998Z" stroke="#0C2B82" stroke-width="1.4" stroke-miterlimit="10"></path> 6757<path d="M14.9833 12.9996C14.9833 14.1055 14.0868 15.002 12.9809 15.002C11.875 15.002 10.9785 14.1055 10.9785 12.9996C10.9785 11.8937 11.875 10.9972 12.9809 10.9972C14.0868 10.9972 14.9833 11.8937 14.9833 12.9996Z" stroke="#0C2B82" stroke-width="1.4" stroke-miterlimit="10"></path> 6758<path d="M15.7584 10.4258C15.7583 10.3553 15.701 10.2979 15.6305 10.2979C15.5775 10.2979 15.5318 10.3301 15.5123 10.376L15.5026 10.4258C15.5026 10.4964 15.5598 10.5537 15.6305 10.5537L15.6803 10.5439C15.7262 10.5245 15.7584 10.4787 15.7584 10.4258Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="1.4"></path> 6759</svg> 6760 </div> 6761 </a></div><style> 6762 .social-media-icons-custom { 6763 display: inline-flex; 6764 align-items: center; 6765 justify-content: center; 6766 } 6767 6768 .social-media-icons-custom__link { 6769 display: inline-flex; 6770 align-items: center; 6771 justify-content: center; 6772 text-decoration: none; 6773 color: inherit; 6774 } 6775 6776 .social-media-icons-custom__icon { 6777 display: inline-flex; 6778 align-items: center; 6779 justify-content: center; 6780 line-height: 0; 6781 } 6782 6783 .social-media-icons-custom__icon svg { 6784 display: block; 6785 width: 100%; 6786 height: 100%; 6787 fill: currentColor; 6788 } 6789 6790 .social-media-icons-custom__icon svg:hover{ 6791 fill: #FF63A9; 6792 } 6793.social-media-icons-custom__icon svg:hover path { 6794 stroke:white; 6795} 6796</style> 6797 6798 6799 6800</div> 6801<div id="shopify-block-ANVpya2VObS9oYk5YN__social_media_icons_custom_U6Teja" class="shopify-block social-media-icons-custom-block"> 6802 6803 6804<div 6805 class="social-media-icons-custom social-media-icons-custom-ANVpya2VObS9oYk5YN__social_media_icons_custom_U6Teja" 6806 6807 ><a 6808 href="https://www.facebook.com/healthfab.in" 6809 class="social-media-icons-custom__link" 6810 6811 target="_blank" 6812 rel="noopener noreferrer" 6813 6814 aria-label="Social media link" 6815 > 6816 <div 6817 class="social-media-icons-custom__icon" 6818 style="width: 26px; height: 26px;" 6819 > 6820 <svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 6821<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" fill="white"></rect> 6822<rect x="0.25" y="0.25" width="25.5" height="25.5" rx="12.75" stroke="#0C2B82" stroke-width="0.5"></rect> 6823<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8405 19V13.5288H10V11.3966H11.8405V9.82702C11.7656 9.07286 12.027 8.32406 12.555 7.78039C13.083 7.23671 13.8238 6.95347 14.5798 7.00626C15.1295 7.00303 15.6788 7.03269 16.2249 7.0951V8.99781H15.0959C14.8048 8.9362 14.5021 9.02441 14.2897 9.2328C14.0773 9.44119 13.9833 9.74208 14.0394 10.0343V11.3966H16.1509L15.8755 13.5288H14.0423V19H11.8405Z" stroke="#0C2B82"></path> 6824</svg> 6825 </div> 6826 </a></div><style> 6827 .social-media-icons-custom { 6828 display: inline-flex; 6829 align-items: center; 6830 justify-content: center; 6831 } 6832 6833 .social-media-icons-custom__link { 6834 display: inline-flex; 6835 align-items: center; 6836 justify-content: center; 6837 text-decoration: none; 6838 color: inherit; 6839 } 6840 6841 .social-media-icons-custom__icon { 6842 display: inline-flex; 6843 align-items: center; 6844 justify-content: center; 6845 line-height: 0; 6846 } 6847 6848 .social-media-icons-custom__icon svg { 6849 display: block; 6850 width: 100%; 6851 height: 100%; 6852 fill: currentColor; 6853 } 6854 6855 .social-media-icons-custom__icon svg:hover{ 6856 fill: #FF63A9; 6857 } 6858.social-media-icons-custom__icon svg:hover path { 6859 stroke:white; 6860} 6861</style> 6862 6863 6864 6865</div> 6866 6867</div> 6868</div> 6869 6870 6871 6872 6873 6874 6875</div> 6876</div> 6877 6878 6879 6880 6881 6882 6883 6884 6885<div 6886 class=" 6887 group-block 6888 group-block--height-fit 6889 group-block--width-fill 6890 border-style 6891 spacing-style 6892 size-style 6893 6894 6895 footer-menu-wrapper 6896 " 6897 style=" 6898 --border-width: 1px; --border-style: none; --border-color: 6899rgb(var(--color-border-rgb) / 1.0); --border-radius: 69000px; 6901 6902 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6903 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6904 6905 6906 " 6907 6908 data-testid="group-block" 6909 ><div 6910 class="group-block__media-wrapper" 6911 6912 > 6913 6914 6915 6916 6917 6918 </div><div 6919 class=" 6920 group-block-content 6921 6922 layout-panel-flex 6923 layout-panel-flex--row 6924 mobile-column 6925 " 6926 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6927 6928--gap: 12px; 6929 6930--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6931--vertical-alignment-mobile: flex-start; 6932 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 6933 > 6934 6935 6936 6937 6938 6939 <accordion-custom 6940 class=" 6941 menu 6942 menu--accordion menu--caret 6943 menu--dividers 6944 " 6945 data-disable-on-desktop="true" 6946 open-by-default-on-desktop 6947 6948 > 6949 <details 6950 class=" 6951 menu__details 6952 spacing-style 6953 6954 " 6955 data-testid="menu-details" 6956 style=" 6957 --spacing--size: 12px; 6958 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6959 " 6960 6961 6962 > 6963 <summary class="menu__heading h3">
6964 <span class="menu__heading__default">Shop</span> 6965 <span class="menu__heading__accordion"> 6966 Shop 6967 <span class="menu__heading__toggle 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"> 6968 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6969</svg> 6970</span> 6971 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6972 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6973 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6974</svg> 6975</span> 6976 </span> 6977 </summary> 6978 6979 <div class="details-content"> 6980 6981 <ul class="list-unstyled"> 6982 6983 <li class="menu__item paragraph"> 6984 <a href="/products/gopadfree-heavy-lace"> 6985 ReUsable Period Panty 6986 </a> 6987 </li> 6988 6989 <li class="menu__item paragraph"> 6990 <a href="/products/disposable-period-panty"> 6991 Disposable Period Panty 6992 </a> 6993 </li> 6994 6995 </ul> 6996 6997 </div> 6998 </details> 6999 </accordion-custom> 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 <accordion-custom 7011 class=" 7012 menu 7013 menu--accordion menu--caret 7014 menu--dividers 7015 " 7016 data-disable-on-desktop="true" 7017 open-by-default-on-desktop 7018 7019 > 7020 <details 7021 class=" 7022 menu__details 7023 spacing-style 7024 7025 " 7026 data-testid="menu-details" 7027 style=" 7028 --spacing--size: 12px; 7029 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7030 " 7031 7032 7033 > 7034 <summary class="menu__heading h3"> 7035 <span class="menu__heading__default">Quick links</span> 7036 <span class="menu__heading__accordion"> 7037 Quick links 7038 <span class="menu__heading__toggle 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"> 7039 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7040</svg> 7041</span> 7042 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7043 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7044 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7045</svg> 7046</span> 7047 </span> 7048 </summary> 7049 7050 <div class="details-content"> 7051 7052 <ul class="list-unstyled"> 7053 7054 <li class="menu__item paragraph"> 7055 <a href="/pages/how-it-works"> 7056 How it works 7057 </a> 7058 </li> 7059 7060 <li class="menu__item paragraph"> 7061 <a href="/pages/sustainability"> 7062 Sustainability 7063 </a> 7064 </li> 7065 7066 <li class="menu__item paragraph"> 7067 <a href="/pages/tests-and-certificates"> 7068 Tests & Certificates 7069 </a> 7070 </li> 7071 7072 <li class="menu__item paragraph"> 7073 <a href="/pages/corporate-information"> 7074 Corporate Information 7075 </a> 7076 </li> 7077 7078 </ul> 7079 7080 </div> 7081 </details> 7082 </accordion-custom> 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 <accordion-custom 7094 class=" 7095 menu 7096 menu--accordion menu--caret 7097 menu--dividers 7098 " 7099 data-disable-on-desktop="true" 7100 open-by-default-on-desktop 7101 7102 > 7103 <details 7104 class=" 7105 menu__details 7106 spacing-style 7107 7108 " 7109 data-testid="menu-details" 7110 style=" 7111 --spacing--size: 12px; 7112 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7113 " 7114 7115 7116 > 7117 <summary class="menu__heading h3">
7118 <span class="menu__heading__default">Happy to help</span> 7119 <span class="menu__heading__accordion"> 7120 Happy to help 7121 <span class="menu__heading__toggle 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"> 7122 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7123</svg> 7124</span> 7125 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7126 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7127 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7128</svg> 7129</span> 7130 </span> 7131 </summary> 7132 7133 <div class="details-content"> 7134 7135 <ul class="list-unstyled"> 7136 7137 <li class="menu__item paragraph"> 7138 <a href="/account/login"> 7139 Account 7140 </a> 7141 </li> 7142 7143 <li class="menu__item paragraph"> 7144 <a href="/policies/refund-policy"> 7145 Cancellation, Refund and Return 7146 </a> 7147 </li> 7148 7149 <li class="menu__item paragraph"> 7150 <a href="/policies/shipping-policy"> 7151 Shipping Policy 7152 </a> 7153 </li> 7154 7155 <li class="menu__item paragraph"> 7156 <a href="/policies/privacy-policy"> 7157 Privacy Policy 7158 </a> 7159 </li> 7160 7161 <li class="menu__item paragraph"> 7162 <a href="/policies/terms-of-service"> 7163 Terms of Service 7164 </a> 7165 </li> 7166 7167 <li class="menu__item paragraph"> 7168 <a href="/pages/contact-us"> 7169 Contact Us 7170 </a> 7171 </li> 7172 7173 </ul> 7174 7175 </div> 7176 </details> 7177 </accordion-custom> 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 <accordion-custom 7189 class=" 7190 menu 7191 menu--accordion menu--caret 7192 7193 " 7194 data-disable-on-desktop="true" 7195 open-by-default-on-desktop 7196 7197 > 7198 <details 7199 class=" 7200 menu__details 7201 spacing-style 7202 7203 " 7204 data-testid="menu-details" 7205 style=" 7206 --spacing--size: 12px; 7207 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7208 " 7209 7210 7211 > 7212 <summary class="menu__heading h3"> 7213 <span class="menu__heading__default">Know It Better</span> 7214 <span class="menu__heading__accordion"> 7215 Know It Better 7216 <span class="menu__heading__toggle 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"> 7217 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7218</svg> 7219</span> 7220 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7221 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7222 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 7223</svg> 7224</span> 7225 </span> 7226 </summary> 7227 7228 <div class="details-content"> 7229 7230 <ul class="list-unstyled"> 7231 7232 <li class="menu__item paragraph"> 7233 <a href="/pages/about-us-1"> 7234 About Us 7235 </a> 7236 </li> 7237 7238 <li class="menu__item paragraph"> 7239 <a href="/pages/faqs-1"> 7240 FAQs 7241 </a> 7242 </li> 7243 7244 <li class="menu__item paragraph"> 7245 <a href="/pages/all-blogs"> 7246 Blogs 7247 </a> 7248 </li> 7249 7250 </ul> 7251 7252 </div> 7253 </details> 7254 </accordion-custom> 7255 7256 7257 7258 7259 7260 7261</div> 7262</div> 7263 7264 7265 7266 7267 7268 7269</div> 7270</div> 7271 7272 7273 7274 7275 7276 7277</div> 7278</div> 7279 7280 7281 7282 7283 7284 7285 </div> 7286</div> 7287 7288 7289 7290<style> 7291footer.section-wrapper { 7292 margin-top: 0px; 7293} 7294 7295@media screen and (min-width: 750px) { 7296 footer.section-wrapper { 7297 margin-top: 0px; 7298 } 7299} 7300 7301 7302 7303 7304 7305</style> 7306 7307 7308 7309 7310</footer><div id="shopify-section-sections--22900181729508__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 7311 7312<div class="section-background color-scheme-4"></div> 7313<div 7314 class="section section--page-width color-scheme-4" 7315 7316> 7317 <div 7318 class="utilities utilities--blocks-2 spacing-style" 7319 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;" 7320 data-testid="footer-utilities" 7321 > 7322 7323 7324 7325<div 7326 class=" 7327 group-block 7328 group-block--height-fit 7329 group-block--width-fill 7330 border-style 7331 spacing-style 7332 size-style 7333 7334 7335 7336 " 7337 style=" 7338 --border-width: 1px; --border-style: none; --border-color: 7339rgb(var(--color-border-rgb) / 1.0); --border-radius: 73400px; 7341 7342 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7343 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7344 7345 7346 " 7347 7348 data-testid="group-block" 7349 ><div 7350 class="group-block__media-wrapper" 7351 7352 > 7353 7354 7355 7356 7357 7358 </div><div 7359 class=" 7360 group-block-content 7361 7362 layout-panel-flex 7363 layout-panel-flex--row 7364 7365 " 7366 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7367 7368--gap: 12px; 7369 7370--horizontal-alignment: flex-start; --vertical-alignment: center; 7371--vertical-alignment-mobile: center; 7372 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 7373 > 7374 7375 <div 7376 class=" 7377 footer-utilities__language-selector 7378 footer-utilities__text 7379 custom-typography 7380 custom-font-size 7381 " 7382 style=" 7383--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 7384 7385 > 7386 7387<localization-form-component 7388 ref="localizationForm" 7389 data-label-results-count="[count] results" 7390 data-show-filter="true" 7391 style="" 7392> 7393 7394<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /> 7395 7396 7397 <div class="language-selector language-selector--collapse-space">
7398 <span 7399 class="visually-hidden" 7400 id="footer-LanguageLabel" 7401 > 7402 Language 7403 </span> 7404 7405 <select 7406 id="footerSelect" 7407 class="localization-form__select" 7408 name="language_code" 7409 aria-label="Language" 7410 ref="languageInput" 7411 on:change="/changeLanguage" 7412 ><option 7413 value="en" 7414 lang="en" 7415 7416 selected 7417 7418 > 7419 English 7420 </option><option 7421 value="hi" 7422 lang="hi" 7423 7424 > 7425 हिनà¥à¤¦à¥ 7426 </option></select> 7427 <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7428 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 7429</svg> 7430</span> 7431 </div> 7432 7433</form></localization-form-component> 7434 7435 7436 7437 </div> 7438 7439 7440 7441 7442 7443 7444 7445<div 7446 class=" 7447 footer-utilities__group-copyright 7448 custom-typography 7449 footer-utilities__text 7450 custom-font-size 7451 " 7452 style=" 7453--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 7454 7455> 7456 <span class="footer-utilities__text"> 7457 Copyright © 2026 7458 <a href="/" title="">Healthfab</a></span> 7459</div> 7460 7461 7462 7463</div> 7464</div> 7465 7466 7467 7468 7469 7470 7471 7472 7473<div 7474 class=" 7475 group-block 7476 group-block--height-fit 7477 group-block--width-fill 7478 border-style 7479 spacing-style 7480 size-style 7481 7482 7483 footer-payment-options 7484 " 7485 style=" 7486 --border-width: 1px; --border-style: none; --border-color: 7487rgb(var(--color-border-rgb) / 1.0); --border-radius: 74880px; 7489 7490 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7491 --size-style-width: 100%;--size-style-height: fit; 7492 --size-style-width-mobile:78%; --size-style-width-mobile-min:78%; 7493 7494 7495 " 7496 7497 data-testid="group-block" 7498 ><div 7499 class="group-block__media-wrapper" 7500 7501 > 7502 7503 7504 7505 7506 7507 </div><div 7508 class=" 7509 group-block-content 7510 7511 layout-panel-flex 7512 layout-panel-flex--row 7513 7514 " 7515 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7516 7517--gap: 12px; 7518 7519--horizontal-alignment: flex-end; --vertical-alignment: center; 7520--vertical-alignment-mobile: center; 7521 --mobile-text-alignment: left; --mobile-text-alignment-flex: flex-start;" 7522 > 7523 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 <div 7544 class=" 7545 image-block image-block--AUXpqc2N0WWRiT3B5N__image_KYLGjH image-block--height-fit spacing-style size-style 7546" 7547 style=" 7548 --ratio: 1.5833333333333333; 7549 --ratio-mobile: 1.5833333333333333; 7550 --size-style-width:5%;--size-style-height: fit; 7551 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 7552 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7553" 7554 7555 > 7556 7557<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=3840" alt="pay-by-visa-logo" srcset="//www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=240 240w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=352 352w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=832 832w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 7558 --ratio: 1.5833333333333333; 7559 --border-radius-desktop: 0px; 7560 --border-radius-mobile: 0px; 7561 --border-width: 1px; --border-style: none; --border-color: 7562rgb(var(--color-border-rgb) / 1.0); --border-radius: 75630px; --border-radius-mobile: 0px; 7564
7565" sizes="auto, (min-width: 750px) 100vw, 100vw"> 7566 </picture> 7567 </div> 7568 7569 7570<style> 7571 .placeholder-image { 7572 position: relative; 7573 aspect-ratio: var(--ratio); 7574 overflow: hidden; 7575 } 7576 7577 placeholder-image img { 7578 width: 100%; 7579 height: 100%; 7580 aspect-ratio: var(--ratio); 7581 } 7582 7583 .image-block { 7584 display: flex; 7585 7586 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 7587 justify-content: var(--horizontal-alignment, 'inline-start'); 7588 } 7589 7590 .image-block__picture { 7591 width: 100%; 7592 height: 100%; 7593 } 7594 7595 .image-block__picture img{ 7596 height: 100%; 7597 } 7598 7599 .image-block--height-fill .image-block__image { 7600 height: 100%; 7601 } 7602 7603 .image-block__image { 7604 width: 100%; 7605 object-fit: cover; 7606 aspect-ratio: var(--ratio); 7607 border-radius: var(--border-radius-mobile, 0); 7608 } 7609 7610 .placeholder-image { 7611 border-radius: var(--border-radius-mobile, 0); 7612 } 7613 7614 @media (max-width: 749px) { 7615 .image-block__image, 7616 .placeholder-image { 7617 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 7618 } 7619 7620 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 7621 max-width: 100%; 7622 overflow: hidden; 7623 box-sizing: border-box; 7624 } 7625 7626 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 7627 aspect-ratio: 428/36; 7628 padding: 0 0px; 7629 box-sizing: border-box; 7630 } 7631 7632 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 7633 object-fit: contain; 7634 aspect-ratio: 428/36 !important; 7635 height: auto; 7636 } 7637 7638 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 7639 padding:0 16px; 7640 } 7641 7642 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 7643 padding:0 16px; 7644 } 7645 7646 7647 } 7648 7649 @media screen and (min-width: 750px) { 7650 .image-block__image { 7651 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 7652 } 7653 7654 .placeholder-image { 7655 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 7656 } 7657 } 7658 7659 .image-block.homepage_shark_image { 7660 width: 100% !important; 7661 max-width: 100% !important; 7662 min-width: 0 !important; 7663 overflow: visible !important; 7664 } 7665 7666 .image-block.homepage_shark_image picture { 7667 width: 100% !important; 7668 max-width: 100% !important; 7669 display: block !important; 7670 } 7671 7672 .image-block.homepage_shark_image .image-block__image { 7673 width: 100% !important; 7674 max-width: 100% !important; 7675 height: auto !important; 7676 /* Use contain instead of cover on mobile to prevent cropping */ 7677 object-fit: contain !important; 7678 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 7679 aspect-ratio: auto !important; 7680 } 7681 .homepage_shark_image{ 7682 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 7683 } 7684 7685 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 7686 @media (max-width: 749px) { 7687 @supports (-webkit-touch-callout: none) { 7688 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 7689 .section.section--has-overlap .homepage_shark_image { 7690 margin-top: 0 !important; 7691 } 7692 7693 .homepage_shark_image { 7694 /* Keep overlap within a sane range so iOS matches Android */ 7695 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 7696 } 7697 } 7698 } 7699 7700 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 7701 width: 32px; 7702 height: 32px; 7703 } 7704 7705 .image-block.bundle-multicolumn-images .image-block__image { 7706 aspect-ratio: 1/1 !important; 7707 object-fit: cover; 7708 max-width: 466.66px !important; 7709 } 7710 7711 /* Bundle-picker banner: Figma sits this strip at the same width as the 7712 option cards below it, not full-bleed, and sized to the artwork itself. 7713 The block's flex container stretches <picture>, which then claims 7714 height:100% â that made the box ~50px taller than the art and 7715 object-fit letterboxed the difference. Opt this one banner out of the 7716 flex/height chain so it is exactly as tall as the image. */ 7717 .image-block.bundle-banner-img { 7718 display: block; 7719 } 7720 7721 .image-block.bundle-banner-img .image-block__picture { 7722 display: block; 7723 height: auto; 7724 } 7725 7726 /* Pin the artwork's own ratio rather than relying on implicit sizing â 7727 the block feeds --ratio from the DESKTOP image even in the mobile 7728 branch, so "adapt" left the mobile box ~50px taller than the art and 7729 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 7730 .image-block.bundle-banner-img .image-block__image { 7731 display: block; 7732 width: 100%; 7733 height: auto !important; 7734 aspect-ratio: 1904 / 298 !important; 7735 object-fit: contain !important; 7736 } 7737 7738 @media (max-width: 749px) { 7739 .image-block.bundle-banner-img { 7740 margin-left: 16px; 7741 margin-right: 16px; 7742 width: calc(100% - 32px); 7743 max-width: calc(100% - 32px); 7744 box-sizing: border-box; 7745 } 7746 7747 .image-block.bundle-banner-img .image-block__image { 7748 aspect-ratio: 360 / 75 !important; 7749 } 7750 } 7751 7752 @media (max-width: 749px) { 7753 .image-block.homepage_certificate_image { 7754 width: 100% !important; 7755 max-width: 100% !important; 7756 min-width: 0 !important; 7757 overflow: visible !important; 7758 } 7759 7760 .image-block.homepage_certificate_image picture { 7761 width: 100% !important; 7762 max-width: 100% !important; 7763 display: block !important; 7764 } 7765 7766 .image-block.homepage_certificate_image .image-block__image { 7767 width: 100% !important; 7768 max-width: 100% !important; 7769 object-fit: inherit !important; 7770 aspect-ratio: 396 / 248 !important; 7771 } 7772 .image-block.pdp-img-banner .image-block__image { 7773 aspect-ratio: unset !important; 7774 object-fit: cover; 7775 height: 60px !important; 7776 } 7777 .image-block.usp-img-banner .image-block__image { 7778 width: 100% !important; 7779 height: 60px !important; 7780 object-fit: contain !important; 7781 aspect-ratio: auto !important; 7782 } 7783 .image-block.how-to-apply-img .image-block__image { 7784 aspect-ratio: 234/176 !important; 7785 object-fit: cover; 7786 min-width: 234px !important; 7787 } 7788 .image-block.step-by-step-image .image-block__image { 7789 aspect-ratio: 1/1 !important; 7790 object-fit: cover; 7791 min-width: 194px !important; 7792 } 7793 .image-block.new-to-period-panties-img .image-block__image { 7794 min-width: 206px !important; 7795 aspect-ratio: 206/137 !important; 7796 object-fit: cover; 7797 border-radius: 12px; 7798 } 7799 .image-block.why-choose-img .image-block__image { 7800 object-fit: inherit !important; 7801 } 7802 .image-block.stock-up-img { 7803 padding: 0 16px !important; 7804 } 7805 7806 .image-block.bundle-multicolumn-images .image-block__image { 7807 min-width: 206px !important; 7808 aspect-ratio: 1/1; 7809 } 7810 7811 } 7812 @media(max-width: 420px) { 7813 .image-block.pdp-img-banner .image-block__image { 7814 aspect-ratio: unset !important; 7815 object-fit: cover; 7816 height: 50px !important; 7817 } 7818 } 7819 @media (min-width: 1400px) { 7820 .image-block.not-sure-img .image-block__image { 7821 width: 650px !important; 7822 aspect-ratio: 650/366 !important; 7823 } 7824 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 7825 .image-block.comfort-img { 7826 width: 750px !important; 7827 max-width: 750px !important; 7828 flex: 0 0 750px !important; 7829 } 7830 7831 .image-block.comfort-img .image-block__picture { 7832 width: 750px !important; 7833 max-width: 750px !important; 7834 height: auto !important; 7835 } 7836 7837 .image-block.comfort-img .image-block__image { 7838 width: 750px !important; 7839 max-width: 750px !important; 7840 height: auto !important; 7841 aspect-ratio: 750/560 !important; 7842 } 7843 .image-block.meet-the-team-img .image-block__image { 7844 width: 750px !important; 7845 aspect-ratio: 750/650 !important; 7846 } 7847 .image-block.know-your-panty-img .image-block__image { 7848 width: 750px !important; 7849 aspect-ratio: 750/560 !important; 7850 } 7851 } 7852</style> 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 <div 7877 class=" 7878 image-block image-block--AMW1wQ1hETlZxcFErS__image_h9ykzi image-block--height-fit spacing-style size-style 7879" 7880 style=" 7881 --ratio: 1.5833333333333333; 7882 --ratio-mobile: 1.5833333333333333; 7883 --size-style-width:5%;--size-style-height: fit; 7884 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 7885 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7886" 7887 7888 > 7889 7890<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=3840" alt="pay-by-mastercard-logo" srcset="//www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=240 240w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=352 352w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=832 832w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 7891 --ratio: 1.5833333333333333; 7892 --border-radius-desktop: 0px; 7893 --border-radius-mobile: 0px; 7894 --border-width: 1px; --border-style: none; --border-color: 7895rgb(var(--color-border-rgb) / 1.0); --border-radius: 78960px; --border-radius-mobile: 0px; 7897
7898" sizes="auto, (min-width: 750px) 100vw, 100vw"> 7899 </picture> 7900 </div> 7901 7902 7903<style> 7904 .placeholder-image { 7905 position: relative; 7906 aspect-ratio: var(--ratio); 7907 overflow: hidden; 7908 } 7909 7910 placeholder-image img { 7911 width: 100%; 7912 height: 100%; 7913 aspect-ratio: var(--ratio); 7914 } 7915 7916 .image-block { 7917 display: flex; 7918 7919 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 7920 justify-content: var(--horizontal-alignment, 'inline-start'); 7921 } 7922 7923 .image-block__picture { 7924 width: 100%; 7925 height: 100%; 7926 } 7927 7928 .image-block__picture img{ 7929 height: 100%; 7930 } 7931 7932 .image-block--height-fill .image-block__image { 7933 height: 100%; 7934 } 7935 7936 .image-block__image { 7937 width: 100%; 7938 object-fit: cover; 7939 aspect-ratio: var(--ratio); 7940 border-radius: var(--border-radius-mobile, 0); 7941 } 7942 7943 .placeholder-image { 7944 border-radius: var(--border-radius-mobile, 0); 7945 } 7946 7947 @media (max-width: 749px) { 7948 .image-block__image, 7949 .placeholder-image { 7950 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 7951 } 7952 7953 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 7954 max-width: 100%; 7955 overflow: hidden; 7956 box-sizing: border-box; 7957 } 7958 7959 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 7960 aspect-ratio: 428/36; 7961 padding: 0 0px; 7962 box-sizing: border-box; 7963 } 7964 7965 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 7966 object-fit: contain; 7967 aspect-ratio: 428/36 !important; 7968 height: auto; 7969 } 7970 7971 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 7972 padding:0 16px; 7973 } 7974 7975 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 7976 padding:0 16px; 7977 } 7978 7979 7980 } 7981 7982 @media screen and (min-width: 750px) { 7983 .image-block__image { 7984 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 7985 } 7986 7987 .placeholder-image { 7988 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 7989 } 7990 } 7991 7992 .image-block.homepage_shark_image { 7993 width: 100% !important; 7994 max-width: 100% !important; 7995 min-width: 0 !important; 7996 overflow: visible !important; 7997 } 7998 7999 .image-block.homepage_shark_image picture { 8000 width: 100% !important; 8001 max-width: 100% !important; 8002 display: block !important; 8003 } 8004 8005 .image-block.homepage_shark_image .image-block__image { 8006 width: 100% !important; 8007 max-width: 100% !important; 8008 height: auto !important; 8009 /* Use contain instead of cover on mobile to prevent cropping */ 8010 object-fit: contain !important; 8011 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 8012 aspect-ratio: auto !important; 8013 } 8014 .homepage_shark_image{ 8015 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 8016 } 8017 8018 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 8019 @media (max-width: 749px) { 8020 @supports (-webkit-touch-callout: none) { 8021 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 8022 .section.section--has-overlap .homepage_shark_image { 8023 margin-top: 0 !important; 8024 } 8025 8026 .homepage_shark_image { 8027 /* Keep overlap within a sane range so iOS matches Android */ 8028 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 8029 } 8030 } 8031 } 8032 8033 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 8034 width: 32px; 8035 height: 32px; 8036 } 8037 8038 .image-block.bundle-multicolumn-images .image-block__image { 8039 aspect-ratio: 1/1 !important; 8040 object-fit: cover; 8041 max-width: 466.66px !important; 8042 } 8043 8044 /* Bundle-picker banner: Figma sits this strip at the same width as the 8045 option cards below it, not full-bleed, and sized to the artwork itself. 8046 The block's flex container stretches <picture>, which then claims 8047 height:100% â that made the box ~50px taller than the art and 8048 object-fit letterboxed the difference. Opt this one banner out of the 8049 flex/height chain so it is exactly as tall as the image. */ 8050 .image-block.bundle-banner-img { 8051 display: block; 8052 } 8053 8054 .image-block.bundle-banner-img .image-block__picture { 8055 display: block; 8056 height: auto; 8057 } 8058 8059 /* Pin the artwork's own ratio rather than relying on implicit sizing â 8060 the block feeds --ratio from the DESKTOP image even in the mobile 8061 branch, so "adapt" left the mobile box ~50px taller than the art and 8062 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 8063 .image-block.bundle-banner-img .image-block__image { 8064 display: block; 8065 width: 100%; 8066 height: auto !important; 8067 aspect-ratio: 1904 / 298 !important; 8068 object-fit: contain !important; 8069 } 8070 8071 @media (max-width: 749px) { 8072 .image-block.bundle-banner-img { 8073 margin-left: 16px; 8074 margin-right: 16px; 8075 width: calc(100% - 32px); 8076 max-width: calc(100% - 32px); 8077 box-sizing: border-box; 8078 } 8079 8080 .image-block.bundle-banner-img .image-block__image { 8081 aspect-ratio: 360 / 75 !important; 8082 } 8083 } 8084 8085 @media (max-width: 749px) { 8086 .image-block.homepage_certificate_image { 8087 width: 100% !important; 8088 max-width: 100% !important; 8089 min-width: 0 !important; 8090 overflow: visible !important; 8091 } 8092 8093 .image-block.homepage_certificate_image picture { 8094 width: 100% !important; 8095 max-width: 100% !important; 8096 display: block !important; 8097 } 8098 8099 .image-block.homepage_certificate_image .image-block__image { 8100 width: 100% !important; 8101 max-width: 100% !important; 8102 object-fit: inherit !important; 8103 aspect-ratio: 396 / 248 !important; 8104 } 8105 .image-block.pdp-img-banner .image-block__image { 8106 aspect-ratio: unset !important; 8107 object-fit: cover; 8108 height: 60px !important; 8109 } 8110 .image-block.usp-img-banner .image-block__image { 8111 width: 100% !important; 8112 height: 60px !important; 8113 object-fit: contain !important; 8114 aspect-ratio: auto !important; 8115 } 8116 .image-block.how-to-apply-img .image-block__image { 8117 aspect-ratio: 234/176 !important; 8118 object-fit: cover; 8119 min-width: 234px !important; 8120 } 8121 .image-block.step-by-step-image .image-block__image { 8122 aspect-ratio: 1/1 !important; 8123 object-fit: cover; 8124 min-width: 194px !important; 8125 } 8126 .image-block.new-to-period-panties-img .image-block__image { 8127 min-width: 206px !important; 8128 aspect-ratio: 206/137 !important; 8129 object-fit: cover; 8130 border-radius: 12px; 8131 } 8132 .image-block.why-choose-img .image-block__image { 8133 object-fit: inherit !important; 8134 } 8135 .image-block.stock-up-img { 8136 padding: 0 16px !important; 8137 } 8138 8139 .image-block.bundle-multicolumn-images .image-block__image { 8140 min-width: 206px !important; 8141 aspect-ratio: 1/1; 8142 } 8143 8144 } 8145 @media(max-width: 420px) { 8146 .image-block.pdp-img-banner .image-block__image { 8147 aspect-ratio: unset !important; 8148 object-fit: cover; 8149 height: 50px !important; 8150 } 8151 } 8152 @media (min-width: 1400px) { 8153 .image-block.not-sure-img .image-block__image { 8154 width: 650px !important; 8155 aspect-ratio: 650/366 !important; 8156 } 8157 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 8158 .image-block.comfort-img { 8159 width: 750px !important; 8160 max-width: 750px !important; 8161 flex: 0 0 750px !important; 8162 } 8163 8164 .image-block.comfort-img .image-block__picture { 8165 width: 750px !important; 8166 max-width: 750px !important; 8167 height: auto !important; 8168 } 8169 8170 .image-block.comfort-img .image-block__image { 8171 width: 750px !important; 8172 max-width: 750px !important; 8173 height: auto !important; 8174 aspect-ratio: 750/560 !important; 8175 } 8176 .image-block.meet-the-team-img .image-block__image { 8177 width: 750px !important; 8178 aspect-ratio: 750/650 !important; 8179 } 8180 .image-block.know-your-panty-img .image-block__image { 8181 width: 750px !important; 8182 aspect-ratio: 750/560 !important; 8183 } 8184 } 8185</style> 8186 8187 8188 8189 8190 8191 8192 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 <div 8210 class=" 8211 image-block image-block--AUkJIbWpNdDA3YmNGY__image_c7NVPz image-block--height-fit spacing-style size-style 8212" 8213 style=" 8214 --ratio: 1.5833333333333333; 8215 --ratio-mobile: 1.5833333333333333; 8216 --size-style-width:5%;--size-style-height: fit; 8217 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 8218 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8219" 8220 8221 > 8222 8223<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&
8223width=3840" alt="pay-healthfab-by-paypal" srcset="//www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=240 240w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=352 352w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=832 832w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 8224 --ratio: 1.5833333333333333; 8225 --border-radius-desktop: 0px; 8226 --border-radius-mobile: 0px; 8227 --border-width: 1px; --border-style: none; --border-color: 8228rgb(var(--color-border-rgb) / 1.0); --border-radius: 82290px; --border-radius-mobile: 0px; 8230 8231" sizes="auto, (min-width: 750px) 100vw, 100vw"> 8232 </picture> 8233 </div> 8234 8235 8236<style> 8237 .placeholder-image { 8238 position: relative; 8239 aspect-ratio: var(--ratio); 8240 overflow: hidden; 8241 } 8242 8243 placeholder-image img { 8244 width: 100%; 8245 height: 100%; 8246 aspect-ratio: var(--ratio); 8247 } 8248 8249 .image-block { 8250 display: flex; 8251 8252 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 8253 justify-content: var(--horizontal-alignment, 'inline-start'); 8254 } 8255 8256 .image-block__picture { 8257 width: 100%; 8258 height: 100%; 8259 } 8260 8261 .image-block__picture img{ 8262 height: 100%; 8263 } 8264 8265 .image-block--height-fill .image-block__image { 8266 height: 100%; 8267 } 8268 8269 .image-block__image { 8270 width: 100%; 8271 object-fit: cover; 8272 aspect-ratio: var(--ratio); 8273 border-radius: var(--border-radius-mobile, 0); 8274 } 8275 8276 .placeholder-image { 8277 border-radius: var(--border-radius-mobile, 0); 8278 } 8279 8280 @media (max-width: 749px) { 8281 .image-block__image, 8282 .placeholder-image { 8283 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 8284 } 8285 8286 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 8287 max-width: 100%; 8288 overflow: hidden; 8289 box-sizing: border-box; 8290 } 8291 8292 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 8293 aspect-ratio: 428/36; 8294 padding: 0 0px; 8295 box-sizing: border-box; 8296 } 8297 8298 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 8299 object-fit: contain; 8300 aspect-ratio: 428/36 !important; 8301 height: auto; 8302 } 8303 8304 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 8305 padding:0 16px; 8306 } 8307 8308 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 8309 padding:0 16px; 8310 } 8311 8312 8313 } 8314 8315 @media screen and (min-width: 750px) { 8316 .image-block__image { 8317 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8318 } 8319 8320 .placeholder-image { 8321 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8322 } 8323 } 8324 8325 .image-block.homepage_shark_image { 8326 width: 100% !important; 8327 max-width: 100% !important; 8328 min-width: 0 !important; 8329 overflow: visible !important; 8330 } 8331 8332 .image-block.homepage_shark_image picture { 8333 width: 100% !important; 8334 max-width: 100% !important; 8335 display: block !important; 8336 } 8337 8338 .image-block.homepage_shark_image .image-block__image { 8339 width: 100% !important; 8340 max-width: 100% !important; 8341 height: auto !important; 8342 /* Use contain instead of cover on mobile to prevent cropping */ 8343 object-fit: contain !important; 8344 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 8345 aspect-ratio: auto !important; 8346 } 8347 .homepage_shark_image{ 8348 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 8349 } 8350 8351 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 8352 @media (max-width: 749px) { 8353 @supports (-webkit-touch-callout: none) { 8354 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 8355 .section.section--has-overlap .homepage_shark_image { 8356 margin-top: 0 !important; 8357 } 8358 8359 .homepage_shark_image { 8360 /* Keep overlap within a sane range so iOS matches Android */ 8361 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 8362 } 8363 } 8364 } 8365 8366 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 8367 width: 32px; 8368 height: 32px; 8369 } 8370 8371 .image-block.bundle-multicolumn-images .image-block__image { 8372 aspect-ratio: 1/1 !important; 8373 object-fit: cover; 8374 max-width: 466.66px !important; 8375 } 8376 8377 /* Bundle-picker banner: Figma sits this strip at the same width as the 8378 option cards below it, not full-bleed, and sized to the artwork itself. 8379 The block's flex container stretches <picture>, which then claims 8380 height:100% â that made the box ~50px taller than the art and 8381 object-fit letterboxed the difference. Opt this one banner out of the 8382 flex/height chain so it is exactly as tall as the image. */ 8383 .image-block.bundle-banner-img { 8384 display: block; 8385 } 8386 8387 .image-block.bundle-banner-img .image-block__picture { 8388 display: block; 8389 height: auto; 8390 } 8391 8392 /* Pin the artwork's own ratio rather than relying on implicit sizing â 8393 the block feeds --ratio from the DESKTOP image even in the mobile 8394 branch, so "adapt" left the mobile box ~50px taller than the art and 8395 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 8396 .image-block.bundle-banner-img .image-block__image { 8397 display: block; 8398 width: 100%; 8399 height: auto !important; 8400 aspect-ratio: 1904 / 298 !important; 8401 object-fit: contain !important; 8402 } 8403 8404 @media (max-width: 749px) { 8405 .image-block.bundle-banner-img { 8406 margin-left: 16px; 8407 margin-right: 16px; 8408 width: calc(100% - 32px); 8409 max-width: calc(100% - 32px); 8410 box-sizing: border-box; 8411 } 8412 8413 .image-block.bundle-banner-img .image-block__image { 8414 aspect-ratio: 360 / 75 !important; 8415 } 8416 } 8417 8418 @media (max-width: 749px) { 8419 .image-block.homepage_certificate_image { 8420 width: 100% !important; 8421 max-width: 100% !important; 8422 min-width: 0 !important; 8423 overflow: visible !important; 8424 } 8425 8426 .image-block.homepage_certificate_image picture { 8427 width: 100% !important; 8428 max-width: 100% !important; 8429 display: block !important; 8430 } 8431 8432 .image-block.homepage_certificate_image .image-block__image { 8433 width: 100% !important; 8434 max-width: 100% !important; 8435 object-fit: inherit !important; 8436 aspect-ratio: 396 / 248 !important; 8437 } 8438 .image-block.pdp-img-banner .image-block__image { 8439 aspect-ratio: unset !important; 8440 object-fit: cover; 8441 height: 60px !important; 8442 } 8443 .image-block.usp-img-banner .image-block__image { 8444 width: 100% !important; 8445 height: 60px !important; 8446 object-fit: contain !important; 8447 aspect-ratio: auto !important; 8448 } 8449 .image-block.how-to-apply-img .image-block__image { 8450 aspect-ratio: 234/176 !important; 8451 object-fit: cover; 8452 min-width: 234px !important; 8453 } 8454 .image-block.step-by-step-image .image-block__image { 8455 aspect-ratio: 1/1 !important; 8456 object-fit: cover; 8457 min-width: 194px !important; 8458 } 8459 .image-block.new-to-period-panties-img .image-block__image { 8460 min-width: 206px !important; 8461 aspect-ratio: 206/137 !important; 8462 object-fit: cover; 8463 border-radius: 12px; 8464 } 8465 .image-block.why-choose-img .image-block__image { 8466 object-fit: inherit !important; 8467 } 8468 .image-block.stock-up-img { 8469 padding: 0 16px !important; 8470 } 8471 8472 .image-block.bundle-multicolumn-images .image-block__image { 8473 min-width: 206px !important; 8474 aspect-ratio: 1/1; 8475 } 8476 8477 } 8478 @media(max-width: 420px) { 8479 .image-block.pdp-img-banner .image-block__image { 8480 aspect-ratio: unset !important; 8481 object-fit: cover; 8482 height: 50px !important; 8483 } 8484 } 8485 @media (min-width: 1400px) { 8486 .image-block.not-sure-img .image-block__image { 8487 width: 650px !important; 8488 aspect-ratio: 650/366 !important; 8489 } 8490 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 8491 .image-block.comfort-img { 8492 width: 750px !important; 8493 max-width: 750px !important; 8494 flex: 0 0 750px !important; 8495 } 8496 8497 .image-block.comfort-img .image-block__picture { 8498 width: 750px !important; 8499 max-width: 750px !important; 8500 height: auto !important; 8501 } 8502 8503 .image-block.comfort-img .image-block__image { 8504 width: 750px !important; 8505 max-width: 750px !important; 8506 height: auto !important; 8507 aspect-ratio: 750/560 !important; 8508 } 8509 .image-block.meet-the-team-img .image-block__image { 8510 width: 750px !important; 8511 aspect-ratio: 750/650 !important; 8512 } 8513 .image-block.know-your-panty-img .image-block__image { 8514 width: 750px !important; 8515 aspect-ratio: 750/560 !important; 8516 } 8517 } 8518</style> 8519 8520 8521 8522 8523 8524 8525 8526 8527 8528 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 8539 8540 8541 8542 <div 8543 class=" 8544 image-block image-block--AMkNBSnMwRURwTVNSa__image_rzxrzY image-block--height-fit spacing-style size-style 8545" 8546 style=" 8547 --ratio: 1.5833333333333333; 8548 --ratio-mobile: 1.5833333333333333; 8549 --size-style-width:5%;--size-style-height: fit; 8550 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 8551 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8552" 8553 8554 > 8555 8556<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&
8556width=3840" alt="pay-healthfab-by-amex" srcset="//www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=240 240w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=352 352w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=832 832w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 8557 --ratio: 1.5833333333333333; 8558 --border-radius-desktop: 0px; 8559 --border-radius-mobile: 0px; 8560 --border-width: 1px; --border-style: none; --border-color: 8561rgb(var(--color-border-rgb) / 1.0); --border-radius: 85620px; --border-radius-mobile: 0px; 8563 8564" sizes="auto, (min-width: 750px) 100vw, 100vw"> 8565 </picture> 8566 </div> 8567 8568 8569<style> 8570 .placeholder-image { 8571 position: relative; 8572 aspect-ratio: var(--ratio); 8573 overflow: hidden; 8574 } 8575 8576 placeholder-image img { 8577 width: 100%; 8578 height: 100%; 8579 aspect-ratio: var(--ratio); 8580 } 8581 8582 .image-block { 8583 display: flex; 8584 8585 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 8586 justify-content: var(--horizontal-alignment, 'inline-start'); 8587 } 8588 8589 .image-block__picture { 8590 width: 100%; 8591 height: 100%; 8592 } 8593 8594 .image-block__picture img{ 8595 height: 100%; 8596 } 8597 8598 .image-block--height-fill .image-block__image { 8599 height: 100%; 8600 } 8601 8602 .image-block__image { 8603 width: 100%; 8604 object-fit: cover; 8605 aspect-ratio: var(--ratio); 8606 border-radius: var(--border-radius-mobile, 0); 8607 } 8608 8609 .placeholder-image { 8610 border-radius: var(--border-radius-mobile, 0); 8611 } 8612 8613 @media (max-width: 749px) { 8614 .image-block__image, 8615 .placeholder-image { 8616 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 8617 } 8618 8619 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 8620 max-width: 100%; 8621 overflow: hidden; 8622 box-sizing: border-box; 8623 } 8624 8625 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 8626 aspect-ratio: 428/36; 8627 padding: 0 0px; 8628 box-sizing: border-box; 8629 } 8630 8631 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 8632 object-fit: contain; 8633 aspect-ratio: 428/36 !important; 8634 height: auto; 8635 } 8636 8637 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 8638 padding:0 16px; 8639 } 8640 8641 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 8642 padding:0 16px; 8643 } 8644 8645 8646 } 8647 8648 @media screen and (min-width: 750px) { 8649 .image-block__image { 8650 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8651 } 8652 8653 .placeholder-image { 8654 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8655 } 8656 } 8657 8658 .image-block.homepage_shark_image { 8659 width: 100% !important; 8660 max-width: 100% !important; 8661 min-width: 0 !important; 8662 overflow: visible !important; 8663 } 8664 8665 .image-block.homepage_shark_image picture { 8666 width: 100% !important; 8667 max-width: 100% !important; 8668 display: block !important; 8669 } 8670 8671 .image-block.homepage_shark_image .image-block__image { 8672 width: 100% !important; 8673 max-width: 100% !important; 8674 height: auto !important; 8675 /* Use contain instead of cover on mobile to prevent cropping */ 8676 object-fit: contain !important; 8677 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 8678 aspect-ratio: auto !important; 8679 } 8680 .homepage_shark_image{ 8681 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 8682 } 8683 8684 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 8685 @media (max-width: 749px) { 8686 @supports (-webkit-touch-callout: none) { 8687 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 8688 .section.section--has-overlap .homepage_shark_image { 8689 margin-top: 0 !important; 8690 } 8691 8692 .homepage_shark_image { 8693 /* Keep overlap within a sane range so iOS matches Android */ 8694 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 8695 } 8696 } 8697 } 8698 8699 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 8700 width: 32px; 8701 height: 32px; 8702 } 8703 8704 .image-block.bundle-multicolumn-images .image-block__image { 8705 aspect-ratio: 1/1 !important; 8706 object-fit: cover; 8707 max-width: 466.66px !important; 8708 } 8709 8710 /* Bundle-picker banner: Figma sits this strip at the same width as the 8711 option cards below it, not full-bleed, and sized to the artwork itself. 8712 The block's flex container stretches <picture>, which then claims 8713 height:100% â that made the box ~50px taller than the art and 8714 object-fit letterboxed the difference. Opt this one banner out of the 8715 flex/height chain so it is exactly as tall as the image. */ 8716 .image-block.bundle-banner-img { 8717 display: block; 8718 } 8719 8720 .image-block.bundle-banner-img .image-block__picture { 8721 display: block; 8722 height: auto; 8723 } 8724 8725 /* Pin the artwork's own ratio rather than relying on implicit sizing â 8726 the block feeds --ratio from the DESKTOP image even in the mobile 8727 branch, so "adapt" left the mobile box ~50px taller than the art and 8728 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 8729 .image-block.bundle-banner-img .image-block__image { 8730 display: block; 8731 width: 100%; 8732 height: auto !important; 8733 aspect-ratio: 1904 / 298 !important; 8734 object-fit: contain !important; 8735 } 8736 8737 @media (max-width: 749px) { 8738 .image-block.bundle-banner-img { 8739 margin-left: 16px; 8740 margin-right: 16px; 8741 width: calc(100% - 32px); 8742 max-width: calc(100% - 32px); 8743 box-sizing: border-box; 8744 } 8745 8746 .image-block.bundle-banner-img .image-block__image { 8747 aspect-ratio: 360 / 75 !important; 8748 } 8749 } 8750 8751 @media (max-width: 749px) { 8752 .image-block.homepage_certificate_image { 8753 width: 100% !important; 8754 max-width: 100% !important; 8755 min-width: 0 !important; 8756 overflow: visible !important; 8757 } 8758 8759 .image-block.homepage_certificate_image picture { 8760 width: 100% !important; 8761 max-width: 100% !important; 8762 display: block !important; 8763 } 8764 8765 .image-block.homepage_certificate_image .image-block__image { 8766 width: 100% !important; 8767 max-width: 100% !important; 8768 object-fit: inherit !important; 8769 aspect-ratio: 396 / 248 !important; 8770 } 8771 .image-block.pdp-img-banner .image-block__image { 8772 aspect-ratio: unset !important; 8773 object-fit: cover; 8774 height: 60px !important; 8775 } 8776 .image-block.usp-img-banner .image-block__image { 8777 width: 100% !important; 8778 height: 60px !important; 8779 object-fit: contain !important; 8780 aspect-ratio: auto !important; 8781 } 8782 .image-block.how-to-apply-img .image-block__image { 8783 aspect-ratio: 234/176 !important; 8784 object-fit: cover; 8785 min-width: 234px !important; 8786 } 8787 .image-block.step-by-step-image .image-block__image { 8788 aspect-ratio: 1/1 !important; 8789 object-fit: cover; 8790 min-width: 194px !important; 8791 } 8792 .image-block.new-to-period-panties-img .image-block__image { 8793 min-width: 206px !important; 8794 aspect-ratio: 206/137 !important; 8795 object-fit: cover; 8796 border-radius: 12px; 8797 } 8798 .image-block.why-choose-img .image-block__image { 8799 object-fit: inherit !important; 8800 } 8801 .image-block.stock-up-img { 8802 padding: 0 16px !important; 8803 } 8804 8805 .image-block.bundle-multicolumn-images .image-block__image { 8806 min-width: 206px !important; 8807 aspect-ratio: 1/1; 8808 } 8809 8810 } 8811 @media(max-width: 420px) { 8812 .image-block.pdp-img-banner .image-block__image { 8813 aspect-ratio: unset !important; 8814 object-fit: cover; 8815 height: 50px !important; 8816 } 8817 } 8818 @media (min-width: 1400px) { 8819 .image-block.not-sure-img .image-block__image { 8820 width: 650px !important; 8821 aspect-ratio: 650/366 !important; 8822 } 8823 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 8824 .image-block.comfort-img { 8825 width: 750px !important; 8826 max-width: 750px !important; 8827 flex: 0 0 750px !important; 8828 } 8829 8830 .image-block.comfort-img .image-block__picture { 8831 width: 750px !important; 8832 max-width: 750px !important; 8833 height: auto !important; 8834 } 8835 8836 .image-block.comfort-img .image-block__image { 8837 width: 750px !important; 8838 max-width: 750px !important; 8839 height: auto !important; 8840 aspect-ratio: 750/560 !important; 8841 } 8842 .image-block.meet-the-team-img .image-block__image { 8843 width: 750px !important; 8844 aspect-ratio: 750/650 !important; 8845 } 8846 .image-block.know-your-panty-img .image-block__image { 8847 width: 750px !important; 8848 aspect-ratio: 750/560 !important; 8849 } 8850 } 8851</style> 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864 8865 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 <div 8876 class=" 8877 image-block image-block--AcGE5eHl4K1BQZGRhV__image_TJ6phN image-block--height-fit spacing-style size-style 8878" 8879 style=" 8880 --ratio: 1.5833333333333333; 8881 --ratio-mobile: 1.5833333333333333; 8882 --size-style-width:5%;--size-style-height: fit; 8883 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 8884 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8885" 8886 8887 > 8888 8889<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&
8889width=3840" alt="pay-healthfab-by-discover" srcset="//www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=240 240w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=352 352w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=832 832w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 8890 --ratio: 1.5833333333333333; 8891 --border-radius-desktop: 0px; 8892 --border-radius-mobile: 0px; 8893 --border-width: 1px; --border-style: none; --border-color: 8894rgb(var(--color-border-rgb) / 1.0); --border-radius: 88950px; --border-radius-mobile: 0px; 8896 8897" sizes="auto, (min-width: 750px) 100vw, 100vw"> 8898 </picture> 8899 </div> 8900 8901 8902<style> 8903 .placeholder-image { 8904 position: relative; 8905 aspect-ratio: var(--ratio); 8906 overflow: hidden; 8907 } 8908 8909 placeholder-image img { 8910 width: 100%; 8911 height: 100%; 8912 aspect-ratio: var(--ratio); 8913 } 8914 8915 .image-block { 8916 display: flex; 8917 8918 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 8919 justify-content: var(--horizontal-alignment, 'inline-start'); 8920 } 8921 8922 .image-block__picture { 8923 width: 100%; 8924 height: 100%; 8925 } 8926 8927 .image-block__picture img{ 8928 height: 100%; 8929 } 8930 8931 .image-block--height-fill .image-block__image { 8932 height: 100%; 8933 } 8934 8935 .image-block__image { 8936 width: 100%; 8937 object-fit: cover; 8938 aspect-ratio: var(--ratio); 8939 border-radius: var(--border-radius-mobile, 0); 8940 } 8941 8942 .placeholder-image { 8943 border-radius: var(--border-radius-mobile, 0); 8944 } 8945 8946 @media (max-width: 749px) { 8947 .image-block__image, 8948 .placeholder-image { 8949 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 8950 } 8951 8952 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 8953 max-width: 100%; 8954 overflow: hidden; 8955 box-sizing: border-box; 8956 } 8957 8958 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 8959 aspect-ratio: 428/36; 8960 padding: 0 0px; 8961 box-sizing: border-box; 8962 } 8963 8964 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 8965 object-fit: contain; 8966 aspect-ratio: 428/36 !important; 8967 height: auto; 8968 } 8969 8970 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 8971 padding:0 16px; 8972 } 8973 8974 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 8975 padding:0 16px; 8976 } 8977 8978 8979 } 8980 8981 @media screen and (min-width: 750px) { 8982 .image-block__image { 8983 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8984 } 8985 8986 .placeholder-image { 8987 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 8988 } 8989 } 8990 8991 .image-block.homepage_shark_image { 8992 width: 100% !important; 8993 max-width: 100% !important; 8994 min-width: 0 !important; 8995 overflow: visible !important; 8996 } 8997 8998 .image-block.homepage_shark_image picture { 8999 width: 100% !important; 9000 max-width: 100% !important; 9001 display: block !important; 9002 } 9003 9004 .image-block.homepage_shark_image .image-block__image { 9005 width: 100% !important; 9006 max-width: 100% !important; 9007 height: auto !important; 9008 /* Use contain instead of cover on mobile to prevent cropping */ 9009 object-fit: contain !important; 9010 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 9011 aspect-ratio: auto !important; 9012 } 9013 .homepage_shark_image{ 9014 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 9015 } 9016 9017 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 9018 @media (max-width: 749px) { 9019 @supports (-webkit-touch-callout: none) { 9020 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 9021 .section.section--has-overlap .homepage_shark_image { 9022 margin-top: 0 !important; 9023 } 9024 9025 .homepage_shark_image { 9026 /* Keep overlap within a sane range so iOS matches Android */ 9027 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 9028 } 9029 } 9030 } 9031 9032 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 9033 width: 32px; 9034 height: 32px; 9035 } 9036 9037 .image-block.bundle-multicolumn-images .image-block__image { 9038 aspect-ratio: 1/1 !important; 9039 object-fit: cover; 9040 max-width: 466.66px !important; 9041 } 9042 9043 /* Bundle-picker banner: Figma sits this strip at the same width as the 9044 option cards below it, not full-bleed, and sized to the artwork itself. 9045 The block's flex container stretches <picture>, which then claims 9046 height:100% â that made the box ~50px taller than the art and 9047 object-fit letterboxed the difference. Opt this one banner out of the 9048 flex/height chain so it is exactly as tall as the image. */ 9049 .image-block.bundle-banner-img { 9050 display: block; 9051 } 9052 9053 .image-block.bundle-banner-img .image-block__picture { 9054 display: block; 9055 height: auto; 9056 } 9057 9058 /* Pin the artwork's own ratio rather than relying on implicit sizing â 9059 the block feeds --ratio from the DESKTOP image even in the mobile 9060 branch, so "adapt" left the mobile box ~50px taller than the art and 9061 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 9062 .image-block.bundle-banner-img .image-block__image { 9063 display: block; 9064 width: 100%; 9065 height: auto !important; 9066 aspect-ratio: 1904 / 298 !important; 9067 object-fit: contain !important; 9068 } 9069 9070 @media (max-width: 749px) { 9071 .image-block.bundle-banner-img { 9072 margin-left: 16px; 9073 margin-right: 16px; 9074 width: calc(100% - 32px); 9075 max-width: calc(100% - 32px); 9076 box-sizing: border-box; 9077 } 9078 9079 .image-block.bundle-banner-img .image-block__image { 9080 aspect-ratio: 360 / 75 !important; 9081 } 9082 } 9083 9084 @media (max-width: 749px) { 9085 .image-block.homepage_certificate_image { 9086 width: 100% !important; 9087 max-width: 100% !important; 9088 min-width: 0 !important; 9089 overflow: visible !important; 9090 } 9091 9092 .image-block.homepage_certificate_image picture { 9093 width: 100% !important; 9094 max-width: 100% !important; 9095 display: block !important; 9096 } 9097 9098 .image-block.homepage_certificate_image .image-block__image { 9099 width: 100% !important; 9100 max-width: 100% !important; 9101 object-fit: inherit !important; 9102 aspect-ratio: 396 / 248 !important; 9103 } 9104 .image-block.pdp-img-banner .image-block__image { 9105 aspect-ratio: unset !important; 9106 object-fit: cover; 9107 height: 60px !important; 9108 } 9109 .image-block.usp-img-banner .image-block__image { 9110 width: 100% !important; 9111 height: 60px !important; 9112 object-fit: contain !important; 9113 aspect-ratio: auto !important; 9114 } 9115 .image-block.how-to-apply-img .image-block__image { 9116 aspect-ratio: 234/176 !important; 9117 object-fit: cover; 9118 min-width: 234px !important; 9119 } 9120 .image-block.step-by-step-image .image-block__image { 9121 aspect-ratio: 1/1 !important; 9122 object-fit: cover; 9123 min-width: 194px !important; 9124 } 9125 .image-block.new-to-period-panties-img .image-block__image { 9126 min-width: 206px !important; 9127 aspect-ratio: 206/137 !important; 9128 object-fit: cover; 9129 border-radius: 12px; 9130 } 9131 .image-block.why-choose-img .image-block__image { 9132 object-fit: inherit !important; 9133 } 9134 .image-block.stock-up-img { 9135 padding: 0 16px !important; 9136 } 9137 9138 .image-block.bundle-multicolumn-images .image-block__image { 9139 min-width: 206px !important; 9140 aspect-ratio: 1/1; 9141 } 9142 9143 } 9144 @media(max-width: 420px) { 9145 .image-block.pdp-img-banner .image-block__image { 9146 aspect-ratio: unset !important; 9147 object-fit: cover; 9148 height: 50px !important; 9149 } 9150 } 9151 @media (min-width: 1400px) { 9152 .image-block.not-sure-img .image-block__image { 9153 width: 650px !important; 9154 aspect-ratio: 650/366 !important; 9155 } 9156 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 9157 .image-block.comfort-img { 9158 width: 750px !important; 9159 max-width: 750px !important; 9160 flex: 0 0 750px !important; 9161 } 9162 9163 .image-block.comfort-img .image-block__picture { 9164 width: 750px !important; 9165 max-width: 750px !important; 9166 height: auto !important; 9167 } 9168 9169 .image-block.comfort-img .image-block__image { 9170 width: 750px !important; 9171 max-width: 750px !important; 9172 height: auto !important; 9173 aspect-ratio: 750/560 !important; 9174 } 9175 .image-block.meet-the-team-img .image-block__image { 9176 width: 750px !important; 9177 aspect-ratio: 750/650 !important; 9178 } 9179 .image-block.know-your-panty-img .image-block__image { 9180 width: 750px !important; 9181 aspect-ratio: 750/560 !important; 9182 } 9183 } 9184</style> 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 9206 9207 9208 <div 9209 class=" 9210 image-block image-block--AZklMd09hMFQrajVqQ__image_BThHB6 image-block--height-fit spacing-style size-style 9211" 9212 style=" 9213 --ratio: 1.5833333333333333; 9214 --ratio-mobile: 1.5833333333333333; 9215 --size-style-width:5%;--size-style-height: fit; 9216 --size-style-width-mobile:8%; --size-style-width-mobile-min:8%; 9217 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9218" 9219 9220 > 9221 9222<picture class="image-block__picture"><img src="//www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&
9222width=3840" alt="pay-healthfab" srcset="//www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=240 240w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=352 352w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=832 832w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&width=3840 3840w" width="38" loading="lazy" heights="24" class="image-block__image border-style" style=" 9223 --ratio: 1.5833333333333333; 9224 --border-radius-desktop: 0px; 9225 --border-radius-mobile: 0px; 9226 --border-width: 1px; --border-style: none; --border-color: 9227rgb(var(--color-border-rgb) / 1.0); --border-radius: 92280px; --border-radius-mobile: 0px; 9229 9230" sizes="auto, (min-width: 750px) 100vw, 100vw"> 9231 </picture> 9232 </div> 9233 9234 9235<style> 9236 .placeholder-image { 9237 position: relative; 9238 aspect-ratio: var(--ratio); 9239 overflow: hidden; 9240 } 9241 9242 placeholder-image img { 9243 width: 100%; 9244 height: 100%; 9245 aspect-ratio: var(--ratio); 9246 } 9247 9248 .image-block { 9249 display: flex; 9250 9251 /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */ 9252 justify-content: var(--horizontal-alignment, 'inline-start'); 9253 } 9254 9255 .image-block__picture { 9256 width: 100%; 9257 height: 100%; 9258 } 9259 9260 .image-block__picture img{ 9261 height: 100%; 9262 } 9263 9264 .image-block--height-fill .image-block__image { 9265 height: 100%; 9266 } 9267 9268 .image-block__image { 9269 width: 100%; 9270 object-fit: cover; 9271 aspect-ratio: var(--ratio); 9272 border-radius: var(--border-radius-mobile, 0); 9273 } 9274 9275 .placeholder-image { 9276 border-radius: var(--border-radius-mobile, 0); 9277 } 9278 9279 @media (max-width: 749px) { 9280 .image-block__image, 9281 .placeholder-image { 9282 aspect-ratio: var(--ratio-mobile, var(--ratio)) !important; 9283 } 9284 9285 [class*="pad-vs-panties"] .image-block.pad-vs-panties-image-block-1 { 9286 max-width: 100%; 9287 overflow: hidden; 9288 box-sizing: border-box; 9289 } 9290 9291 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__picture { 9292 aspect-ratio: 428/36; 9293 padding: 0 0px; 9294 box-sizing: border-box; 9295 } 9296 9297 [class*="pad-vs-panties"] .pad-vs-panties-image-block-1 .image-block__image { 9298 object-fit: contain; 9299 aspect-ratio: 428/36 !important; 9300 height: auto; 9301 } 9302 9303 [class*="pad-vs-panties"] .pad-vs-panties-image-block-2 .image-block__picture{ 9304 padding:0 16px; 9305 } 9306 9307 [class*="pad-vs-panties"] .pad-vs-panties-image-block-3 .image-block__picture{ 9308 padding:0 16px; 9309 } 9310 9311 9312 } 9313 9314 @media screen and (min-width: 750px) { 9315 .image-block__image { 9316 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 9317 } 9318 9319 .placeholder-image { 9320 border-radius: var(--border-radius-desktop, var(--border-radius-mobile, 0)); 9321 } 9322 } 9323 9324 .image-block.homepage_shark_image { 9325 width: 100% !important; 9326 max-width: 100% !important; 9327 min-width: 0 !important; 9328 overflow: visible !important; 9329 } 9330 9331 .image-block.homepage_shark_image picture { 9332 width: 100% !important; 9333 max-width: 100% !important; 9334 display: block !important; 9335 } 9336 9337 .image-block.homepage_shark_image .image-block__image { 9338 width: 100% !important; 9339 max-width: 100% !important; 9340 height: auto !important; 9341 /* Use contain instead of cover on mobile to prevent cropping */ 9342 object-fit: contain !important; 9343 /* Remove aspect-ratio constraint on mobile to allow natural image dimensions */ 9344 aspect-ratio: auto !important; 9345 } 9346 .homepage_shark_image{ 9347 margin-top: var(--mobile-overlap-amount, var(--overlap-amount, 0)); 9348 } 9349 9350 /* iPhone / iOS Safari: prevent excessive overlap (banner shifts too far up) */ 9351 @media (max-width: 749px) { 9352 @supports (-webkit-touch-callout: none) { 9353 /* Prevent DOUBLE overlap on iOS only (Android should keep original behavior) */ 9354 .section.section--has-overlap .homepage_shark_image { 9355 margin-top: 0 !important; 9356 } 9357 9358 .homepage_shark_image { 9359 /* Keep overlap within a sane range so iOS matches Android */ 9360 margin-top: clamp(-40px, var(--mobile-overlap-amount, var(--overlap-amount, 0px)), 0px) !important; 9361 } 9362 } 9363 } 9364 9365 accordion-custom .details .details-content .group-block .group-block-content .image-block .image-block__picture img{ 9366 width: 32px; 9367 height: 32px; 9368 } 9369 9370 .image-block.bundle-multicolumn-images .image-block__image { 9371 aspect-ratio: 1/1 !important; 9372 object-fit: cover; 9373 max-width: 466.66px !important; 9374 } 9375 9376 /* Bundle-picker banner: Figma sits this strip at the same width as the 9377 option cards below it, not full-bleed, and sized to the artwork itself. 9378 The block's flex container stretches <picture>, which then claims 9379 height:100% â that made the box ~50px taller than the art and 9380 object-fit letterboxed the difference. Opt this one banner out of the 9381 flex/height chain so it is exactly as tall as the image. */ 9382 .image-block.bundle-banner-img { 9383 display: block; 9384 } 9385 9386 .image-block.bundle-banner-img .image-block__picture { 9387 display: block; 9388 height: auto; 9389 } 9390 9391 /* Pin the artwork's own ratio rather than relying on implicit sizing â 9392 the block feeds --ratio from the DESKTOP image even in the mobile 9393 branch, so "adapt" left the mobile box ~50px taller than the art and 9394 object-fit letterboxed the gap. Desktop art is 1904x298, mobile 360x75. */ 9395 .image-block.bundle-banner-img .image-block__image { 9396 display: block; 9397 width: 100%; 9398 height: auto !important; 9399 aspect-ratio: 1904 / 298 !important; 9400 object-fit: contain !important; 9401 } 9402 9403 @media (max-width: 749px) { 9404 .image-block.bundle-banner-img { 9405 margin-left: 16px; 9406 margin-right: 16px; 9407 width: calc(100% - 32px); 9408 max-width: calc(100% - 32px); 9409 box-sizing: border-box; 9410 } 9411 9412 .image-block.bundle-banner-img .image-block__image { 9413 aspect-ratio: 360 / 75 !important; 9414 } 9415 } 9416 9417 @media (max-width: 749px) { 9418 .image-block.homepage_certificate_image { 9419 width: 100% !important; 9420 max-width: 100% !important; 9421 min-width: 0 !important; 9422 overflow: visible !important; 9423 } 9424 9425 .image-block.homepage_certificate_image picture { 9426 width: 100% !important; 9427 max-width: 100% !important; 9428 display: block !important; 9429 } 9430 9431 .image-block.homepage_certificate_image .image-block__image { 9432 width: 100% !important; 9433 max-width: 100% !important; 9434 object-fit: inherit !important; 9435 aspect-ratio: 396 / 248 !important; 9436 } 9437 .image-block.pdp-img-banner .image-block__image { 9438 aspect-ratio: unset !important; 9439 object-fit: cover; 9440 height: 60px !important; 9441 } 9442 .image-block.usp-img-banner .image-block__image { 9443 width: 100% !important; 9444 height: 60px !important; 9445 object-fit: contain !important; 9446 aspect-ratio: auto !important; 9447 } 9448 .image-block.how-to-apply-img .image-block__image { 9449 aspect-ratio: 234/176 !important; 9450 object-fit: cover; 9451 min-width: 234px !important; 9452 } 9453 .image-block.step-by-step-image .image-block__image { 9454 aspect-ratio: 1/1 !important; 9455 object-fit: cover; 9456 min-width: 194px !important; 9457 } 9458 .image-block.new-to-period-panties-img .image-block__image { 9459 min-width: 206px !important; 9460 aspect-ratio: 206/137 !important; 9461 object-fit: cover; 9462 border-radius: 12px; 9463 } 9464 .image-block.why-choose-img .image-block__image { 9465 object-fit: inherit !important; 9466 } 9467 .image-block.stock-up-img { 9468 padding: 0 16px !important; 9469 } 9470 9471 .image-block.bundle-multicolumn-images .image-block__image { 9472 min-width: 206px !important; 9473 aspect-ratio: 1/1; 9474 } 9475 9476 } 9477 @media(max-width: 420px) { 9478 .image-block.pdp-img-banner .image-block__image { 9479 aspect-ratio: unset !important; 9480 object-fit: cover; 9481 height: 50px !important; 9482 } 9483 } 9484 @media (min-width: 1400px) { 9485 .image-block.not-sure-img .image-block__image { 9486 width: 650px !important; 9487 aspect-ratio: 650/366 !important; 9488 } 9489 /* Override base.css img { max-width: 100% } so fixed width is not capped by the flex column */ 9490 .image-block.comfort-img { 9491 width: 750px !important; 9492 max-width: 750px !important; 9493 flex: 0 0 750px !important; 9494 } 9495 9496 .image-block.comfort-img .image-block__picture { 9497 width: 750px !important; 9498 max-width: 750px !important; 9499 height: auto !important; 9500 } 9501 9502 .image-block.comfort-img .image-block__image { 9503 width: 750px !important; 9504 max-width: 750px !important; 9505 height: auto !important; 9506 aspect-ratio: 750/560 !important; 9507 } 9508 .image-block.meet-the-team-img .image-block__image { 9509 width: 750px !important; 9510 aspect-ratio: 750/650 !important; 9511 } 9512 .image-block.know-your-panty-img .image-block__image { 9513 width: 750px !important; 9514 aspect-ratio: 750/560 !important; 9515 } 9516 } 9517</style> 9518 9519 9520 9521 9522</div> 9523</div> 9524 9525 9526 9527 9528 9529 9530 </div> 9531</div> 9532 9533 9534 9535 9536</div> 9537<!-- END sections: footer-group --> 9538 9539
9539<script 9540 src="//www.healthfab.in/cdn/shop/t/387/assets/dialog.js?v=28012085583758479651787172138" 9541 type="module" 9542></script>
9542 9543
9544<script 9545 src="//www.healthfab.in/cdn/shop/t/387/assets/predictive-search.js?v=149240552485540508541786129702" 9546 type="module" 9547 fetchpriority="low" 9548></script>
9548 9549 9550<dialog-component 9551 id="search-modal" 9552 class="search-modal" 9553 9554> 9555 <dialog 9556 ref="dialog" 9557 on:click="/closeDialogOnClickOutside" 9558 on:keydown="/closeDialogOnEscapePress" 9559 class="search-modal__content dialog-modal" 9560 scroll-lock 9561 aria-labelledby="search-modal-heading" 9562 > 9563 <h2 9564 id="search-modal-heading" 9565 class="visually-hidden" 9566 > 9567 Search 9568 </h2> 9569 <predictive-search-component 9570 class="predictive-search color-scheme-1" 9571 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 9572 data-section-id="predictive-search" 9573 data-testid="search-component--modal" 9574 role="search" 9575 aria-label="Search" 9576 > 9577 <form 9578 action="/search" 9579 method="get" 9580 role="search" 9581 class="predictive-search-form" 9582 ref="form" 9583 on:keydown="/onSearchKeyDown" 9584 > 9585 <div 9586 class="predictive-search-form__header" 9587 > 9588 <div class="predictive-search-form__header-inner"> 9589 <label 9590 for="cmdk-input" 9591 class="visually-hidden" 9592 >Search</label> 9593 <input 9594 class="search-input" 9595 id="cmdk-input" 9596 type="search" 9597 name="q" 9598 role="combobox" 9599 aria-expanded="false" 9600 aria-owns="predictive-search-results" 9601 aria-controls="predictive-search-results" 9602 aria-haspopup="listbox" 9603 aria-autocomplete="list" 9604 autocomplete="off" 9605 placeholder="Search" 9606 ref="searchInput" 9607 on:input="/search" 9608 on:keydown="/onSearchKeyDown" 9609 > 9610 <input 9611 name="options[prefix]" 9612 type="hidden" 9613 value="last" 9614 > 9615 <span class="svg-wrapper predictive-search__icon"> 9616 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 9617 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.5C6.413 3.5 3.5 6.413 3.5 10C3.5 13.587 6.413 16.5 10 16.5C13.587 16.5 16.5 13.587 16.5 10C16.5 6.413 13.587 3.5 10 3.5ZM10 4.5C13.036 4.5 15.5 6.964 15.5 10C15.5 13.036 13.036 15.5 10 15.5C6.964 15.5 4.5 13.036 4.5 10C4.5 6.964 6.964 4.5 10 4.5Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 9618 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.354 19.6464L14.595 13.8884C14.5007 13.7973 14.3744 13.7469 14.2433 13.7481C14.1122 13.7492 13.9868 13.8018 13.8941 13.8945C13.8014 13.9872 13.7488 14.1126 13.7477 14.2437C13.7465 14.3748 13.7969 14.5011 13.888 14.5954L19.646 20.3544C19.742 20.4372 19.8657 20.4805 19.9923 20.4759C20.119 20.4712 20.2392 20.4188 20.3288 20.3292C20.4184 20.2396 20.4708 20.1194 20.4755 19.9927C20.4802 19.8661 20.4368 19.7424 20.354 19.6464Z" fill="#0C2B82" stroke="#0C2B82" stroke-width="0.4"/> 9619</svg> 9620 9621 9622 </span> 9623 <button 9624 type="button" 9625 class="button-unstyled predictive-search__reset-button" 9626 ref="resetButton" 9627 hidden 9628 on:click="/resetSearch" 9629 > 9630 Clear 9631 </button> 9632 </div> 9633 <button 9634 type="button" 9635 class="button predictive-search__close-modal-button" 9636 aria-label="Close dialog" 9637 on:click="dialog-component/closeDialog" 9638 ref="closeModalButton" 9639 > 9640 <span class="svg-wrapper"> 9641 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9642 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9643 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 9644</svg> 9645 9646 </span> 9647 </button> 9648 </div> 9649 9650 <div class="predictive-search-form__content-wrapper"> 9651 <div 9652 class="predictive-search-form__content" 9653 tabindex="-1" 9654 ref="predictiveSearchResults" 9655 on:click="/handleModalClick" 9656 > 9657 9658 9659<div 9660 id="predictive-search-results" 9661 class="predictive-search-dropdown" 9662 role="listbox"
9663 aria-expanded="true" 9664 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 9665> 9666 9667 <div class="predictive-search-results__inner"> 9668 9669 9670 9671 9672 9673 <div 9674 id="predictive-search-products" 9675 class="predictive-search-results__products" 9676 9677 data-testid="products-list-default--modal" 9678 9679> 9680 9681 <h4 class="predictive-search-results__title"> 9682 ALL 9683 </h4> 9684 <ul 9685 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 9686 role="listbox" 9687 aria-label="ALL" 9688 > 9689 9690 9691 <li 9692 class="predictive-search-results__card predictive-search-results__card--product" 9693 ref="resultsItems[]" 9694 > 9695 9696<div 9697 class="resource-card" 9698 href="/products/ph-sensitive-period-intimate-wipes" 9699 data-resource-type="product" 9700> 9701 <a 9702 class="resource-card__link" 9703 href="/products/ph-sensitive-period-intimate-wipes" 9704 > 9705 <span class="visually-hidden"> 9706 PH Sensitive Period Intimate Wipes 9707 </span> 9708 </a> 9709 <div 9710 class="resource-card__media" 9711 style="--resource-card-aspect-ratio: 4 / 5;" 9712 9713 > 9714 9715 9716<img src="//www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=500" alt="" srcset="//www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=240 240w, //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 9717 9718 <img src="//www.healthfab.in/cdn/shop/files/2_5ca030c3-f6b0-4ecf-9ce6-5d418fe97db1.png?v=1785676592&width=500" alt="PH Sensitive Period Intimate Wipes" srcset="//www.healthfab.in/cdn/shop/files/2_5ca030c3-f6b0-4ecf-9ce6-5d418fe97db1.png?v=1785676592&width=240 240w, //www.healthfab.in/cdn/shop/files/2_5ca030c3-f6b0-4ecf-9ce6-5d418fe97db1.png?v=1785676592&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="71621655593188" style="object-position: 50.0% 50.0%;"> 9719</div> 9720 9721 <div class="resource-card__content"> 9722 <p class="resource-card__title paragraph">PH Sensitive Period Intimate Wipes</p> 9723 9724 9725 <div ref="priceContainer"> 9726 9727 9728 9729 <span role="group"> 9730 <span class="visually-hidden">Regular price </span> 9731 <span class="compare-at-price"><span class=money>⹠299.00</span></span> 9732 </span> 9733 9734 9735 9736 <span role="group"> 9737 <span class="visually-hidden">Sale price </span> 9738 <span class="price"><span class=money>⹠99.00</span></span> 9739 9740 </span> 9741 9742 9743 9744 9745 9746 9747 <span class="discount-percentage" aria-label="67% off">67% OFF</span> 9748 9749 9750<small class="unit-price"> 9751 <span class="visually-hidden">Unit price</span> 9752 <span class=money>⹠6.60</span> each 9753</small> 9754 9755</div> 9756 9757 </div> 9758</div> 9759 9760 </li> 9761 9762 <li 9763 class="predictive-search-results__card predictive-search-results__card--product" 9764 ref="resultsItems[]" 9765 > 9766 9767<div 9768 class="resource-card" 9769 href="/products/gopadfree-heavy-sleep-short" 9770 data-resource-type="product" 9771> 9772 <a 9773 class="resource-card__link" 9774 href="/products/gopadfree-heavy-sleep-short" 9775 > 9776 <span class="visually-hidden"> 9777 HealthFab® GoPadFree Sleep Shorts | Leakproof Period Sleepwear 9778 </span> 9779 </a> 9780 <div 9781 class="resource-card__media" 9782 style="--resource-card-aspect-ratio: 4 / 5;" 9783 9784 > 9785 9786 9787<img src="//www.healthfab.in/cdn/shop/files/HealthSleep_Shorts_Leakproof_Period_Sleepwear.png?v=1788420461&width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/HealthSleep_Shorts_Leakproof_Period_Sleepwear.png?v=1788420461&width=240 240w, //www.healthfab.in/cdn/shop/files/HealthSleep_Shorts_Leakproof_Period_Sleepwear.png?v=1788420461&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 9788 9789 <img src="//www.healthfab.in/cdn/shop/files/ChatGPT_Image_Jul_31_2026_07_15_19_PM.png?v=1785505545&width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/ChatGPT_Image_Jul_31_2026_07_15_19_PM.png?v=1785505545&width=240 240w, //www.healthfab.in/cdn/shop/files/ChatGPT_Image_Jul_31_2026_07_15_19_PM.png?v=1785505545&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="71568858972388" style="object-position: 50.0% 50.0%;"> 9790</div> 9791 9792 <div class="resource-card__content"> 9793 <p class="resource-card__title paragraph">HealthFab® GoPadFree Sleep Shorts | Leakproof Period Sleepwear</p> 9794 9795 9796 <div ref="priceContainer"> 9797 9798 9799
9800 <span role="group"> 9801 <span class="visually-hidden">Regular price </span> 9802 <span class="compare-at-price"><span class=money>â¹ 1,499.00</span></span> 9803 </span> 9804 9805 9806 9807 <span role="group"> 9808 <span class="visually-hidden">Sale price </span> 9809 <span class="price"><span class=money>â¹ 699.00</span></span> 9810 9811 </span> 9812 9813 9814 9815 9816 9817 9818 <span class="discount-percentage" aria-label="53% off">53% OFF</span> 9819 9820 9821<small class="unit-price"> 9822 <span class="visually-hidden">Unit price</span> 9823 <span class=money>â¹ 699.00</span> each 9824</small> 9825 9826</div><div class="per-usage-cost" ref="perUsageCost">(â¹4/usage)</div> 9827 9828 </div> 9829</div> 9830 9831 </li> 9832 9833 <li 9834 class="predictive-search-results__card predictive-search-results__card--product" 9835 ref="resultsItems[]" 9836 > 9837 9838<div 9839 class="resource-card" 9840 href="/products/gopadfree-period-panty" 9841 data-resource-type="product" 9842> 9843 <a 9844 class="resource-card__link" 9845 href="/products/gopadfree-period-panty" 9846 > 9847 <span class="visually-hidden"> 9848 Healthfab® GoPadFree Heavy Leakproof Reusable Period Panty 9849 </span> 9850 </a> 9851 <div 9852 class="resource-card__media" 9853 style="--resource-card-aspect-ratio: 4 / 5;" 9854 9855 > 9856 9857 9858<img src="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 9859 9860 <img src="//www.healthfab.in/cdn/shop/files/upscaled-01.png?v=1785791110&width=500" alt="Healthfab® GoPadFree Heavy Leakproof Reusable Period Panty" srcset="//www.healthfab.in/cdn/shop/files/upscaled-01.png?v=1785791110&width=240 240w, //www.healthfab.in/cdn/shop/files/upscaled-01.png?v=1785791110&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="71657217196260" style="object-position: 50.0% 50.0%;"> 9861</div> 9862 9863 <div class="resource-card__content"> 9864 <p class="resource-card__title paragraph">Healthfab® GoPadFree Heavy Leakproof Reusable Period Panty</p> 9865 9866 9867 <div ref="priceContainer"> 9868 9869 9870 9871 <span role="group"> 9872 <span class="visually-hidden">Regular price </span> 9873 <span class="compare-at-price"><span class=money>â¹ 599.00</span></span> 9874 </span> 9875 9876 9877 9878 <span role="group"> 9879 <span class="visually-hidden">Sale price </span> 9880 <span class="price"><span class=money>â¹ 299.00</span></span> 9881 9882 </span> 9883 9884 9885 9886 9887 9888 9889 <span class="discount-percentage" aria-label="50% off">50% OFF</span> 9890 9891 9892<small class="unit-price"> 9893 <span class="visually-hidden">Unit price</span> 9894 <span class=money>â¹ 299.00</span> each 9895</small> 9896 9897</div> 9898 9899 </div> 9900</div> 9901 9902 </li> 9903 9904 <li 9905 class="predictive-search-results__card predictive-search-results__card--product" 9906 ref="resultsItems[]" 9907 > 9908 9909<div 9910 class="resource-card" 9911 href="/products/gopadfree-ultra" 9912 data-resource-type="product" 9913> 9914 <a 9915 class="resource-card__link" 9916 href="/products/gopadfree-ultra" 9917 > 9918 <span class="visually-hidden"> 9919 Healthfab® GoPadFree Ultra Leakproof Reusable Period Panty 9920 </span> 9921 </a> 9922 <div 9923 class="resource-card__media" 9924 style="--resource-card-aspect-ratio: 4 / 5;" 9925 9926 > 9927 9928 9929<img src="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Front.jpg?v=1773956254&width=500" alt="" srcset="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Front.jpg?v=1773956254&width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Front.jpg?v=1773956254&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 9930 9931 <img src="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Left.jpg?v=1773956254&width=500" alt="Healthfab® GoPadFree Ultra Leakproof Reusable Perio
9931d Panty" srcset="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Left.jpg?v=1773956254&width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Left.jpg?v=1773956254&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="67119466676452" style="object-position: 50.0% 50.0%;"> 9932</div> 9933 9934 <div class="resource-card__content"> 9935 <p class="resource-card__title paragraph">Healthfab® GoPadFree Ultra Leakproof Reusable Period Panty</p> 9936 9937 9938 <div ref="priceContainer"> 9939 9940 9941 9942 <span role="group"> 9943 <span class="visually-hidden">Regular price </span> 9944 <span class="compare-at-price"><span class=money>⹠1,249.00</span></span> 9945 </span> 9946 9947 9948 9949 <span role="group"> 9950 <span class="visually-hidden">Sale price </span> 9951 <span class="price"><span class=money>⹠699.00</span></span> 9952 9953 </span> 9954 9955 9956 9957 9958 9959 9960 <span class="discount-percentage" aria-label="44% off">44% OFF</span> 9961 9962 9963<small class="unit-price"> 9964 <span class="visually-hidden">Unit price</span> 9965 <span class=money>⹠699.00</span> each 9966</small> 9967 9968</div> 9969 9970 </div> 9971</div> 9972 9973 </li> 9974 9975 </ul> 9976 9977</div> 9978 9979 9980 9981 9982 9983 </div> 9984 9985</div> 9986 9987 </div> 9988 9989 <div class="predictive-search-form__footer"> 9990 <button 9991 class="button button-primary predictive-search__search-button" 9992 ref="viewAllButton" 9993 > 9994 View all 9995 </button> 9996 </div> 9997 </div> 9998 </form> 9999 </predictive-search-component> 10000 </dialog> 10001</dialog-component> 10002 10003 10004 10005 10006 10007 <quick-add-dialog id="quick-add-dialog"> 10008 <dialog 10009 class="quick-add-modal dialog-modal color-scheme-1" 10010 ref="dialog" 10011 scroll-lock 10012 > 10013 <div class="quick-add-modal__header"> 10014 <h2 class="quick-add-modal__heading">Select your preferences:</h2> 10015 <button 10016 ref="closeButton" 10017 on:click="/closeDialog" 10018 class="button button-unstyled close-button quick-add-modal__close" 10019 aria-label="Close dialog" 10020 > 10021 10022 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 10023<path d="M14 1L1 14M1 1L14 14" stroke="#0C2B82" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 10024</svg> 10025 10026 </button> 10027 </div> 10028 <div 10029 id="quick-add-modal-content" 10030 class="quick-add-modal__content" 10031 ></div> 10032 </dialog> 10033</quick-add-dialog><dialog 10034 id="quick-add-flow-guide-modal" 10035 class="quick-add-flow-guide-modal" 10036 aria-labelledby="quick-add-flow-guide-title" 10037 > 10038 <div class="quick-add-flow-guide-modal__panel"> 10039 <div class="quick-add-flow-guide-modal__header"> 10040 <h3 id="quick-add-flow-guide-title" class="quick-add-flow-guide-modal__title">Flow Guide</h3> 10041 <button 10042 type="button" 10043 class="quick-add-flow-guide-modal__close" 10044 data-quick-add-flow-guide-close 10045 aria-label="Close Flow Guide" 10046 > 10047 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 10048<path d="M14 1L1 14M1 1L14 14" stroke="#0C2B82" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 10049</svg> 10050 10051 </button> 10052 </div> 10053 10054 <div class="quick-add-flow-guide-modal__content"><div class="quick-add-flow-guide-modal__section"> 10055 <div class="quick-add-flow-guide-modal__section-header"> 10056 <h4 class="quick-add-flow-guide-modal__section-title">Heavy Absorbency</h4><img 10057 src="//www.healthfab.in/cdn/shop/files/heavy-absorbency.png?v=1769148732" 10058 alt="Heavy Absorbency" 10059 class="quick-add-flow-guide-modal__droplet-image" 10060 width="216" 10061 height="35" 10062 loading="lazy" 10063 ></div><p class="quick-add-flow-guide-modal__info"><span><svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 10064<circle cx="3" cy="3" r="3" fill="#0C2B82"/> 10065</svg> 10066</span> Medium to Heavy Period Days</p><div class="quick-add-flow-guide-modal__capacity-box"> 10067 <img 10068 src="//www.healthfab.in/cdn/shop/files/pads5_2.png?v=1769153848" 10069 alt="Holds Up To 5 Pads" 10070 class="quick-add-flow-guide-modal__pads-image" 10071 width="534" 10072 height="98" 10073 loading="lazy" 10074 > 10075 </div></div><div class="quick-add-flow-guide-modal__section"> 10076 <div class="quick-add-flow-guide-modal__section-header"> 10077 <h4 class="quick-add-flow-guide-modal__section-title">Ultra Absorbency</h4><img 10078 src="//www.healthfab.in/cdn/shop/files/ultra-absorbency.png?v=1769148957" 10079 alt="Ultra Absorbency" 10080 class="quick-add-flow-guide-modal__droplet-image" 10081 width="216" 10082 height="36" 10083 loading="lazy" 10084 ></div><p class="quick-add-flow-guide-modal__info"><span><svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 10085<circle cx="3" cy="3" r="3" fill="#0C2B82"/> 10086</svg> 10087</span> Extra Heavy Period Days</p><div class="quick-add-flow-guide-modal__capacity-box"> 10088 <img 10089 src="//www.healthfab.in/cdn/shop/files/pads6_2.png?v=1769153754" 10090 alt="Holds Up To 6 Pads" 10091 class="quick-add-flow-guide-modal__pads-image" 10092 width="494" 10093 height="98" 10094 loading="lazy" 10095 > 10096 </div></div></div> 10097 </div> 10098 </dialog> 10099 10100 10101 <style> </style> 10102<div id="shopify-block-Aa2traTdxSWU5NG85U__2519459661274782089" class="shopify-block shopify-app-block"> 10103 10104 10105 10106 10107
10107<script type="text/javascript"> 10108 var shopDomain = "www.healthfab.in"; 10109 </script>
10109 10110 10111</div><div id="shopify-block-Ac2RSNzNpR2YxZXhDa__10482958812443994587" class="shopify-block shopify-app-block">
10111<script 10112 id="bikScript" 10113 type="text/javascript" 10114> 10115 // Cart attribution runs regardless of the widget being enabled. 10116 (function () { 10117 const params = new URLSearchParams(window.location.search); 10118 if (params.get('utm_source') !== 'bik') return; 10119 10120 const attribution = {}; 10121 params.forEach((value, key) => { 10122 attribution[key] = value; 10123 }); 10124 10125 fetch('/cart/update.js', { 10126 method: 'POST', 10127 keepalive: true, 10128 headers: { 'Content-Type': 'application/json' }, 10129 body: JSON.stringify({ 10130 attributes: { 10131 bikCartAttribution: JSON.stringify(attribution), 10132 }, 10133 }), 10134 }).catch((e) => console.error('bik-logs cart attribution failed', e)); 10135 })(); 10136 10137 (async function () { 10138 const isProd = window.location.host !== 'icebreakerss.myshopify.com'; 10139 const host = isProd ? 'cdn.bikinfo.co/bap' : 'api.staging.bik.ai/bap/static-scr'; 10140 const storeUrl = Shopify.shop ?? window.location.origin; 10141 const lastModifiedAt = "1785946098991" || null; 10142 const isWidgetEnabled = "true" || "false"; 10143 10144 // Only proceed if widget is enabled (string "true") 10145 if (isWidgetEnabled === "true") { 10146 const response = await fetch( 10147 `https://${host}/storeFrontScriptsApiFunctions-getAllScriptSrc/?storeUrl=${storeUrl}&storeType=WHATSAPP&v=${lastModifiedAt}`, 10148 { 10149 method: "GET", 10150 mode: "cors", 10151 cache: "no-cache", 10152 credentials: "same-origin", 10153 headers: { 10154 "Content-Type": "application/json", 10155 }, 10156 redirect: "follow", 10157 referrerPolicy: "no-referrer", 10158 } 10159 ); 10160 10161 const sources = await response.json(); 10162 sources.data.forEach((src) => { 10163 const scriptTag = document.createElement("script"); 10164 scriptTag.setAttribute("src", src); 10165 document.body.appendChild(scriptTag); 10166 }); 10167 } 10168 10169 })(); 10170</script>
10170 10171<a href="https://bik.ai" style="z-index: -1; position: fixed; top: -100%; bottom: -100%;"></a> 10172 10173</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
10173<script> 10174 window['ShopifyForms'] = { 10175 ...window['ShopifyForms'], 10176 currentPageType: "page" 10177 }; 10178</script>
10178 10179 10180 10181</div><div id="shopify-block-ATlgyVnJLeW9NKzdqL__11604910539244711675" class="shopify-block shopify-app-block"> 10182<!-- Load BIK Web Push Notification script --> 10183
10184<script src="https://cdn.shopify.com/extensions/01a08561-a85e-7155-83c4-7ea96007e877/bik-2-111/assets/bikWebpush.bundle.js" defer></script>
10184 10185 10186 10187<!-- Initialize BIK Tracker -->
10188<script> 10189 document.addEventListener('DOMContentLoaded', function() { 10190 const shop = Shopify.shop; // Use Liquid to inject the domain 10191 const webpushEnabled = null || false; 10192 10193 if (!webpushEnabled) { 10194 return; 10195 } 10196 10197 async function initializeBik() { 10198 if (window.bik && typeof window.bik.getUserId === 'function') { 10199 const bikModel = { 10200 r: true, // Production flag 10201 isWpOpted: true, // User has opted in for web push (not used before the api call) 10202 source: 'shopify', // Define your source 10203 baseUrl: 'https://bikapi.bikayi.app/campaign', // Base URL for your backend API 10204 events: ['read'], // Events to be tracked 10205 }; 10206 const userId = await window.bik.getUserId(bikModel,shop); 10207 } else { 10208 console.error('BIK Tracker is not loaded.'); 10209 } 10210 } 10211 10212 function waitForBikTracker() { 10213 const bikTrackerCheck = setInterval(() => { 10214 if (window.bik && typeof window.bik.getUserId === 'function') { 10215 clearInterval(bikTrackerCheck); // Stop the polling 10216 initializeBik(); // Call initializeBik once BikTracker is available 10217 } 10218 }, 100); // Poll every 100 milliseconds 10219 } 10220 10221 // Start polling to check when BikTracker is available 10222 waitForBikTracker(); 10223 }); 10224</script>
10224 10225</div>
10225<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10225 10226</body> 10227</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.