{"title":"homepage","description":null,"products":[{"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":90.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9010\/0811\/files\/Roll-onEssentialoil.webp?v=1790316596"},{"product_id":"hoe-hin-strain-relief-50ml-hoe-hin-white-flower-ointment-23g","title":"和興活絡油 (50ml) + 和興白花膏 (23g)","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-text {\n    margin: 0 0 18px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n.lavender-section-title {\n    margin: 0 0 16px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: #006b50;\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-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.lavender-directions-list li {\n    position: relative;\n    padding: 10px 0 10px 30px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\n}\n\n.lavender-directions-list li::before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    top: 11px;\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.lavender-ingredients-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n    border: 1px solid #cce9df;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.lavender-ingredients-table th {\n    padding: 15px 18px;\n    text-align: left;\n    background: #e4f6f1;\n    color: #006b50;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    border-bottom: 1px solid #cce9df;\n}\n\n.lavender-ingredients-table td {\n    padding: 15px 18px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\n    border-bottom: 1px solid #e5f1ed;\n}\n\n.lavender-ingredients-table tr:last-child td {\n    border-bottom: none;\n}\n\n.lavender-ingredients-table th:last-child,\n.lavender-ingredients-table td:last-child {\n    text-align: right;\n}\n\n.lavender-product-group {\n    margin-bottom: 32px;\n}\n\n.lavender-product-group:last-child {\n    margin-bottom: 0;\n}\n\n.lavender-product-name {\n    margin: 0 0 16px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: #006b50;\n}\n\n.lavender-highlight {\n    margin-top: 18px;\n    padding: 14px 18px;\n    background: #f0faf7;\n    border-left: 4px solid #00a779;\n    border-radius: 6px;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: inherit;\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-list li {\n        padding: 8px 0 8px 27px;\n    }\n\n    .lavender-directions-list li::before {\n        width: 17px;\n        height: 17px;\n        top: 9px;\n    }\n\n    .lavender-caution-content {\n        padding: 15px 16px;\n    }\n\n    .lavender-ingredients-table th,\n    .lavender-ingredients-table td {\n        padding: 12px 10px;\n    }\n\n    .lavender-highlight {\n        padding: 12px 14px;\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    .lavender-ingredients-table th,\n    .lavender-ingredients-table td {\n        padding: 10px 8px;\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 — FUNCTION \u0026 INDICATION\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\u003eFunction \u0026amp; Indication\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\n                \u003c!-- 和兴舒缓扭伤 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        和兴舒缓扭伤功效\n                    \u003c\/p\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                    \u003c\/ul\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- 何兴白花软膏 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        何兴白花软膏用途\n                    \u003c\/p\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\n                            舒缓蚊虫叮咬引起的轻微皮肤瘙痒\n                        \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\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\n                \u003c!-- 和兴舒缓扭伤 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        和兴舒缓扭伤 — 使用方法\n                    \u003c\/p\u003e\n\n                    \u003cul class=\"lavender-directions-list\"\u003e\n\n                        \u003cli\u003e\n                            每日2至3次，每次2至3滴涂抹于患处。为促进吸收，可轻轻按摩患处1至2分钟。\n                        \u003c\/li\u003e\n\n                    \u003c\/ul\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- 何兴白花软膏 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        何兴白花软膏 — 使用方法\n                    \u003c\/p\u003e\n\n                    \u003cul class=\"lavender-directions-list\"\u003e\n\n                        \u003cli\u003e\n                            取适量涂抹于患处并轻轻按摩。如有需要，可每日重复3至4次。\n                        \u003c\/li\u003e\n\n                    \u003c\/ul\u003e\n\n                \u003c\/div\u003e\n\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         TAB 3 — ACTIVE 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\u003eActive Ingredients\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\n                \u003c!-- 和兴舒缓扭伤 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        和兴舒缓扭伤 — 活性成分（每克）\n                    \u003c\/p\u003e\n\n                    \u003ctable class=\"lavender-ingredients-table\"\u003e\n\n                        \u003cthead\u003e\n\n                            \u003ctr\u003e\n                                \u003cth\u003eActive Ingredient\u003c\/th\u003e\n                                \u003cth\u003eAmount\u003c\/th\u003e\n                            \u003c\/tr\u003e\n\n                        \u003c\/thead\u003e\n\n                        \u003ctbody\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e水杨酸甲酯\u003c\/td\u003e\n                                \u003ctd\u003e0.30克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e薄荷醇\u003c\/td\u003e\n                                \u003ctd\u003e0.34克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e松节油\u003c\/td\u003e\n                                \u003ctd\u003e0.12克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e桉树油\u003c\/td\u003e\n                                \u003ctd\u003e0.01克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e消旋樟脑\u003c\/td\u003e\n                                \u003ctd\u003e0.09克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e松节油\u003c\/td\u003e\n                                \u003ctd\u003e0.12克\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                        \u003c\/tbody\u003e\n\n                    \u003c\/table\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- 何兴白花软膏 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        何兴白花软膏 — 有效成分（% w\/w）\n                    \u003c\/p\u003e\n\n                    \u003cp class=\"lavender-info-text\"\u003e\n                        和兴白花膏适用于相对干燥或敏感肌肤。\n                    \u003c\/p\u003e\n\n                    \u003ctable class=\"lavender-ingredients-table\"\u003e\n\n                        \u003cthead\u003e\n\n                            \u003ctr\u003e\n                                \u003cth\u003eActive Ingredient\u003c\/th\u003e\n                                \u003cth\u003ePercentage\u003c\/th\u003e\n                            \u003c\/tr\u003e\n\n                        \u003c\/thead\u003e\n\n                        \u003ctbody\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e水杨酸甲酯\u003c\/td\u003e\n                                \u003ctd\u003e20.73%\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e薄荷醇\u003c\/td\u003e\n                                \u003ctd\u003e15.55%\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e桉树油\u003c\/td\u003e\n                                \u003ctd\u003e9.33%\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e薰衣草油\u003c\/td\u003e\n                                \u003ctd\u003e5.78%\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                            \u003ctr\u003e\n                                \u003ctd\u003e外消旋樟脑\u003c\/td\u003e\n                                \u003ctd\u003e3.11%\u003c\/td\u003e\n                            \u003c\/tr\u003e\n\n                        \u003c\/tbody\u003e\n\n                    \u003c\/table\u003e\n\n                \u003c\/div\u003e\n\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\n                \u003c!-- 和兴舒缓扭伤 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        和兴舒缓扭伤 — 注意事项和警告\n                    \u003c\/p\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                            \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                                请储存在30摄氏度或以下。\n                            \u003c\/li\u003e\n\n                        \u003c\/ul\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- 何兴白花软膏 --\u003e\n\n                \u003cdiv class=\"lavender-product-group\"\u003e\n\n                    \u003cp class=\"lavender-product-name\"\u003e\n                        何兴白花软膏 — 注意事项和警告\n                    \u003c\/p\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                            \u003cli\u003e\n                                患有流感、水痘或发烧的儿童请勿使用含水杨酸甲酯的产品。\n                            \u003c\/li\u003e\n\n                            \u003cli\u003e\n                                对水杨酸过敏者，请在使用本产品前咨询中医师或医生。\n                            \u003c\/li\u003e\n\n                            \u003cli\u003e\n                                请置于30摄氏度以下保存，避免阳光直射。\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\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":48947721699403,"sku":"41564_41556_41560","price":118.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9010\/0811\/files\/White-Flower-Ointment-_23g_-01.jpg?v=1790661399"},{"product_id":"bulgaria-lavender-oil-10ml","title":"保加利亞薰衣草精油 (10ml)","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\n     LAVENDER ESSENTIAL OIL — CHINESE PRODUCT INFORMATION ACCORDION\n\n     TYPOGRAPHY:\n     - Font family is inherited from Shopify theme\n     - Font size is inherited from Shopify theme\n     - Font weight is inherited from Shopify theme\n     - No custom typography is applied\n\n     FEATURES:\n     - First section open by default\n     - Only one section open at a time\n     - Responsive on desktop, tablet and mobile\n     - Uses #00A779 and different shades of green\n     - No external libraries required\n     - Chinese language content\n     ========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   1. MAIN ACCORDION CONTAINER\n   ========================================================= *\/\n\n.lavender-accordion {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px 0;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   2. INDIVIDUAL ACCORDION ITEM\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\n\/* =========================================================\n   3. ACCORDION HEADER \/ BUTTON\n   ========================================================= *\/\n\n.lavender-accordion-header {\n    width: 100%;\n    border: none;\n    outline: none;\n    cursor: pointer;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 20px 24px;\n\n    text-align: left;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: #006b50;\n    background: #f0faf7;\n\n    transition:\n        background-color 0.25s ease,\n        color 0.25s ease;\n\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   4. HEADER HOVER\n   ========================================================= *\/\n\n.lavender-accordion-header:hover {\n    background: #e3f6f0;\n    color: #005d46;\n}\n\n\n\/* =========================================================\n   5. DIFFERENT GREEN SHADES FOR EACH SECTION\n   ========================================================= *\/\n\n\/* 功效与适应症 *\/\n.lavender-item-function .lavender-accordion-header {\n    background: #eaf8f4;\n}\n\n\n\/* 使用方法 *\/\n.lavender-item-directions .lavender-accordion-header {\n    background: #e2f5ef;\n}\n\n\n\/* 活性成分 *\/\n.lavender-item-ingredients .lavender-accordion-header {\n    background: #d0eee5;\n}\n\n\n\/* 注意事项 *\/\n.lavender-item-caution .lavender-accordion-header {\n    background: #d9f2eb;\n}\n\n\n\/* =========================================================\n   6. ACTIVE ACCORDION HEADER\n   ========================================================= *\/\n\n.lavender-accordion-header.active {\n    background: #00a779 !important;\n    color: #ffffff !important;\n}\n\n\n\/* =========================================================\n   7. ACCORDION TITLE\n   ========================================================= *\/\n\n.lavender-accordion-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n}\n\n\n\/* =========================================================\n   8. SMALL GREEN TITLE INDICATOR\n   ========================================================= *\/\n\n.lavender-title-indicator {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n\n    background: #00a779;\n    border-radius: 50%;\n}\n\n\n\/* Indicator becomes white when active *\/\n\n.lavender-accordion-header.active .lavender-title-indicator {\n    background: #ffffff;\n}\n\n\n\/* =========================================================\n   9. PLUS \/ MINUS ICON\n   ========================================================= *\/\n\n.lavender-accordion-icon {\n    position: relative;\n\n    width: 28px;\n    height: 28px;\n\n    flex: 0 0 28px;\n\n    border: 1px solid #00a779;\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #00a779;\n\n    transition:\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease;\n}\n\n\n\/* Horizontal line *\/\n\n.lavender-accordion-icon::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 10px;\n    height: 2px;\n\n    background: currentColor;\n\n    border-radius: 2px;\n}\n\n\n\/* Vertical line *\/\n\n.lavender-accordion-icon::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 2px;\n    height: 10px;\n\n    background: currentColor;\n\n    border-radius: 2px;\n\n    transition: transform 0.25s ease;\n}\n\n\n\/* =========================================================\n   10. ACTIVE PLUS\/MINUS ICON\n   ========================================================= *\/\n\n.lavender-accordion-header.active .lavender-accordion-icon {\n    color: #ffffff;\n    border-color: #ffffff;\n}\n\n\n\/* Turn + into - *\/\n\n.lavender-accordion-header.active .lavender-accordion-icon::after {\n    transform: rotate(90deg);\n}\n\n\n\/* =========================================================\n   11. ACCORDION CONTENT\n   ========================================================= *\/\n\n.lavender-accordion-content {\n    max-height: 0;\n    overflow: hidden;\n\n    background: #ffffff;\n\n    transition:\n        max-height 0.35s ease;\n}\n\n\n\/* =========================================================\n   12. OPEN ACCORDION CONTENT\n   ========================================================= *\/\n\n.lavender-accordion-content.active {\n    max-height: 1000px;\n}\n\n\n\/* =========================================================\n   13. CONTENT INNER AREA\n   ========================================================= *\/\n\n.lavender-accordion-inner {\n    padding: 26px 28px 28px;\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   14. INTRODUCTORY TEXT\n   ========================================================= *\/\n\n.lavender-info-text {\n    margin: 0 0 18px;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n}\n\n\n\/* =========================================================\n   15. STANDARD BULLET LIST\n   ========================================================= *\/\n\n.lavender-info-list {\n    list-style: none;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   16. BULLET LIST TEXT\n   ========================================================= *\/\n\n.lavender-info-list li {\n    position: relative;\n\n    padding: 8px 0 8px 30px;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n}\n\n\n\/* =========================================================\n   17. GREEN CHECK ICON\n   ========================================================= *\/\n\n.lavender-info-list li::before {\n    content: \"✓\";\n\n    position: absolute;\n\n    left: 0;\n    top: 9px;\n\n    width: 18px;\n    height: 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #00a779;\n    color: #ffffff;\n\n    border-radius: 50%;\n\n    \/* Icon only *\/\n    font-size: 11px;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   18. DIRECTIONS — NUMBERED STEPS\n   ========================================================= *\/\n\n.lavender-directions-list {\n    list-style: none;\n\n    margin: 0;\n    padding: 0;\n\n    counter-reset: lavender-step;\n}\n\n\n\/* =========================================================\n   19. DIRECTIONS TEXT\n   ========================================================= *\/\n\n.lavender-directions-list li {\n    counter-increment: lavender-step;\n\n    position: relative;\n\n    padding: 10px 0 10px 50px;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n}\n\n\n\/* =========================================================\n   20. NUMBER CIRCLE\n   ========================================================= *\/\n\n.lavender-directions-list li::before {\n    content: counter(lavender-step);\n\n    position: absolute;\n\n    left: 0;\n    top: 10px;\n\n    width: 32px;\n    height: 32px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #00a779;\n    color: #ffffff;\n\n    border-radius: 50%;\n\n    \/* Number inside icon only *\/\n    font-size: 14px;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   21. CAUTION CONTENT BOX\n   ========================================================= *\/\n\n.lavender-caution-content {\n    background: #f3fbf8;\n\n    border-left: 4px solid #00a779;\n\n    padding: 18px 20px;\n\n    border-radius: 6px;\n\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   22. ACTIVE INGREDIENTS\n   ========================================================= *\/\n\n.lavender-ingredients-box {\n    width: 100%;\n\n    margin-top: 10px;\n\n    padding: 16px 18px;\n\n    background: #f0faf7;\n\n    border: 1px solid #cce9df;\n\n    border-radius: 8px;\n\n    box-sizing: border-box;\n}\n\n\n.lavender-ingredients-box strong {\n    color: #006b50;\n}\n\n\n\/* =========================================================\n   23. INGREDIENT HIGHLIGHT\n   ========================================================= *\/\n\n.lavender-highlight {\n    margin-top: 18px;\n\n    padding: 14px 18px;\n\n    background: #f0faf7;\n\n    border-left: 4px solid #00a779;\n\n    border-radius: 6px;\n\n    \/* Shopify theme typography *\/\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   24. TABLET RESPONSIVE\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\n\/* =========================================================\n   25. MOBILE RESPONSIVE\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\n    \/* Accordion header *\/\n\n    .lavender-accordion-header {\n        padding: 16px 17px;\n    }\n\n\n    \/* Title *\/\n\n    .lavender-accordion-title {\n        gap: 9px;\n    }\n\n\n    \/* Title indicator *\/\n\n    .lavender-title-indicator {\n        width: 7px;\n        height: 7px;\n        flex-basis: 7px;\n    }\n\n\n    \/* Plus icon *\/\n\n    .lavender-accordion-icon {\n        width: 25px;\n        height: 25px;\n        flex-basis: 25px;\n    }\n\n\n    .lavender-accordion-icon::before {\n        width: 9px;\n    }\n\n\n    .lavender-accordion-icon::after {\n        height: 9px;\n    }\n\n\n    \/* Content *\/\n\n    .lavender-accordion-inner {\n        padding: 20px 17px 22px;\n    }\n\n\n    \/* Bullet list *\/\n\n    .lavender-info-list li {\n        padding: 7px 0 7px 27px;\n    }\n\n\n    .lavender-info-list li::before {\n        top: 9px;\n\n        width: 17px;\n        height: 17px;\n    }\n\n\n    \/* Directions *\/\n\n    .lavender-directions-list li {\n        padding: 8px 0 8px 44px;\n    }\n\n\n    .lavender-directions-list li::before {\n        top: 10px;\n\n        width: 28px;\n        height: 28px;\n    }\n\n\n    \/* Caution box *\/\n\n    .lavender-caution-content {\n        padding: 15px 16px;\n    }\n\n\n    \/* Ingredients *\/\n\n    .lavender-ingredients-box {\n        padding: 13px 14px;\n    }\n\n\n    \/* Ingredient highlight *\/\n\n    .lavender-highlight {\n        padding: 12px 14px;\n    }\n\n}\n\n\n\/* =========================================================\n   26. VERY SMALL MOBILE DEVICES\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .lavender-accordion-header {\n        padding: 15px 14px;\n    }\n\n\n    .lavender-accordion-inner {\n        padding: 18px 14px 20px;\n    }\n\n\n    .lavender-info-text,\n    .lavender-info-list li,\n    .lavender-directions-list li {\n        \/* No custom font size *\/\n        font-size: inherit;\n    }\n\n\n    .lavender-info-text,\n    .lavender-info-list li,\n    .lavender-directions-list li {\n        \/* No custom font weight *\/\n        font-weight: inherit;\n    }\n\n\n    .lavender-ingredients-box,\n    .lavender-highlight {\n        font-size: inherit;\n        font-weight: inherit;\n    }\n\n}\n\n\n\/* =========================================================\n   27. ACCESSIBILITY — REDUCE MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .lavender-accordion-content,\n    .lavender-accordion-icon,\n    .lavender-accordion-icon::after,\n    .lavender-accordion-header {\n        transition: none;\n    }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- =========================================================\n     MAIN ACCORDION\n     ========================================================= --\u003e\n\u003cdiv class=\"lavender-accordion\"\u003e\u003c!-- =====================================================\n         1. 功效与适应症\n         ===================================================== --\u003e\n\u003cdiv class=\"lavender-accordion-item lavender-item-function\"\u003e\u003cbutton type=\"button\" class=\"lavender-accordion-header active\" aria-expanded=\"true\"\u003e \u003cspan class=\"lavender-accordion-title\"\u003e \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e \u003cspan\u003e 功效与适应症 \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"lavender-accordion-content active\"\u003e\n\u003cdiv class=\"lavender-accordion-inner\"\u003e\n\u003cp class=\"lavender-info-text\"\u003e薰衣草精油传统上用于促进平静放松的心境。 它有助于营造舒缓的氛围，并在压力、疲惫或情绪不适时维护情绪健康。\u003c\/p\u003e\n\u003cul class=\"lavender-info-list\"\u003e\n\u003cli\u003e有助于舒缓情绪\u003c\/li\u003e\n\u003cli\u003e有助于保持积极平和的心境\u003c\/li\u003e\n\u003cli\u003e有助于净化和舒缓心灵\u003c\/li\u003e\n\u003cli\u003e有助于缓解愤怒和疲惫感\u003c\/li\u003e\n\u003cli\u003e有助于缓解恐慌和低落情绪\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         2. 使用方法\n         ===================================================== --\u003e\n\u003cdiv class=\"lavender-accordion-item lavender-item-directions\"\u003e\u003cbutton type=\"button\" class=\"lavender-accordion-header\" aria-expanded=\"false\"\u003e \u003cspan class=\"lavender-accordion-title\"\u003e \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e \u003cspan\u003e 使用方法 \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"lavender-accordion-content\"\u003e\n\u003cdiv class=\"lavender-accordion-inner\"\u003e\n\u003cp class=\"lavender-info-text\"\u003e薰衣草精油可用于各种个人护理和芳香疗法产品中。 使用前务必适当稀释精油。\u003c\/p\u003e\n\u003col class=\"lavender-directions-list\"\u003e\n\u003cli\u003e将约 \u003cstrong\u003e4 滴\u003c\/strong\u003e精油加入 \u003cstrong\u003e20 毫升\u003c\/strong\u003e无香乳液、沐浴露或其他个人护理产品中。\u003c\/li\u003e\n\u003cli\u003e用于芳香疗法时，请在使用前将 \u003cstrong\u003e4–5 滴精油与水\u003c\/strong\u003e稀释于精油炉或香薰机中。\u003c\/li\u003e\n\u003cli\u003e未经适当稀释，请勿将精油直接涂抹于皮肤上。\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         3. 活性成分\n         ===================================================== --\u003e\n\u003cdiv class=\"lavender-accordion-item lavender-item-ingredients\"\u003e\u003cbutton type=\"button\" class=\"lavender-accordion-header\" aria-expanded=\"false\"\u003e \u003cspan class=\"lavender-accordion-title\"\u003e \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e \u003cspan\u003e 活性成分 (% w\/w) \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"lavender-accordion-content\"\u003e\n\u003cdiv class=\"lavender-accordion-inner\"\u003e\n\u003cp class=\"lavender-info-text\"\u003e本产品以天然保加利亚薰衣草为活性成分。\u003c\/p\u003e\n\u003cdiv class=\"lavender-ingredients-box\"\u003e\u003cstrong\u003e 天然保加利亚薰衣草 — 100% \u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"lavender-highlight\"\u003e\u003cstrong\u003e活性成分：\u003c\/strong\u003e 天然保加利亚薰衣草 — 100%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         4. 注意事项\n         ===================================================== --\u003e\n\u003cdiv class=\"lavender-accordion-item lavender-item-caution\"\u003e\u003cbutton type=\"button\" class=\"lavender-accordion-header\" aria-expanded=\"false\"\u003e \u003cspan class=\"lavender-accordion-title\"\u003e \u003cspan class=\"lavender-title-indicator\"\u003e\u003c\/span\u003e \u003cspan\u003e 注意事项 \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"lavender-accordion-icon\"\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"lavender-accordion-content\"\u003e\n\u003cdiv class=\"lavender-accordion-inner\"\u003e\n\u003cdiv class=\"lavender-caution-content\"\u003e\n\u003cp class=\"lavender-info-text\"\u003e仅限外用。请小心使用，并请将本品放在儿童接触不到的地方。 避免直接接触眼睛。\u003c\/p\u003e\n\u003cul class=\"lavender-info-list\"\u003e\n\u003cli\u003e请勿将未稀释的本品直接涂抹于皮肤上。\u003c\/li\u003e\n\u003cli\u003e仅限外用。\u003c\/li\u003e\n\u003cli\u003e避免接触眼睛。\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e如不慎入眼：\u003c\/strong\u003e 请立即用清水小心冲洗几分钟。\u003c\/li\u003e\n\u003cli\u003e如有佩戴隐形眼镜且易于取出，请取出隐形眼镜并继续冲洗。\u003c\/li\u003e\n\u003cli\u003e如眼睛刺激持续存在，请就医。\u003c\/li\u003e\n\u003cli\u003e请将本品放在儿童接触不到的地方。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\n     ACCORDION JAVASCRIPT\n     ========================================================= --\u003e\n\u003cp\u003e\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const accordionHeaders = document.querySelectorAll(\n        \".lavender-accordion-header\"\n    );\n\n\n    accordionHeaders.forEach(function (header) {\n\n        header.addEventListener(\"click\", function () {\n\n            const isOpen = header.classList.contains(\"active\");\n\n\n            \/* Close all accordions *\/\n\n            accordionHeaders.forEach(function (otherHeader) {\n\n                otherHeader.classList.remove(\"active\");\n\n                otherHeader.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n\n                const otherContent =\n                    otherHeader.nextElementSibling;\n\n\n                if (otherContent) {\n                    otherContent.classList.remove(\"active\");\n                }\n\n            });\n\n\n            \/* Open clicked accordion *\/\n\n            if (!isOpen) {\n\n                header.classList.add(\"active\");\n\n                header.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n\n                const content =\n                    header.nextElementSibling;\n\n\n                if (content) {\n                    content.classList.add(\"active\");\n                }\n\n            }\n\n        });\n\n    });\n\n});\n\n\u003c\/script\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":48947732742219,"sku":"56164_56145_56170","price":138.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9010\/0811\/files\/LavenderOil_10ml_37a8c47b-6af5-420e-ada0-f8807b31114d.webp?v=1790320186"},{"product_id":"hoe-hin-white-flower-embrocation-traditional-formula-10ml","title":"和興白花油 - 傳統配方 (10毫升)","description":"\u003c!-- =========================================================\n     PRODUCT INFORMATION ACCORDION\n     \n     4 SECTIONS:\n     1. 功效及适应症\n     2. 使用方法\n     3. 有效成分（% w\/w）\n     4. 注意事项\n     \n     Typography is inherited from the Shopify theme.\n     ========================================================= --\u003e\n\n\u003cstyle\u003e\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    line-height: 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\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 20px 24px;\n    text-align: left;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: #006b50;\n    background: #f0faf7;\n\n    transition:\n        background-color 0.25s ease,\n        color 0.25s ease;\n\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\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\n    width: 28px;\n    height: 28px;\n    flex: 0 0 28px;\n\n    border: 1px solid #00a779;\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #00a779;\n\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\n    position: absolute;\n\n    width: 10px;\n    height: 2px;\n\n    background: currentColor;\n    border-radius: 2px;\n}\n\n.lavender-accordion-icon::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 2px;\n    height: 10px;\n\n    background: currentColor;\n    border-radius: 2px;\n\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\n    transition: max-height 0.35s ease;\n}\n\n.lavender-accordion-content.active {\n    max-height: 4000px;\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\n    padding: 8px 0 8px 30px;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n}\n\n.lavender-info-list li::before {\n    content: \"✓\";\n\n    position: absolute;\n\n    left: 0;\n    top: 9px;\n\n    width: 18px;\n    height: 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #00a779;\n    color: #ffffff;\n\n    border-radius: 50%;\n\n    font-size: 11px;\n    font-weight: 700;\n}\n\n.lavender-ingredients-intro {\n    margin: 0 0 18px;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n}\n\n.lavender-ingredients-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n}\n\n.lavender-ingredients-table tr {\n    border-bottom: 1px solid #e2eee9;\n}\n\n.lavender-ingredients-table tr:last-child {\n    border-bottom: none;\n}\n\n.lavender-ingredients-table td {\n    padding: 12px 8px;\n\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n\n    color: inherit;\n    vertical-align: middle;\n}\n\n.lavender-ingredients-table td:first-child {\n    padding-left: 0;\n}\n\n.lavender-ingredients-table td:last-child {\n    padding-right: 0;\n    text-align: right;\n}\n\n.lavender-caution-content {\n    background: #f3fbf8;\n\n    border-left: 4px solid #00a779;\n\n    padding: 18px 20px;\n\n    border-radius: 6px;\n\n    box-sizing: border-box;\n}\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\/* =========================================================\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        font-size: 10px;\n    }\n\n    .lavender-caution-content {\n        padding: 15px 16px;\n    }\n\n    .lavender-ingredients-table td {\n        padding: 10px 6px;\n    }\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    .lavender-ingredients-table td {\n        padding: 9px 4px;\n    }\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\u003cdiv class=\"lavender-accordion\"\u003e\n\n\n    \u003c!-- =====================================================\n         1. 功效及适应症\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\u003e功效及适应症\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                    \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清爽提神。\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         2. 使用方法\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\u003e使用方法\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取2至3滴涂抹于患处，轻轻按摩。\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                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         3. 有效成分（% w\/w）\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\u003e有效成分（% w\/w）\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-ingredients-intro\"\u003e\n                    和兴白花油（俗称白花油）是由多种精油（包括桉树油、薰衣草油）、水杨酸甲酯和薄荷醇混合而成。大部分天然成分均从法国、中国和澳大利亚进口，并符合英国药典或中国药典的相关规定。\n                \u003c\/p\u003e\n\n\n                \u003ctable class=\"lavender-ingredients-table\"\u003e\n\n                    \u003ctbody\u003e\n\n                        \u003ctr\u003e\n                            \u003ctd\u003e水杨酸甲酯\u003c\/td\u003e\n                            \u003ctd\u003e40%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n                            \u003ctd\u003e薄荷醇\u003c\/td\u003e\n                            \u003ctd\u003e30%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n                            \u003ctd\u003e桉树油\u003c\/td\u003e\n                            \u003ctd\u003e18%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n                            \u003ctd\u003e薰衣草油\u003c\/td\u003e\n                            \u003ctd\u003e6%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n\n                        \u003ctr\u003e\n                            \u003ctd\u003e外消旋樟脑\u003c\/td\u003e\n                            \u003ctd\u003e6%\u003c\/td\u003e\n                        \u003c\/tr\u003e\n\n                    \u003c\/tbody\u003e\n\n                \u003c\/table\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         4. 注意事项\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\u003e注意事项\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仅限外用。\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婴幼儿及孕妇禁用。\u003c\/li\u003e\n\n                        \u003cli\u003e患有流感、水痘或发烧的儿童请勿使用含水杨酸甲酯的产品。\u003c\/li\u003e\n\n                        \u003cli\u003e对水杨酸过敏者，请在使用本产品前咨询中医师或医生。\u003c\/li\u003e\n\n                        \u003cli\u003e请存放于30摄氏度以下。\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    \u003c\/div\u003e\n\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\n    accordionHeaders.forEach(function (header) {\n\n        header.addEventListener(\"click\", function () {\n\n            const isOpen = header.classList.contains(\"active\");\n\n\n            \/* Close every accordion *\/\n\n            accordionHeaders.forEach(function (otherHeader) {\n\n                otherHeader.classList.remove(\"active\");\n\n                otherHeader.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n\n                const otherContent =\n                    otherHeader.nextElementSibling;\n\n\n                if (otherContent) {\n                    otherContent.classList.remove(\"active\");\n                }\n\n            });\n\n\n            \/* Open clicked accordion *\/\n\n            if (!isOpen) {\n\n                header.classList.add(\"active\");\n\n                header.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n\n                const content =\n                    header.nextElementSibling;\n\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":48947733659723,"sku":"39578_39576_39577","price":45.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9010\/0811\/files\/SHP_8050-1200.jpg?v=1790684592"}],"url":"https:\/\/igitk0-b0.myshopify.com\/zh-tw\/collections\/frontpage.oembed","provider":"White Flower","version":"1.0","type":"link"}