PageSourceSearch

https://www.healthfab.in/pages/all-blogs

html healthfab.in collected 2026-10-05 01:45:20 UTC 417,919 bytes, 10,227 lines download raw bytes

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&#39;s Health, Wellness &amp; 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&#39;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&#39;s Health, Wellness &amp; Period Care Blog"
102>
103<meta
104  name="twitter:description"
105  content="Read articles on women&#39;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&#39;s Health, Wellness &amp; Period Care Blog &ndash; 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&#39;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&amp;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&amp;v=1767009141 1x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=42&amp;v=1767009141 2x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=63&amp;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&amp;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&amp;v=1767009141 1x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=64&amp;v=1767009141 2x, //www.healthfab.in/cdn/shop/files/Logo_a5666113-955b-46ef-b7a2-cbf9260d6718.png?height=96&amp;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&region_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&region_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&region_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&amp;width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Wellness-Blog.png?v=1782058527&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Wellness-Blog.png?v=1782058527&amp;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&amp;width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Lifestyle-Blog.png?v=1782058642&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Lifestyle-Blog.png?v=1782058642&amp;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&amp;width=400" alt="" srcset="//www.healthfab.in/cdn/shop/files/HealthFab-Menstrual-Science-Blogs.png?v=1782059081&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/HealthFab-Menstrual-Science-Blogs.png?v=1782059081&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Friendly_Lunch_Ideas_361405d2-3a7b-4c83-a5d7-4094efbed886.png?v=1788071450&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Health_Benefits_of_Coconut_water_2db2035a-4f86-48a0-a1b2-84f9db33c345.png?v=1787492555&amp;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&amp;
4875width=600" alt="Eating Banana During Periods" srcset="//www.healthfab.in/cdn/shop/articles/Featured_Image_b4b8ac46-6c20-4fc8-add8-3b6df818cd05.png?v=1787469287&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Featured_Image_b4b8ac46-6c20-4fc8-add8-3b6df818cd05.png?v=1787469287&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Roasted_Cashew_Nut_Benefits_f6a04d6e-9ce7-4aee-82a3-8d562330b143.png?v=1785311691&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/How_many_Period_Panties_Do_I_need_c3e1d6f8-49d3-44ce-897b-302d6024b8ee.png?v=1784289292&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Remove_period_stains_from_Jeans_7584de92-86f2-4d43-ad2e-7a202693b3d9.png?v=1784176530&amp;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&amp;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&amp;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&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/How_to_use_Hair_Growth_Serum_fe46bb90-68b8-46d2-bcaa-70df10a71e87.png?v=1790506168&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Hair_Growth_Serum_benefits_b2cf449e-f760-48a3-ab22-47435a17bc4a.png?v=1790747954&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Acne_6c8e2c96-6dc9-400a-9e08-7255b9e83cc5.png?v=1789829990&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/PCOS_Skin_Darkening_d679af16-aa83-47fd-8da3-9165b320e6a5.png?v=1789707888&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Is_pcos_life_threatening_bb045628-c83a-45bd-b784-47caf1ad8636.png?v=1789617894&amp;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&amp;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&amp;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&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Thyroid_2473994e-1250-48c1-abd7-b4a977133da3.jpg?v=1782542409&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/1_dced56af-6ab5-4257-8b5d-5e9d967548be.jpg?v=1782542658&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Sanitary_Pads-6reasons_d75b069c-f2ec-4062-a8cf-2745c8e78b33.jpg?v=1782543178&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/Untitled_design_-_2021-07-29T163724.968_5a8f78cc-8553-48f1-99b2-b4be4eac1b3f.png?v=1782543304&amp;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&amp;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&amp;width=352 352w, //www.healthfab.in/cdn/shop/articles/7_Benifits_of_HealthFab_GoPadFree_which_might_shock_you_jpg.png?v=1782543054&amp;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&amp;width=3840" alt="Healthfab-period-underwear-gopadfree-logo" srcset="//www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/InverseLogo_7f628daa-84fb-4863-b7cb-e795329c44c6.png?v=1767676716&amp;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 &copy; 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&amp;width=3840" alt="pay-by-visa-logo" srcset="//www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment1.png?v=1767681604&amp;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&amp;width=3840" alt="pay-by-mastercard-logo" srcset="//www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment2.png?v=1767681559&amp;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&amp;
8223width=3840" alt="pay-healthfab-by-paypal" srcset="//www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment3.png?v=1767681559&amp;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&amp;
8556width=3840" alt="pay-healthfab-by-amex" srcset="//www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment4.png?v=1767681559&amp;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&amp;
8889width=3840" alt="pay-healthfab-by-discover" srcset="//www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment5.png?v=1767681559&amp;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&amp;
9222width=3840" alt="pay-healthfab" srcset="//www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=352 352w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=832 832w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=1200 1200w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=1600 1600w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=1920 1920w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;width=2560 2560w, //www.healthfab.in/cdn/shop/files/payment6.png?v=1767681559&amp;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&amp;width=500" alt="" srcset="//www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/1_c73e00fa-6259-412e-a474-c67742a36231.png?v=1785676592&amp;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&amp;width=500" alt="PH Sensitive Period Intimate Wipes" srcset="//www.healthfab.in/cdn/shop/files/2_5ca030c3-f6b0-4ecf-9ce6-5d418fe97db1.png?v=1785676592&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/2_5ca030c3-f6b0-4ecf-9ce6-5d418fe97db1.png?v=1785676592&amp;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&nbsp;</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&nbsp;</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&amp;width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/HealthSleep_Shorts_Leakproof_Period_Sleepwear.png?v=1788420461&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/HealthSleep_Shorts_Leakproof_Period_Sleepwear.png?v=1788420461&amp;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&amp;width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/ChatGPT_Image_Jul_31_2026_07_15_19_PM.png?v=1785505545&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/ChatGPT_Image_Jul_31_2026_07_15_19_PM.png?v=1785505545&amp;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&nbsp;</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&nbsp;</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&amp;width=500" alt="Black" srcset="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Black_Front.jpg?v=1761859178&amp;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&amp;width=500" alt="Healthfab® GoPadFree Heavy Leakproof Reusable Period Panty" srcset="//www.healthfab.in/cdn/shop/files/upscaled-01.png?v=1785791110&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/upscaled-01.png?v=1785791110&amp;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&nbsp;</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&nbsp;</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&amp;width=500" alt="" srcset="//www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Front.jpg?v=1773956254&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Front.jpg?v=1773956254&amp;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&amp;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&amp;width=240 240w, //www.healthfab.in/cdn/shop/files/Healthfab_GoPadFree_Heavy_Purple_Left.jpg?v=1773956254&amp;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&nbsp;</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&nbsp;</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.