{"product_id":"heroiy-berberine-10-in-1-nano-microneedle-wellness-patch-jx","title":"Heroiy® 𝑁𝑎𝑛𝑜 𝘔𝘪𝘤𝘳𝘰𝘯𝘦𝘦𝘥𝘭𝘦 𝖯𝚊𝗍𝖼𝗁-JX","description":"\u003c!-- =========================================\n  Shopify 自适应商品卖点模块\n  图片位置为一句提示语，不预留固定空白\n  可直接粘贴到“自定义 Liquid”或商品描述源码中\n========================================= --\u003e\n\u003cstyle\u003e\n  .shape-feature-section,\n  .shape-feature-section * {\n    box-sizing: border-box;\n  }\n\n  .shape-feature-section {\n    --shape-text: #111111;\n    --shape-muted: #292929;\n    --shape-background: #f4f1e9;\n    --shape-card: #ffffff;\n    --shape-border: rgba(0, 0, 0, 0.08);\n\n    width: 100%;\n    margin: 0 auto;\n    color: var(--shape-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/* 根据商品描述区域实际宽度响应 *\/\n    container-type: inline-size;\n    container-name: shapeFeature;\n  }\n\n  .shape-feature-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 28px;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.7) 0%,\n        rgba(255, 255, 255, 0.12) 13%,\n        rgba(255, 255, 255, 0.55) 26%,\n        rgba(255, 255, 255, 0.1) 42%,\n        rgba(255, 255, 255, 0.5) 58%,\n        rgba(255, 255, 255, 0.12) 75%,\n        rgba(255, 255, 255, 0.6) 100%\n      ),\n      var(--shape-background);\n  }\n\n  \/* 主视觉区域 *\/\n  .shape-feature-hero {\n    position: relative;\n    z-index: 1;\n    display: grid;\n\n    \/*\n      有图片时，宽度足够会自动双列；\n      删除图片区域后，文案会自动铺满。\n    *\/\n    grid-template-columns:\n      repeat(auto-fit, minmax(min(100%, 350px), 1fr));\n\n    align-items: end;\n    gap: clamp(24px, 4cqi, 65px);\n    padding:\n      clamp(30px, 5.5cqi, 76px)\n      clamp(24px, 5.5cqi, 76px)\n      clamp(115px, 15cqi, 190px);\n  }\n\n  .shape-feature-copy {\n    position: relative;\n    z-index: 2;\n    align-self: start;\n    min-width: 0;\n  }\n\n  .shape-feature-title {\n    max-width: 780px;\n    margin: 0;\n    color: var(--shape-text);\n    font-size: clamp(42px, 6.8cqi, 84px);\n    font-weight: 800;\n    line-height: 0.98;\n    letter-spacing: -0.045em;\n  }\n\n  .shape-feature-description {\n    max-width: 720px;\n    margin: clamp(24px, 3.2cqi, 42px) 0 0;\n    color: var(--shape-muted);\n    font-size: clamp(20px, 2.35cqi, 32px);\n    font-weight: 400;\n    line-height: 1.38;\n    letter-spacing: -0.02em;\n  }\n\n  \/* 图片区域没有固定高度，不会预留大块空白 *\/\n  .shape-feature-media {\n    width: 100%;\n    min-width: 0;\n    align-self: end;\n  }\n\n  \/*\n    这只是图片插入提示语。\n    没有设置固定高度、最小高度或宽高比。\n  *\/\n  .shape-feature-image-tip {\n    width: 100%;\n    margin: 0;\n    padding: 10px 0;\n    color: #6b6b6b;\n    font-size: 14px;\n    line-height: 1.5;\n    text-align: center;\n    font-style: italic;\n  }\n\n  \/*\n    插入图片时，可以给图片添加此 class：\n    class=\"shape-feature-image\"\n  *\/\n  .shape-feature-image {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    object-fit: contain;\n    object-position: center bottom;\n  }\n\n  \/* 底部服务保障卡片 *\/\n  .shape-feature-benefits {\n    position: relative;\n    z-index: 3;\n    width: calc(100% - clamp(30px, 7cqi, 100px));\n    margin: clamp(-145px, -12cqi, -90px) auto 0;\n    padding: clamp(24px, 3.2cqi, 42px);\n    overflow: hidden;\n    border: 1px solid var(--shape-border);\n    border-radius: 32px;\n    background: var(--shape-card);\n    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.08);\n  }\n\n  .shape-feature-benefit-grid {\n    display: grid;\n\n    \/*\n      根据商品描述区域的实际宽度自动变为\n      1列、2列或3列\n    *\/\n    grid-template-columns:\n      repeat(auto-fit, minmax(min(100%, 290px), 1fr));\n\n    gap: clamp(20px, 2.5cqi, 34px);\n  }\n\n  .shape-feature-benefit {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    gap: clamp(14px, 1.8cqi, 24px);\n  }\n\n  .shape-feature-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: clamp(58px, 6cqi, 76px);\n    height: clamp(58px, 6cqi, 76px);\n    border: 2px solid #292929;\n    border-radius: 17px;\n    background: #ffffff;\n  }\n\n  .shape-feature-icon svg {\n    display: block;\n    width: 62%;\n    height: 62%;\n    fill: none;\n    stroke: #222222;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .shape-feature-benefit-text {\n    min-width: 0;\n    margin: 0;\n    color: #252525;\n    font-size: clamp(18px, 1.85cqi, 27px);\n    font-weight: 400;\n    line-height: 1.3;\n    letter-spacing: -0.018em;\n  }\n\n  .shape-feature-bottom-space {\n    height: clamp(28px, 4cqi, 55px);\n  }\n\n  \/* 中等宽度商品描述区域 *\/\n  @container shapeFeature (max-width: 850px) {\n    .shape-feature-wrapper {\n      border-radius: 24px;\n    }\n\n    .shape-feature-hero {\n      grid-template-columns:\n        repeat(auto-fit, minmax(min(100%, 310px), 1fr));\n\n      align-items: center;\n      padding:\n        38px\n        30px\n        115px;\n    }\n\n    .shape-feature-title {\n      font-size: clamp(42px, 8.5cqi, 66px);\n      line-height: 1;\n    }\n\n    .shape-feature-description {\n      max-width: 620px;\n      font-size: clamp(20px, 3.6cqi, 28px);\n    }\n\n    .shape-feature-benefits {\n      width: calc(100% - 36px);\n      margin-top: -78px;\n      border-radius: 27px;\n    }\n  }\n\n  \/* 手机宽度商品描述区域 *\/\n  @container shapeFeature (max-width: 560px) {\n    .shape-feature-wrapper {\n      border-radius: 19px;\n    }\n\n    .shape-feature-hero {\n      grid-template-columns: 1fr;\n      gap: 18px;\n      padding:\n        28px\n        20px\n        88px;\n    }\n\n    .shape-feature-title {\n      font-size: clamp(38px, 11cqi, 54px);\n      line-height: 1.02;\n      letter-spacing: -0.04em;\n    }\n\n    .shape-feature-description {\n      margin-top: 22px;\n      font-size: clamp(18px, 5.1cqi, 24px);\n      line-height: 1.42;\n    }\n\n    .shape-feature-image-tip {\n      padding: 4px 0;\n      font-size: 13px;\n      text-align: left;\n    }\n\n    .shape-feature-benefits {\n      width: calc(100% - 24px);\n      margin-top: -55px;\n      padding: 23px 18px;\n      border-radius: 22px;\n    }\n\n    .shape-feature-benefit-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .shape-feature-benefit {\n      gap: 15px;\n    }\n\n    .shape-feature-icon {\n      width: 58px;\n      height: 58px;\n      border-radius: 14px;\n    }\n\n    .shape-feature-benefit-text {\n      font-size: 18px;\n      line-height: 1.32;\n    }\n  }\n\n  \/* 极窄商品描述区域 *\/\n  @container shapeFeature (max-width: 360px) {\n    .shape-feature-hero {\n      padding:\n        24px\n        16px\n        80px;\n    }\n\n    .shape-feature-benefits {\n      width: calc(100% - 16px);\n      padding: 19px 14px;\n    }\n\n    .shape-feature-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 13px;\n    }\n\n    .shape-feature-benefit-text {\n      font-size: 16px;\n    }\n  }\n\n  \/*\n    旧版浏览器备用响应规则\n  *\/\n  @media screen and (max-width: 749px) {\n    .shape-feature-hero {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"shape-feature-section\"\u003e\n\u003cdiv class=\"shape-feature-wrapper\"\u003e\n\u003c!-- 主标题区域 --\u003e\n\u003cdiv class=\"shape-feature-hero\"\u003e\n\u003cdiv class=\"shape-feature-copy\"\u003e\n\u003ch2 class=\"shape-feature-title\"\u003eStart your new shape today\u003c\/h2\u003e\n\u003cp class=\"shape-feature-description\"\u003eNo strict diets. No pills. No limits. Just watch the scale drop — at home, at work, and in everyday life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!--\n        将下面这一句提示语替换成图片代码即可。\n        不需要图片时，可以删除整个 shape-feature-media 区域。\n      --\u003e\n\u003cdiv class=\"shape-feature-media\"\u003e\n\u003cp class=\"shape-feature-image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/1_949e3d2c-03e6-4116-ab1a-fc05131526c7.png?v=1782546023\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 服务保障区域 --\u003e\n\u003cdiv class=\"shape-feature-benefits\"\u003e\n\u003cdiv class=\"shape-feature-benefit-grid\"\u003e\n\u003c!-- 服务保障 1 --\u003e\n\u003cdiv class=\"shape-feature-benefit\"\u003e\n\u003cdiv class=\"shape-feature-icon\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ccircle cx=\"24\" cy=\"17\" r=\"8\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10 40c1.5-9 6.5-14 14-14s12.5 5 14 14\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 18v8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M39 18v8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 18c0-8.3 6.7-15 15-15s15 6.7 15 15\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M36 27c-1 5-4.2 8-9 8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"shape-feature-benefit-text\"\u003e24\/7 Customer Support Available\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 服务保障 2 --\u003e\n\u003cdiv class=\"shape-feature-benefit\"\u003e\n\u003cdiv class=\"shape-feature-icon\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ccircle cx=\"24\" cy=\"18\" r=\"8\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M11 40c1.5-8.5 6-13 13-13s11.5 4.5 13 13\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 20a16 16 0 0 1 31-5\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M39 9v8h-8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M40 28a16 16 0 0 1-27 8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 39v-8h8\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"shape-feature-benefit-text\"\u003e90-Day Free Returns, No Questions Asked\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 服务保障 3 --\u003e\n\u003cdiv class=\"shape-feature-benefit\"\u003e\n\u003cdiv class=\"shape-feature-icon\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003crect x=\"10\" y=\"5\" width=\"28\" height=\"38\" rx=\"2\"\u003e\u003c\/rect\u003e\n              \u003crect x=\"14\" y=\"9\" width=\"20\" height=\"26\"\u003e\u003c\/rect\u003e\n              \u003cpath d=\"M21 17l9 5-9 5V17z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M18 39h12\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"shape-feature-benefit-text\"\u003eComes with a Free Product Manual and Video Tutorial\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shape-feature-bottom-space\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003ch2 style=\"text-align: center;\" aria-label=\"Wellness should not feel complicated.\" role=\"region\" class=\"heading heading-AV1MwaWpNcHhiNTRTL__heading_APGrPX\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\"\u003eWellness should not feel complicated.\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-Ab3FFSGVjRGJNNEtNY__text_reEQJg rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e\u003cspan\u003eHeroiy \u003c\/span\u003e\u003c\/strong\u003ewas created with a simple belief: modern wellness has become overwhelming. Too many routines, too many products, too many promises that are difficult to maintain.\u003cbr\u003eWe asked a different question: What if supporting your body could be effortless?\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003eAnd from that idea, Heroiy® 𝑩𝒆𝒓𝑏𝘦𝘳𝑖𝗇𝒆 10-𝗶𝙣-1 𝑁𝑎𝑛𝑜 𝘔𝘪𝘤𝘳𝘰𝘯𝘦𝘦𝘥𝘭𝘦 𝖯𝚊𝗍𝖼𝗁 was created.\u003c\/strong\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" aria-label=\"Loved by 9,999+ customers\" role=\"region\" class=\"title inline-richtext\n    heading heading-template--21067914674339__image_slider_aRVnwE center\n    \n    h1  \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\"\u003eLoved by 9,999+ customers\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n  Shopify 三张竖版图片自适应展示模块\n\n  宽屏：三列并排\n  中等宽度：两列\n  手机端：一列\n\n  图片区域无固定高度、无最小高度、\n  无固定宽高比、无预留空白。\n========================================= --\u003e\n\u003cstyle\u003e\n  .portrait-gallery-section,\n  .portrait-gallery-section * {\n    box-sizing: border-box;\n  }\n\n  .portrait-gallery-section {\n    width: 100%;\n    margin: 0 auto;\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据 Shopify 商品描述区域的真实宽度响应，\n      而不是根据整个浏览器窗口宽度响应。\n    *\/\n    container-type: inline-size;\n    container-name: portraitGallery;\n  }\n\n  .portrait-gallery-inner {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  .portrait-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    align-items: start;\n    gap: clamp(14px, 2cqi, 28px);\n    width: 100%;\n  }\n\n  \/*\n    图片插入后的样式：\n    不设置固定高度和宽高比，\n    图片会按照自身原始比例完整展示。\n  *\/\n  .portrait-gallery-image {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    border-radius: clamp(10px, 1.5cqi, 18px);\n    object-fit: contain;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n  }\n\n  \/*\n    图片位置提示语：\n    没有固定高度、最小高度或宽高比。\n    替换或删除后，不会保留固定空白。\n  *\/\n  .portrait-gallery-image-tip {\n    width: 100%;\n    margin: 0;\n    padding: 14px 12px;\n    border: 1px dashed #b8b8b8;\n    border-radius: 12px;\n    background: #f8f8f8;\n    color: #696969;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  \/* 商品描述区域宽度低于900px时自动变为两列 *\/\n  @container portraitGallery (max-width: 900px) {\n    .portrait-gallery-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n  }\n\n  \/* 商品描述区域宽度低于560px时自动变为一列 *\/\n  @container portraitGallery (max-width: 560px) {\n    .portrait-gallery-grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 16px;\n    }\n\n    .portrait-gallery-image {\n      border-radius: 12px;\n    }\n\n    .portrait-gallery-image-tip {\n      padding: 12px 10px;\n      font-size: 13px;\n    }\n  }\n\n  \/*\n    不支持容器查询的旧版浏览器备用规则\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 900px) {\n      .portrait-gallery-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 560px) {\n      .portrait-gallery-grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"portrait-gallery-section\"\u003e\n\u003cdiv class=\"portrait-gallery-inner\"\u003e\n\u003cdiv class=\"portrait-gallery-grid\"\u003e\n\u003c!-- 图片位置 1 --\u003e\n\u003cp class=\"portrait-gallery-image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/3_1.png?v=1782555211\"\u003e\u003c\/p\u003e\n\u003c!-- 图片位置 2 --\u003e\n\u003cp class=\"portrait-gallery-image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/3_2.png?v=1782555212\"\u003e\u003c\/p\u003e\n\u003c!-- 图片位置 3 --\u003e\n\u003cp class=\"portrait-gallery-image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/17784884308623.png?v=1782561912\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003ch2 style=\"text-align: center;\" aria-label=\"Doctor Recommended,Clinically Validated Formula, #1 Ranked\" role=\"region\" class=\"heading heading-AMTBkZzR2SkpzZ3d1U__heading_YryaXK\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\"\u003eDoctor Recommended, Clinically Validated Formula, #1 Ranked\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eHeroiy® Moringa \u0026amp; Berberine 10-IN-1 Advanced Nano Microneedle Patch was developed through more than 20 years of research by a multidisciplinary team of over 30 experts. Each patch incorporates an ultra-fine microneedle architecture measuring approximately one-seventh the thickness of a human hair, designed to ensure a smooth and virtually painless application. The formulation contains highly concentrated natural bioactive compounds, up to 20-fold higher than conventional market levels, including Moringa and Berberine which act synergistically to support healthy glycemic responses, appetite regulation, and lipid metabolism, thereby promoting gradual and sustainable weight management. Enriched with NAD+, the patch further supports skin firmness and structural resilience during body-weight fluctuations, helping maintain a lean appearance without compromising comfort or aesthetics. Additional high-efficacy components contribute to the support of immune function, digestive health, gut balance, women’s health, daily energy levels, and fatigue reduction, collectively promoting a more youthful and resilient physiological state from within. Manufactured in GMP-certified facilities that comply with both Canada and EU quality standards, this needle-free, science-driven solution provides a safe and comprehensive approach to effective weight management and long-term metabolic health, designed to work in harmony with the body rather than against it\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/ChatGPT_Image_Jun_27_2026_04_57_38_AM.png?v=1782550691\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"heading heading-ATmU4Yy9OU2trd0F4e__heading_PFPwxi\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\" role=\"region\" aria-label=\"Vibeourplus is a truly scientific, effective, and health-protecting successful fat loss method.\" style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 class=\"heading heading-ATmU4Yy9OU2trd0F4e__heading_PFPwxi\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\" role=\"region\" aria-label=\"Vibeourplus is a truly scientific, effective, and health-protecting successful fat loss method.\" style=\"text-align: center;\"\u003eHeroiy is a truly scientific, effective, and health-protecting successful fat loss method.\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEZ3VWNYZnB3bktIM__text_aBJc8R rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eFor years, most solutions have focused on doing more — more routines, more restrictions, more effort. But real progress doesn’t come from doing more. It comes from doing things differently. More precise. More consistent. More aligned with your body’s biology.\u003c\/p\u003e\n\u003cp\u003eThis is where \u003cstrong\u003eHeroiy\u003c\/strong\u003e begins.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHeroiy\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eis grounded in science, not sacrifice. Instead of pushing harder, it supports smarter. Using advanced transdermal delivery, Heroiy delivers targeted compounds such as Moringa and Berberine directly into your system, helping your metabolism operate with greater efficiency and harmony. These bioactives work at the cellular level to support metabolic pathways and energy utilization in a way oral formulas simply cannot achieve, all without any side effects.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cstrong\u003eHeroiy\u003c\/strong\u003e \u003c\/span\u003eworks with your body’s natural rhythms, offering continuous, gentle support that feels integrated — not intrusive — in your daily life.\u003cbr\u003e\u003cbr\u003eReal transformation isn’t achieved through pressure or extremes. It’s powered by science—precision, consistency, and a balanced approach that aligns with your body’s natural processes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/4_edb13fee-71ec-403f-ac75-977a98947a69.png?v=1782557337\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eA modern approach to transdermal wellness delivery.\u003c\/p\u003e\n\u003ch2 class=\"heading heading-AMmZuMlZ6UUprdnpDQ__heading_J3gbLQ\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\" role=\"region\" aria-label=\"What is Microneedle Technology?\" style=\"text-align: center;\"\u003eWhat is Microneedle Technology?\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AWDRSNUUrRitPOTVJT__text_medQxY rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eMicroneedle technology delivers functional ingredients directly through the skin using ultra-fine, dissolvable microstructures, providing a controlled and gradual release. Designed for comfort and everyday use, it ensures a stable, non-invasive, and reliable wellness experience that seamlessly fits into your daily routine.\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eControlled Release:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eActive ingredients are steadily delivered for continuous, effective results.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon-Invasive:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003ePainless and comfortable, with no needles or injections required.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEasy to Use:\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eDesigned for daily use, seamlessly fitting into your routine for consistent results.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThis technology offers a\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003ereliable, non-invasive solution\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003ethat supports your wellness goals, fitting naturally into everyday life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/5_255658c2-0ad4-4716-8092-ff2ff318f61e.png?v=1782557960\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eA faster, more stable way to improve health.\u003c\/p\u003e\n\u003ch2 class=\"heading heading-AMFdMSDQxb2xCV0dnU__heading_T8ypGW\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\" role=\"region\" aria-label=\"Redefining Body Fat Management — Less Dieting, Less Struggle, Easier to Maintain\" style=\"text-align: center;\"\u003eRedefining Body Fat Management — Less Dieting, Less Struggle, Easier to Maintain\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AK0V1NlpOM1RnZ01tS__text_wXxqCR rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eAre you tired of the high-intensity workouts and extreme dieting that come with every weight loss attempt? These traditional methods not only cause discomfort but also make it incredibly difficult to stick with. We believe that weight loss should be a easier, more sustainable process.\u003c\/p\u003e\n\u003cp\u003eThis body fat management patch uses advanced transdermal delivery technology to gently release active ingredients, helping you improve your body fat levels in your daily life, without the need for dieting or intense exercise. You only need to apply one patch each day, and it will work silently in the background, helping you achieve lasting fat reduction and maintain a healthy state permanently.\u003c\/p\u003e\n\u003cp\u003e✔ Works continuously in daily life\u003cbr\u003e✔ Painless transdermal absorption with stable results\u003cbr\u003e✔ No need for extreme habit changes\u003cbr\u003e✔ Scientifically supported, no need for drastic lifestyle changes\u003cbr\u003e✔ Adapts to various lifestyles and dietary needs\u003cbr\u003e✔ Suitable for different body types, ages, and health conditions\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eIt's not just a product; it's a 100% effective scientific body fat management system.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/6_29b73caf-cf3c-4666-a72d-32a4bbbba8f0.png?v=1782558276\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"heading heading-AQ2dKbXJ5NDc1ZEcyT__heading_ngChQ8\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\" role=\"region\" aria-label=\"This isn’t just a product — it’s a new system.\" style=\"text-align: center;\"\u003eThis isn’t just a product — it’s a new system.\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AU290Z2FqSDNqY01Ud__text_Td4tpq rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eMost wellness solutions try to change your habits.\u003cbr\u003eMore routines. More restrictions. More effort.\u003cbr\u003eBut over time, complexity becomes the problem.\u003cbr\u003eWhat people really need isn’t more—it’s better delivery.\u003cbr\u003e\u003cbr\u003eThis 100% natural, scientifically formulated patch uses advanced transdermal delivery to release active ingredients steadily through the skin, bypassing the digestive system for enhanced absorption. It is vegan, non-GMO, gluten-free, soy-free, and free from hormones, sugars, allergens, artificial colors, fragrances, and preservatives. The patch targets specific areas for precise, sustained support, suitable for all skin and body types. It is safe, cruelty-free, and delivers noticeable results in as little as 7 days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/ChatGPT_Image_Jun_27_2026_07_08_02_AM.png?v=1782558660\"\u003e\u003c\/p\u003e\n\u003c!-- =====================================================\n  Shopify 四卡片竖版卖点模块\n  宽屏：4列\n  中等宽度：2列\n  手机端：1列\n\n  底部蓝色按钮：\n  自动滚动至商品规格选择 \/ 加入购物车购买区域\n===================================================== --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .system-benefits-section,\n  .system-benefits-section * {\n    box-sizing: border-box;\n  }\n\n  .system-benefits-section {\n    --sb-text: #161616;\n    --sb-muted: #383838;\n    --sb-card: #f5f5f5;\n    --sb-icon-bg: #ffffff;\n    --sb-blue: #4d91eb;\n    --sb-blue-hover: #357bd5;\n\n    width: 100%;\n    margin: 0 auto;\n    color: var(--sb-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域的实际宽度切换布局，\n      而不是只根据整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: systemBenefits;\n  }\n\n  .system-benefits-inner {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: clamp(28px, 4cqi, 58px) clamp(12px, 2cqi, 24px);\n  }\n\n  \/* 模块标题 *\/\n  .system-benefits-title {\n    max-width: 900px;\n    margin: 0 auto clamp(30px, 4cqi, 52px);\n    color: var(--sb-text);\n    font-size: clamp(30px, 4.1cqi, 52px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n    text-align: center;\n  }\n\n  \/* 四卡片网格 *\/\n  .system-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    align-items: start;\n    gap: clamp(18px, 2.2cqi, 38px);\n    width: 100%;\n  }\n\n  \/* 单个竖版卡片 *\/\n  .system-benefit-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    padding:\n      clamp(22px, 2.6cqi, 34px)\n      clamp(18px, 2cqi, 28px)\n      clamp(24px, 2.8cqi, 38px);\n    border-radius: clamp(18px, 2cqi, 26px);\n    background: var(--sb-card);\n    text-align: center;\n  }\n\n  \/* 圆形图标区域 *\/\n  .system-benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: min(100%, 240px);\n    margin: 0 auto clamp(22px, 2.5cqi, 34px);\n    aspect-ratio: 1 \/ 1;\n    border-radius: 50%;\n    background: var(--sb-icon-bg);\n  }\n\n  .system-benefit-icon svg {\n    display: block;\n    width: 64%;\n    height: 64%;\n    fill: none;\n    stroke: #50535a;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .system-benefit-card-title {\n    margin: 0;\n    color: var(--sb-text);\n    font-size: clamp(22px, 2cqi, 29px);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n  }\n\n  .system-benefit-highlight {\n    margin: clamp(15px, 1.8cqi, 22px) 0 0;\n    color: #303030;\n    font-size: clamp(16px, 1.45cqi, 20px);\n    font-weight: 700;\n    line-height: 1.45;\n  }\n\n  .system-benefit-description {\n    margin: 6px 0 0;\n    color: var(--sb-muted);\n    font-size: clamp(16px, 1.4cqi, 19px);\n    font-weight: 400;\n    line-height: 1.55;\n  }\n\n  \/* 底部按钮区域 *\/\n  .system-benefits-action {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: clamp(30px, 4cqi, 52px);\n  }\n\n  .system-benefits-buy-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: min(100%, 620px);\n    margin: 0;\n    padding: 16px 26px;\n    border: 0;\n    border-radius: 4px;\n    background: var(--sb-blue);\n    box-shadow: 0 8px 20px rgba(77, 145, 235, 0.22);\n    color: #ffffff;\n    font-family: inherit;\n    font-size: clamp(16px, 1.6cqi, 20px);\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: 0.01em;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition:\n      transform 0.2s ease,\n      background-color 0.2s ease,\n      box-shadow 0.2s ease;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .system-benefits-buy-button:hover {\n    background: var(--sb-blue-hover);\n    box-shadow: 0 10px 25px rgba(53, 123, 213, 0.28);\n    transform: translateY(-2px);\n  }\n\n  .system-benefits-buy-button:active {\n    transform: translateY(0);\n  }\n\n  .system-benefits-buy-button:focus-visible {\n    outline: 3px solid rgba(77, 145, 235, 0.35);\n    outline-offset: 4px;\n  }\n\n  \/* 商品描述区域宽度小于1000px：两列 *\/\n  @container systemBenefits (max-width: 1000px) {\n    .system-benefits-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .system-benefit-icon {\n      width: min(100%, 220px);\n    }\n  }\n\n  \/* 商品描述区域宽度小于580px：一列 *\/\n  @container systemBenefits (max-width: 580px) {\n    .system-benefits-inner {\n      padding-right: 10px;\n      padding-left: 10px;\n    }\n\n    .system-benefits-title {\n      margin-bottom: 26px;\n      font-size: clamp(29px, 9cqi, 42px);\n    }\n\n    .system-benefits-grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 16px;\n    }\n\n    .system-benefit-card {\n      padding: 24px 20px 28px;\n      border-radius: 20px;\n    }\n\n    .system-benefit-icon {\n      width: min(78%, 230px);\n      margin-bottom: 24px;\n    }\n\n    .system-benefit-card-title {\n      font-size: 24px;\n    }\n\n    .system-benefit-highlight {\n      font-size: 17px;\n    }\n\n    .system-benefit-description {\n      font-size: 16px;\n    }\n\n    .system-benefits-buy-button {\n      width: 100%;\n      padding: 16px 18px;\n      font-size: 17px;\n    }\n  }\n\n  \/*\n    旧版浏览器备用布局\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1000px) {\n      .system-benefits-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 580px) {\n      .system-benefits-grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\n  \/* 减少动态效果设置 *\/\n  @media (prefers-reduced-motion: reduce) {\n    .system-benefits-buy-button {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003csection data-buy-target=\"\" data-system-benefits=\"\" class=\"system-benefits-section\"\u003e\n\u003cdiv class=\"system-benefits-inner\"\u003e\n\u003ch2 class=\"system-benefits-title\"\u003eA System, Not Just Ingredients\u003c\/h2\u003e\n\u003cdiv class=\"system-benefits-grid\"\u003e\n\u003c!-- 卡片 1 --\u003e\n\u003carticle class=\"system-benefit-card\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"system-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 100 100\"\u003e\n            \u003cpath d=\"M18 48h64\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M20 58c8-7 16 7 24 0s16 7 24 0 12 3 14 5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M22 69h2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M35 72h2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M49 68h2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M64 72h2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M77 68h2\"\u003e\u003c\/path\u003e\n\n            \u003cpath d=\"M30 47V35\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M27 35h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M28 35l2-17 2 17\"\u003e\u003c\/path\u003e\n\n            \u003cpath d=\"M43 47V35\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M40 35h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M41 35l2-19 2 19\"\u003e\u003c\/path\u003e\n\n            \u003cpath d=\"M56 47V35\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M53 35h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M54 35l2-17 2 17\"\u003e\u003c\/path\u003e\n\n            \u003cpath d=\"M69 47V35\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M66 35h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M67 35l2-16 2 16\"\u003e\u003c\/path\u003e\n\n            \u003cpath d=\"M50 76c-6 8-6 12 0 15 6-3 6-7 0-15z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"system-benefit-card-title\"\u003eMicroneedle Technology\u003c\/h3\u003e\n\u003cp class=\"system-benefit-highlight\"\u003eDirect and precise ingredient delivery\u003c\/p\u003e\n\u003cp class=\"system-benefit-description\"\u003eDelivers active ingredients through the skin for consistent, targeted wellness support.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- 卡片 2 --\u003e\n\u003carticle class=\"system-benefit-card\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"system-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 100 100\"\u003e\n            \u003cpath d=\"M22 83L70 20\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M33 68c10-2 19-7 27-15\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M40 59c-2-10 0-19 5-27\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M48 50c11-2 19-7 27-15\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M55 41c-1-9 2-17 8-24\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M62 33c9-1 16-5 22-12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M28 75H16\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"system-benefit-card-title\"\u003eMetabolic Core\u003c\/h3\u003e\n\u003cp class=\"system-benefit-highlight\"\u003eSupports metabolic rhythm and appetite balance\u003c\/p\u003e\n\u003cp class=\"system-benefit-description\"\u003eMoringa · Berberine · ACV · Magnesium\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- 卡片 3 --\u003e\n\u003carticle class=\"system-benefit-card\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"system-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 100 100\"\u003e\n            \u003cpath d=\"M50 23l24 14v27L50 78 26 64V37l24-14z\"\u003e\u003c\/path\u003e\n\n            \u003ccircle r=\"8\" cy=\"12\" cx=\"50\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"8\" cy=\"31\" cx=\"82\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"8\" cy=\"70\" cx=\"82\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"8\" cy=\"88\" cx=\"50\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"8\" cy=\"70\" cx=\"18\"\u003e\u003c\/circle\u003e\n            \u003ccircle r=\"8\" cy=\"31\" cx=\"18\"\u003e\u003c\/circle\u003e\n\n            \u003cpath d=\"M50 20v4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M74 36l3-2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M74 65l3 2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M50 78v2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M26 65l-3 2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M26 36l-3-2\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"system-benefit-card-title\"\u003eCellular Support\u003c\/h3\u003e\n\u003cp class=\"system-benefit-highlight\"\u003eSupports energy production and cellular function\u003c\/p\u003e\n\u003cp class=\"system-benefit-description\"\u003eNAD+ · Omega-3 · Green Tea\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- 卡片 4 --\u003e\n\u003carticle class=\"system-benefit-card\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"system-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 100 100\"\u003e\n            \u003cpath d=\"M23 77C22 45 43 24 81 18c-4 35-22 58-55 59\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M22 83c15-27 30-42 51-56\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"system-benefit-card-title\"\u003eStructural Support\u003c\/h3\u003e\n\u003cp class=\"system-benefit-highlight\"\u003eSupports skin elasticity and structural balance\u003c\/p\u003e\n\u003cp class=\"system-benefit-description\"\u003eCollagen · Glucosamine · Turmeric\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- 点击后回到商品规格选择和购买区域 --\u003e\n\u003cdiv class=\"system-benefits-action\"\u003e\u003cbutton aria-label=\"返回商品规格选择和购买区域\" data-scroll-to-buy=\"\" type=\"button\" class=\"system-benefits-buy-button\"\u003e Choose Your Option \u0026amp; Buy Now \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n  (function () {\n    function initSystemBenefitsScroll() {\n      var sections = document.querySelectorAll(\n        \"[data-system-benefits]:not([data-scroll-ready])\"\n      );\n\n      sections.forEach(function (section) {\n        section.setAttribute(\"data-scroll-ready\", \"true\");\n\n        var button = section.querySelector(\"[data-scroll-to-buy]\");\n\n        if (!button) return;\n\n        button.addEventListener(\"click\", function () {\n          var customSelector =\n            section.getAttribute(\"data-buy-target\") || \"\";\n\n          \/*\n            优先查找手动填写的购买区域选择器。\n            如果没有填写，则自动尝试不同 Shopify 主题\n            常见的规格选择和购买区域。\n          *\/\n          var selectors = [];\n\n          if (customSelector.trim()) {\n            selectors.push(customSelector.trim());\n          }\n\n          selectors = selectors.concat([\n            \"[data-product-info]\",\n            \".product__info-wrapper\",\n            \".product__info-container\",\n            \".product-single__meta\",\n            \".product-form__controls-group\",\n            \".product-form__input\",\n            \"variant-selects\",\n            \"variant-radios\",\n            \".product-form\",\n            \"form[action*='\/cart\/add']\",\n            \".product-form__buttons\",\n            \".product__buy-buttons\",\n            \".buy-buttons\",\n            \"[name='add']\"\n          ]);\n\n          var target = null;\n\n          for (var i = 0; i \u003c selectors.length; i++) {\n            try {\n              target = document.querySelector(selectors[i]);\n            } catch (error) {\n              target = null;\n            }\n\n            if (target) break;\n          }\n\n          \/*\n            如果找到的是加入购物车按钮，\n            尽量向上定位到完整的购买表单区域。\n          *\/\n          if (\n            target \u0026\u0026\n            target.matches \u0026\u0026\n            target.matches(\"[name='add']\")\n          ) {\n            target =\n              target.closest(\n                \".product-form, form[action*='\/cart\/add'], .product__info-container\"\n              ) || target;\n          }\n\n          if (target) {\n            var header =\n              document.querySelector(\n                \".shopify-section-header-sticky, .header-wrapper, sticky-header\"\n              );\n\n            var headerHeight = header\n              ? header.getBoundingClientRect().height\n              : 0;\n\n            var targetTop =\n              target.getBoundingClientRect().top +\n              window.pageYOffset -\n              headerHeight -\n              22;\n\n            window.scrollTo({\n              top: Math.max(targetTop, 0),\n              behavior: \"smooth\"\n            });\n\n            \/*\n              滚动完成后，为规格区域增加短暂提示效果。\n            *\/\n            target.style.transition =\n              \"box-shadow 0.3s ease, background-color 0.3s ease\";\n\n            setTimeout(function () {\n              target.style.boxShadow =\n                \"0 0 0 4px rgba(77,145,235,0.28)\";\n            }, 450);\n\n            setTimeout(function () {\n              target.style.boxShadow = \"\";\n            }, 1800);\n          } else {\n            \/*\n              极少数主题无法自动识别购买区域时，\n              先回到页面顶部附近。\n            *\/\n            window.scrollTo({\n              top: 0,\n              behavior: \"smooth\"\n            });\n          }\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initSystemBenefitsScroll\n      );\n    } else {\n      initSystemBenefitsScroll();\n    }\n\n    \/*\n      兼容 Shopify 主题编辑器动态重新加载模块。\n    *\/\n    document.addEventListener(\n      \"shopify:section:load\",\n      initSystemBenefitsScroll\n    );\n  })();\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" aria-label=\"Doctor Recommended: Targeted Fat Reduction, Daily Metabolic Support\" role=\"region\" class=\"heading heading-AVVYvalpqRlUwenNrN__heading_abzw8K\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\"\u003eDoctor Recommended: Targeted Fat Reduction, Daily Metabolic Support\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUXBvaHlOa1lvRjR6N__text_efqCXJ rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003e\u003cem\u003eAs a clinical specialist in metabolic health and weight management with over 12 years of experience, I emphasize that safe and effective fat reduction is not just about restricting calories—it requires targeted delivery of bioactive compounds that support metabolism and fat tissue regulation. Heroiy’s microneedle patches are designed to provide transdermal delivery of carefully selected natural ingredients, ensuring controlled, consistent absorption directly into the skin.\"\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\"The ultra-fine, dissolvable microneedles enhance the bioavailability of active compounds such as berberine, which has been clinically shown to support metabolic function, improve glucose regulation, and promote thermogenesis. This system allows for gradual, steady fat reduction while maintaining energy levels, without the need for invasive procedures or extreme dieting.\"\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\"Heroiy patches are engineered for daily use with a skin-friendly, ergonomic design that ensures comfort and convenience. Users can integrate them seamlessly into their everyday routine while achieving measurable body composition improvements over time.\"\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\"In my professional opinion, Heroiy represents a scientifically validated, safe, and practical approach to fat management. Its innovative delivery method and clinically backed formulation make it a reliable tool for individuals seeking consistent and visible results.\"\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e— Dr. Olivia Harris\u003c\/strong\u003e\u003cbr\u003eClinical Specialist in Metabolic Health | 12+ Years Professional Experience\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/8_6e52f8e5-aac9-4d95-b476-107eae3ded49.png?v=1782559049\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" aria-label=\"Globally Certified. Clinically Trusted\" role=\"region\" class=\"heading heading-AbWFRT2NpTy9UM01HZ__heading_4bFefW\n    h1\n    \n    \n    \n    \n    \n    \n    \n      title-with-highlight-1--color\n    \n    \n    \n    \n    \n      title-with-highlight-2--italic\n    \n    \n    \n    \n    \n    \n    always-display\"\u003eGlobally Certified. Clinically Trusted\u003c\/h2\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AN042TjNBR3lZTGUva__text_GT9j6V rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003cp\u003eTrusted by users, healthcare professionals, and wellness experts who rely on proven safety standards, consistent performance, and scientifically validated metabolic support for safe and effective fat management.\u003c\/p\u003e\n\u003cp\u003e✅\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003eFDA Registered\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e— meets recognized U.S. regulatory requirements for medical device safety and transdermal delivery systems.\u003cbr\u003e✅\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003eCE Certified\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e— complies with essential European standards for health, safety, and performance.\u003cbr\u003e✅\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003eISO-Certified Manufacturing\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e— produced under internationally audited quality management systems to ensure precision, consistency, and high-quality product standards.\u003c\/p\u003e\n\u003cp\u003eHeroiy microneedle patches provide controlled, gradual delivery of natural fat-reducing compounds, supporting metabolism, glucose regulation, and targeted fat reduction. Designed for daily use, these patches are comfortable, non-invasive, and seamlessly integrate into your lifestyle.\u003c\/p\u003e\n\u003cp\u003eChosen by a growing number of users as a dependable daily solution, Heroiy delivers scientifically backed, consistent results you can trust—offering safety, efficacy, and lasting confidence in your weight management journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/9_4b2f0e84-3cc2-4e19-abed-ba46a4295b01.png?v=1782559176\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"cp-our-heading\"\u003eWhy Choose Vibeourplus Over Other Products?\u003c\/h2\u003e\n\u003cdiv class=\"cp-our-description\"\u003e\n\u003cp style=\"text-align: center;\"\u003eEnjoy a lighter, leaner body—without restriction, exhaustion, or starting over again.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/10_6dd12eec-6f22-4661-903e-565c2595d236.png?v=1782559500\"\u003e\u003c\/p\u003e\n\u003c!-- =====================================================\n  Shopify Heroiy 对比表格\n  结构参考原图：\n  左侧卖点 \/ 中间 Heroiy \/ 右侧 Others\n\n  特点：\n  1. Heroiy 无黄色背景\n  2. 中间品牌列保留完整圆角边框\n  3. 根据商品描述区域实际宽度响应\n  4. 窄屏仍保持原图三列表格，不转换成卡片\n===================================================== --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .heroiy-original-compare,\n  .heroiy-original-compare * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-original-compare {\n    --hoc-text: #1d1718;\n    --hoc-icon: #352d2e;\n    --hoc-muted: #775e59;\n    --hoc-line: #d8d8d8;\n    --hoc-brand-border: #d5d5d5;\n    --hoc-bg: #ffffff;\n\n    width: 100%;\n    margin: 0 auto;\n    background: var(--hoc-bg);\n    color: var(--hoc-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域的实际宽度响应，\n      不依赖整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyOriginalCompare;\n  }\n\n  .heroiy-original-compare__scroll {\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n  }\n\n  .heroiy-original-compare__inner {\n    width: 100%;\n    max-width: 720px;\n    margin: 0 auto;\n    padding:\n      clamp(28px, 4cqi, 42px)\n      clamp(18px, 3cqi, 26px)\n      clamp(28px, 4cqi, 44px);\n  }\n\n  .heroiy-original-compare__table {\n    width: 100%;\n  }\n\n  \/*\n    与原图一致的三列比例：\n    左侧卖点约40%\n    中间品牌约30%\n    右侧竞品约30%\n  *\/\n  .heroiy-original-compare__row {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 40%)\n      minmax(0, 30%)\n      minmax(0, 30%);\n    align-items: stretch;\n    width: 100%;\n  }\n\n  .heroiy-original-compare__cell {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    padding:\n      clamp(17px, 2.5cqi, 24px)\n      clamp(9px, 1.8cqi, 16px);\n    border-bottom: 1px solid var(--hoc-line);\n  }\n\n  \/* ================= 表头 ================= *\/\n\n  .heroiy-original-compare__header\n  .heroiy-original-compare__cell {\n    min-height: 74px;\n    padding-top: 15px;\n    padding-bottom: 15px;\n  }\n\n  .heroiy-original-compare__header\n  .heroiy-original-compare__empty-cell {\n    border-bottom: 1px solid var(--hoc-line);\n  }\n\n  .heroiy-original-compare__brand-name {\n    margin: 0;\n    color: #111111;\n    font-size: clamp(20px, 2.8cqi, 24px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.015em;\n    text-align: center;\n  }\n\n  .heroiy-original-compare__others-name {\n    margin: 0;\n    color: var(--hoc-muted);\n    font-size: clamp(18px, 2.5cqi, 22px);\n    font-weight: 400;\n    line-height: 1.2;\n    text-align: center;\n  }\n\n  \/* ================= 中间 Heroiy 列 ================= *\/\n\n  .heroiy-original-compare__brand-cell {\n    border-right: 1px solid var(--hoc-brand-border);\n    border-left: 1px solid var(--hoc-brand-border);\n    background: #ffffff;\n  }\n\n  \/*\n    中间品牌列顶部圆角，\n    与原图中长条圆角边框一致。\n  *\/\n  .heroiy-original-compare__header\n  .heroiy-original-compare__brand-cell {\n    border-top: 1px solid var(--hoc-brand-border);\n    border-radius: 13px 13px 0 0;\n  }\n\n  \/*\n    最后一行品牌列底部圆角。\n  *\/\n  .heroiy-original-compare__row:last-child\n  .heroiy-original-compare__brand-cell {\n    border-bottom: 1px solid var(--hoc-brand-border);\n    border-radius: 0 0 13px 13px;\n  }\n\n  \/*\n    最后一行左右两列不显示底部横线，\n    保留中间品牌列的圆角边框。\n  *\/\n  .heroiy-original-compare__row:last-child\n  .heroiy-original-compare__feature-cell,\n  .heroiy-original-compare__row:last-child\n  .heroiy-original-compare__others-cell {\n    border-bottom: 0;\n  }\n\n  \/* ================= 左侧卖点 ================= *\/\n\n  .heroiy-original-compare__feature-cell {\n    justify-content: flex-start;\n    gap: clamp(10px, 1.5cqi, 14px);\n    padding-left: 0;\n    padding-right: clamp(10px, 2cqi, 18px);\n    text-align: left;\n  }\n\n  .heroiy-original-compare__feature-icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: clamp(21px, 2.8cqi, 24px);\n    height: clamp(21px, 2.8cqi, 24px);\n  }\n\n  .heroiy-original-compare__feature-icon svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .heroiy-original-compare__feature-icon-bg {\n    fill: var(--hoc-icon);\n  }\n\n  .heroiy-original-compare__feature-icon-check {\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .heroiy-original-compare__feature-text {\n    min-width: 0;\n    margin: 0;\n    color: var(--hoc-text);\n    font-size: clamp(15px, 2.2cqi, 18px);\n    font-weight: 700;\n    line-height: 1.48;\n    letter-spacing: 0.012em;\n  }\n\n  \/* ================= 对勾与叉号 ================= *\/\n\n  .heroiy-original-compare__status-icon {\n    display: block;\n    width: clamp(22px, 3cqi, 25px);\n    height: clamp(22px, 3cqi, 25px);\n  }\n\n  .heroiy-original-compare__status-circle {\n    fill: var(--hoc-icon);\n  }\n\n  .heroiy-original-compare__status-mark {\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* ================= 中等宽度 ================= *\/\n\n  @container heroiyOriginalCompare (max-width: 620px) {\n    .heroiy-original-compare__inner {\n      padding:\n        22px\n        12px\n        28px;\n    }\n\n    .heroiy-original-compare__row {\n      grid-template-columns:\n        minmax(0, 42%)\n        minmax(0, 29%)\n        minmax(0, 29%);\n    }\n\n    .heroiy-original-compare__cell {\n      padding:\n        16px\n        8px;\n    }\n\n    .heroiy-original-compare__header\n    .heroiy-original-compare__cell {\n      min-height: 65px;\n    }\n\n    .heroiy-original-compare__feature-cell {\n      gap: 9px;\n      padding-left: 0;\n      padding-right: 9px;\n    }\n\n    .heroiy-original-compare__feature-text {\n      font-size: 14px;\n      line-height: 1.42;\n    }\n\n    .heroiy-original-compare__brand-name {\n      font-size: 19px;\n    }\n\n    .heroiy-original-compare__others-name {\n      font-size: 17px;\n    }\n\n    .heroiy-original-compare__feature-icon {\n      width: 20px;\n      height: 20px;\n    }\n\n    .heroiy-original-compare__status-icon {\n      width: 22px;\n      height: 22px;\n    }\n  }\n\n  \/* ================= 极窄商品描述区域 ================= *\/\n\n  \/*\n    商品描述区域过窄时保留原图的三列表格格式，\n    通过横向滑动查看，避免结构被改成卡片。\n  *\/\n  @container heroiyOriginalCompare (max-width: 420px) {\n    .heroiy-original-compare__inner {\n      width: 520px;\n      max-width: none;\n      padding:\n        20px\n        12px\n        26px;\n    }\n\n    .heroiy-original-compare__row {\n      grid-template-columns:\n        minmax(0, 43%)\n        minmax(0, 28.5%)\n        minmax(0, 28.5%);\n    }\n\n    .heroiy-original-compare__feature-text {\n      font-size: 14px;\n    }\n\n    .heroiy-original-compare__brand-name {\n      font-size: 19px;\n    }\n\n    .heroiy-original-compare__others-name {\n      font-size: 17px;\n    }\n  }\n\n  \/*\n    不支持容器查询的旧版浏览器备用规则。\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 620px) {\n      .heroiy-original-compare__row {\n        grid-template-columns:\n          minmax(0, 42%)\n          minmax(0, 29%)\n          minmax(0, 29%);\n      }\n\n      .heroiy-original-compare__feature-text {\n        font-size: 14px;\n      }\n    }\n\n    @media screen and (max-width: 420px) {\n      .heroiy-original-compare__inner {\n        width: 520px;\n        max-width: none;\n      }\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003csection class=\"heroiy-original-compare\"\u003e\n\u003cdiv class=\"heroiy-original-compare__scroll\"\u003e\n\u003cdiv class=\"heroiy-original-compare__inner\"\u003e\n\u003cdiv aria-label=\"Heroiy product comparison table\" role=\"table\" class=\"heroiy-original-compare__table\"\u003e\n\u003c!-- ================= 表头 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row heroiy-original-compare__header\"\u003e\n\u003cdiv aria-label=\"Product benefits\" role=\"columnheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__empty-cell\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv role=\"columnheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\n\u003cp class=\"heroiy-original-compare__brand-name\"\u003eHeroiy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv role=\"columnheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\n\u003cp class=\"heroiy-original-compare__others-name\"\u003eOthers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第1行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eCertified by FDA, CE,\u003cbr\u003eand ISO standards\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第2行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003e100% Authentic,\u003cbr\u003eGuaranteed Results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第3行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eSee Change in 7 Days\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第4行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eNon-Invasive \u0026amp;\u003cbr\u003eGentle Steady\u003cbr\u003eOngoing Effect\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第5行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eNatural Ingredients,\u003cbr\u003e100% safe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第6行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eTargets real fat loss\u003cbr\u003ewith no rebound\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第7行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eClinically proven\u003cbr\u003eeffective with 10,000+\u003cbr\u003eusers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第8行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003eQuick and\u003cbr\u003econvenient, use\u003cbr\u003eanytime, anywhere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 第9行 ================= --\u003e\n\u003cdiv role=\"row\" class=\"heroiy-original-compare__row\"\u003e\n\u003cdiv role=\"rowheader\" class=\"heroiy-original-compare__cell heroiy-original-compare__feature-cell\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"heroiy-original-compare__feature-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M12 1.8l2.35 2.05 3.08-.16.75 3 2.62 1.63-1.2 2.84 1.2 2.84-2.62 1.63-.75 3-3.08-.16L12 20.52l-2.35-2.05-3.08.16-.75-3L3.2 14l1.2-2.84-1.2-2.84 2.62-1.63.75-3 3.08.16L12 1.8z\" class=\"heroiy-original-compare__feature-icon-bg\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.3 11.8l2.25 2.2 5-5.15\" class=\"heroiy-original-compare__feature-icon-check\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e\n\u003cp class=\"heroiy-original-compare__feature-text\"\u003e100% money-back\u003cbr\u003eguarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv aria-label=\"Heroiy: Yes\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__brand-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M9.7 14.1l2.8 2.9 5.9-6.2\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Others: No\" role=\"cell\" class=\"heroiy-original-compare__cell heroiy-original-compare__others-cell\"\u003e\u003csvg aria-hidden=\"true\" viewbox=\"0 0 28 28\" class=\"heroiy-original-compare__status-icon\"\u003e\n              \u003ccircle r=\"10.5\" cy=\"14\" cx=\"14\" class=\"heroiy-original-compare__status-circle\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M10.5 10.5l7 7M17.5 10.5l-7 7\" class=\"heroiy-original-compare__status-mark\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n  Shopify Shop Now 回弹购买按钮\n\n  功能：\n  1. 点击后平滑回到页面顶部的商品规格\/购买区域\n  2. 自动兼容常见 Shopify 主题\n  3. 根据商品描述区域实际宽度自适应\n  4. 支持后续添加多个按钮自动换列\n\n  建议粘贴到：\n  Shopify 商品描述 HTML 或“自定义 Liquid”模块\n===================================================== --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .heroiy-shop-action,\n  .heroiy-shop-action * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-shop-action {\n    --hsa-blue: #5b98e9;\n    --hsa-blue-hover: #4786d7;\n    --hsa-text: #ffffff;\n\n    width: 100%;\n    margin: 0 auto;\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域的实际宽度响应，\n      不依赖整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyShopAction;\n  }\n\n  .heroiy-shop-action__inner {\n    width: 100%;\n    margin: 0 auto;\n    padding: clamp(4px, 1.5cqi, 12px);\n  }\n\n  \/*\n    按钮排列区域：\n    当前只有一个按钮时居中显示；\n    后续复制按钮可自动换列。\n  *\/\n  .heroiy-shop-action__grid {\n    display: grid;\n    grid-template-columns:\n      repeat(auto-fit, minmax(152px, 152px));\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n  }\n\n  .heroiy-shop-action__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 152px;\n    min-height: 53px;\n    margin: 0;\n    padding: 14px 22px;\n    border: 0;\n    border-radius: 4px;\n    background: var(--hsa-blue);\n    box-shadow: none;\n    color: var(--hsa-text);\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: 0.01em;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .heroiy-shop-action__button:hover {\n    background: var(--hsa-blue-hover);\n    box-shadow: 0 8px 20px rgba(71, 134, 215, 0.25);\n    transform: translateY(-2px);\n  }\n\n  .heroiy-shop-action__button:active {\n    transform: translateY(0);\n  }\n\n  .heroiy-shop-action__button:focus-visible {\n    outline: 3px solid rgba(91, 152, 233, 0.35);\n    outline-offset: 3px;\n  }\n\n  \/*\n    商品描述区域较窄时，\n    按钮自动铺满可用宽度。\n  *\/\n  @container heroiyShopAction (max-width: 220px) {\n    .heroiy-shop-action__grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .heroiy-shop-action__button {\n      width: 100%;\n    }\n  }\n\n  \/*\n    不支持容器查询的旧浏览器备用规则。\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 220px) {\n      .heroiy-shop-action__grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n\n      .heroiy-shop-action__button {\n        width: 100%;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .heroiy-shop-action__button {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003c!--\n  data-buy-target 留空时，会自动寻找商品规格和购买区域。\n\n  若自动定位不准确，可填写指定选择器，例如：\n  data-buy-target=\".product__info-container\"\n--\u003e\n\u003csection class=\"heroiy-shop-action\" data-heroiy-shop-action=\"\" data-buy-target=\"\"\u003e\n\u003cdiv class=\"heroiy-shop-action__inner\"\u003e\n\u003cdiv class=\"heroiy-shop-action__grid\"\u003e\u003cbutton class=\"heroiy-shop-action__button\" type=\"button\" data-heroiy-scroll-buy=\"\" aria-label=\"返回商品规格选择和购买区域\"\u003e Shop Now \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n  (function () {\n    function initializeHeroiyShopButtons() {\n      var sections = document.querySelectorAll(\n        \"[data-heroiy-shop-action]:not([data-heroiy-shop-ready])\"\n      );\n\n      sections.forEach(function (section) {\n        section.setAttribute(\n          \"data-heroiy-shop-ready\",\n          \"true\"\n        );\n\n        var button = section.querySelector(\n          \"[data-heroiy-scroll-buy]\"\n        );\n\n        if (!button) return;\n\n        button.addEventListener(\"click\", function () {\n          var customSelector =\n            section.getAttribute(\"data-buy-target\") || \"\";\n\n          \/*\n            常见 Shopify 商品规格和购买区域选择器。\n            程序将从上往下依次查找。\n          *\/\n          var selectors = [];\n\n          if (customSelector.trim()) {\n            selectors.push(customSelector.trim());\n          }\n\n          selectors = selectors.concat([\n            \"[data-product-info]\",\n            \".product__info-wrapper\",\n            \".product__info-container\",\n            \".product-single__meta\",\n            \".product-single__details\",\n            \".product-form__controls-group\",\n            \".product-form__input\",\n            \".product-form__variants\",\n            \".product-options\",\n            \".product-variant-picker\",\n            \"variant-selects\",\n            \"variant-radios\",\n            \".product-form\",\n            \"product-form\",\n            \"form[action*='\/cart\/add']\",\n            \".product-form__buttons\",\n            \".product__buy-buttons\",\n            \".buy-buttons\",\n            \"[name='add']\"\n          ]);\n\n          var target = null;\n\n          for (var i = 0; i \u003c selectors.length; i++) {\n            try {\n              target = document.querySelector(\n                selectors[i]\n              );\n            } catch (error) {\n              target = null;\n            }\n\n            if (target) break;\n          }\n\n          \/*\n            找到加入购物车按钮时，\n            尽量向上定位到完整购买区域。\n          *\/\n          if (\n            target \u0026\u0026\n            target.matches \u0026\u0026\n            target.matches(\"[name='add']\")\n          ) {\n            target =\n              target.closest(\n                \".product-form, product-form, form[action*='\/cart\/add'], .product__info-container, .product__info-wrapper\"\n              ) || target;\n          }\n\n          if (target) {\n            \/*\n              计算吸顶导航高度，\n              避免购买区域被导航栏遮挡。\n            *\/\n            var stickyHeader =\n              document.querySelector(\n                \"sticky-header, .shopify-section-header-sticky, .header-wrapper, .site-header\"\n              );\n\n            var headerHeight = stickyHeader\n              ? stickyHeader.getBoundingClientRect().height\n              : 0;\n\n            var targetPosition =\n              target.getBoundingClientRect().top +\n              window.pageYOffset -\n              headerHeight -\n              20;\n\n            window.scrollTo({\n              top: Math.max(targetPosition, 0),\n              behavior: \"smooth\"\n            });\n\n            \/*\n              到达购买区域后短暂显示蓝色提示边框。\n            *\/\n            var originalTransition =\n              target.style.transition;\n\n            var originalBoxShadow =\n              target.style.boxShadow;\n\n            target.style.transition =\n              \"box-shadow 0.3s ease\";\n\n            setTimeout(function () {\n              target.style.boxShadow =\n                \"0 0 0 4px rgba(91, 152, 233, 0.28)\";\n            }, 450);\n\n            setTimeout(function () {\n              target.style.boxShadow =\n                originalBoxShadow;\n\n              target.style.transition =\n                originalTransition;\n            }, 1800);\n          } else {\n            \/*\n              如果主题结构特殊且无法自动识别，\n              则平滑返回页面最顶部。\n            *\/\n            window.scrollTo({\n              top: 0,\n              behavior: \"smooth\"\n            });\n          }\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initializeHeroiyShopButtons\n      );\n    } else {\n      initializeHeroiyShopButtons();\n    }\n\n    \/*\n      兼容 Shopify 主题编辑器动态加载模块。\n    *\/\n    document.addEventListener(\n      \"shopify:section:load\",\n      initializeHeroiyShopButtons\n    );\n  })();\n\u003c\/script\u003e \u003c!-- =====================================================\n  Shopify 30-Day Money-Back Guarantee 卡片\n\n  布局：\n  1. 标题和副标题位于上方\n  2. 正文与保障列表位于左侧\n  3. 退款保证图片嵌套在内容区域右下角\n  4. 图片无虚线框、无固定高度、无预留空白\n  5. 根据商品描述区域的实际宽度自动换列\n===================================================== --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .heroiy-refund-card,\n  .heroiy-refund-card * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-refund-card {\n    --hrc-text: #171717;\n    --hrc-body: #515151;\n    --hrc-green: #4fca88;\n    --hrc-link: #287a46;\n    --hrc-border: #ece8df;\n    --hrc-background: #fffefb;\n\n    width: 100%;\n    margin: 0 auto;\n    color: var(--hrc-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域实际宽度响应，\n      不依赖整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyRefundCard;\n  }\n\n  .heroiy-refund-card__inner {\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding:\n      clamp(30px, 5cqi, 64px)\n      clamp(24px, 5cqi, 68px);\n\n    overflow: hidden;\n    border: 1px solid var(--hrc-border);\n    border-radius: clamp(20px, 2.5cqi, 30px);\n    background:\n      radial-gradient(\n        circle at 95% 10%,\n        rgba(235, 195, 56, 0.08),\n        transparent 33%\n      ),\n      var(--hrc-background);\n    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);\n  }\n\n  \/* =========================\n     顶部标题区域\n  ========================= *\/\n\n  .heroiy-refund-card__heading {\n    max-width: 900px;\n  }\n\n  .heroiy-refund-card__title {\n    max-width: 820px;\n    margin: 0;\n    color: var(--hrc-text);\n    font-size: clamp(35px, 5cqi, 58px);\n    font-weight: 800;\n    line-height: 1.06;\n    letter-spacing: -0.045em;\n  }\n\n  .heroiy-refund-card__lead {\n    margin: clamp(24px, 3cqi, 34px) 0 0;\n    color: #303030;\n    font-size: clamp(16px, 1.7cqi, 20px);\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  \/* =========================\n     下方文字与图片区域\n  ========================= *\/\n\n  .heroiy-refund-card__lower {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(150px, 235px);\n    align-items: end;\n    gap: clamp(22px, 4cqi, 54px);\n    width: 100%;\n    margin-top: clamp(20px, 2.5cqi, 30px);\n  }\n\n  .heroiy-refund-card__text-area {\n    min-width: 0;\n  }\n\n  .heroiy-refund-card__description {\n    max-width: 740px;\n    margin: 0;\n    color: var(--hrc-body);\n    font-size: clamp(16px, 1.55cqi, 19px);\n    font-weight: 400;\n    line-height: 1.7;\n    letter-spacing: 0.002em;\n  }\n\n  .heroiy-refund-card__email {\n    color: var(--hrc-link);\n    font-weight: 700;\n    text-decoration: none;\n    overflow-wrap: anywhere;\n  }\n\n  .heroiy-refund-card__email:hover {\n    text-decoration: underline;\n  }\n\n  \/* =========================\n     保障列表\n  ========================= *\/\n\n  .heroiy-refund-card__list {\n    display: grid;\n    grid-template-columns:\n      repeat(auto-fit, minmax(min(100%, 190px), 1fr));\n    gap: 12px 24px;\n    width: 100%;\n    max-width: 720px;\n    margin: clamp(24px, 3cqi, 34px) 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .heroiy-refund-card__item {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    gap: 11px;\n    margin: 0;\n    color: #4b4b4b;\n    font-size: clamp(15px, 1.4cqi, 17px);\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  .heroiy-refund-card__check {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 2px;\n    background: var(--hrc-green);\n  }\n\n  .heroiy-refund-card__check svg {\n    display: block;\n    width: 12px;\n    height: 12px;\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* =========================\n     右下角图片\n  ========================= *\/\n\n  .heroiy-refund-card__media {\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n    align-self: end;\n    min-width: 0;\n    width: 100%;\n  }\n\n  \/*\n    图片不设置固定高度、最小高度或宽高比。\n    会按照图片自身原始比例自动展示。\n  *\/\n  .heroiy-refund-card__image {\n    display: block;\n    width: min(100%, 230px);\n    height: auto;\n    margin: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    object-fit: contain;\n  }\n\n  \/*\n    图片插入提示语：\n    没有虚线框、背景框、固定高度或预留空白。\n    将此提示语替换成图片代码即可。\n  *\/\n  .heroiy-refund-card__image-tip {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: #777777;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.45;\n    text-align: right;\n    font-style: italic;\n  }\n\n  \/* =========================\n     中等商品描述宽度\n  ========================= *\/\n\n  @container heroiyRefundCard (max-width: 760px) {\n    .heroiy-refund-card__inner {\n      padding: 38px 30px;\n    }\n\n    .heroiy-refund-card__title {\n      font-size: clamp(34px, 6.7cqi, 49px);\n    }\n\n    .heroiy-refund-card__lower {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(135px, 190px);\n      gap: 25px;\n    }\n\n    .heroiy-refund-card__image {\n      width: min(100%, 185px);\n    }\n  }\n\n  \/* =========================\n     手机端\n  ========================= *\/\n\n  @container heroiyRefundCard (max-width: 560px) {\n    .heroiy-refund-card__inner {\n      padding: 30px 21px;\n      border-radius: 20px;\n    }\n\n    .heroiy-refund-card__title {\n      font-size: clamp(31px, 9.5cqi, 43px);\n      line-height: 1.07;\n    }\n\n    .heroiy-refund-card__lead {\n      margin-top: 23px;\n      font-size: 16px;\n    }\n\n    \/*\n      手机端仍然保持图片嵌套在右下角，\n      但图片列会自动缩小。\n    *\/\n    .heroiy-refund-card__lower {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(105px, 31%);\n      align-items: end;\n      gap: 14px;\n      margin-top: 20px;\n    }\n\n    .heroiy-refund-card__description {\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .heroiy-refund-card__list {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 12px;\n      margin-top: 23px;\n    }\n\n    .heroiy-refund-card__item {\n      font-size: 15px;\n    }\n\n    .heroiy-refund-card__image {\n      width: min(100%, 145px);\n    }\n\n    .heroiy-refund-card__image-tip {\n      font-size: 11px;\n    }\n  }\n\n  \/* =========================\n     极窄区域自动变为一列\n  ========================= *\/\n\n  @container heroiyRefundCard (max-width: 390px) {\n    .heroiy-refund-card__inner {\n      padding: 27px 17px;\n    }\n\n    .heroiy-refund-card__title {\n      font-size: 30px;\n    }\n\n    .heroiy-refund-card__lower {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 20px;\n    }\n\n    \/*\n      极窄屏幕时，图片移动到文字下方右侧，\n      避免正文区域过窄。\n    *\/\n    .heroiy-refund-card__media {\n      justify-content: flex-end;\n    }\n\n    .heroiy-refund-card__image {\n      width: min(48%, 145px);\n    }\n\n    .heroiy-refund-card__image-tip {\n      max-width: 170px;\n      margin-left: auto;\n    }\n  }\n\n  \/* 不支持容器查询的旧版浏览器备用规则 *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 560px) {\n      .heroiy-refund-card__lower {\n        grid-template-columns:\n          minmax(0, 1fr)\n          minmax(105px, 31%);\n      }\n    }\n\n    @media screen and (max-width: 390px) {\n      .heroiy-refund-card__lower {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003csection class=\"heroiy-refund-card\"\u003e\n\u003cdiv class=\"heroiy-refund-card__inner\"\u003e\n\u003c!-- 顶部标题 --\u003e\n\u003cdiv class=\"heroiy-refund-card__heading\"\u003e\n\u003ch2 class=\"heroiy-refund-card__title\" style=\"text-align: center;\"\u003eAn Outrageous 30-Day Money-Back Guarantee So This Is 100% Risk-Free for You\u003c\/h2\u003e\n\u003cp class=\"heroiy-refund-card__lead\"\u003eWe take all the risk—no need to decide today.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 下方正文、保障列表与右下角图片 --\u003e\n\u003cdiv class=\"heroiy-refund-card__lower\"\u003e\n\u003cdiv class=\"heroiy-refund-card__text-area\"\u003e\n\u003cp class=\"heroiy-refund-card__description\"\u003eIf you’re not happy with your purchase for any reason within 30 days, simply contact our professional team at \u003ca class=\"heroiy-refund-card__email\" href=\"mailto:support@heroiy.com\"\u003e support@heroiy.com \u003c\/a\u003e, and we’ll refund every penny. It’s that simple. It doesn’t matter whether it’s 29 minutes or 29 days after your purchase—our dedicated support team will refund every penny you’ve paid.\u003c\/p\u003e\n\u003cul class=\"heroiy-refund-card__list\"\u003e\n\u003cli class=\"heroiy-refund-card__item\"\u003e\n\u003cspan class=\"heroiy-refund-card__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n                \u003cpath d=\"M3.2 8.2l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003eGuaranteed Satisfaction\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"heroiy-refund-card__item\"\u003e\n\u003cspan class=\"heroiy-refund-card__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n                \u003cpath d=\"M3.2 8.2l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003eRisk-Free Purchase\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"heroiy-refund-card__item\"\u003e\n\u003cspan class=\"heroiy-refund-card__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n                \u003cpath d=\"M3.2 8.2l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e \u003c\/span\u003e \u003cspan\u003e30-Day Guarantee\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!--\n        图片嵌套在正文区域右下角。\n\n        将下面一句提示语替换成图片代码即可。\n        不需要图片时，也可以直接删除整个 media 区域。\n      --\u003e\n\u003cdiv class=\"heroiy-refund-card__media\"\u003e\n\u003cp class=\"heroiy-refund-card__image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/8_00d07cef-be04-4c3d-98d5-5b885c6443f8.jpg?v=1782560248\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cbr\u003e\u003c!-- =====================================================\n  Shopify Heroiy FAQ 下拉问答模块\n\n  功能：\n  1. 点击问题整行展开或收起答案\n  2. 第一项默认展开\n  3. 宽区域自动两列，窄区域自动一列\n  4. 根据商品描述区域实际宽度响应\n  5. 所有 Vibeourplus 已替换为 Heroiy\n===================================================== --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .heroiy-faq-section,\n  .heroiy-faq-section * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-faq-section {\n    --hf-text: #151515;\n    --hf-body: #303030;\n    --hf-line: #dddddd;\n    --hf-card: #ffffff;\n    --hf-hover: #fafafa;\n    --hf-accent: #58c98a;\n\n    width: 100%;\n    margin: 0 auto;\n    color: var(--hf-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域的实际宽度响应，\n      不依赖整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyFaq;\n  }\n\n  .heroiy-faq-section__inner {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding:\n      clamp(30px, 4.5cqi, 58px)\n      clamp(14px, 3cqi, 34px);\n  }\n\n  \/* =========================\n     标题\n  ========================= *\/\n\n  .heroiy-faq-section__title {\n    max-width: 850px;\n    margin: 0 auto clamp(30px, 4cqi, 52px);\n    color: var(--hf-text);\n    font-size: clamp(32px, 4.5cqi, 52px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n    text-align: center;\n  }\n\n  \/* =========================\n     FAQ 自动换列区域\n  ========================= *\/\n\n  .heroiy-faq-section__grid {\n    display: grid;\n\n    \/*\n      商品描述区域足够宽时自动两列，\n      空间不足时自动变为一列。\n    *\/\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, 520px), 1fr)\n      );\n\n    align-items: start;\n    gap: clamp(14px, 2cqi, 24px);\n    width: 100%;\n  }\n\n  \/* =========================\n     单个 FAQ 卡片\n  ========================= *\/\n\n  .heroiy-faq-item {\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--hf-line);\n    border-radius: 14px;\n    background: var(--hf-card);\n  }\n\n  .heroiy-faq-item[open] {\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.055);\n  }\n\n  \/* 去掉浏览器默认三角标记 *\/\n  .heroiy-faq-item__question {\n    list-style: none;\n  }\n\n  .heroiy-faq-item__question::-webkit-details-marker {\n    display: none;\n  }\n\n  .heroiy-faq-item__question::marker {\n    display: none;\n    content: \"\";\n  }\n\n  \/* 点击问题整行 *\/\n  .heroiy-faq-item__question {\n    display: grid;\n    grid-template-columns:\n      auto\n      minmax(0, 1fr)\n      auto;\n    align-items: center;\n    gap: 12px;\n\n    width: 100%;\n    margin: 0;\n    padding:\n      clamp(17px, 2cqi, 23px)\n      clamp(16px, 2.2cqi, 25px);\n\n    color: var(--hf-text);\n    font-size: clamp(16px, 1.7cqi, 19px);\n    font-weight: 800;\n    line-height: 1.35;\n    text-align: left;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s ease;\n  }\n\n  .heroiy-faq-item__question:hover {\n    background: var(--hf-hover);\n  }\n\n  .heroiy-faq-item[open]\n  .heroiy-faq-item__question {\n    border-bottom: 1px solid var(--hf-line);\n  }\n\n  \/* 左侧方形勾选图标 *\/\n  .heroiy-faq-item__check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border: 1.7px solid #292929;\n    background: #ffffff;\n  }\n\n  .heroiy-faq-item__check svg {\n    display: block;\n    width: 12px;\n    height: 12px;\n    fill: none;\n    stroke: #222222;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .heroiy-faq-item__question-text {\n    min-width: 0;\n  }\n\n  \/* 右侧箭头 *\/\n  .heroiy-faq-item__arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    transition: transform 0.25s ease;\n  }\n\n  .heroiy-faq-item__arrow svg {\n    display: block;\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: #222222;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .heroiy-faq-item[open]\n  .heroiy-faq-item__arrow {\n    transform: rotate(180deg);\n  }\n\n  \/* =========================\n     回答内容\n  ========================= *\/\n\n  .heroiy-faq-item__answer {\n    padding:\n      clamp(20px, 2.5cqi, 30px)\n      clamp(17px, 2.5cqi, 28px)\n      clamp(22px, 2.8cqi, 32px);\n  }\n\n  .heroiy-faq-item__answer p {\n    margin: 0 0 18px;\n    color: var(--hf-body);\n    font-size: clamp(16px, 1.55cqi, 18px);\n    font-weight: 400;\n    line-height: 1.7;\n  }\n\n  .heroiy-faq-item__answer p:last-child {\n    margin-bottom: 0;\n  }\n\n  .heroiy-faq-item__answer strong {\n    color: var(--hf-text);\n    font-weight: 800;\n  }\n\n  \/* 使用步骤 *\/\n  .heroiy-faq-steps {\n    display: grid;\n    gap: 22px;\n    width: 100%;\n  }\n\n  .heroiy-faq-step {\n    margin: 0;\n  }\n\n  .heroiy-faq-step__title {\n    margin: 0 0 6px;\n    color: var(--hf-text);\n    font-size: clamp(16px, 1.6cqi, 18px);\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n  .heroiy-faq-step__text {\n    margin: 0 !important;\n  }\n\n  \/* =========================\n     中等宽度\n  ========================= *\/\n\n  @container heroiyFaq (max-width: 1080px) {\n    .heroiy-faq-section__grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  \/* =========================\n     手机端\n  ========================= *\/\n\n  @container heroiyFaq (max-width: 560px) {\n    .heroiy-faq-section__inner {\n      padding:\n        28px\n        10px;\n    }\n\n    .heroiy-faq-section__title {\n      margin-bottom: 27px;\n      font-size: clamp(30px, 9cqi, 42px);\n      line-height: 1.08;\n    }\n\n    .heroiy-faq-section__grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 12px;\n    }\n\n    .heroiy-faq-item {\n      border-radius: 11px;\n    }\n\n    .heroiy-faq-item__question {\n      grid-template-columns:\n        18px\n        minmax(0, 1fr)\n        18px;\n      gap: 10px;\n      padding: 17px 14px;\n      font-size: 15px;\n      line-height: 1.4;\n    }\n\n    .heroiy-faq-item__check {\n      width: 17px;\n      height: 17px;\n    }\n\n    .heroiy-faq-item__answer {\n      padding: 19px 15px 23px;\n    }\n\n    .heroiy-faq-item__answer p {\n      margin-bottom: 16px;\n      font-size: 15px;\n      line-height: 1.68;\n    }\n\n    .heroiy-faq-steps {\n      gap: 20px;\n    }\n\n    .heroiy-faq-step__title {\n      font-size: 16px;\n    }\n  }\n\n  \/* 不支持容器查询的旧版浏览器备用规则 *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1080px) {\n      .heroiy-faq-section__grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .heroiy-faq-item__arrow,\n    .heroiy-faq-item__question {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003csection class=\"heroiy-faq-section\"\u003e\n\u003cdiv class=\"heroiy-faq-section__inner\"\u003e\n\u003ch2 class=\"heroiy-faq-section__title\"\u003eReal Questions People Ask Before They Choose.\u003c\/h2\u003e\n\u003cdiv class=\"heroiy-faq-section__grid\"\u003e\n\u003c!-- =================================\n           FAQ 1：默认展开\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e How to Use Heroiy? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003e\u003cstrong\u003e Heroiy Nano Microneedle Patch — How to Use \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"heroiy-faq-steps\"\u003e\n\u003cdiv class=\"heroiy-faq-step\"\u003e\n\u003ch3 class=\"heroiy-faq-step__title\"\u003e1. Clean the Skin\u003c\/h3\u003e\n\u003cp class=\"heroiy-faq-step__text\"\u003eClean and dry the area where the patch will be applied, such as the abdomen, thighs or arms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-faq-step\"\u003e\n\u003ch3 class=\"heroiy-faq-step__title\"\u003e2. Remove the Patch\u003c\/h3\u003e\n\u003cp class=\"heroiy-faq-step__text\"\u003eOpen the packaging and take out one patch. Each patch is intended for single use only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-faq-step\"\u003e\n\u003ch3 class=\"heroiy-faq-step__title\"\u003e3. Apply the Patch\u003c\/h3\u003e\n\u003cp class=\"heroiy-faq-step__text\"\u003ePlace it on the abdomen, thighs, buttocks, waist or arms. Press gently to ensure full contact with the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-faq-step\"\u003e\n\u003ch3 class=\"heroiy-faq-step__title\"\u003e4. Usage Time\u003c\/h3\u003e\n\u003cp class=\"heroiy-faq-step__text\"\u003eUse once daily and keep the patch on for 4–8 hours. It may be used before bedtime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-faq-step\"\u003e\n\u003ch3 class=\"heroiy-faq-step__title\"\u003e5. Remove the Patch\u003c\/h3\u003e\n\u003cp class=\"heroiy-faq-step__text\"\u003eGently peel off the patch. There is no need to wash the area, and normal daily activities can be continued.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- =================================\n           FAQ 2\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e How Does This Actually Work? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003eHeroiy uses microneedle transdermal delivery technology designed to help selected ingredients pass through the skin’s outer barrier and release gradually into the application area.\u003c\/p\u003e\n\u003cp\u003eThe ultra-fine microneedles create tiny temporary micro-channels, allowing the formula to be delivered over several hours without oral ingestion.\u003c\/p\u003e\n\u003cp\u003eThe patch combines botanical ingredients such as moringa and berberine in a convenient, controlled application format designed to support everyday wellness routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- =================================\n           FAQ 3\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e Is It Safe to Use on My Skin Every Day? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003eThe patch is designed to provide a gentle, non-invasive application experience.\u003c\/p\u003e\n\u003cp\u003eThe microneedles are extremely fine and interact with the skin’s outermost layer. The materials are designed to dissolve gradually without leaving noticeable residue.\u003c\/p\u003e\n\u003cp\u003eFollow the product instructions carefully and discontinue use if irritation or discomfort occurs. People with sensitive skin should perform a small patch test before regular use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- =================================\n           FAQ 4\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e What Happens to Loose or Sagging Skin During Weight Changes? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003eThis is something many people worry about.\u003c\/p\u003e\n\u003cp\u003eRapid body changes can sometimes affect how the skin feels and appears. Heroiy is designed with ingredients selected to complement a balanced wellness and skincare routine.\u003c\/p\u003e\n\u003cp\u003eStaying hydrated, maintaining balanced nutrition and allowing the body time to adjust can also help support the appearance of the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- =================================\n           FAQ 5\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e Will the Results Feel Temporary or Hard to Maintain? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003eShort-term changes are often associated with extreme or inconsistent methods.\u003c\/p\u003e\n\u003cp\u003eHeroiy takes a steady, routine-focused approach rather than relying on sudden intensity. This can make the experience feel more natural and easier to incorporate into daily life.\u003c\/p\u003e\n\u003cp\u003eConsistent habits generally provide a more sustainable foundation than extreme methods. Individual experiences may vary.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- =================================\n           FAQ 6\n      ================================== --\u003e\n\u003cdetails class=\"heroiy-faq-item\"\u003e\n\u003csummary class=\"heroiy-faq-item__question\"\u003e\u003cspan class=\"heroiy-faq-item__check\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.2 8.1l3 3.1 6.5-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__question-text\"\u003e Where Should I Apply the Patch? \u003c\/span\u003e \u003cspan class=\"heroiy-faq-item__arrow\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 16 16\"\u003e\n              \u003cpath d=\"M3.5 10l4.5-4.5 4.5 4.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"heroiy-faq-item__answer\"\u003e\n\u003cp\u003eApply the patch to a clean, dry and relatively flat area of skin, such as the abdomen, thighs, waist, arms or buttocks.\u003c\/p\u003e\n\u003cp\u003eAvoid applying it over broken, irritated, recently shaved or highly sensitive skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rich-text-block rich-text-block-AUEUvRjdsYkd2UjIya__text_Je6XhD rte\n    \n    \n    \n    \n    \n    \n    \n    always-display\"\u003e\n\u003ch2 class=\"heroiy-faq-section__title\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 class=\"heroiy-faq-section__title\"\u003eOver 10,000+ Users with Five-Star Ratings\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n  Shopify Heroiy 三卡片用户评价模块\n\n  布局：\n  - 宽屏：3列竖版卡片\n  - 中等宽度：2列\n  - 手机端：1列\n  - 上图下文\n  - 根据商品描述区域实际宽度自动换列\n\n  图片位置：\n  - 使用一句提示语代替\n  - 无固定高度\n  - 无最小高度\n  - 无固定宽高比\n  - 无预留空白\n===================================================== --\u003e\n\u003cstyle\u003e\n  .heroiy-review-section,\n  .heroiy-review-section * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-review-section {\n    --hrs-text: #333333;\n    --hrs-name: #2d2d2d;\n    --hrs-card: #f7f7f7;\n    --hrs-line: #dfdfdf;\n    --hrs-star: #ffc400;\n    --hrs-tip: #777777;\n\n    width: 100%;\n    margin: 0 auto;\n    color: var(--hrs-text);\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据 Shopify 商品描述区域的实际宽度响应，\n      而不是根据整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyReviews;\n  }\n\n  .heroiy-review-section__inner {\n    width: 100%;\n    max-width: 1380px;\n    margin: 0 auto;\n    padding:\n      clamp(12px, 2cqi, 24px)\n      clamp(8px, 1.5cqi, 16px);\n  }\n\n  \/* 三张竖版卡片排列 *\/\n  .heroiy-review-section__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    align-items: start;\n    gap: clamp(18px, 2.8cqi, 38px);\n    width: 100%;\n  }\n\n  \/* 单张卡片 *\/\n  .heroiy-review-card {\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n    border-radius: clamp(18px, 2cqi, 26px);\n    background: var(--hrs-card);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.045);\n  }\n\n  \/* =========================\n     顶部图片区域\n  ========================= *\/\n\n  .heroiy-review-card__media {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/*\n    插入图片时使用此 class：\n\n    class=\"heroiy-review-card__image\"\n\n    不设置固定高度、最小高度或宽高比，\n    图片按照自身原始比例展示。\n  *\/\n  .heroiy-review-card__image {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    border: 0;\n    object-fit: contain;\n  }\n\n  \/*\n    图片插入提示语：\n    没有边框、背景、固定高度或预留空白。\n    替换成图片后，图片自动参与排版。\n  *\/\n  .heroiy-review-card__image-tip {\n    width: 100%;\n    margin: 0;\n    padding: 10px 16px;\n    border: 0;\n    background: transparent;\n    color: var(--hrs-tip);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.5;\n    text-align: center;\n    font-style: italic;\n  }\n\n  \/* =========================\n     下方文字区域\n  ========================= *\/\n\n  .heroiy-review-card__content {\n    width: 100%;\n    padding:\n      clamp(18px, 2.2cqi, 28px)\n      clamp(18px, 2.3cqi, 28px)\n      clamp(18px, 2.2cqi, 26px);\n  }\n\n  \/* 星级 *\/\n  .heroiy-review-card__stars {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    margin: 0 0 12px;\n    color: var(--hrs-star);\n    font-size: clamp(20px, 2.1cqi, 25px);\n    line-height: 1;\n    letter-spacing: 0;\n  }\n\n  .heroiy-review-card__review {\n    margin: 0;\n    color: var(--hrs-text);\n    font-size: clamp(16px, 1.55cqi, 19px);\n    font-weight: 400;\n    line-height: 1.55;\n    letter-spacing: 0.01em;\n  }\n\n  .heroiy-review-card__brand {\n    color: #111111;\n    font-weight: 700;\n  }\n\n  \/* 用户姓名与地区 *\/\n  .heroiy-review-card__author {\n    margin:\n      clamp(16px, 2cqi, 22px)\n      0\n      0;\n    padding:\n      clamp(13px, 1.6cqi, 17px)\n      0\n      0;\n    border-top: 1px solid var(--hrs-line);\n    color: var(--hrs-name);\n    font-size: clamp(14px, 1.35cqi, 16px);\n    font-weight: 700;\n    font-style: italic;\n    line-height: 1.4;\n    letter-spacing: 0.02em;\n  }\n\n  \/* =========================\n     中等宽度：两列\n  ========================= *\/\n\n  @container heroiyReviews (max-width: 900px) {\n    .heroiy-review-section__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    .heroiy-review-card__review {\n      font-size: 17px;\n    }\n  }\n\n  \/* =========================\n     手机端：一列\n  ========================= *\/\n\n  @container heroiyReviews (max-width: 560px) {\n    .heroiy-review-section__inner {\n      padding-right: 6px;\n      padding-left: 6px;\n    }\n\n    .heroiy-review-section__grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 18px;\n    }\n\n    .heroiy-review-card {\n      border-radius: 19px;\n    }\n\n    .heroiy-review-card__content {\n      padding: 20px 18px;\n    }\n\n    .heroiy-review-card__stars {\n      margin-bottom: 11px;\n      font-size: 22px;\n    }\n\n    .heroiy-review-card__review {\n      font-size: 16px;\n      line-height: 1.6;\n    }\n\n    .heroiy-review-card__author {\n      font-size: 14px;\n    }\n\n    .heroiy-review-card__image-tip {\n      padding: 8px 12px;\n      font-size: 11px;\n    }\n  }\n\n  \/*\n    不支持容器查询的旧版浏览器备用规则\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 900px) {\n      .heroiy-review-section__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 560px) {\n      .heroiy-review-section__grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"heroiy-review-section\"\u003e\n\u003cdiv class=\"heroiy-review-section__inner\"\u003e\n\u003cdiv class=\"heroiy-review-section__grid\"\u003e\n\u003c!-- =========================\n           用户评价卡片 1\n      ========================== --\u003e\n\u003carticle class=\"heroiy-review-card\"\u003e\n\u003cdiv class=\"heroiy-review-card__media\"\u003e\n\u003cp class=\"heroiy-review-card__image-tip\"\u003e\u003cimg height=\"526\" width=\"526\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/DM_20260509190440_003.jpg?v=1782561912\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-review-card__content\"\u003e\n\u003cdiv aria-label=\"5 out of 5 stars\" class=\"heroiy-review-card__stars\"\u003e\n\u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"heroiy-review-card__review\"\u003eI’d tried intense fitness programs, but nothing seemed to help me move past my plateau. \u003cspan class=\"heroiy-review-card__brand\"\u003e Heroiy \u003c\/span\u003e patches complemented my daily routine and helped me stay consistent. Week by week, I felt more confident, motivated and energized.\u003c\/p\u003e\n\u003cp class=\"heroiy-review-card__author\"\u003eEthan Johnson — Chicago, IL, USA\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n           用户评价卡片 2\n      ========================== --\u003e\n\u003carticle class=\"heroiy-review-card\"\u003e\n\u003cdiv class=\"heroiy-review-card__media\"\u003e\n\u003cp class=\"heroiy-review-card__image-tip\"\u003e\u003cimg height=\"521\" width=\"521\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/3_1.jpg?v=1782555211\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-review-card__content\"\u003e\n\u003cdiv aria-label=\"5 out of 5 stars\" class=\"heroiy-review-card__stars\"\u003e\n\u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"heroiy-review-card__review\"\u003e\u003cspan class=\"heroiy-review-card__brand\"\u003e Heroiy \u003c\/span\u003e became part of my daily routine without disrupting my life. I stayed consistent while continuing to enjoy meals with my family. Over time, my clothes began to fit differently and friends noticed the change in my appearance.\u003c\/p\u003e\n\u003cp class=\"heroiy-review-card__author\"\u003eIsabella Lewis — Auckland, New Zealand\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n           用户评价卡片 3\n      ========================== --\u003e\n\u003carticle class=\"heroiy-review-card\"\u003e\n\u003cdiv class=\"heroiy-review-card__media\"\u003e\n\u003cp class=\"heroiy-review-card__image-tip\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/3_2.png?v=1782555212\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"heroiy-review-card__content\"\u003e\n\u003cdiv aria-label=\"5 out of 5 stars\" class=\"heroiy-review-card__stars\"\u003e\n\u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e \u003cspan aria-hidden=\"true\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"heroiy-review-card__review\"\u003eAs someone who loves food, strict dieting was always difficult for me. \u003cspan class=\"heroiy-review-card__brand\"\u003e Heroiy \u003c\/span\u003e was easy to include in my routine without giving up the meals I enjoy. I feel more confident in social settings and much more comfortable in my clothes.\u003c\/p\u003e\n\u003cp class=\"heroiy-review-card__author\"\u003eLiam Anderson — Vancouver, Canada\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n  Shopify Flash Sale 回弹购买按钮\n\n  功能：\n  1. 点击后平滑回到页面顶部的商品规格\/购买区域\n  2. 自动兼容常见 Shopify 主题\n  3. 根据商品描述区域实际宽度自适应\n  4. 按钮加长，文字保持一行显示\n  5. 支持后续添加多个按钮自动换列\n===================================================== --\u003e\n\u003cstyle\u003e\n  .heroiy-shop-action,\n  .heroiy-shop-action * {\n    box-sizing: border-box;\n  }\n\n  .heroiy-shop-action {\n    --hsa-blue: #5b98e9;\n    --hsa-blue-hover: #4786d7;\n    --hsa-text: #ffffff;\n\n    width: 100%;\n    margin: 0 auto;\n    font-family: Arial, Helvetica, sans-serif;\n\n    \/*\n      根据商品描述区域的实际宽度响应，\n      不依赖整个浏览器窗口宽度。\n    *\/\n    container-type: inline-size;\n    container-name: heroiyShopAction;\n  }\n\n  .heroiy-shop-action__inner {\n    width: 100%;\n    margin: 0 auto;\n    padding: clamp(4px, 1.5cqi, 12px);\n  }\n\n  \/*\n    按钮排列区域：\n    当前只有一个按钮时居中显示；\n    后续复制按钮可根据空间自动换列。\n  *\/\n  .heroiy-shop-action__grid {\n    display: grid;\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, 320px), 320px)\n      );\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n  }\n\n  .heroiy-shop-action__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    \/* 按钮长度由原来的152px改为320px *\/\n    width: 320px;\n    max-width: 100%;\n    min-height: 53px;\n\n    margin: 0;\n    padding: 14px 22px;\n    border: 0;\n    border-radius: 4px;\n    background: var(--hsa-blue);\n    box-shadow: none;\n\n    color: var(--hsa-text);\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: 0.01em;\n    text-align: center;\n    text-decoration: none;\n\n    \/* 防止按钮文字换行 *\/\n    white-space: nowrap;\n\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .heroiy-shop-action__button:hover {\n    background: var(--hsa-blue-hover);\n    box-shadow: 0 8px 20px rgba(71, 134, 215, 0.25);\n    transform: translateY(-2px);\n  }\n\n  .heroiy-shop-action__button:active {\n    transform: translateY(0);\n  }\n\n  .heroiy-shop-action__button:focus-visible {\n    outline: 3px solid rgba(91, 152, 233, 0.35);\n    outline-offset: 3px;\n  }\n\n  \/*\n    商品描述区域较窄时，\n    按钮自动铺满可用宽度。\n  *\/\n  @container heroiyShopAction (max-width: 350px) {\n    .heroiy-shop-action__grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .heroiy-shop-action__button {\n      width: 100%;\n      padding-right: 14px;\n      padding-left: 14px;\n      font-size: 14px;\n    }\n  }\n\n  \/*\n    极窄区域进一步缩小文字，\n    尽量保持一行显示。\n  *\/\n  @container heroiyShopAction (max-width: 285px) {\n    .heroiy-shop-action__button {\n      padding-right: 8px;\n      padding-left: 8px;\n      font-size: 12px;\n      letter-spacing: 0;\n    }\n  }\n\n  \/*\n    不支持容器查询的旧浏览器备用规则。\n  *\/\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 350px) {\n      .heroiy-shop-action__grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n\n      .heroiy-shop-action__button {\n        width: 100%;\n        padding-right: 14px;\n        padding-left: 14px;\n        font-size: 14px;\n      }\n    }\n\n    @media screen and (max-width: 285px) {\n      .heroiy-shop-action__button {\n        padding-right: 8px;\n        padding-left: 8px;\n        font-size: 12px;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .heroiy-shop-action__button {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003c!--\n  data-buy-target 留空时，会自动寻找商品规格和购买区域。\n\n  若自动定位不准确，可填写指定选择器，例如：\n  data-buy-target=\".product__info-container\"\n--\u003e\n\u003csection class=\"heroiy-shop-action\" data-heroiy-shop-action=\"\" data-buy-target=\"\"\u003e\n\u003cdiv class=\"heroiy-shop-action__inner\"\u003e\n\u003cdiv class=\"heroiy-shop-action__grid\"\u003e\u003cbutton class=\"heroiy-shop-action__button\" type=\"button\" data-heroiy-scroll-buy=\"\" aria-label=\"返回商品规格选择和购买区域\"\u003e 💥Flash Sale Limited Stock \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Heroiy","offers":[{"title":"4 boxes - Lose up to 40lbs","offer_id":45604114268339,"sku":"RY-BHSTHLT-A4","price":49.97,"currency_code":"USD","in_stock":true},{"title":"6 boxes - Lose up to 70lbs","offer_id":45604114301107,"sku":"RY-BHSTHLT-A6","price":59.97,"currency_code":"USD","in_stock":true},{"title":"10 boxes - Lose up to 120lbs","offer_id":45604114333875,"sku":"RY-BHSTHLT-A10","price":89.97,"currency_code":"USD","in_stock":true},{"title":"2 boxes - Lose up to 20lbs","offer_id":45604114235571,"sku":"RY-BHSTHLT-A2","price":35.97,"currency_code":"USD","in_stock":true},{"title":"1 box - Lose up to 8lbs","offer_id":45604114366643,"sku":"RY-BHSTHLT-A1","price":24.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0751\/8722\/4755\/files\/ChatGPT_Image_Jun_27_2026_09_28_07_AM.png?v=1782568658","url":"https:\/\/heroiy.com\/products\/heroiy-berberine-10-in-1-nano-microneedle-wellness-patch-jx","provider":"Heroiy","version":"1.0","type":"link"}