{"product_id":"hoe-hin-good-day-roll-on-essential-oil-9ml-twin-pack","title":"和兴白花油滚珠装 (9毫升) - 双支装","description":"\u003cstyle\u003e\n\n\/* =========================================================\n   PRODUCT INFORMATION ACCORDION\n   ========================================================= *\/\n\n.lavender-accordion {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px 0;\n    color: inherit;\n    box-sizing: border-box;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n}\n\n.lavender-accordion-item {\n    margin-bottom: 14px;\n    border: 1px solid #dcefe9;\n    border-radius: 12px;\n    overflow: hidden;\n    background: #ffffff;\n    box-sizing: border-box;\n}\n\n.lavender-accordion-header {\n    width: 100%;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    text-align: left;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: #006b50;\n    background: #f0faf7;\n    transition: background-color 0.25s ease, color 0.25s ease;\n    box-sizing: border-box;\n}\n\n.lavender-accordion-header:hover {\n    background: #e3f6f0;\n    color: #005d46;\n}\n\n.lavender-item-function .lavender-accordion-header {\n    background: #eaf8f4;\n}\n\n.lavender-item-directions .lavender-accordion-header {\n    background: #e2f5ef;\n}\n\n.lavender-item-ingredients .lavender-accordion-header {\n    background: #d0eee5;\n}\n\n.lavender-item-caution .lavender-accordion-header {\n    background: #d9f2eb;\n}\n\n.lavender-accordion-header.active {\n    background: #00a779 !important;\n    color: #ffffff !important;\n}\n\n.lavender-accordion-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n}\n\n.lavender-title-indicator {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    background: #00a779;\n    border-radius: 50%;\n}\n\n.lavender-accordion-header.active .lavender-title-indicator {\n    background: #ffffff;\n}\n\n.lavender-accordion-icon {\n    position: relative;\n    width: 28px;\n    height: 28px;\n    flex: 0 0 28px;\n    border: 1px solid #00a779;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00a779;\n    transition:\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease;\n}\n\n.lavender-accordion-icon::before {\n    content: \"\";\n    position: absolute;\n    width: 10px;\n    height: 2px;\n    background: currentColor;\n    border-radius: 2px;\n}\n\n.lavender-accordion-icon::after {\n    content: \"\";\n    position: absolute;\n    width: 2px;\n    height: 10px;\n    background: currentColor;\n    border-radius: 2px;\n    transition: transform 0.25s ease;\n}\n\n.lavender-accordion-header.active .lavender-accordion-icon {\n    color: #ffffff;\n    border-color: #ffffff;\n}\n\n.lavender-accordion-header.active .lavender-accordion-icon::after {\n    transform: rotate(90deg);\n}\n\n.lavender-accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    background: #ffffff;\n    transition: max-height 0.35s ease;\n}\n\n.lavender-accordion-content.active {\n    max-height: 3000px;\n}\n\n.lavender-accordion-inner {\n    padding: 26px 28px 28px;\n    box-sizing: border-box;\n}\n\n.lavender-info-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.lavender-info-list li {\n    position: relative;\n    padding: 8px 0 8px 30px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n.lavender-info-list li::before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    top: 9px;\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #00a779;\n    color: #ffffff;\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 700;\n}\n\n.lavender-directions-text {\n    margin: 0;\n    padding: 0 0 0 30px;\n    position: relative;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n.lavender-directions-text::before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    top: 2px;\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #00a779;\n    color: #ffffff;\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 700;\n}\n\n.lavender-caution-content {\n    background: #f3fbf8;\n    border-left: 4px solid #00a779;\n    padding: 18px 20px;\n    border-radius: 6px;\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .lavender-accordion {\n        padding: 15px 0;\n    }\n\n    .lavender-accordion-header {\n        padding: 18px 20px;\n    }\n\n    .lavender-accordion-inner {\n        padding: 24px 24px 26px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .lavender-accordion {\n        padding: 10px 0;\n    }\n\n    .lavender-accordion-item {\n        margin-bottom: 10px;\n        border-radius: 9px;\n    }\n\n    .lavender-accordion-header {\n        padding: 16px 17px;\n    }\n\n    .lavender-accordion-title {\n        gap: 9px;\n    }\n\n    .lavender-title-indicator {\n        width: 7px;\n        height: 7px;\n        flex-basis: 7px;\n    }\n\n    .lavender-accordion-icon {\n        width: 25px;\n        height: 25px;\n        flex-basis: 25px;\n    }\n\n    .lavender-accordion-inner {\n        padding: 20px 17px 22px;\n    }\n\n    .lavender-info-list li {\n        padding: 7px 0 7px 27px;\n    }\n\n    .lavender-info-list li::before {\n        width: 17px;\n        height: 17px;\n        top: 8px;\n    }\n\n    .lavender-directions-text {\n        padding-left: 27px;\n    }\n\n    .lavender-directions-text::before {\n        width: 17px;\n        height: 17px;\n        top: 2px;\n    }\n\n    .lavender-caution-content {\n        padding: 15px 16px;\n    }\n}\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .lavender-accordion-header {\n        padding: 15px 14px;\n    }\n\n    .lavender-accordion-inner {\n        padding: 18px 14px 20px;\n    }\n}\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .lavender-accordion-header,\n    .lavender-accordion-icon,\n    .lavender-accordion-icon::after,\n    .lavender-accordion-content {\n        transition: none;\n    }\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n     EXACTLY 4 TABS\n     ========================================================= --\u003e\n\n\u003cdiv class=\"lavender-accordion\"\u003e\n\n\n    \u003c!-- =====================================================\n         TAB 1 — BENEFITS\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"lavender-accordion-item lavender-item-function\"\u003e\n\n        \u003cbutton\n            type=\"button\"\n            class=\"lavender-accordion-header active\"\n            aria-expanded=\"true\"\n        \u003e\n\n            \u003cspan class=\"lavender-accordion-title\"\u003e\n                \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e\n                \u003cspan\u003eBenefits\u003c\/span\u003e\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n\n        \u003cdiv class=\"lavender-accordion-content active\"\u003e\n\n            \u003cdiv class=\"lavender-accordion-inner\"\u003e\n\n                \u003cul class=\"lavender-info-list\"\u003e\n\n                    \u003cli\u003e缓解压力\u003c\/li\u003e\n\n                    \u003cli\u003e提高注意力\u003c\/li\u003e\n\n                    \u003cli\u003e补充能量\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         TAB 2 — DIRECTIONS\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"lavender-accordion-item lavender-item-directions\"\u003e\n\n        \u003cbutton\n            type=\"button\"\n            class=\"lavender-accordion-header\"\n            aria-expanded=\"false\"\n        \u003e\n\n            \u003cspan class=\"lavender-accordion-title\"\u003e\n                \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e\n                \u003cspan\u003eDirections\u003c\/span\u003e\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n\n        \u003cdiv class=\"lavender-accordion-content\"\u003e\n\n            \u003cdiv class=\"lavender-accordion-inner\"\u003e\n\n                \u003cp class=\"lavender-directions-text\"\u003e\n                    根据需要涂抹在鼻孔下方、耳垂后面或颈部。\n                \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         TAB 3 — INGREDIENTS\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"lavender-accordion-item lavender-item-ingredients\"\u003e\n\n        \u003cbutton\n            type=\"button\"\n            class=\"lavender-accordion-header\"\n            aria-expanded=\"false\"\n        \u003e\n\n            \u003cspan class=\"lavender-accordion-title\"\u003e\n                \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e\n                \u003cspan\u003eIngredients\u003c\/span\u003e\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n\n        \u003cdiv class=\"lavender-accordion-content\"\u003e\n\n            \u003cdiv class=\"lavender-accordion-inner\"\u003e\n\n                \u003cul class=\"lavender-info-list\"\u003e\n\n                    \u003cli\u003e桉树油\u003c\/li\u003e\n\n                    \u003cli\u003e薄荷油\u003c\/li\u003e\n\n                    \u003cli\u003e薰衣草油\u003c\/li\u003e\n\n                    \u003cli\u003e葵花籽油\u003c\/li\u003e\n\n                    \u003cli\u003e维生素E\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         TAB 4 — CAUTION\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"lavender-accordion-item lavender-item-caution\"\u003e\n\n        \u003cbutton\n            type=\"button\"\n            class=\"lavender-accordion-header\"\n            aria-expanded=\"false\"\n        \u003e\n\n            \u003cspan class=\"lavender-accordion-title\"\u003e\n                \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e\n                \u003cspan\u003eCaution\u003c\/span\u003e\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n\n        \u003cdiv class=\"lavender-accordion-content\"\u003e\n\n            \u003cdiv class=\"lavender-accordion-inner\"\u003e\n\n                \u003cdiv class=\"lavender-caution-content\"\u003e\n\n                    \u003cul class=\"lavender-info-list\"\u003e\n\n                        \u003cli\u003e\n                            仅供外部使用。\n                        \u003c\/li\u003e\n\n                        \u003cli\u003e\n                            请勿在开放性伤口上使用本产品。\n                        \u003c\/li\u003e\n\n                        \u003cli\u003e\n                            避免接触眼睛。\n                        \u003c\/li\u003e\n\n                        \u003cli\u003e\n                            请将本产品放在儿童接触不到的地方。\n                        \u003c\/li\u003e\n\n                        \u003cli\u003e\n                            如果出现皮肤刺激，请立即停止使用。\n                        \u003c\/li\u003e\n\n                        \u003cli\u003e\n                            如果您怀孕了或正在接受医生的护理，请在使用前咨询您的医生。\n                        \u003c\/li\u003e\n\n                    \u003c\/ul\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const accordionHeaders = document.querySelectorAll(\n        \".lavender-accordion-header\"\n    );\n\n    accordionHeaders.forEach(function (header) {\n\n        header.addEventListener(\"click\", function () {\n\n            const isOpen = header.classList.contains(\"active\");\n\n            \/* Close all tabs *\/\n            accordionHeaders.forEach(function (otherHeader) {\n\n                otherHeader.classList.remove(\"active\");\n\n                otherHeader.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n                const otherContent =\n                    otherHeader.nextElementSibling;\n\n                if (otherContent) {\n                    otherContent.classList.remove(\"active\");\n                }\n\n            });\n\n            \/* Open clicked tab if it was closed *\/\n            if (!isOpen) {\n\n                header.classList.add(\"active\");\n\n                header.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n                const content =\n                    header.nextElementSibling;\n\n                if (content) {\n                    content.classList.add(\"active\");\n                }\n\n            }\n\n        });\n\n    });\n\n});\n\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":48947721437259,"sku":"56164_56145_56171","price":12.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9010\/0811\/files\/Roll-onEssentialoil.webp?v=1790316596","url":"https:\/\/shop.whiteflower.com\/zh-hans\/products\/hoe-hin-good-day-roll-on-essential-oil-9ml-twin-pack","provider":"White Flower","version":"1.0","type":"link"}