{"product_id":"hederm-antifungal-soap","title":"Hederm Antifungal Soap","description":"\u003cstyle\u003e\n  .hederm-product-story {\n    --hederm-green: #215b3d;\n    --hederm-green-light: #eaf3ed;\n    --hederm-dark: #183a29;\n    --hederm-text: #3f4d45;\n    --hederm-border: #dce7df;\n    --hederm-white: #ffffff;\n\n    max-width: 1200px;\n    margin: 50px auto;\n    padding: 0 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    color: var(--hederm-text);\n  }\n\n  .hederm-product-story * {\n    box-sizing: border-box;\n  }\n\n  \/* HERO *\/\n  .hederm-hero {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: 55px;\n    align-items: center;\n    margin-bottom: 70px;\n  }\n\n  .hederm-eyebrow {\n    display: inline-block;\n    color: var(--hederm-green);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n  }\n\n  .hederm-hero h2 {\n    margin: 0 0 20px;\n    color: var(--hederm-dark);\n    font-size: clamp(34px, 4vw, 54px);\n    line-height: 1.08;\n    letter-spacing: -1.8px;\n    font-weight: 750;\n  }\n\n  .hederm-hero h2 span {\n    color: var(--hederm-green);\n  }\n\n  .hederm-hero p {\n    font-size: 17px;\n    line-height: 1.8;\n    margin: 0 0 20px;\n    max-width: 620px;\n  }\n\n  .hederm-tagline {\n    border-left: 3px solid var(--hederm-green);\n    padding: 14px 20px;\n    background: var(--hederm-green-light);\n    border-radius: 0 12px 12px 0;\n    margin-top: 25px;\n    font-size: 15px;\n    line-height: 1.6;\n    color: var(--hederm-dark);\n    font-weight: 600;\n  }\n\n  \/* PRODUCT IMAGE *\/\n  .hederm-product-visual {\n    background: linear-gradient(145deg, #f5f8f5, #e7f0e9);\n    border-radius: 28px;\n    min-height: 500px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 35px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hederm-product-visual:before {\n    content: \"\";\n    position: absolute;\n    width: 330px;\n    height: 330px;\n    border-radius: 50%;\n    background: #dcebdd;\n    opacity: .65;\n  }\n\n  .hederm-product-visual img {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 430px;\n    height: auto;\n    object-fit: contain;\n    filter: drop-shadow(0 25px 30px rgba(20,60,40,.16));\n  }\n\n  \/* BENEFITS *\/\n  .hederm-section-title {\n    text-align: center;\n    margin-bottom: 35px;\n  }\n\n  .hederm-section-title small {\n    color: var(--hederm-green);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    font-size: 12px;\n  }\n\n  .hederm-section-title h3 {\n    margin: 9px 0 10px;\n    font-size: 34px;\n    color: var(--hederm-dark);\n    letter-spacing: -.8px;\n  }\n\n  .hederm-section-title p {\n    max-width: 650px;\n    margin: auto;\n    line-height: 1.7;\n    font-size: 15px;\n  }\n\n  .hederm-benefits {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n    margin-bottom: 70px;\n  }\n\n  .hederm-card {\n    background: #fff;\n    border: 1px solid var(--hederm-border);\n    border-radius: 18px;\n    padding: 28px 22px;\n    transition: .25s ease;\n  }\n\n  .hederm-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 14px 35px rgba(30,80,50,.09);\n  }\n\n  .hederm-icon {\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    background: var(--hederm-green-light);\n    color: var(--hederm-green);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 21px;\n    margin-bottom: 18px;\n  }\n\n  .hederm-card h4 {\n    color: var(--hederm-dark);\n    margin: 0 0 10px;\n    font-size: 17px;\n  }\n\n  .hederm-card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* HOW TO USE *\/\n  .hederm-use {\n    background: var(--hederm-green);\n    border-radius: 28px;\n    padding: 48px;\n    color: white;\n    margin-bottom: 50px;\n  }\n\n  .hederm-use-grid {\n    display: grid;\n    grid-template-columns: .8fr 1.2fr;\n    gap: 50px;\n    align-items: center;\n  }\n\n  .hederm-use h3 {\n    font-size: 32px;\n    margin: 0 0 15px;\n    color: white;\n  }\n\n  .hederm-use p {\n    line-height: 1.7;\n    margin: 0;\n    opacity: .9;\n  }\n\n  .hederm-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n\n  .hederm-step {\n    background: rgba(255,255,255,.1);\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 16px;\n    padding: 22px;\n  }\n\n  .hederm-step-number {\n    font-size: 12px;\n    font-weight: 800;\n    opacity: .7;\n    margin-bottom: 12px;\n  }\n\n  .hederm-step strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 15px;\n  }\n\n  .hederm-step span {\n    font-size: 13px;\n    line-height: 1.5;\n    opacity: .85;\n  }\n\n  \/* BRAND NOTE *\/\n  .hederm-brand-note {\n    text-align: center;\n    padding: 38px 20px;\n    border-top: 1px solid var(--hederm-border);\n    border-bottom: 1px solid var(--hederm-border);\n  }\n\n  .hederm-brand-logo {\n    color: var(--hederm-green);\n    font-size: 28px;\n    font-weight: 800;\n    letter-spacing: -.8px;\n    margin-bottom: 12px;\n  }\n\n  .hederm-brand-note p {\n    max-width: 700px;\n    margin: auto;\n    line-height: 1.7;\n    font-size: 14px;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 850px) {\n    .hederm-hero {\n      grid-template-columns: 1fr;\n      gap: 30px;\n    }\n\n    .hederm-product-visual {\n      min-height: 380px;\n    }\n\n    .hederm-benefits {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .hederm-use-grid {\n      grid-template-columns: 1fr;\n      gap: 30px;\n    }\n  }\n\n  @media (max-width: 550px) {\n    .hederm-product-story {\n      margin: 35px auto;\n    }\n\n    .hederm-hero h2 {\n      font-size: 36px;\n    }\n\n    .hederm-benefits {\n      grid-template-columns: 1fr;\n    }\n\n    .hederm-use {\n      padding: 30px 22px;\n      border-radius: 20px;\n    }\n\n    .hederm-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .hederm-product-visual {\n      min-height: 320px;\n      padding: 20px;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"hederm-product-story\"\u003e\u003c!-- HERO --\u003e\n\u003cdiv class=\"hederm-hero\"\u003e\n\u003cdiv class=\"hederm-hero-content\"\u003e\n\u003cspan class=\"hederm-eyebrow\"\u003e Hederm Daily Skin Care \u003c\/span\u003e\n\u003ch2\u003eClean skin.\u003cbr\u003e\u003cspan\u003eConfident every day.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eHederm Antifungal Soap is designed for a simple, refreshing cleansing routine. The formula combines carefully selected ingredients with a skin-conscious approach to help cleanse the skin and support a healthy-looking skin environment.\u003c\/p\u003e\n\u003cp\u003eMade for everyday care, Hederm helps remove sweat, excess oil and impurities while leaving skin feeling fresh, clean and comfortable.\u003c\/p\u003e\n\u003cdiv class=\"hederm-tagline\"\u003e🌿 Nature-inspired care. Clean, simple and made for your daily routine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--\n      ================================\n      https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9738\/1830\/files\/ChatGPT_Image_21_05_33_6_thg_8_2026.png?v=1786025144\n      ================================\n    --\u003e\n\u003cdiv class=\"hederm-product-visual\" style=\"text-align: start;\"\u003e\u003cimg alt=\"Hederm Antifungal Soap\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9738\/1830\/files\/ChatGPT_Image_21_05_33_6_thg_8_2026.png?v=1786025144\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"hederm-section-title\"\u003e\n\u003csmall\u003eWhy Hederm\u003c\/small\u003e\n\u003ch3\u003eEveryday care, made simpler.\u003c\/h3\u003e\n\u003cp\u003eA straightforward cleansing experience designed to fit easily into your everyday personal-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-benefits\"\u003e\n\u003cdiv class=\"hederm-card\"\u003e\n\u003cdiv class=\"hederm-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eNature-Inspired Formula\u003c\/h4\u003e\n\u003cp\u003eCarefully selected ingredients inspired by nature and modern skincare.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-card\"\u003e\n\u003cdiv class=\"hederm-icon\"\u003e✦\u003c\/div\u003e\n\u003ch4\u003eDeep Cleansing\u003c\/h4\u003e\n\u003cp\u003eHelps cleanse away sweat, excess oil and everyday impurities from the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-card\"\u003e\n\u003cdiv class=\"hederm-icon\"\u003e✓\u003c\/div\u003e\n\u003ch4\u003eDaily Freshness\u003c\/h4\u003e\n\u003cp\u003eLeaves skin feeling fresh, clean and ready for the rest of your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-card\"\u003e\n\u003cdiv class=\"hederm-icon\"\u003e♡\u003c\/div\u003e\n\u003ch4\u003eSimple Daily Care\u003c\/h4\u003e\n\u003cp\u003eEasy to incorporate into your regular shower and personal-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003cdiv class=\"hederm-use\"\u003e\n\u003cdiv class=\"hederm-use-grid\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eA simple routine.\u003c\/h3\u003e\n\u003cp\u003eUse Hederm as part of your regular cleansing routine. Consistency is the key to better everyday skin care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-steps\"\u003e\n\u003cdiv class=\"hederm-step\"\u003e\n\u003cdiv class=\"hederm-step-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003eWet skin\u003c\/strong\u003e \u003cspan\u003e Wet the skin thoroughly with clean water. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-step\"\u003e\n\u003cdiv class=\"hederm-step-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003eLather gently\u003c\/strong\u003e \u003cspan\u003e Apply the soap and gently work into a rich lather. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hederm-step\"\u003e\n\u003cdiv class=\"hederm-step-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003eRinse well\u003c\/strong\u003e \u003cspan\u003e Rinse thoroughly and continue your normal skincare routine. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BRAND --\u003e\n\u003cdiv class=\"hederm-brand-note\"\u003e\n\u003cdiv class=\"hederm-brand-logo\"\u003eHEDERM\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eHealthy Skin. Powered by Nature.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eHederm combines nature-inspired ingredients, thoughtful formulations and modern skincare principles to create simple products for everyday skin care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Hederm","offers":[{"title":"1pack","offer_id":46906641776838,"sku":"J23292","price":20.99,"currency_code":"USD","in_stock":true},{"title":"3pack","offer_id":46906641809606,"sku":"J23292*3","price":83.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/9738\/1830\/files\/ChatGPTImage21_05_336thg8_2026.png?v=1786345156","url":"https:\/\/hederm.com\/products\/hederm-antifungal-soap","provider":"Hederm","version":"1.0","type":"link"}