{"product_id":"comfyβ„’-leak-proof-underwear-πŸ’—","title":"Comfyβ„’ Leak-Proof Underwear πŸ’—","description":"\u003c!-- Comfyβ„’ Leak-Proof Period Underwear – Her Collective Product Section --\u003e\n\u003csection class=\"hc-comfy\" aria-label=\"Comfy Underwear Product Section\"\u003e\n\u003cdiv class=\"hc-comfy__card\"\u003e\n\u003c!-- ══════════════ SIZE GUIDE (TOP - PURE CSS, NO JS NEEDED) ══════════════ --\u003e\n\u003cdetails class=\"hc-comfy__sizeguide\"\u003e\n\u003csummary class=\"hc-comfy__sizebox\"\u003e\u003cspan class=\"hc-comfy__sizebox-tag\"\u003eFIND YOUR FIT\u003c\/span\u003e \u003cstrong\u003eNot sure of your size?\u003c\/strong\u003eTap to view our size guide and find your perfect fit.\u003cspan class=\"hc-comfy__size-btn\"\u003e \u003cspan class=\"hc-comfy__size-btn-text\"\u003eView Size Guide\u003c\/span\u003e \u003cspan aria-hidden=\"true\" class=\"hc-comfy__size-btn-arrow\"\u003e\u003c\/span\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003c!-- Size Guide Content --\u003e\n\u003cdiv class=\"hc-comfy__sizeguide-inner\"\u003e\n\u003cdiv class=\"hc-comfy__sizeguide-header\"\u003e\n\u003ch3 class=\"hc-comfy__sizeguide-title\"\u003eFind your perfect fit πŸ’—\u003c\/h3\u003e\n\u003cp class=\"hc-comfy__sizeguide-sub\"\u003eAll measurements in centimetres (cm). For best results, measure yourself in light clothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Body Measurements --\u003e\n\u003cdiv class=\"hc-comfy__sizeguide-section\"\u003e\n\u003ch4 class=\"hc-comfy__sizeguide-section-title\"\u003eBody measurements\u003c\/h4\u003e\n\u003cdiv class=\"hc-table-wrap\"\u003e\n\u003ctable class=\"hc-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003cth\u003eHeight (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e66–70\u003c\/td\u003e\n\u003ctd\u003e91–95\u003c\/td\u003e\n\u003ctd\u003e165–170\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e70–74\u003c\/td\u003e\n\u003ctd\u003e95–99\u003c\/td\u003e\n\u003ctd\u003e170–175\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e12\/14\u003c\/td\u003e\n\u003ctd\u003e75–81\u003c\/td\u003e\n\u003ctd\u003e100–106\u003c\/td\u003e\n\u003ctd\u003e175–180\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e81–87\u003c\/td\u003e\n\u003ctd\u003e106–112\u003c\/td\u003e\n\u003ctd\u003e175–180\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Garment Measurements --\u003e\n\u003cdiv class=\"hc-comfy__sizeguide-section\"\u003e\n\u003ch4 class=\"hc-comfy__sizeguide-section-title\"\u003eGarment measurements\u003c\/h4\u003e\n\u003cdiv class=\"hc-table-wrap\"\u003e\n\u003ctable class=\"hc-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eWaistband (cm)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e12\/14\u003c\/td\u003e\n\u003ctd\u003e64\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e68\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How to Measure --\u003e\n\u003cdiv class=\"hc-comfy__sizeguide-section\"\u003e\n\u003ch4 class=\"hc-comfy__sizeguide-section-title\"\u003eHow to measure\u003c\/h4\u003e\n\u003cul class=\"hc-comfy__howto\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eWaist:\u003c\/strong\u003e Measure around the narrowest part of your natural waistline.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHips:\u003c\/strong\u003e Measure around the fullest part of your hips, keeping the tape level.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBetween sizes?\u003c\/strong\u003e We recommend sizing up for the most comfortable fit.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-comfy__sizeguide-note\"\u003eMeasurements are taken manually and may vary slightly. If you're unsure, message our team and we'll help you find your fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Divider --\u003e\n\u003cdiv aria-hidden=\"true\" class=\"hc-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Badge --\u003e\n\u003cdiv class=\"hc-comfy__badge\" aria-label=\"Product highlight\"\u003e\n\u003cspan class=\"hc-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e Period-Proof Comfort\u003c\/div\u003e\n\u003c!-- Title --\u003e\n\u003ch2 class=\"hc-comfy__title\"\u003eComfyβ„’ Leak-Proof Period Underwear \u003cspan class=\"hc-heart\" aria-hidden=\"true\"\u003eπŸ’—\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hc-comfy__lead\"\u003eSoft, secure, and made to keep you confident β€” every day of your cycle.\u003c\/p\u003e\n\u003c!-- Emotional Intro --\u003e\n\u003cdiv class=\"hc-comfy__copy\"\u003e\n\u003cp\u003eYou shouldn't have to think twice about your underwear during your period.\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong\u003eComfyβ„’ Leak-Proof Period Underwear\u003c\/strong\u003e was made for the girls who want comfort, confidence, and quiet protection β€” without the bulk, the worry, or the constant adjusting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits --\u003e\n\u003cdiv class=\"hc-comfy__value\"\u003e\n\u003ch3 class=\"hc-comfy__section-title\"\u003eWhy you'll love them\u003c\/h3\u003e\n\u003cul class=\"hc-comfy__value-list\" role=\"list\"\u003e\n\u003cli class=\"hc-comfy__value-item\"\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eLeak-proof confidence\u003c\/strong\u003e β€” engineered with a three-layer extended liner for added everyday protection.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"hc-comfy__value-item\"\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eSoft \u0026amp; breathable fit\u003c\/strong\u003e β€” light, smooth fabric that moves with you and feels invisible under clothes.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"hc-comfy__value-item\"\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eAdjustable side hooks\u003c\/strong\u003e β€” subtle detailing for a customised fit that stays in place all day.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"hc-comfy__value-item\"\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003eReusable \u0026amp; reliable\u003c\/strong\u003e β€” wash, dry, repeat. A smarter addition to your period routine.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works --\u003e\n\u003cdiv class=\"hc-comfy__how\"\u003e\n\u003ch3 class=\"hc-comfy__section-title\"\u003eHow it works\u003c\/h3\u003e\n\u003cdiv class=\"hc-comfy__steps\"\u003e\n\u003cdiv class=\"hc-comfy__step\"\u003e\n\u003cspan class=\"hc-comfy__step-num\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWear like normal underwear\u003c\/strong\u003e\n\u003cp\u003eSlip them on for school, work, gym, sleep, or busy days. They feel just like your favourite everyday pair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__step\"\u003e\n\u003cspan class=\"hc-comfy__step-num\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eThree-layer liner does the work\u003c\/strong\u003e\n\u003cp\u003eThe extended liner adds a discreet layer of protection β€” great as backup with pads, tampons, or cups, or on lighter flow days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__step\"\u003e\n\u003cspan class=\"hc-comfy__step-num\"\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRinse, wash \u0026amp; reuse\u003c\/strong\u003e\n\u003cp\u003eRinse in cold water, machine wash on a gentle cycle, and air dry. Designed to stay soft wash after wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Pills --\u003e\n\u003cul class=\"hc-comfy__highlights\" role=\"list\"\u003e\n\u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\"\u003e🩷\u003c\/span\u003e 3-layer liner\u003c\/li\u003e\n\u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\"\u003e✨\u003c\/span\u003e Adjustable hooks\u003c\/li\u003e\n\u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\"\u003e🌸\u003c\/span\u003e Soft \u0026amp; breathable\u003c\/li\u003e\n\u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\"\u003e♻️\u003c\/span\u003e Reusable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- Best For --\u003e\n\u003cdiv class=\"hc-comfy__bestfor\"\u003e\n\u003ch3 class=\"hc-comfy__section-title\"\u003eBest for\u003c\/h3\u003e\n\u003cdiv class=\"hc-comfy__bestfor-grid\"\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003eπŸŽ’ School \u0026amp; campus days\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003eπŸ’Ό Long work days\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003eπŸŒ™ Overnight backup\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003eπŸ‹οΈβ™€οΈ Gym \u0026amp; light workouts\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003e✈️ Travel days\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__bestfor-item\"\u003e🌷 Light flow days\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Care Instructions --\u003e\n\u003cdiv class=\"hc-comfy__care\"\u003e\n\u003ch3 class=\"hc-comfy__section-title\"\u003eCare instructions\u003c\/h3\u003e\n\u003cul class=\"hc-comfy__care-list\" role=\"list\"\u003e\n\u003cli\u003eRinse in cold water after wear\u003c\/li\u003e\n\u003cli\u003eMachine wash cold on a gentle cycle\u003c\/li\u003e\n\u003cli\u003eDo not bleach or use fabric softener\u003c\/li\u003e\n\u003cli\u003eAir dry β€” avoid tumble dryers to maintain softness\u003c\/li\u003e\n\u003cli\u003eWash with similar colours\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- What's Included --\u003e\n\u003cdiv class=\"hc-comfy__included\"\u003e\n\u003ch3 class=\"hc-comfy__section-title\"\u003eWhat's included\u003c\/h3\u003e\n\u003cul class=\"hc-comfy__included-list\" role=\"list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e 1 Γ— Comfyβ„’ Leak-Proof Period Underwear (black with blush pink trim)\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e Her Collective signature packaging\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"hc-comfy__value-check\"\u003eβœ“\u003c\/span\u003e Care \u0026amp; fit guide\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Signature --\u003e\n\u003cdiv class=\"hc-comfy__signature\"\u003e\n\u003cdiv class=\"hc-comfy__mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-comfy__brand\"\u003e\n\u003cspan class=\"hc-comfy__brandname\"\u003eHer Collectiveβ„’\u003c\/span\u003e \u003cspan class=\"hc-comfy__tagline\"\u003eComfort In Every Detail\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-heart hc-heart--small\"\u003eπŸ’—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.hc-comfy {\n --hc-ink: #231f20;\n --hc-muted: rgba(35,31,32,.72);\n --hc-soft: rgba(35,31,32,.10);\n --hc-blush: #fbe2eb;\n --hc-rose: #E07A99;\n --hc-rose-deep: #C25D7E;\n --hc-rose-soft: #F0B8C8;\n --hc-radius: 24px;\n --hc-shadow: 0 18px 48px rgba(17,12,13,.10);\n font-family: inherit;\n color: var(--hc-ink);\n font-size: 16px;\n line-height: 1.6;\n}\n\n.hc-comfy *,\n.hc-comfy *::before,\n.hc-comfy *::after { box-sizing: border-box; }\n\n.hc-comfy__card {\n position: relative;\n overflow: hidden;\n border-radius: var(--hc-radius);\n padding: 32px;\n background:\n radial-gradient(circle at top left, rgba(224,122,153,.18), transparent 45%),\n linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));\n border: 1px solid rgba(35,31,32,.08);\n box-shadow: var(--hc-shadow);\n}\n\n\/* ══════════════════════════════════════════\n SIZE GUIDE (Pure CSS Expandable)\n ══════════════════════════════════════════ *\/\n.hc-comfy__sizeguide {\n margin-bottom: 8px;\n border-radius: 20px;\n background:\n radial-gradient(600px 300px at 50% 0%, rgba(224,122,153,.14), transparent 70%),\n linear-gradient(180deg, rgba(255,255,255,.92), rgba(253,238,244,.95));\n border: 1.5px solid rgba(224,122,153,.28);\n box-shadow: 0 12px 32px rgba(224,122,153,.12);\n overflow: hidden;\n transition: box-shadow .3s ease;\n}\n\n.hc-comfy__sizeguide[open] {\n box-shadow: 0 16px 40px rgba(224,122,153,.18);\n}\n\n.hc-comfy__sizebox {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n padding: 22px 24px;\n cursor: pointer;\n list-style: none;\n flex-wrap: wrap;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.hc-comfy__sizebox::-webkit-details-marker { display: none; }\n.hc-comfy__sizebox::marker { content: \"\"; }\n\n.hc-comfy__sizebox-content {\n flex: 1;\n min-width: 220px;\n}\n\n.hc-comfy__sizebox-tag {\n display: inline-block;\n margin-bottom: 8px;\n padding: 4px 12px;\n border-radius: 999px;\n background: var(--hc-rose);\n color: #ffffff;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: .12em;\n box-shadow: 0 3px 8px rgba(224,122,153,.30);\n}\n\n.hc-comfy__sizebox strong {\n display: block;\n margin-bottom: 6px;\n font-size: 18px;\n font-weight: 700;\n letter-spacing: -0.01em;\n color: var(--hc-ink);\n}\n\n.hc-comfy__sizebox p {\n margin: 0;\n font-size: 14px;\n line-height: 1.55;\n color: var(--hc-muted);\n}\n\n.hc-comfy__size-btn {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 14px 22px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--hc-rose) 0%, var(--hc-rose-deep) 100%);\n color: #ffffff;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: .03em;\n min-height: 48px;\n box-shadow: 0 6px 18px rgba(224,122,153,.30);\n transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.hc-comfy__sizeguide:hover .hc-comfy__size-btn {\n transform: translateY(-2px);\n box-shadow: 0 10px 24px rgba(224,122,153,.40);\n}\n\n.hc-comfy__size-btn-arrow {\n width: 12px;\n height: 12px;\n position: relative;\n transition: transform .3s ease;\n}\n\n.hc-comfy__size-btn-arrow::before,\n.hc-comfy__size-btn-arrow::after {\n content: \"\";\n position: absolute;\n top: 50%;\n width: 8px;\n height: 2px;\n background: #ffffff;\n border-radius: 1px;\n}\n\n.hc-comfy__size-btn-arrow::before {\n left: 0;\n transform: translateY(-50%) rotate(45deg);\n}\n\n.hc-comfy__size-btn-arrow::after {\n right: 0;\n transform: translateY(-50%) rotate(-45deg);\n}\n\n.hc-comfy__sizeguide[open] .hc-comfy__size-btn-arrow::before {\n transform: translateY(-50%) rotate(-45deg);\n}\n\n.hc-comfy__sizeguide[open] .hc-comfy__size-btn-arrow::after {\n transform: translateY(-50%) rotate(45deg);\n}\n\n.hc-comfy__sizeguide-inner {\n padding: 0 24px 24px;\n animation: hcSlideDown .35s ease;\n}\n\n@keyframes hcSlideDown {\n from { opacity: 0; transform: translateY(-8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.hc-comfy__sizeguide-header {\n margin-bottom: 22px;\n padding-top: 8px;\n border-top: 1px solid rgba(224,122,153,.20);\n padding-top: 22px;\n}\n\n.hc-comfy__sizeguide-title {\n margin: 0 0 8px;\n font-size: 22px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: var(--hc-ink);\n}\n\n.hc-comfy__sizeguide-sub {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n color: var(--hc-muted);\n}\n\n.hc-comfy__sizeguide-section {\n margin-bottom: 22px;\n}\n\n.hc-comfy__sizeguide-section-title {\n margin: 0 0 12px;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: -0.01em;\n color: var(--hc-ink);\n}\n\n\/* Table *\/\n.hc-table-wrap {\n overflow-x: auto;\n border-radius: 16px;\n border: 1px solid rgba(224,122,153,.18);\n background: rgba(255,255,255,.7);\n -webkit-overflow-scrolling: touch;\n box-shadow: 0 4px 12px rgba(224,122,153,.08);\n}\n\n.hc-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n min-width: 360px;\n}\n\n.hc-table th,\n.hc-table td {\n padding: 14px;\n text-align: left;\n border-bottom: 1px solid rgba(35,31,32,.06);\n}\n\n.hc-table thead th {\n background: linear-gradient(180deg, var(--hc-rose), var(--hc-rose-deep));\n color: #ffffff;\n font-size: 12px;\n letter-spacing: .06em;\n text-transform: uppercase;\n font-weight: 700;\n border-bottom: none;\n}\n\n.hc-table tbody tr:last-child td { border-bottom: none; }\n.hc-table tbody tr:nth-child(even) td { background: rgba(224,122,153,.06); }\n.hc-table tbody td strong { color: var(--hc-rose-deep); font-weight: 700; }\n\n.hc-comfy__howto {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 10px;\n}\n\n.hc-comfy__howto li {\n padding: 14px 16px;\n background: rgba(255,255,255,.7);\n border: 1px solid rgba(35,31,32,.06);\n border-radius: 12px;\n font-size: 14px;\n line-height: 1.6;\n}\n\n.hc-comfy__howto strong { color: var(--hc-rose-deep); font-weight: 650; }\n\n.hc-comfy__sizeguide-note {\n margin: 18px 0 0;\n padding: 14px;\n background: rgba(224,122,153,.10);\n border: 1px solid rgba(224,122,153,.18);\n border-radius: 12px;\n font-size: 13px;\n line-height: 1.6;\n color: var(--hc-muted);\n text-align: center;\n}\n\n\/* ── Divider ── *\/\n.hc-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(224,122,153,.28), transparent);\n margin: 24px 0;\n}\n\n\/* ── Badge ── *\/\n.hc-comfy__badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 10px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,.85);\n border: 1px solid rgba(35,31,32,.08);\n font-size: 12px;\n letter-spacing: .10em;\n text-transform: uppercase;\n font-weight: 600;\n color: rgba(35,31,32,.78);\n}\n\n.hc-dot {\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: var(--hc-rose);\n box-shadow: 0 0 0 3px rgba(224,122,153,.20);\n}\n\n\/* ── Title ── *\/\n.hc-comfy__title {\n margin: 18px 0 12px;\n font-size: clamp(26px, 4vw, 40px);\n line-height: 1.15;\n font-weight: 700;\n letter-spacing: -0.025em;\n color: var(--hc-ink);\n}\n\n.hc-heart { margin-left: 6px; }\n.hc-heart--small { font-size: 14px; }\n\n.hc-comfy__lead {\n color: var(--hc-muted);\n line-height: 1.7;\n margin-bottom: 24px;\n font-size: 16px;\n}\n\n\/* ── Copy ── *\/\n.hc-comfy__copy { margin-bottom: 28px; }\n\n.hc-comfy__copy p {\n line-height: 1.75;\n color: rgba(35,31,32,.86);\n margin: 0 0 14px;\n font-size: 15px;\n}\n\n.hc-comfy__copy strong {\n color: var(--hc-ink);\n font-weight: 650;\n}\n\n\/* ── Section Titles ── *\/\n.hc-comfy__section-title {\n margin: 0 0 16px;\n font-size: 20px;\n font-weight: 700;\n letter-spacing: -0.015em;\n color: var(--hc-ink);\n}\n\n\/* ── Value Box ── *\/\n.hc-comfy__value {\n background: rgba(255,255,255,.78);\n border-radius: 20px;\n padding: 22px;\n border: 1px solid rgba(35,31,32,.08);\n margin-bottom: 28px;\n box-shadow: 0 8px 20px rgba(17,12,13,.04);\n}\n\n.hc-comfy__value-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 12px;\n}\n\n.hc-comfy__value-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n padding: 14px 16px;\n border-radius: 14px;\n background: rgba(255,255,255,.7);\n border: 1px solid rgba(35,31,32,.06);\n line-height: 1.6;\n font-size: 14.5px;\n transition: transform .3s ease, box-shadow .3s ease;\n}\n\n.hc-comfy__value-item:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 16px rgba(224,122,153,.10);\n}\n\n.hc-comfy__value-item strong {\n font-weight: 650;\n color: var(--hc-ink);\n}\n\n.hc-comfy__value-check {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: grid;\n place-items: center;\n border-radius: 999px;\n background: rgba(224,122,153,.16);\n color: var(--hc-rose-deep);\n font-weight: 700;\n font-size: 13px;\n margin-top: 2px;\n}\n\n\/* ── How It Works ── *\/\n.hc-comfy__how {\n margin-bottom: 28px;\n padding: 24px;\n background: rgba(255,255,255,.78);\n border-radius: 20px;\n border: 1px solid rgba(35,31,32,.08);\n box-shadow: 0 8px 20px rgba(17,12,13,.04);\n}\n\n.hc-comfy__steps { display: grid; gap: 14px; }\n\n.hc-comfy__step {\n display: flex;\n gap: 14px;\n align-items: flex-start;\n padding: 16px;\n border-radius: 14px;\n background: rgba(255,255,255,.7);\n border: 1px solid rgba(35,31,32,.06);\n}\n\n.hc-comfy__step-num {\n flex-shrink: 0;\n width: 38px;\n height: 38px;\n display: grid;\n place-items: center;\n border-radius: 12px;\n background: linear-gradient(180deg, var(--hc-rose), var(--hc-rose-deep));\n color: #ffffff;\n font-size: 13px;\n font-weight: 700;\n box-shadow: 0 3px 8px rgba(224,122,153,.30);\n}\n\n.hc-comfy__step strong {\n display: block;\n margin-bottom: 4px;\n font-size: 15.5px;\n font-weight: 650;\n color: var(--hc-ink);\n}\n\n.hc-comfy__step p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n color: var(--hc-muted);\n}\n\n\/* ── Pills ── *\/\n.hc-comfy__highlights {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0;\n margin: 0 0 28px;\n list-style: none;\n}\n\n.hc-pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,.85);\n border: 1px solid rgba(224,122,153,.20);\n font-size: 13px;\n font-weight: 500;\n color: rgba(35,31,32,.84);\n box-shadow: 0 4px 10px rgba(224,122,153,.08);\n transition: transform .25s ease;\n}\n\n.hc-pill:hover { transform: translateY(-2px); }\n\n\/* ── Best For ── *\/\n.hc-comfy__bestfor { margin-bottom: 28px; }\n\n.hc-comfy__bestfor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 10px;\n}\n\n.hc-comfy__bestfor-item {\n padding: 16px;\n border-radius: 14px;\n background: rgba(255,255,255,.85);\n border: 1px solid rgba(35,31,32,.08);\n font-size: 14px;\n font-weight: 500;\n color: rgba(35,31,32,.84);\n transition: transform .25s ease, border-color .25s ease;\n}\n\n.hc-comfy__bestfor-item:hover {\n transform: translateY(-2px);\n border-color: rgba(224,122,153,.35);\n}\n\n\/* ── Care \u0026 Included ── *\/\n.hc-comfy__care,\n.hc-comfy__included {\n margin-bottom: 28px;\n padding: 24px;\n background: rgba(255,255,255,.78);\n border-radius: 20px;\n border: 1px solid rgba(35,31,32,.08);\n box-shadow: 0 8px 20px rgba(17,12,13,.04);\n}\n\n.hc-comfy__care-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 10px;\n}\n\n.hc-comfy__care-list li {\n position: relative;\n padding-left: 24px;\n font-size: 14.5px;\n line-height: 1.6;\n color: rgba(35,31,32,.84);\n}\n\n.hc-comfy__care-list li::before {\n content: '';\n position: absolute;\n left: 4px;\n top: 9px;\n width: 7px;\n height: 7px;\n border-radius: 999px;\n background: var(--hc-rose);\n box-shadow: 0 0 0 3px rgba(224,122,153,.18);\n}\n\n.hc-comfy__included-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 12px;\n}\n\n.hc-comfy__included-list li {\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 14.5px;\n line-height: 1.5;\n color: rgba(35,31,32,.86);\n}\n\n\/* ── Signature ── *\/\n.hc-comfy__signature {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 24px;\n padding-top: 20px;\n border-top: 1px solid rgba(35,31,32,.10);\n}\n\n.hc-comfy__mark {\n width: 46px;\n height: 46px;\n border-radius: 16px;\n background:\n radial-gradient(circle at top left, var(--hc-blush), transparent 50%),\n linear-gradient(180deg, #fff, #fafafa);\n border: 1px solid rgba(224,122,153,.18);\n box-shadow: 0 4px 12px rgba(224,122,153,.10);\n}\n\n.hc-comfy__brand { display: grid; flex: 1; }\n.hc-comfy__brandname { font-weight: 700; letter-spacing: -0.01em; }\n.hc-comfy__tagline { font-size: 13px; color: var(--hc-muted); }\n\n\/* ── Mobile ── *\/\n@media (max-width: 640px) {\n .hc-comfy__card { padding: 22px; }\n .hc-comfy__title { font-size: 26px; }\n .hc-comfy__sizebox {\n flex-direction: column;\n align-items: stretch;\n text-align: left;\n padding: 20px;\n }\n .hc-comfy__size-btn {\n width: 100%;\n justify-content: center;\n }\n .hc-comfy__sizebox strong { font-size: 17px; }\n .hc-comfy__sizeguide-inner { padding: 0 18px 20px; }\n .hc-table th,\n .hc-table td { padding: 10px 12px; font-size: 13px; }\n .hc-comfy__bestfor-grid { grid-template-columns: 1fr 1fr; }\n}\n\u003c\/style\u003e","brand":"Her collective.","offers":[{"title":"Small","offer_id":44178465325155,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Medium","offer_id":44178465357923,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"Large","offer_id":44178465390691,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true},{"title":"X-Large","offer_id":44178465423459,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1322\/4291\/files\/ChatGPT_Image_May_13_2026_06_19_06_PM.png?v=1778689588","url":"https:\/\/hercollective.co.za\/products\/comfy%e2%84%a2-leak-proof-underwear-%f0%9f%92%97","provider":"Her collective.","version":"1.0","type":"link"}