{"title":"12 Zodiac Energy","description":"\u003ch3 data-path-to-node=\"2\"\u003e\u003cstrong data-path-to-node=\"2\" data-index-in-node=\"0\"\u003e12 Chinese Zodiac Guardian Series: Connecting with Your Primordial Energy\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-path-to-node=\"4\"\u003eIn the depths of ancient Eastern wisdom, the Zodiac is far more than a mere mark of one’s birth year; it is a unique code of cosmic energy. As we enter the \u003cstrong data-path-to-node=\"4\" data-index-in-node=\"156\"\u003e2026 Year of the Bing-Wu (Red Fire Horse)\u003c\/strong\u003e, the powerful \"Fire\" element heralds a period of dramatic transformation and boundless opportunity. The \u003cstrong data-path-to-node=\"4\" data-index-in-node=\"302\"\u003eFateGemz 12 Chinese Zodiac Guardian Series\u003c\/strong\u003e seamlessly blends millennia of Zodiac heritage with the healing vibrations of natural crystals to create your very own \"Energy Talisman.\"\u003c\/p\u003e\n\u003cp data-path-to-node=\"5\"\u003eEach bracelet is meticulously designed, featuring natural gemstones specifically selected to resonate with the magnetic field of each sign. Furthermore, we have integrated our signature \u003cstrong data-path-to-node=\"5\" data-index-in-node=\"296\"\u003ehand-rolled traditional incense beads\u003c\/strong\u003e. The subtle, herbal fragrance of these beads penetrates the meridians, helping you stabilize your body and mind while aligning your \"Qi\" amidst the fast-paced energy of 2026.\u003c\/p\u003e\n\u003cp data-path-to-node=\"6\"\u003eWhether you are seeking protection during your \u003cstrong data-path-to-node=\"6\" data-index-in-node=\"47\"\u003eBen Ming Nian\u003c\/strong\u003e (Zodiac Year) or aspiring for \"Immediate Success\" in your career and studies, the FateGemz 12 Chinese Zodiac Series empowers you to resonate with the rhythms of nature, unlocking a year of prosperity and harmony.\u003c\/p\u003e","products":[{"product_id":"loyal-dog-zodiac-bracelet-fidelity-safety-protection","title":"Loyal Dog Zodiac Bracelet | Fidelity \u0026 Safety Protection","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/0cd2d52274f69b6b5c7522df45481033.png?v=1754150137\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Dog】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLoyal \u0026amp; Sincere\u003c\/li\u003e\n\u003cli\u003eProtective \u0026amp; Pessimistic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRelieving fatigue\u003c\/li\u003e\n\u003cli\u003eStimulation \u0026amp; Rejuvenation\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eLoyal Dogs value responsibility and often have irregular meals and weak intestines and stomachs. The cinnabar pendant guards health, and rainbow fluorite stimulates vitality. While HeXiangZhu provides stomach-nourishing care for Dogs' irregular schedules. The mild scent of HeXiangZhu can regulate gastrointestinal peristalsis, improving abdominal distension and indigestion from irregular meals. Its natural components can also warm and nourish the spleen and stomach, enhance gastrointestinal resistance, and relieve stomach cramps from responsibility pressure. The simple design fits Dogs' character, becoming a thoughtful partner that silently protects the intestines and stomach.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Size\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Chakra\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2cd639009877ed4750b788ccabcc8c03.png?v=1754233214\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eFluorite\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eSerenity\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAlertness \u0026amp; Security\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456462291258,"sku":"12Zodiac-Dog-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628380619066,"sku":"12Zodiac-Dog-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628380651834,"sku":"12Zodiac-Dog-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/loyal-hound-protection-8118174.png?v=1766712426"},{"product_id":"clever-monkey-zodiac-bracelet-intelligence-adaptability","title":"Clever Monkey Zodiac Bracelet | Intelligence \u0026 Adaptability","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/05ee1472ccc86b8497f5d6224ef25371.png?v=1754150137\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Monkey】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eClever \u0026amp; Playful\u003c\/li\u003e\n\u003cli\u003eVersatile \u0026amp; Mischievous\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRelieving anxious mood\u003c\/li\u003e\n\u003cli\u003eRefreshing \u0026amp; energizing\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eIntelligent Monkeys have jumping thoughts and are prone to inattention. The cinnabar pendant symbolizes protection, and blue tiger’s eye boosts steadiness. While HeXiangZhu provides customized conditioning for Monkeys' impetuous traits. The mild scent of HeXiangZhu can clear heart fire, relieving the discomfort of canker sores. Its aromatic components can also focus energy, improving inattention, and nourish oral mucosa to reduce troubles from internal fire. The agile design matches Monkeys' traits, balancing daily matching and concentration improvement.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Size\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Chakra\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/391f81445c2776c27f043e2a7ece75a7.png?v=1754237023\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eBlue Tiger's Eye\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eProtection\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFocus \u0026amp; Clarity\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456690159930,"sku":"12Zodiac-Monkey-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628379537722,"sku":"12Zodiac-Monkey-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628379570490,"sku":"12Zodiac-Monkey-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/clever-monkey-wit-4294023.png?v=1766712427"},{"product_id":"tiger-zodiac-bracelet-tiger-s-eye-protection-charm","title":"Tiger Zodiac Bracelet | Tiger’s Eye \u0026 Protection Charm","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/b080ac759549db9ddfee93cc70749941.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Tiger】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBrave \u0026amp; Confident\u003c\/li\u003e\n\u003cli\u003ePassionate \u0026amp; Impulsive\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRelieving tension\u003c\/li\u003e\n\u003cli\u003eStabilization \u0026amp; Concentration\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eBold Tigers are full of momentum but prone to unstable heart rate and internal fire due to impatience.The cinnabar pendant gathers positive energy, and tiger’s eye boosts composure. While HeXiangZhu precisely adapts to Tigers' fiery auras. The fresh scent of HeXiangZhu can clear heart fire, relieving dry mouth from impatience. Its aromatic components can also stabilize heart rate, improving palpitations from emotional excitement, and nourish the heart and lungs to provide gentle endurance for Tigers' abundant energy. The bold style matches Tigers' auras, balancing appearance and physical and mental conditioning.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/IMG_2788.png?v=1754221388\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eTiger's Eye\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eProtection\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCourage \u0026amp; Strength\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456788496698,"sku":"12Zodiac-Tiger-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628378095930,"sku":"12Zodiac-Tiger-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628378128698,"sku":"12Zodiac-Tiger-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/oculi-tigris-te-semper-protegent-7022402.png?v=1766712427"},{"product_id":"prosperity-rooster-zodiac-bracelet-confidence-opportunity","title":"Prosperity Rooster Zodiac Bracelet | Confidence \u0026 Opportunity","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/fb6bc62e30207e7c6b9e50371f2680dc.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Rooster】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHonest \u0026amp; Organized\u003c\/li\u003e\n\u003cli\u003eConfident \u0026amp; Boastful\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLifting mood\u003c\/li\u003e\n\u003cli\u003eRefreshing \u0026amp; Energizing\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eStraightforward Roosters love to express themselves but are prone to sore throats and vocal cord fatigue. The cinnabar pendant gathers positive energy, and orange moonstone eases mood. While HeXiangZhu provides customized care for Roosters' frequent vocal use. The gentle scent of HeXiangZhu can moisturize the throat, relieving soreness and vocal cord fatigue from long-term speaking. Its herbal components can also clear the lungs and moisten dryness, improving cough caused by excessive vocal use, and regulate mood to reduce irritability after verbal disputes from straightforwardness. The eye-catching design fits Roosters' traits, becoming an accessory that protects the throat and cheers the mood.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/cf1cf8b52e1fb559922dea5cdd83e4c5.png?v=1754218427\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eOrange Moonstone\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eWarmth\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eVitality \u0026amp; Confidence\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456797737274,"sku":"12Zodiac-Rooster-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628375310650,"sku":"12Zodiac-Rooster-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628375343418,"sku":"12Zodiac-Rooster-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/5ee5402c690bd31f8436716a35b0a126.png?v=1766685522"},{"product_id":"power-filled-dragon-zodiac-bracelet-authority-prosperity","title":"Power-filled Dragon Zodiac Bracelet | Authority \u0026 Prosperity","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                    \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/1421df8de36734bb92ded432d6711015.png?v=1754150136\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Dragon】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAmbitious \u0026amp; Powerful\u003c\/li\u003e\n\u003cli\u003eCharismatic \u0026amp; Arrogant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCultivating temperament\u003c\/li\u003e\n\u003cli\u003eRelief \u0026amp; Reassurance\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eDominant Dragons pursue excellence and are prone to dry eyes and mental fatigue under high pressure. he cinnabar pendant symbolizes smoothness, and lemon citrine boosts spirits. While HeXiangZhu provides care for Dragons' high-intensity states. The fresh scent of HeXiangZhu can nourish the liver and eyes, relieving dryness and fatigue from long-term eye use. Its herbal components can also boost spirits, improving fatigue under high pressure, and promote metabolism to supplement physical vitality for Dragons' career sprints. The noble design fits Dragons' auras, balancing fortune and health.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Size\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 16mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg alt=\"Chakra\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/ed40384fa292234f49be326464ae5ec9.png?v=1768921691\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eLemon Yellow Quartz\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eOptimism\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEnergy \u0026amp; Prosperity\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" alt=\"Citrine\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456840499514,"sku":"12Zodiac-Dragon-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628373705018,"sku":"12Zodiac-Dragon-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628373737786,"sku":"12Zodiac-Dragon-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/power-filled-dragon-5610430.png?v=1766712427"},{"product_id":"swift-horse-zodiac-bracelet-green-sunstone-success-2026","title":"Swift Horse Zodiac Bracelet | Green Sunstone \u0026 Success 2026","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8a923e5fb1741c63f6a6fbe382dc072f.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Horse】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEnergetic \u0026amp; Freedom-loving\u003c\/li\u003e\n\u003cli\u003eOptimistic \u0026amp; Restless\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLifting mood\u003c\/li\u003e\n\u003cli\u003eStimulation \u0026amp; Rejuvenation\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eEnthusiastic Horses are full of energy but prone to exhaustion, often suffering from back soreness and distracted minds. The cinnabar pendant guards safety, and green sunstone replenishes vitality. While HeXiangZhu provides customized care for Horses' busy traits. The herbal scent of HeXiangZhu can soothe back muscle strain, relieving soreness from long-term rushing around. Its fragrance can also focus energy, improving distracted minds, and nourish kidney qi to lay a solid physical foundation for Horses' continuous busyness. The energetic design matches Horses' traits, becoming a good partner for daily energy sustaining.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 13mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/265461c79fb737de0189b3c0e9d35b1d.png?v=1754233948\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eGreen Sunstone\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eVitality\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eRenewal \u0026amp; Achievement\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456872710458,"sku":"12Zodiac-Horse-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628372689210,"sku":"12Zodiac-Horse-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628372721978,"sku":"12Zodiac-Horse-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/swift-gallop-horse-6571073.png?v=1766712427"},{"product_id":"harvest-ox-zodiac-bracelet-smoky-quartz-success-amulet","title":"Harvest Ox Zodiac Bracelet | Smoky Quartz \u0026 Success Amulet","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/56f643d443ad0a07874ca2435b6a1df1.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Ox】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDiligent \u0026amp; Reliable\u003c\/li\u003e\n\u003cli\u003ePatient \u0026amp; Stubborn\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSoothing the nerves\u003c\/li\u003e\n\u003cli\u003eBetterment \u0026amp; Easing\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eDiligent Oxen are used to bearing pressure silently and prone to stiff shoulders and necks and suppressed moods. The cinnabar pendant guards health, and tea crystal stabilizes aura. While HeXiangZhu brings exclusive healing for Oxen's forbearing traits. The herbal scent of HeXiangZhu can soothe muscle tension through the skin surface, relieving shoulder and neck soreness from long-term desk work or labor. Its mild fragrance also regulates liver qi, dispels suppressed moods, and improves appetite loss caused by pressure. The low-key texture fits Oxen's reserve, making daily wearing a silent ritual of physical and mental relaxation.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/661eebe7b5e8b90b440d76398373899b.png?v=1754235989\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eSmoky quartz\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eCourage\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePopularity \u0026amp; Confidence\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456896237882,"sku":"12Zodiac-Ox-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628371378490,"sku":"12Zodiac-Ox-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628371411258,"sku":"12Zodiac-Ox-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/harvest-blessing-ox-7902275.png?v=1766712427"},{"product_id":"snake-zodiac-bracelet-wisdom-intuition-2026-lucky-charm","title":"Snake Zodiac Bracelet | Wisdom \u0026 Intuition 2026 Lucky Charm","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/d21942fce1d6f8a536c1101c4189dbd3.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Snake】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eWise \u0026amp; Mysterious\u003c\/li\u003e\n\u003cli\u003eCunning \u0026amp; Jealous\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCalming \u0026amp; pressure-relieving\u003c\/li\u003e\n\u003cli\u003eStabilization \u0026amp; Revitalization\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eMysterious Snakes are deep in thought and prone to liver qi stagnation and dull skin. he cinnabar pendant balances condition, and clear quartz purifies surroundings. While HeXiangZhu brings healing for Snakes' reserved traits. The gentle scent of HeXiangZhu can soothe the liver and regulate qi, dispelling inner depression. Its natural components can also promote blood circulation, improving dull skin from qi stagnation, and regulate mood to relieve low spirits when alone. The simple and transparent texture fits Snakes' mystery, making wearing it a secret weapon for physical and mental renewal.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/7fc67fb4ec59d394b3fe6e5f1e813201.png?v=1754215123\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eClear quartz\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eClarity\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePurification \u0026amp; Amplification\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456943653178,"sku":"12Zodiac-Snake-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628369936698,"sku":"12Zodiac-Snake-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628369969466,"sku":"12Zodiac-Snake-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/mysterious-serpent-wisdom-3037006.png?v=1766712426"},{"product_id":"prosperity-rat-zodiac-bracelet-amethyst-hexiangzhu","title":"Prosperity Rat Zodiac Bracelet | Amethyst \u0026 Hexiangzhu","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/70a99cccaa5584405b8f3517669e04a8.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Rat】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIntelligent \u0026amp; Adaptable\u003c\/li\u003e\n\u003cli\u003eResourceful \u0026amp; Quick-witted\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRegulating mood\u003c\/li\u003e\n\u003cli\u003eCultivation \u0026amp; Meditation\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eAgile Rats tend to overthink and suffer from mental internal friction. he cinnabar zodiac pendant symbolizes peace, while amethyst eases thoughts. While the core HeXiangZhu is tailored for Rats' sensitive constitutions. Made of condensed natural fragrance materials, HeXiangZhu has a mild and non-irritating scent that regulates the sympathetic nerve via aroma, improving light sleep caused by overthinking. It also nourishes the spleen and stomach to relieve digestive discomfort from staying up late and overthinking. Wearing it daily is not only of Chinese elegance but also quietly smooths emotional wrinkles, bringing stable physical and mental protection to Rats.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 14mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/448713330a0b592b244e42d0b13b3380.png?v=1754234694\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eAmethyst\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eCourage\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePopularity \u0026amp; Confidence\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456964460858,"sku":"12Zodiac-Rat-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628368953658,"sku":"12Zodiac-Rat-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628368986426,"sku":"12Zodiac-Rat-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/prosperity-guiding-rat-2758413.png?v=1766712427"},{"product_id":"harmony-rabbit-zodiac-bracelet-rose-quartz-peace-jewelry","title":"Harmony Rabbit Zodiac Bracelet | Rose Quartz \u0026 Peace Jewelry","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/09768a8ed5935ce5df787ab76a339318.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Rabbit】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eGentle \u0026amp; Cautious\u003c\/li\u003e\n\u003cli\u003eKind \u0026amp; Timid\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePleasuring mood\u003c\/li\u003e\n\u003cli\u003eRelief \u0026amp; Cultivation\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eGentle Rabbits are naturally empathetic, yet they tend to get trapped in internal emotional friction and often struggle with sensitivity and anxiety. The cinnabar pendant safeguards body and mind, while rose quartz revitalizes energy. HeXiangZhu is an exclusive care item customized for the delicate traits of Rabbits. With its sweet and fresh fragrance, HeXiangZhu can soothe tense nerves, alleviate anxiety and insomnia caused by sensitivity, as well as nourish the body and brighten the complexion, keeping you in a gentle and good state at all times. Its soft texture perfectly matches the temperament of Rabbits, serving as a thoughtful accessory for daily self-pampering and mood protection.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 12mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/6b980fea736f79960dd64424c5c4c311.png?v=1754232771\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eRose quartz\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eLove\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eHarmony \u0026amp; Peace\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51456986612026,"sku":"12Zodiac-Rabbit-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628367741242,"sku":"12Zodiac-Rabbit-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628367774010,"sku":"12Zodiac-Rabbit-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/harmony-bunny-crystal-2644091.png?v=1766712427"},{"product_id":"harmonious-sheep-zodiac-bracelet-zen-creativity-jewelry","title":"Harmonious Sheep Zodiac Bracelet | Zen \u0026 Creativity Jewelry","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/29489a7a53e032c80eaa92832754e333.png?v=1754150137\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Goat】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCompassionate \u0026amp; Creative\u003c\/li\u003e\n\u003cli\u003eShy \u0026amp; Indecisive\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifying \u0026amp; Protecting\u003c\/li\u003e\n\u003cli\u003eSoothing \u0026amp; Enhancing\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eGentle Goats tend to overthink and are often troubled by difficulty falling asleep and frequent waking up from dreams.The cinnabar pendant brings peace, and lavender amethyst soothes mood. While HeXiangZhu provides sleep-aiding care for Goats' sensitive nerves. The light scent of HeXiangZhu can regulate melatonin secretion, improving difficulty falling asleep. Its natural components can also calm the mind, reducing frequent waking up from dreams at night, and nourish the spleen and stomach to relieve indigestion caused by insomnia. The gentle texture fits Goats' temperament, bringing stable sleep at night.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 12mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/34ed8e8ce01232b90522dc3dfa8bf636.png?v=1754234694\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eLavender Amethyst\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eWisdom\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSleep \u0026amp; Relief\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51457004405050,"sku":"12Zodiac-Goat-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628294504762,"sku":"12Zodiac-Goat-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628294537530,"sku":"12Zodiac-Goat-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/harmonious-sheep-crystal-7253005.png?v=1766712427"},{"product_id":"rich-pig-zodiac-bracelet-abundance-joy-feng-shui-gift","title":"Rich Pig Zodiac Bracelet | Abundance \u0026 Joy Feng Shui Gift","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ========== Icon Info List Styles ========== *\/\n        .icon-info-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px 20px;\n            margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n        }\n        .icon-info-item {\n            display: flex;\n            align-items: center;\n            font-size: 18px; \n            color: #222;\n            font-weight: 400;\n        }\n        .icon-info-item .icon {\n            display: flex;\n            align-items: center;\n            margin-right: 8px; \n        }\n        .icon-info-item .icon svg {\n            width: 24px; \n            height: 24px; \n            display: block;\n            stroke-width: 1.5;\n        }\n        \n        .icon-info-item:nth-child(2),\n        .icon-info-item:nth-child(4) {\n            text-align: left;\n            padding-left: 0;\n        }\n\n        \/* Icon Info List Responsive *\/\n        @media (max-width: 768px) {\n            .icon-info-list {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px 12px;\n                margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n            }\n            .icon-info-item {\n                font-size: 16px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon svg {\n                width: 22px;\n                height: 22px;\n            }\n            .icon-info-item:nth-child(2),\n            .icon-info-item:nth-child(4) {\n                text-align: left;\n                padding-left: 0;\n            }\n        }\n\n        @media (max-width: 599px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n            }\n            .icon-info-item {\n                font-size: 14px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 4px;\n            }\n            .icon-info-item .icon svg {\n                width: 20px;\n                height: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .icon-info-list {\n                gap: 6px 8px;\n                margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n            }\n            .icon-info-item {\n                font-size: 13px;\n                white-space: nowrap;\n            }\n            .icon-info-item .icon {\n                margin-right: 3px;\n            }\n            .icon-info-item .icon svg {\n                width: 18px;\n                height: 18px;\n            }\n        }\n        \/* ========== End Icon Info List Styles ========== *\/\n\n        \/* ========== Slider Styles ========== *\/\n        .simple-slider {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n            position: relative;\n        }\n        .slider-container {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n            cursor: grab;\n        }\n        .slider-container:active {\n            cursor: grabbing;\n        }\n        .slides-wrapper {\n            display: flex;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            height: 100%;\n        }\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            background-color: #eaeaea;\n            border-radius: 8px;\n            padding: 0 16px; \n            box-sizing: border-box;\n            user-select: none;\n            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide .content {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            gap: 20px;\n        }\n        .slide .icon-text {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .slide .icon-text .icon {\n            width: 65px; \n            height: 65px; \n            flex-shrink: 0;\n        }\n        .slide .icon-text .icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .slide .text {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            font-size: 18px; \n            font-weight: 500;\n            color: #333;\n        }\n        .slide .text p {\n            margin: 0;\n        }\n        .slide .benefits {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            color: #333;\n        }\n        .slide .benefits p {\n            margin: 0 0 12px 0;\n            font-size: 18px; \n        }\n        .slide .benefits p strong {\n            font-weight: 600;\n            font-size: 20px; \n        }\n        .slide .benefits ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .slide .benefits li {\n            position: relative;\n            padding-left: 24px; \n            margin-bottom: 8px;\n            font-size: 18px; \n        }\n        .slide .benefits li:before {\n            content: \"•\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #333;\n            font-size: 20px; \n        }\n        .slide .benefits li:last-child {\n            margin-bottom: 0;\n        }\n        \n        .dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n        }\n        .slide {\n            position: relative;\n        }\n        .slide-dots {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide-dots .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            font-size: 0;\n        }\n        .slide-dots .dot.active {\n            background-color: #333;\n            transform: scale(1.2);\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n        .slide-dots .dot:hover {\n            background-color: #999;\n            transform: scale(1.1);\n        }\n        .slide-dots .dot {\n            transform: scale(1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fixed-dots-container {\n            position: absolute;\n            bottom: 12px;\n            right: 12px;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n        .slide .slide-dots {\n            display: none !important;\n        }\n        .dot {\n            width: 24px;\n            height: 4px;\n            border: none;\n            background-color: #ccc;\n            border-radius: 2px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            font-size: 0;\n        }\n        .dot.active {\n            background-color: #333;\n        }\n        .dot:hover {\n            background-color: #999;\n        }\n        \/* ========== End Slider Styles ========== *\/\n        \n        \/* ========== Product Tabs Styles ========== *\/\n        .product__block--tabs {\n            margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n        }\n        .tabs-wrapper {\n            width: 100%;\n        }\n        .tabs__head {\n            position: relative;\n            border-bottom: 1px solid #e5e5e5;\n            margin-bottom: 20px;\n        }\n        .product-tabs-title {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n        .tab-link {\n            position: relative;\n            padding: 12px 0;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            color: #999;\n            transition: color 0.3s ease;\n            border: none;\n            background: none;\n            outline: none;\n        }\n        .tab-link:hover {\n            color: #333;\n        }\n        .tab-link.current {\n            color: #000;\n        }\n        .tab-link.current::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background-color: #000;\n        }\n        .tab-content {\n            display: none;\n            color: #666;\n            line-height: 1.6;\n            font-size: 18px;\n        }\n        .tab-content.current {\n            display: block;\n        }\n        .tab-content p {\n            margin: 0 0 16px 0;\n        }\n        .tab-content ul {\n            margin: 0 0 16px 0;\n            padding-left: 20px;\n        }\n        .tab-content li {\n            margin-bottom: 8px;\n        }\n        .tab-content strong {\n            color: #333;\n            font-weight: 600;\n        }\n        .tab-content img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            margin: 16px 0;\n        }\n        .tabs__arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border: 1px solid #e5e5e5;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .tabs__arrow:hover {\n            background: #f5f5f5;\n        }\n        .tabs__arrow--prev {\n            left: -16px;\n        }\n        .tabs__arrow--next {\n            right: -16px;\n        }\n        .tabs__arrow.is-hidden {\n            display: none;\n        }\n        .tabs__arrow svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Product Tabs Responsive *\/\n        @media (max-width: 768px) {\n            .product-tabs-title {\n                gap: 20px;\n            }\n            .tab-link {\n                font-size: 14px;\n                padding: 10px 0;\n            }\n            .tab-content {\n                font-size: 16px;\n            }\n            .tabs__arrow {\n                width: 28px;\n                height: 28px;\n            }\n            .tabs__arrow svg {\n                width: 14px;\n                height: 14px;\n            }\n            .product__block--tabs {\n                margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n            }\n        }\n        \/* ========== End Product Tabs Styles ========== *\/\n\n        \/* ========== Toggle Ellipsis Styles ========== *\/\n        .toggle-ellipsis {\n            position: relative;\n            overflow: hidden;\n        }\n        .toggle-ellipsis__content {\n            position: relative;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            max-height: 175px;\n        }\n        .toggle-ellipsis__content::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 40px;\n            background: linear-gradient(transparent, white);\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .toggle-ellipsis__actions {\n            text-align: center;\n            margin-top: 10px;\n        }\n        .caps--link {\n            background: none;\n            border: none;\n            color: #999;\n            font-size: 14px;\n            cursor: pointer;\n            text-decoration: underline;\n            padding: 0;\n            transition: color 0.3s ease;\n        }\n        .caps--link:hover {\n            color: #333;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content {\n            max-height: none;\n        }\n        .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n            opacity: 0;\n        }\n        .toggle-ellipsis.expanded .caps--link span {\n            display: none;\n        }\n        .toggle-ellipsis.expanded .caps--link::after {\n            content: 'Show Less';\n        }\n        \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n        \/* ========== Utility Styles ========== *\/\n        .native-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .native-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .rte {\n            margin-bottom: 20px;\n        }\n        \/* ========== End Utility Styles ========== *\/\n    \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eFree 30 Days Returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003eLifetime Free Servicing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e100% natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"icon-info-item\"\u003e\n\u003cspan class=\"icon\"\u003e \u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"text\"\u003e5000 Years of Chinese Culture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/ae756ce5e7f7e3098ebfd6a7f78e941d.png?v=1754155028\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eChinese zodiac: 【Pig】\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eZodiac Attributes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eGenerous \u0026amp; Sincere\u003c\/li\u003e\n\u003cli\u003eHardworking \u0026amp; Naive\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"icon-text\"\u003e\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"text\"\u003e\n\u003cp\u003eHeXiangZhu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eKey Benefits\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRelieving fatigue\u003c\/li\u003e\n\u003cli\u003eStimulation \u0026amp; Rejuvenation\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\/div\u003e\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e \u003c\/p\u003e\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003eDescription\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003eTips\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e \u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003cspan class=\"visually-hidden\"\u003eSee All\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cp class=\"p\"\u003e\u003cstrong\u003eSimple Pigs are carefree and prone to oily skin and slow metabolism. The cinnabar pendant symbolizes good fortune, and green fluorite purifies aura. While HeXiangZhu provides customized skin-purifying care for Pigs' constitutions. The fresh scent of HeXiangZhu can promote body metabolism, improving edema from slow circulation. Its herbal components can also regulate sebaceous gland secretion, relieving oily skin, and nourish the skin to make the complexion fresher. The auspicious design fits Pigs' traits, balancing physical conditioning and appearance improvement.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eManual measurements may have slight deviations – thanks for your understanding!\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThese handmade, natural products may have minor irregularities. Lighting may also cause slight color differences from photos.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUnder normal wear, the scent lasts 1-2 months. Should the fragrance fade, sealing the beads for 2-3 days will restore it without needing to add more perfume.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAll crystals are polished from natural raw ore, free from dyeing or resin injection, ensuring quality assurance.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThe incense beads are made from natural herbal materials without chemical adhesives and are suitable for sensitive skin. Should any discomfort occur, discontinue use and contact customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eIt is recommended to wear your birth zodiac design. If layering is desired, choose zodiac designs that complement each other according to the Five Elements. For details, please consult customer service.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFor returns of free-shipping items not due to quality issues, buyers cover return shipping.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e \u003cspan\u003eRead More\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e \u003c!-- ========== End Tabs Section ========== --\u003e \u003cscript\u003e\n        \/\/ ========== Slider Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const sliderContainer = document.getElementById('sliderContainer');\n            const slidesWrapper = document.getElementById('slidesWrapper');\n            const slides = document.querySelectorAll('.slide');\n            const dots = document.querySelectorAll('.dot');\n            let currentSlide = 0;\n            const totalSlides = slides.length;\n            \n            let isDragging = false;\n            let startX = 0;\n            let currentX = 0;\n            let initialTransform = 0;\n            let animationId = 0;\n\n            function updateSlider() {\n                const translateX = -currentSlide * 100;\n                slidesWrapper.style.transform = `translateX(${translateX}%)`;\n                \n                dots.forEach((dot, index) =\u003e {\n                    const wasActive = dot.classList.contains('active');\n                    const isActive = index === currentSlide;\n                    \n                    if (wasActive !== isActive) {\n                        setTimeout(() =\u003e {\n                            dot.classList.toggle('active', isActive);\n                        }, index * 50); \n                    } else {\n                        dot.classList.toggle('active', isActive);\n                    }\n                });\n                \n                slides.forEach((slide, index) =\u003e {\n                    if (index === currentSlide) {\n                        slide.style.opacity = '1';\n                        slide.style.transform = 'scale(1)';\n                    } else {\n                        slide.style.opacity = '0.8';\n                        slide.style.transform = 'scale(0.98)';\n                    }\n                });\n            }\n\n            function showSlide(index) {\n                currentSlide = index;\n                if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n                if (currentSlide \u003e= totalSlides) currentSlide = 0;\n                updateSlider();\n            }\n\n            dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    showSlide(index);\n                });\n            });\n            \n            sliderContainer.addEventListener('mousedown', startDrag);\n            sliderContainer.addEventListener('mousemove', drag);\n            sliderContainer.addEventListener('mouseup', endDrag);\n            sliderContainer.addEventListener('mouseleave', endDrag);\n\n            sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n            sliderContainer.addEventListener('touchmove', drag, { passive: false });\n            sliderContainer.addEventListener('touchend', endDrag);\n\n            function startDrag(e) {\n                isDragging = true;\n                startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                initialTransform = -currentSlide * 100;\n                slidesWrapper.style.transition = 'none';\n                \n                if (animationId) {\n                    cancelAnimationFrame(animationId);\n                }\n            }\n\n            function drag(e) {\n                if (!isDragging) return;\n                \n                e.preventDefault();\n                currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n                const deltaX = currentX - startX;\n                const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n                const newTransform = initialTransform + dragPercentage;\n                \n                slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n            }\n\n            function endDrag(e) {\n                if (!isDragging) return;\n                \n                isDragging = false;\n                slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n                \n                const deltaX = currentX - startX;\n                const threshold = sliderContainer.offsetWidth * 0.15; \n                \n                if (Math.abs(deltaX) \u003e threshold) {\n                    if (deltaX \u003e 0) {\n                        showSlide(currentSlide - 1);\n                    } else {\n                        showSlide(currentSlide + 1);\n                    }\n                } else {\n                    updateSlider();\n                }\n            }\n\n            sliderContainer.addEventListener('dragstart', (e) =\u003e {\n                e.preventDefault();\n            });\n\n            setInterval(() =\u003e {\n                if (!isDragging) {\n                    showSlide(currentSlide + 1);\n                }\n            }, 5000);\n        });\n\n        \/\/ ========== Tab Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabLinks = document.querySelectorAll('.tab-link');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            function showTab(index) {\n                tabContents.forEach(content =\u003e content.classList.remove('current'));\n                tabLinks.forEach(link =\u003e link.classList.remove('current'));\n                \n                tabContents[index].classList.add('current');\n                tabLinks[index].classList.add('current');\n            }\n\n            tabLinks.forEach((link, index) =\u003e {\n                link.addEventListener('click', () =\u003e {\n                    showTab(index);\n                });\n            });\n        });\n\n        \/\/ ========== Expand\/Collapse Functionality ==========\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleButtons = document.querySelectorAll('.caps--link');\n            \n            toggleButtons.forEach(button =\u003e {\n                button.addEventListener('click', function() {\n                    const toggleContainer = this.closest('.toggle-ellipsis');\n                    const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n                    const buttonText = this.querySelector('span');\n                    \n                    if (toggleContainer.classList.contains('expanded')) {\n                        toggleContainer.classList.remove('expanded');\n                        content.style.maxHeight = '175px';\n                        buttonText.textContent = 'Read More';\n                    } else {\n                        toggleContainer.classList.add('expanded');\n                        content.style.maxHeight = content.scrollHeight + 'px';\n                        buttonText.textContent = 'Show Less';\n                    }\n                });\n            });\n        });\n\u003c\/script\u003e \u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .products-intro-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .products-intro-title {\n    font-size: 2.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 36px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-list {\n    display: flex;\n    justify-content: center;\n    gap: 0 36px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .products-intro-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 280px;\n  }\n  .products-intro-img {\n    width: 100px;\n    height: 100px;\n    object-fit: contain;\n    margin-bottom: 20px;\n    margin-top: 12px;\n  }\n  .products-intro-name {\n    font-size: 1.8rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 600;\n    margin-bottom: 18px;\n    text-align: center;\n    letter-spacing: 0.01em;\n  }\n  .products-intro-desc {\n    list-style: disc inside;\n    text-align: center;\n    font-size: 1.6rem;\n    color: #222;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    display: inline-block;\n  }\n  .products-intro-desc li {\n    margin-bottom: 12px;\n    line-height: 1.5;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  @media (max-width: 900px) and (min-width: 600px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n    }\n    .products-intro-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n    .products-intro-item {\n      width: calc(50% - 12px);\n      max-width: 320px;\n    }\n  }\n  \n  @media (max-width: 599px) {\n    .products-intro-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      margin-bottom: 20px;\n    }\n    .products-intro-list {\n      gap: 16px;\n      justify-content: center;\n      padding: 0 12px;\n    }\n    .products-intro-item {\n      width: calc(50% - 8px);\n      max-width: 180px;\n    }\n    .products-intro-img {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 10px;\n      margin-top: 6px;\n    }\n    .products-intro-name {\n      font-size: 1.4rem;\n      margin-bottom: 8px;\n    }\n    .products-intro-desc {\n      font-size: 1.6rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .products-intro-title {\n      font-size: 1.8rem;\n      margin-bottom: 16px;\n    }\n    .products-intro-list {\n      gap: 12px;\n      padding: 0 8px;\n    }\n    .products-intro-item {\n      width: calc(50% - 6px);\n      max-width: 150px;\n    }\n    .products-intro-img {\n      width: 80px;\n      height: 50px;\n      margin-bottom: 8px;\n      margin-top: 4px;\n    }\n    .products-intro-name {\n      font-size: 2.5rem;\n      margin-bottom: 6px;\n    }\n    .products-intro-desc {\n      font-size: 1.4rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  @media (max-width: 360px) {\n    .products-intro-title {\n      font-size: 1.6rem;\n      margin-bottom: 12px;\n    }\n    .products-intro-list {\n      gap: 8px;\n      padding: 0 6px;\n    }\n    .products-intro-item {\n      width: calc(50% - 4px);\n      max-width: 130px;\n    }\n    .products-intro-img {\n      width: 40px;\n      height: 40px;\n      margin-bottom: 6px;\n      margin-top: 2px;\n    }\n    .products-intro-name {\n      font-size: 1.1rem;\n      margin-bottom: 4px;\n    }\n    .products-intro-desc {\n      font-size: 1.2rem;\n    }\n    .products-intro-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\u003cdiv class=\"products-intro-title\"\u003eProducts Introduction\u003c\/div\u003e\n\u003cdiv class=\"products-intro-list\"\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"Size\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eSize\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eBead diameter 12mm\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"products-intro-item\"\u003e\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"Chakra\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"products-intro-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eDry Cool No-Chemicals\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n  .key-energy-section {\n    width: 100%;\n    margin: 0;\n    background: #fff;\n  }\n  .key-energy-title {\n    font-size: 3.2rem;\n    font-family: 'Times New Roman', Times, serif;\n    font-weight: 700;\n    margin-bottom: 40px;\n    text-align: left;\n    margin-left: 8vw;\n    letter-spacing: 0.01em;\n  }\n       .key-energy-list {\n     display: flex;\n     justify-content: center;\n     gap: 0 80px;\n     max-width: 800px;\n     margin: 0 auto;\n   }\n   .key-energy-item {\n     display: flex;\n     flex-direction: column;\n     align-items: center;\n     width: 320px;\n   }\n       .key-energy-img {\n     width: 140px;\n     height: 140px;\n     object-fit: contain;\n     margin-bottom: 20px;\n     margin-top: 16px;\n   }\n       .key-energy-name {\n     font-size: 1.8rem;\n     font-family: 'Times New Roman', Times, serif;\n     font-weight: 600;\n     margin-bottom: 18px;\n     text-align: center;\n     letter-spacing: 0.01em;\n   }\n       .key-energy-desc {\n     list-style: disc inside;\n     text-align: center;\n     font-size: 1.5rem;\n     color: #222;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     display: inline-block;\n   }\n  .key-energy-desc li {\n    margin-bottom: 10px;\n    line-height: 1.6;\n    word-break: break-word;\n    padding-left: 0;\n    text-indent: 0;\n    display: list-item;\n  }\n  \n  \/* Tablet styles *\/\n  @media (max-width: 900px) and (min-width: 600px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.4rem;\n      font-weight: 700;\n    }\n    .key-energy-list {\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 12px);\n       max-width: 350px;\n     }\n  }\n  \n  \/* Mobile styles - 2 items per row, more compact *\/\n  @media (max-width: 599px) {\n    .key-energy-title {\n      margin-left: 0;\n      text-align: center;\n      font-size: 2.0rem;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n    .key-energy-list {\n      gap: 14px;\n      justify-content: center;\n      padding: 0 8px;\n    }\n           .key-energy-item {\n       width: calc(50% - 7px);\n       max-width: 180px;\n     }\n     .key-energy-img {\n       width: 90px;\n       height: 90px;\n       margin-bottom: 12px;\n       margin-top: 8px;\n     }\n           .key-energy-name {\n       font-size: 1.5rem;\n       font-weight: 600;\n       margin-bottom: 10px;\n     }\n             .key-energy-desc {\n        font-size: 1.6rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 8px;\n      line-height: 1.4;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Extra small mobile styles - even more compact *\/\n  @media (max-width: 480px) {\n    .key-energy-title {\n      font-size: 1.8rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n    .key-energy-list {\n      gap: 12px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 6px);\n       max-width: 160px;\n     }\n     .key-energy-img {\n       width: 80px;\n       height: 80px;\n       margin-bottom: 10px;\n       margin-top: 6px;\n     }\n           .key-energy-name {\n       font-size: 2.5rem;\n       font-weight: 600;\n       margin-bottom: 8px;\n     }\n             .key-energy-desc {\n        font-size: 1.4rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 6px;\n      line-height: 1.3;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \n  \/* Super small mobile styles *\/\n  @media (max-width: 360px) {\n    .key-energy-title {\n      font-size: 1.6rem;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .key-energy-list {\n      gap: 8px;\n      padding: 0 6px;\n      justify-content: center;\n    }\n           .key-energy-item {\n       width: calc(50% - 4px);\n       max-width: 120px;\n     }\n     .key-energy-img {\n       width: 70px;\n       height: 70px;\n       margin-bottom: 8px;\n       margin-top: 4px;\n     }\n           .key-energy-name {\n       font-size: 1.2rem;\n       font-weight: 600;\n       margin-bottom: 6px;\n     }\n             .key-energy-desc {\n        font-size: 1.2rem;\n        font-weight: 500;\n        list-style: none;\n      }\n     .key-energy-desc li {\n      margin-bottom: 4px;\n      line-height: 1.2;\n      padding-left: 0;\n      white-space: normal;\n      word-break: normal;\n      text-align: center;\n    }\n  }\n  \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\u003cdiv class=\"key-energy-title\"\u003eKey Energy\u003c\/div\u003e\n\u003cdiv class=\"key-energy-list\"\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/1dbf75d3f55dbd34e0c97b93291f1114.png?v=1754236498\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eFluorite\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eSerenity\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAlertness \u0026amp; Security\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-energy-item\"\u003e\n\u003cimg alt=\"Citrine\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/46efbf80b56c80fa25f9998e14e40c94.png?v=1764950979\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003eCinnabar\u003c\/strong\u003e\u003c\/div\u003e\n\u003cul class=\"key-energy-desc\"\u003e\n\u003cli\u003e\u003cstrong\u003eStabilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSoothe \u0026amp; Tranquilize\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":51457025507642,"sku":"12Zodiac-Pig-S","price":59.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":51628290998586,"sku":"12Zodiac-Pig-M","price":59.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":51628291031354,"sku":"12Zodiac-Pig-L","price":59.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/9085f250fd0637646fc9a1b281c4b08d.png?v=1766685196"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/collections\/chinese-zodiac-jewelry-1029618.jpg?v=1767698191","url":"https:\/\/fategemz.com\/collections\/se-zodiac-bracelets-handcrafted-traditional-incense-beads.oembed","provider":"FateGemz","version":"1.0","type":"link"}