{"title":"無形文化遺産の手作り黒糖","description":"","products":[{"product_id":"原味黒糖","title":"プレーン黒糖","description":"\u003cstyle\u003e\n    \/* ========== 隐藏主题默认内容 ========== *\/\n    .shopify-section--main-product,\n    .product__media,\n    .product__info-wrapper,\n    .product__title,\n    .product__description,\n    .price,\n    .product-form,\n    .product-form__submit,\n    .product__submit,\n    .buy-buttons,\n    .shopify-payment-button,\n    .product-form__buttons,\n    form[action=\"\/cart\/add\"],\n    .product-recommendations,\n    .shopify-section--product-recommendations {\n        display: none !important;\n    }\n    body, main, .shopify-section { background: #FFFFFF !important; }\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .herb-product {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 3rem 2rem 4rem;\n        font-family: 'Inter', sans-serif;\n        color: #2A2620;\n        background: #FFFFFF;\n    }\n    .herb-product-main {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n        margin-bottom: 4rem;\n    }\n    .herb-product-image {\n        position: relative;\n        cursor: pointer;\n        border-radius: 32px;\n        overflow: hidden;\n        background: #F5F0E8;\n    }\n    .herb-product-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.4s ease;\n    }\n    .herb-product-image:hover img { transform: scale(1.02); }\n    .herb-zoom-hint {\n        position: absolute;\n        bottom: 1rem;\n        right: 1rem;\n        background: rgba(255,255,255,0.8);\n        backdrop-filter: blur(4px);\n        padding: 0.25rem 0.75rem;\n        border-radius: 40px;\n        font-size: 0.6rem;\n        color: #2A2620;\n        opacity: 0;\n        transition: opacity 0.3s;\n        pointer-events: none;\n    }\n    .herb-product-image:hover .herb-zoom-hint { opacity: 1; }\n    .herb-product-info { padding-top: 0; }\n    .herb-product-sub {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #C57C4A;\n        margin-bottom: 1rem;\n    }\n    .herb-product-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 2.5rem;\n        font-weight: 500;\n        color: #2A2620;\n        line-height: 1.2;\n        margin-bottom: 1rem;\n    }\n    .herb-price { margin: 1.5rem 0 1rem 0; }\n    .herb-price-sale {\n        font-size: 1.75rem;\n        font-weight: 500;\n        color: #2A2620;\n    }\n    .herb-price-compare {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #9E9A94;\n        text-decoration: line-through;\n        margin-left: 0.75rem;\n    }\n    .herb-price-tax {\n        font-size: 0.8rem;\n        font-weight: 400;\n        color: #9E9A94;\n        margin-left: 0.5rem;\n    }\n    .herb-quantity {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 1.5rem 0;\n    }\n    .herb-qty-label {\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        color: #9E9A94;\n    }\n    .herb-qty-control {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: #F5F0E8;\n        border-radius: 60px;\n        padding: 0.2rem;\n    }\n    .herb-qty-btn {\n        width: 32px;\n        height: 32px;\n        background: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.2rem;\n        color: #2A2620;\n        transition: all 0.2s;\n    }\n    .herb-qty-btn:hover { background: rgba(197, 124, 74, 0.15); }\n    .herb-qty-number {\n        min-width: 40px;\n        text-align: center;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }\n\n    .herb-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        margin: 1rem 0;\n    }\n\n    .herb-add-to-cart {\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-add-to-cart:hover { background: #C57C4A; }\n    .herb-add-to-cart:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .herb-buy-now {\n        background: #C57C4A;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-buy-now:hover { background: #A8653A; }\n\n    .herb-cart-message {\n        font-size: 0.75rem;\n        color: #C57C4A;\n        text-align: center;\n        margin-top: 0.25rem;\n        min-height: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .herb-cart-message.show {\n        opacity: 1;\n    }\n\n    .herb-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n        margin-top: 1.5rem;\n    }\n    .herb-tag {\n        background: #F5F0E8;\n        padding: 0.35rem 1rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        color: #2A2620;\n    }\n    .herb-description {\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding: 3rem 0;\n        max-width: 720px;\n    }\n    .herb-description-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #4A4640;\n        margin-bottom: 2rem;\n        white-space: pre-wrap;\n    }\n    .herb-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n    }\n    .herb-features li {\n        font-size: 0.85rem;\n        color: #4A4640;\n        margin: 0.75rem 0;\n        padding-left: 1.5rem;\n        position: relative;\n    }\n    .herb-features li::before {\n        content: \"🌿\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        font-size: 0.8rem;\n    }\n    .herb-brewing {\n        background: #F5F0E8;\n        border-radius: 28px;\n        padding: 2rem;\n        margin: 2rem 0;\n        max-width: 680px;\n    }\n    .herb-brewing-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1rem;\n        margin-bottom: 1.25rem;\n        color: #C57C4A;\n    }\n    .herb-brewing-step {\n        font-size: 0.85rem;\n        margin: 0.75rem 0;\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        padding: 0.5rem 0;\n        border-bottom: 0.5px solid rgba(42, 38, 32, 0.04);\n    }\n    .herb-brewing-step strong {\n        min-width: 70px;\n        color: #6B675F;\n    }\n    .herb-brewing-step:last-child { border-bottom: none; }\n    .herb-notice {\n        background: rgba(197, 124, 74, 0.04);\n        border-left: 2px solid #C57C4A;\n        padding: 1rem 1.5rem;\n        margin: 1.5rem 0;\n        font-size: 0.75rem;\n        color: #6B675F;\n        line-height: 1.5;\n    }\n    .herb-closing {\n        font-size: 0.85rem;\n        color: #9E9A94;\n        text-align: center;\n        padding: 2rem 0;\n        font-style: italic;\n    }\n\n    .herb-recommended {\n        margin: 4rem 0 2rem;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding-top: 3rem;\n    }\n    .herb-recommended-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1.1rem;\n        font-weight: 500;\n        text-align: center;\n        letter-spacing: 2px;\n        color: #2A2620;\n        margin-bottom: 2rem;\n    }\n    .herb-recommended-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n    }\n    .herb-recommended-item {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n        display: block;\n        text-align: center;\n    }\n    .herb-recommended-item:hover {\n        transform: translateY(-4px);\n    }\n    .herb-recommended-img {\n        width: 100%;\n        aspect-ratio: 1\/1;\n        background: #F5F0E8;\n        border-radius: 24px;\n        object-fit: cover;\n        margin-bottom: 1rem;\n        transition: box-shadow 0.3s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-img {\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    }\n    .herb-recommended-name {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2A2620;\n        transition: color 0.2s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-name {\n        color: #C57C4A;\n    }\n    .herb-recommended-price {\n        font-size: 0.75rem;\n        color: #9E9A94;\n        margin-top: 0.25rem;\n    }\n\n    .herb-footer {\n        text-align: center;\n        padding: 2rem 0 0;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        font-size: 0.7rem;\n        color: #9E9A94;\n        letter-spacing: 1px;\n        margin-top: 2rem;\n    }\n    .herb-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(42, 38, 32, 0.95);\n        z-index: 10001;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s;\n        cursor: pointer;\n    }\n    .herb-modal.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    .herb-modal img {\n        max-width: 90%;\n        max-height: 90%;\n        border-radius: 16px;\n    }\n    .herb-modal-close {\n        position: absolute;\n        top: 2rem;\n        right: 2rem;\n        color: #FCF9F4;\n        font-size: 2rem;\n        cursor: pointer;\n    }\n\n    .herb-back-to-top {\n        position: fixed;\n        bottom: 2rem;\n        right: 2rem;\n        width: 48px;\n        height: 48px;\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10000;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px);\n    }\n    .herb-back-to-top.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    .herb-back-to-top:hover {\n        background: #C57C4A;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 768px) {\n        .herb-product { padding: 1.5rem 1rem 3rem; }\n        .herb-product-main { grid-template-columns: 1fr; gap: 2rem; }\n        .herb-product-title { font-size: 1.75rem; }\n        .herb-recommended-grid { gap: 1.25rem; }\n        .herb-recommended-name { font-size: 0.85rem; }\n        .herb-back-to-top {\n            bottom: 1.5rem;\n            right: 1.5rem;\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"herb-product\"\u003e\n    \u003cdiv class=\"herb-product-main\"\u003e\n        \u003cdiv class=\"herb-product-image\" id=\"herbProductImage\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903\" alt=\"原味红糖\" id=\"herbMainImage\"\u003e\n            \u003cspan class=\"herb-zoom-hint\"\u003e🔍 クリックで拡大\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"herb-product-info\"\u003e\n            \u003cdiv class=\"herb-product-sub\"\u003e純粋な甘さ · 100%サトウキビの恵み\u003c\/div\u003e\n            \u003ch1 class=\"herb-product-title\"\u003e原味红糖\u003c\/h1\u003e\n            \u003cdiv class=\"herb-price\"\u003e\n                \u003cspan class=\"herb-price-sale\" id=\"herbSalePrice\"\u003e¥5,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-compare\" id=\"herbComparePrice\"\u003e¥7,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-tax\"\u003e（税込）\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-quantity\"\u003e\n                \u003cspan class=\"herb-qty-label\"\u003e数量\u003c\/span\u003e\n                \u003cdiv class=\"herb-qty-control\"\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyMinus\"\u003e−\u003c\/button\u003e\n                    \u003cspan class=\"herb-qty-number\" id=\"herbQtyNumber\"\u003e1\u003c\/span\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyPlus\"\u003e+\u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-buttons\"\u003e\n                \u003cbutton class=\"herb-add-to-cart\" id=\"herbAddToCart\"\u003eカートに追加\u003c\/button\u003e\n                \u003cbutton class=\"herb-buy-now\" id=\"herbBuyNow\"\u003eすぐに購入する\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-cart-message\" id=\"herbCartMessage\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"herb-tags\"\u003e\n                \u003cspan class=\"herb-tag\"\u003e無添加\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e体を温める\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003eサトウキビ100%\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e個包装\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-description\"\u003e\n        \u003cdiv class=\"herb-description-text\"\u003e100%サトウキビジュースを伝統製法でじっくりと煮詰め、自然結晶させた純粋な黒糖です。\n\n香料・保存料・着色料を一切加えず、サトウキビ本来の天然ミネラルと豊かな風味をそのまま閉じ込めました。個包装で衛生的、いつでも手軽に純粋な甘さをお楽しみいただけます。\u003c\/div\u003e\n        \u003cul class=\"herb-features\"\u003e\n            \u003cli\u003e100%サトウキビジュース、無添加の純粋な味わい\u003c\/li\u003e\n            \u003cli\u003e伝統製法でじっくり煮詰め、自然結晶\u003c\/li\u003e\n            \u003cli\u003eサトウキビ本来のミネラルと栄養を保持\u003c\/li\u003e\n            \u003cli\u003e温かい飲み物から料理・お菓子作りまで幅広く\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-brewing\"\u003e\n        \u003cdiv class=\"herb-brewing-title\"\u003e🍵 お召し上がり方\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003e温かい飲み物\u003c\/strong\u003e 黒糖1個＋お湯または温かい牛乳に溶かす\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアレンジ\u003c\/strong\u003e 生姜の薄切り、ナツメ、リュウガンと一緒に煮出す\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003e料理・お菓子に\u003c\/strong\u003e お好みのレシピに合わせてご使用ください\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-notice\"\u003e⚠️ ご注意：個別防湿包装で固まったり劣化したりする心配がありません。涼しく乾燥した場所に保管することをお勧めします。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-closing\"\u003e1個の黒糖、1杯の温もり。個別包装で、純粋な甘さをいつでもお楽しみいただけます。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-recommended\"\u003e\n        \u003cdiv class=\"herb-recommended-title\"\u003e—— こちらもおすすめ ——\u003c\/div\u003e\n        \u003cdiv class=\"herb-recommended-grid\" id=\"herbRecommendedGrid\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-footer\"\u003e© 草本新生 · 日常の一杯をお茶に。\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"herb-modal\" id=\"herbModal\"\u003e\n    \u003cdiv class=\"herb-modal-close\"\u003e✕\u003c\/div\u003e\n    \u003cimg id=\"herbModalImg\" src=\"\"\u003e\n\u003c\/div\u003e\n\n\u003cbutton class=\"herb-back-to-top\" id=\"herbBackToTop\" aria-label=\"回到顶部\"\u003e↑\u003c\/button\u003e\n\n\u003cscript\u003e\n(function() {\n    \/\/ ============================================================\n    \/\/ 原味红糖 - Variant ID\n    \/\/ ============================================================\n    var VARIANT_ID = 44542685970501;\n\n    \/\/ ============================================================\n    \/\/ 设置固定价格（原味红糖）\n    \/\/ ============================================================\n    var saleEl = document.getElementById('herbSalePrice');\n    var compareEl = document.getElementById('herbComparePrice');\n    if (saleEl) saleEl.textContent = '¥5,500';\n    if (compareEl) compareEl.textContent = '¥7,500';\n\n    \/\/ ============================================================\n    \/\/ 产品推荐数据（日文名称）\n    \/\/ ============================================================\n    var recommendedProducts = [\n        {\n            name: \"桂花黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"桂花红糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261\"\n        },\n        {\n            name: \"ローズ黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ローズ黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341\"\n        },\n        {\n            name: \"ハトムギ生姜黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ハトムギ生姜黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076\"\n        },\n        {\n            name: \"老姜紅糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"老姜紅糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338\"\n        }\n    ];\n\n    \/\/ ============================================================\n    \/\/ 生成推荐产品\n    \/\/ ============================================================\n    var grid = document.getElementById('herbRecommendedGrid');\n    if (grid) {\n        recommendedProducts.forEach(function(product) {\n            var encodedHandle = encodeURIComponent(product.handle);\n            var url = 'https:\/\/hcrhcr.com\/products\/' + encodedHandle;\n            var item = document.createElement('a');\n            item.className = 'herb-recommended-item';\n            item.href = url;\n            item.innerHTML = \n                '\u003cimg src=\"' + product.img + '\" class=\"herb-recommended-img\" alt=\"' + product.name + '\"\u003e' +\n                '\u003cdiv class=\"herb-recommended-name\"\u003e' + product.name + '\u003c\/div\u003e' +\n                '\u003cdiv class=\"herb-recommended-price\"\u003e' + product.price + '\u003c\/div\u003e';\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 数量选择器\n    \/\/ ============================================================\n    var qty = 1;\n    var qtySpan = document.getElementById('herbQtyNumber');\n    var qtyMinus = document.getElementById('herbQtyMinus');\n    var qtyPlus = document.getElementById('herbQtyPlus');\n    if (qtyMinus) {\n        qtyMinus.addEventListener('click', function() {\n            if (qty \u003e 1) { qty--; qtySpan.textContent = qty; }\n        });\n    }\n    if (qtyPlus) {\n        qtyPlus.addEventListener('click', function() {\n            qty++; qtySpan.textContent = qty;\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 购物车功能 - Ajax 方式\n    \/\/ ============================================================\n    var addBtn = document.getElementById('herbAddToCart');\n    var buyBtn = document.getElementById('herbBuyNow');\n    var messageEl = document.getElementById('herbCartMessage');\n    \n    function showMessage(text, isSuccess) {\n        if (!messageEl) return;\n        messageEl.textContent = text;\n        messageEl.style.color = isSuccess ? '#C57C4A' : '#D43F3F';\n        messageEl.classList.add('show');\n        setTimeout(function() {\n            messageEl.classList.remove('show');\n        }, 3000);\n    }\n\n    \/\/ Ajax 加购\n    function addToCartAjax(variantId, quantity) {\n        if (!addBtn) return;\n        addBtn.disabled = true;\n        addBtn.textContent = '追加中...';\n        fetch('\/cart\/add.js', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n            body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: parseInt(quantity) }] })\n        })\n        .then(function(response) {\n            if (!response.ok) {\n                return response.text().then(function(text) {\n                    throw new Error(text);\n                });\n            }\n            return response.json();\n        })\n        .then(function(data) {\n            showMessage('✅ カートに追加しました (' + quantity + '点)', true);\n            updateCartCount();\n        })\n        .catch(function(error) {\n            console.error('Error:', error);\n            showMessage('⚠️ 追加に失敗しました。もう一度お試しください。', false);\n        })\n        .finally(function() {\n            addBtn.disabled = false;\n            addBtn.textContent = 'カートに追加';\n        });\n    }\n    \n    function updateCartCount() {\n        fetch('\/cart.js')\n            .then(function(res) { return res.json(); })\n            .then(function(cart) {\n                var total = 0;\n                if (cart.items) {\n                    cart.items.forEach(function(item) {\n                        total = total + item.quantity;\n                    });\n                }\n                document.querySelectorAll('.cart-count, .cart-icon .count, .site-header__cart-count').forEach(function(el) {\n                    el.textContent = total;\n                    el.style.display = total \u003e 0 ? 'flex' : 'none';\n                });\n            })\n            .catch(function() {});\n    }\n\n    \/\/ 加购按钮\n    if (addBtn) {\n        addBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            addToCartAjax(VARIANT_ID, qty);\n        });\n    }\n\n    \/\/ 立即购买（Ajax加购 → 跳转结账）\n    if (buyBtn) {\n        buyBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            buyBtn.disabled = true;\n            buyBtn.textContent = '処理中...';\n            \n            fetch('\/cart\/add.js', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    items: [{\n                        id: parseInt(VARIANT_ID),\n                        quantity: parseInt(qty)\n                    }]\n                })\n            })\n            .then(function(response) {\n                if (!response.ok) {\n                    return response.text().then(function(text) {\n                        throw new Error(text);\n                    });\n                }\n                return response.json();\n            })\n            .then(function() {\n                window.location.href = '\/checkout';\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                showMessage('⚠️ 購入手続きに失敗しました。もう一度お試しください。', false);\n                buyBtn.disabled = false;\n                buyBtn.textContent = 'すぐに購入する';\n            });\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 图片放大\n    \/\/ ============================================================\n    var modal = document.getElementById('herbModal');\n    var modalImg = document.getElementById('herbModalImg');\n    var productImage = document.getElementById('herbProductImage');\n    var mainImage = document.getElementById('herbMainImage');\n    if (productImage \u0026\u0026 modal \u0026\u0026 modalImg \u0026\u0026 mainImage) {\n        productImage.addEventListener('click', function() {\n            modalImg.src = mainImage.src;\n            modal.classList.add('active');\n        });\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target.classList.contains('herb-modal-close')) {\n                modal.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 一键到顶\n    \/\/ ============================================================\n    var backToTopBtn = document.getElementById('herbBackToTop');\n    if (backToTopBtn) {\n        window.addEventListener('scroll', function() {\n            if (window.scrollY \u003e 300) {\n                backToTopBtn.classList.add('show');\n            } else {\n                backToTopBtn.classList.remove('show');\n            }\n        });\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        updateCartCount();\n    });\n})();\n\u003c\/script\u003e","brand":"H.C.Real","offers":[{"title":"Default Title","offer_id":44542685970501,"sku":null,"price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903"},{"product_id":"老姜紅糖","title":"生姜黒糖","description":"\u003cstyle\u003e\n    \/* ========== 隐藏主题默认内容 ========== *\/\n    .shopify-section--main-product,\n    .product__media,\n    .product__info-wrapper,\n    .product__title,\n    .product__description,\n    .price,\n    .product-form,\n    .product-form__submit,\n    .product__submit,\n    .buy-buttons,\n    .shopify-payment-button,\n    .product-form__buttons,\n    form[action=\"\/cart\/add\"],\n    .product-recommendations,\n    .shopify-section--product-recommendations {\n        display: none !important;\n    }\n    body, main, .shopify-section { background: #FFFFFF !important; }\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .herb-product {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 3rem 2rem 4rem;\n        font-family: 'Inter', sans-serif;\n        color: #2A2620;\n        background: #FFFFFF;\n    }\n    .herb-product-main {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n        margin-bottom: 4rem;\n    }\n    .herb-product-image {\n        position: relative;\n        cursor: pointer;\n        border-radius: 32px;\n        overflow: hidden;\n        background: #F5F0E8;\n    }\n    .herb-product-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.4s ease;\n    }\n    .herb-product-image:hover img { transform: scale(1.02); }\n    .herb-zoom-hint {\n        position: absolute;\n        bottom: 1rem;\n        right: 1rem;\n        background: rgba(255,255,255,0.8);\n        backdrop-filter: blur(4px);\n        padding: 0.25rem 0.75rem;\n        border-radius: 40px;\n        font-size: 0.6rem;\n        color: #2A2620;\n        opacity: 0;\n        transition: opacity 0.3s;\n        pointer-events: none;\n    }\n    .herb-product-image:hover .herb-zoom-hint { opacity: 1; }\n    .herb-product-info { padding-top: 0; }\n    .herb-product-sub {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #C57C4A;\n        margin-bottom: 1rem;\n    }\n    .herb-product-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 2.5rem;\n        font-weight: 500;\n        color: #2A2620;\n        line-height: 1.2;\n        margin-bottom: 1rem;\n    }\n    .herb-price { margin: 1.5rem 0 1rem 0; }\n    .herb-price-sale {\n        font-size: 1.75rem;\n        font-weight: 500;\n        color: #2A2620;\n    }\n    .herb-price-compare {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #9E9A94;\n        text-decoration: line-through;\n        margin-left: 0.75rem;\n    }\n    .herb-price-tax {\n        font-size: 0.8rem;\n        font-weight: 400;\n        color: #9E9A94;\n        margin-left: 0.5rem;\n    }\n    .herb-quantity {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 1.5rem 0;\n    }\n    .herb-qty-label {\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        color: #9E9A94;\n    }\n    .herb-qty-control {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: #F5F0E8;\n        border-radius: 60px;\n        padding: 0.2rem;\n    }\n    .herb-qty-btn {\n        width: 32px;\n        height: 32px;\n        background: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.2rem;\n        color: #2A2620;\n        transition: all 0.2s;\n    }\n    .herb-qty-btn:hover { background: rgba(197, 124, 74, 0.15); }\n    .herb-qty-number {\n        min-width: 40px;\n        text-align: center;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }\n\n    .herb-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        margin: 1rem 0;\n    }\n\n    .herb-add-to-cart {\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-add-to-cart:hover { background: #C57C4A; }\n    .herb-add-to-cart:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .herb-buy-now {\n        background: #C57C4A;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-buy-now:hover { background: #A8653A; }\n\n    .herb-cart-message {\n        font-size: 0.75rem;\n        color: #C57C4A;\n        text-align: center;\n        margin-top: 0.25rem;\n        min-height: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .herb-cart-message.show {\n        opacity: 1;\n    }\n\n    .herb-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n        margin-top: 1.5rem;\n    }\n    .herb-tag {\n        background: #F5F0E8;\n        padding: 0.35rem 1rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        color: #2A2620;\n    }\n    .herb-description {\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding: 3rem 0;\n        max-width: 720px;\n    }\n    .herb-description-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #4A4640;\n        margin-bottom: 2rem;\n        white-space: pre-wrap;\n    }\n    .herb-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n    }\n    .herb-features li {\n        font-size: 0.85rem;\n        color: #4A4640;\n        margin: 0.75rem 0;\n        padding-left: 1.5rem;\n        position: relative;\n    }\n    .herb-features li::before {\n        content: \"🌿\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        font-size: 0.8rem;\n    }\n    .herb-brewing {\n        background: #F5F0E8;\n        border-radius: 28px;\n        padding: 2rem;\n        margin: 2rem 0;\n        max-width: 680px;\n    }\n    .herb-brewing-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1rem;\n        margin-bottom: 1.25rem;\n        color: #C57C4A;\n    }\n    .herb-brewing-step {\n        font-size: 0.85rem;\n        margin: 0.75rem 0;\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        padding: 0.5rem 0;\n        border-bottom: 0.5px solid rgba(42, 38, 32, 0.04);\n    }\n    .herb-brewing-step strong {\n        min-width: 70px;\n        color: #6B675F;\n    }\n    .herb-brewing-step:last-child { border-bottom: none; }\n    .herb-notice {\n        background: rgba(197, 124, 74, 0.04);\n        border-left: 2px solid #C57C4A;\n        padding: 1rem 1.5rem;\n        margin: 1.5rem 0;\n        font-size: 0.75rem;\n        color: #6B675F;\n        line-height: 1.5;\n    }\n    .herb-closing {\n        font-size: 0.85rem;\n        color: #9E9A94;\n        text-align: center;\n        padding: 2rem 0;\n        font-style: italic;\n    }\n\n    .herb-recommended {\n        margin: 4rem 0 2rem;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding-top: 3rem;\n    }\n    .herb-recommended-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1.1rem;\n        font-weight: 500;\n        text-align: center;\n        letter-spacing: 2px;\n        color: #2A2620;\n        margin-bottom: 2rem;\n    }\n    .herb-recommended-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n    }\n    .herb-recommended-item {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n        display: block;\n        text-align: center;\n    }\n    .herb-recommended-item:hover {\n        transform: translateY(-4px);\n    }\n    .herb-recommended-img {\n        width: 100%;\n        aspect-ratio: 1\/1;\n        background: #F5F0E8;\n        border-radius: 24px;\n        object-fit: cover;\n        margin-bottom: 1rem;\n        transition: box-shadow 0.3s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-img {\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    }\n    .herb-recommended-name {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2A2620;\n        transition: color 0.2s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-name {\n        color: #C57C4A;\n    }\n    .herb-recommended-price {\n        font-size: 0.75rem;\n        color: #9E9A94;\n        margin-top: 0.25rem;\n    }\n\n    .herb-footer {\n        text-align: center;\n        padding: 2rem 0 0;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        font-size: 0.7rem;\n        color: #9E9A94;\n        letter-spacing: 1px;\n        margin-top: 2rem;\n    }\n    .herb-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(42, 38, 32, 0.95);\n        z-index: 10001;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s;\n        cursor: pointer;\n    }\n    .herb-modal.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    .herb-modal img {\n        max-width: 90%;\n        max-height: 90%;\n        border-radius: 16px;\n    }\n    .herb-modal-close {\n        position: absolute;\n        top: 2rem;\n        right: 2rem;\n        color: #FCF9F4;\n        font-size: 2rem;\n        cursor: pointer;\n    }\n\n    .herb-back-to-top {\n        position: fixed;\n        bottom: 2rem;\n        right: 2rem;\n        width: 48px;\n        height: 48px;\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10000;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px);\n    }\n    .herb-back-to-top.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    .herb-back-to-top:hover {\n        background: #C57C4A;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 768px) {\n        .herb-product { padding: 1.5rem 1rem 3rem; }\n        .herb-product-main { grid-template-columns: 1fr; gap: 2rem; }\n        .herb-product-title { font-size: 1.75rem; }\n        .herb-recommended-grid { gap: 1.25rem; }\n        .herb-recommended-name { font-size: 0.85rem; }\n        .herb-back-to-top {\n            bottom: 1.5rem;\n            right: 1.5rem;\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"herb-product\"\u003e\n    \u003cdiv class=\"herb-product-main\"\u003e\n        \u003cdiv class=\"herb-product-image\" id=\"herbProductImage\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338\" alt=\"老姜红糖\" id=\"herbMainImage\"\u003e\n            \u003cspan class=\"herb-zoom-hint\"\u003e🔍 クリックで拡大\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"herb-product-info\"\u003e\n            \u003cdiv class=\"herb-product-sub\"\u003e体の芯から温める · 老姜と黒糖の力\u003c\/div\u003e\n            \u003ch1 class=\"herb-product-title\"\u003e老姜红糖\u003c\/h1\u003e\n            \u003cdiv class=\"herb-price\"\u003e\n                \u003cspan class=\"herb-price-sale\" id=\"herbSalePrice\"\u003e¥5,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-compare\" id=\"herbComparePrice\"\u003e¥7,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-tax\"\u003e（税込）\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-quantity\"\u003e\n                \u003cspan class=\"herb-qty-label\"\u003e数量\u003c\/span\u003e\n                \u003cdiv class=\"herb-qty-control\"\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyMinus\"\u003e−\u003c\/button\u003e\n                    \u003cspan class=\"herb-qty-number\" id=\"herbQtyNumber\"\u003e1\u003c\/span\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyPlus\"\u003e+\u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-buttons\"\u003e\n                \u003cbutton class=\"herb-add-to-cart\" id=\"herbAddToCart\"\u003eカートに追加\u003c\/button\u003e\n                \u003cbutton class=\"herb-buy-now\" id=\"herbBuyNow\"\u003eすぐに購入する\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-cart-message\" id=\"herbCartMessage\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"herb-tags\"\u003e\n                \u003cspan class=\"herb-tag\"\u003e無添加\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e体を温める\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e老姜配合\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e個包装\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-description\"\u003e\n        \u003cdiv class=\"herb-description-text\"\u003e100%サトウキビ汁と厳選した老姜を、伝統製法でじっくりと炊き上げました。\n\n香料・保存料を一切加えず、サトウキビと老姜の絶妙なバランスが生む、温かくても辛すぎない味わいが特長です。老姜の温め効果と黒糖の穏やかな滋養が、体の芯から日常の冷えをケアします。\n\n個包装で衛生的、オフィス・外出・自宅でいつでも手軽にお楽しみいただけます。\u003c\/div\u003e\n        \u003cul class=\"herb-features\"\u003e\n            \u003cli\u003e100%サトウキビ汁と厳選老姜\u003c\/li\u003e\n            \u003cli\u003e伝統製法で素材本来の風味を保持\u003c\/li\u003e\n            \u003cli\u003e体を温め、冷えや不快感を和らげる\u003c\/li\u003e\n            \u003cli\u003e女性の生理期や寒い季節の温活に\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-brewing\"\u003e\n        \u003cdiv class=\"herb-brewing-title\"\u003e🍵 お召し上がり方\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eホット\u003c\/strong\u003e 1個＋熱湯250mlを注ぎ、よく溶かす\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003e温め効果アップ\u003c\/strong\u003e ナツメやクコの実を一緒に入れて\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003e料理にも\u003c\/strong\u003e 姜撞奶（生姜ミルクプリン）や生姜スープに\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-notice\"\u003e⚠️ ご注意：体が熱めの方、妊娠中や体質に心配のある方は適量をお守りください。直射日光を避け、涼しく乾燥した場所で保管してください。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-closing\"\u003e老姜の温かさ、黒糖の甘さ、個包装の便利さ。一杯で手の先から心の底まで温かく。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-recommended\"\u003e\n        \u003cdiv class=\"herb-recommended-title\"\u003e—— こちらもおすすめ ——\u003c\/div\u003e\n        \u003cdiv class=\"herb-recommended-grid\" id=\"herbRecommendedGrid\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-footer\"\u003e© 草本新生 · 日常の一杯をお茶に。\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"herb-modal\" id=\"herbModal\"\u003e\n    \u003cdiv class=\"herb-modal-close\"\u003e✕\u003c\/div\u003e\n    \u003cimg id=\"herbModalImg\" src=\"\"\u003e\n\u003c\/div\u003e\n\n\u003cbutton class=\"herb-back-to-top\" id=\"herbBackToTop\" aria-label=\"回到顶部\"\u003e↑\u003c\/button\u003e\n\n\u003cscript\u003e\n(function() {\n    \/\/ ============================================================\n    \/\/ 老姜红糖 - Variant ID\n    \/\/ ============================================================\n    var VARIANT_ID = 44544453869637;\n\n    \/\/ ============================================================\n    \/\/ 设置固定价格（老姜红糖）\n    \/\/ ============================================================\n    var saleEl = document.getElementById('herbSalePrice');\n    var compareEl = document.getElementById('herbComparePrice');\n    if (saleEl) saleEl.textContent = '¥5,500';\n    if (compareEl) compareEl.textContent = '¥7,500';\n\n    \/\/ ============================================================\n    \/\/ 产品推荐数据（日文名称）\n    \/\/ ============================================================\n    var recommendedProducts = [\n        {\n            name: \"桂花黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"桂花红糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261\"\n        },\n        {\n            name: \"ローズ黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ローズ黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341\"\n        },\n        {\n            name: \"ハトムギ生姜黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ハトムギ生姜黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076\"\n        },\n        {\n            name: \"原味黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"原味黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903\"\n        }\n    ];\n\n    \/\/ ============================================================\n    \/\/ 生成推荐产品\n    \/\/ ============================================================\n    var grid = document.getElementById('herbRecommendedGrid');\n    if (grid) {\n        recommendedProducts.forEach(function(product) {\n            var encodedHandle = encodeURIComponent(product.handle);\n            var url = 'https:\/\/hcrhcr.com\/products\/' + encodedHandle;\n            var item = document.createElement('a');\n            item.className = 'herb-recommended-item';\n            item.href = url;\n            item.innerHTML = \n                '\u003cimg src=\"' + product.img + '\" class=\"herb-recommended-img\" alt=\"' + product.name + '\"\u003e' +\n                '\u003cdiv class=\"herb-recommended-name\"\u003e' + product.name + '\u003c\/div\u003e' +\n                '\u003cdiv class=\"herb-recommended-price\"\u003e' + product.price + '\u003c\/div\u003e';\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 数量选择器\n    \/\/ ============================================================\n    var qty = 1;\n    var qtySpan = document.getElementById('herbQtyNumber');\n    var qtyMinus = document.getElementById('herbQtyMinus');\n    var qtyPlus = document.getElementById('herbQtyPlus');\n    if (qtyMinus) {\n        qtyMinus.addEventListener('click', function() {\n            if (qty \u003e 1) { qty--; qtySpan.textContent = qty; }\n        });\n    }\n    if (qtyPlus) {\n        qtyPlus.addEventListener('click', function() {\n            qty++; qtySpan.textContent = qty;\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 购物车功能 - Ajax 方式\n    \/\/ ============================================================\n    var addBtn = document.getElementById('herbAddToCart');\n    var buyBtn = document.getElementById('herbBuyNow');\n    var messageEl = document.getElementById('herbCartMessage');\n    \n    function showMessage(text, isSuccess) {\n        if (!messageEl) return;\n        messageEl.textContent = text;\n        messageEl.style.color = isSuccess ? '#C57C4A' : '#D43F3F';\n        messageEl.classList.add('show');\n        setTimeout(function() {\n            messageEl.classList.remove('show');\n        }, 3000);\n    }\n\n    \/\/ Ajax 加购\n    function addToCartAjax(variantId, quantity) {\n        if (!addBtn) return;\n        addBtn.disabled = true;\n        addBtn.textContent = '追加中...';\n        fetch('\/cart\/add.js', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n            body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: parseInt(quantity) }] })\n        })\n        .then(function(response) {\n            if (!response.ok) {\n                return response.text().then(function(text) {\n                    throw new Error(text);\n                });\n            }\n            return response.json();\n        })\n        .then(function(data) {\n            showMessage('✅ カートに追加しました (' + quantity + '点)', true);\n            updateCartCount();\n        })\n        .catch(function(error) {\n            console.error('Error:', error);\n            showMessage('⚠️ 追加に失敗しました。もう一度お試しください。', false);\n        })\n        .finally(function() {\n            addBtn.disabled = false;\n            addBtn.textContent = 'カートに追加';\n        });\n    }\n    \n    function updateCartCount() {\n        fetch('\/cart.js')\n            .then(function(res) { return res.json(); })\n            .then(function(cart) {\n                var total = 0;\n                if (cart.items) {\n                    cart.items.forEach(function(item) {\n                        total = total + item.quantity;\n                    });\n                }\n                document.querySelectorAll('.cart-count, .cart-icon .count, .site-header__cart-count').forEach(function(el) {\n                    el.textContent = total;\n                    el.style.display = total \u003e 0 ? 'flex' : 'none';\n                });\n            })\n            .catch(function() {});\n    }\n\n    \/\/ 加购按钮\n    if (addBtn) {\n        addBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            addToCartAjax(VARIANT_ID, qty);\n        });\n    }\n\n    \/\/ 立即购买（Ajax加购 → 跳转结账）\n    if (buyBtn) {\n        buyBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            buyBtn.disabled = true;\n            buyBtn.textContent = '処理中...';\n            \n            fetch('\/cart\/add.js', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    items: [{\n                        id: parseInt(VARIANT_ID),\n                        quantity: parseInt(qty)\n                    }]\n                })\n            })\n            .then(function(response) {\n                if (!response.ok) {\n                    return response.text().then(function(text) {\n                        throw new Error(text);\n                    });\n                }\n                return response.json();\n            })\n            .then(function() {\n                window.location.href = '\/checkout';\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                showMessage('⚠️ 購入手続きに失敗しました。もう一度お試しください。', false);\n                buyBtn.disabled = false;\n                buyBtn.textContent = 'すぐに購入する';\n            });\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 图片放大\n    \/\/ ============================================================\n    var modal = document.getElementById('herbModal');\n    var modalImg = document.getElementById('herbModalImg');\n    var productImage = document.getElementById('herbProductImage');\n    var mainImage = document.getElementById('herbMainImage');\n    if (productImage \u0026\u0026 modal \u0026\u0026 modalImg \u0026\u0026 mainImage) {\n        productImage.addEventListener('click', function() {\n            modalImg.src = mainImage.src;\n            modal.classList.add('active');\n        });\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target.classList.contains('herb-modal-close')) {\n                modal.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 一键到顶\n    \/\/ ============================================================\n    var backToTopBtn = document.getElementById('herbBackToTop');\n    if (backToTopBtn) {\n        window.addEventListener('scroll', function() {\n            if (window.scrollY \u003e 300) {\n                backToTopBtn.classList.add('show');\n            } else {\n                backToTopBtn.classList.remove('show');\n            }\n        });\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        updateCartCount();\n    });\n})();\n\u003c\/script\u003e","brand":"H.C.Real","offers":[{"title":"Default Title","offer_id":44544453869637,"sku":null,"price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338"},{"product_id":"ハトムギ生姜黒糖","title":"ハトムギ生姜黒糖","description":"\u003cstyle\u003e\n    \/* ========== 隐藏主题默认内容 ========== *\/\n    .shopify-section--main-product,\n    .product__media,\n    .product__info-wrapper,\n    .product__title,\n    .product__description,\n    .price,\n    .product-form,\n    .product-form__submit,\n    .product__submit,\n    .buy-buttons,\n    .shopify-payment-button,\n    .product-form__buttons,\n    form[action=\"\/cart\/add\"],\n    .product-recommendations,\n    .shopify-section--product-recommendations {\n        display: none !important;\n    }\n    body, main, .shopify-section { background: #FFFFFF !important; }\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .herb-product {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 3rem 2rem 4rem;\n        font-family: 'Inter', sans-serif;\n        color: #2A2620;\n        background: #FFFFFF;\n    }\n    .herb-product-main {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n        margin-bottom: 4rem;\n    }\n    .herb-product-image {\n        position: relative;\n        cursor: pointer;\n        border-radius: 32px;\n        overflow: hidden;\n        background: #F5F0E8;\n    }\n    .herb-product-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.4s ease;\n    }\n    .herb-product-image:hover img { transform: scale(1.02); }\n    .herb-zoom-hint {\n        position: absolute;\n        bottom: 1rem;\n        right: 1rem;\n        background: rgba(255,255,255,0.8);\n        backdrop-filter: blur(4px);\n        padding: 0.25rem 0.75rem;\n        border-radius: 40px;\n        font-size: 0.6rem;\n        color: #2A2620;\n        opacity: 0;\n        transition: opacity 0.3s;\n        pointer-events: none;\n    }\n    .herb-product-image:hover .herb-zoom-hint { opacity: 1; }\n    .herb-product-info { padding-top: 0; }\n    .herb-product-sub {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #C57C4A;\n        margin-bottom: 1rem;\n    }\n    .herb-product-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 2.5rem;\n        font-weight: 500;\n        color: #2A2620;\n        line-height: 1.2;\n        margin-bottom: 1rem;\n    }\n    .herb-price { margin: 1.5rem 0 1rem 0; }\n    .herb-price-sale {\n        font-size: 1.75rem;\n        font-weight: 500;\n        color: #2A2620;\n    }\n    .herb-price-compare {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #9E9A94;\n        text-decoration: line-through;\n        margin-left: 0.75rem;\n    }\n    .herb-price-tax {\n        font-size: 0.8rem;\n        font-weight: 400;\n        color: #9E9A94;\n        margin-left: 0.5rem;\n    }\n    .herb-quantity {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 1.5rem 0;\n    }\n    .herb-qty-label {\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        color: #9E9A94;\n    }\n    .herb-qty-control {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: #F5F0E8;\n        border-radius: 60px;\n        padding: 0.2rem;\n    }\n    .herb-qty-btn {\n        width: 32px;\n        height: 32px;\n        background: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.2rem;\n        color: #2A2620;\n        transition: all 0.2s;\n    }\n    .herb-qty-btn:hover { background: rgba(197, 124, 74, 0.15); }\n    .herb-qty-number {\n        min-width: 40px;\n        text-align: center;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }\n\n    .herb-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        margin: 1rem 0;\n    }\n\n    .herb-add-to-cart {\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-add-to-cart:hover { background: #C57C4A; }\n    .herb-add-to-cart:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .herb-buy-now {\n        background: #C57C4A;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-buy-now:hover { background: #A8653A; }\n\n    .herb-cart-message {\n        font-size: 0.75rem;\n        color: #C57C4A;\n        text-align: center;\n        margin-top: 0.25rem;\n        min-height: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .herb-cart-message.show {\n        opacity: 1;\n    }\n\n    .herb-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n        margin-top: 1.5rem;\n    }\n    .herb-tag {\n        background: #F5F0E8;\n        padding: 0.35rem 1rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        color: #2A2620;\n    }\n    .herb-description {\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding: 3rem 0;\n        max-width: 720px;\n    }\n    .herb-description-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #4A4640;\n        margin-bottom: 2rem;\n        white-space: pre-wrap;\n    }\n    .herb-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n    }\n    .herb-features li {\n        font-size: 0.85rem;\n        color: #4A4640;\n        margin: 0.75rem 0;\n        padding-left: 1.5rem;\n        position: relative;\n    }\n    .herb-features li::before {\n        content: \"🌿\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        font-size: 0.8rem;\n    }\n    .herb-brewing {\n        background: #F5F0E8;\n        border-radius: 28px;\n        padding: 2rem;\n        margin: 2rem 0;\n        max-width: 680px;\n    }\n    .herb-brewing-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1rem;\n        margin-bottom: 1.25rem;\n        color: #C57C4A;\n    }\n    .herb-brewing-step {\n        font-size: 0.85rem;\n        margin: 0.75rem 0;\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        padding: 0.5rem 0;\n        border-bottom: 0.5px solid rgba(42, 38, 32, 0.04);\n    }\n    .herb-brewing-step strong {\n        min-width: 70px;\n        color: #6B675F;\n    }\n    .herb-brewing-step:last-child { border-bottom: none; }\n    .herb-notice {\n        background: rgba(197, 124, 74, 0.04);\n        border-left: 2px solid #C57C4A;\n        padding: 1rem 1.5rem;\n        margin: 1.5rem 0;\n        font-size: 0.75rem;\n        color: #6B675F;\n        line-height: 1.5;\n    }\n    .herb-closing {\n        font-size: 0.85rem;\n        color: #9E9A94;\n        text-align: center;\n        padding: 2rem 0;\n        font-style: italic;\n    }\n\n    .herb-recommended {\n        margin: 4rem 0 2rem;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding-top: 3rem;\n    }\n    .herb-recommended-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1.1rem;\n        font-weight: 500;\n        text-align: center;\n        letter-spacing: 2px;\n        color: #2A2620;\n        margin-bottom: 2rem;\n    }\n    .herb-recommended-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n    }\n    .herb-recommended-item {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n        display: block;\n        text-align: center;\n    }\n    .herb-recommended-item:hover {\n        transform: translateY(-4px);\n    }\n    .herb-recommended-img {\n        width: 100%;\n        aspect-ratio: 1\/1;\n        background: #F5F0E8;\n        border-radius: 24px;\n        object-fit: cover;\n        margin-bottom: 1rem;\n        transition: box-shadow 0.3s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-img {\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    }\n    .herb-recommended-name {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2A2620;\n        transition: color 0.2s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-name {\n        color: #C57C4A;\n    }\n    .herb-recommended-price {\n        font-size: 0.75rem;\n        color: #9E9A94;\n        margin-top: 0.25rem;\n    }\n\n    .herb-footer {\n        text-align: center;\n        padding: 2rem 0 0;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        font-size: 0.7rem;\n        color: #9E9A94;\n        letter-spacing: 1px;\n        margin-top: 2rem;\n    }\n    .herb-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(42, 38, 32, 0.95);\n        z-index: 10001;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s;\n        cursor: pointer;\n    }\n    .herb-modal.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    .herb-modal img {\n        max-width: 90%;\n        max-height: 90%;\n        border-radius: 16px;\n    }\n    .herb-modal-close {\n        position: absolute;\n        top: 2rem;\n        right: 2rem;\n        color: #FCF9F4;\n        font-size: 2rem;\n        cursor: pointer;\n    }\n\n    .herb-back-to-top {\n        position: fixed;\n        bottom: 2rem;\n        right: 2rem;\n        width: 48px;\n        height: 48px;\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10000;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px);\n    }\n    .herb-back-to-top.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    .herb-back-to-top:hover {\n        background: #C57C4A;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 768px) {\n        .herb-product { padding: 1.5rem 1rem 3rem; }\n        .herb-product-main { grid-template-columns: 1fr; gap: 2rem; }\n        .herb-product-title { font-size: 1.75rem; }\n        .herb-recommended-grid { gap: 1.25rem; }\n        .herb-recommended-name { font-size: 0.85rem; }\n        .herb-back-to-top {\n            bottom: 1.5rem;\n            right: 1.5rem;\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"herb-product\"\u003e\n    \u003cdiv class=\"herb-product-main\"\u003e\n        \u003cdiv class=\"herb-product-image\" id=\"herbProductImage\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076\" alt=\"薏米姜糖\" id=\"herbMainImage\"\u003e\n            \u003cspan class=\"herb-zoom-hint\"\u003e🔍 クリックで拡大\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"herb-product-info\"\u003e\n            \u003cdiv class=\"herb-product-sub\"\u003e自然のレシピ · ハトムギと生姜の温活ブレンド\u003c\/div\u003e\n            \u003ch1 class=\"herb-product-title\"\u003e薏米姜糖\u003c\/h1\u003e\n            \u003cdiv class=\"herb-price\"\u003e\n                \u003cspan class=\"herb-price-sale\" id=\"herbSalePrice\"\u003e¥5,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-compare\" id=\"herbComparePrice\"\u003e¥7,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-tax\"\u003e（税込）\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-quantity\"\u003e\n                \u003cspan class=\"herb-qty-label\"\u003e数量\u003c\/span\u003e\n                \u003cdiv class=\"herb-qty-control\"\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyMinus\"\u003e−\u003c\/button\u003e\n                    \u003cspan class=\"herb-qty-number\" id=\"herbQtyNumber\"\u003e1\u003c\/span\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyPlus\"\u003e+\u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-buttons\"\u003e\n                \u003cbutton class=\"herb-add-to-cart\" id=\"herbAddToCart\"\u003eカートに追加\u003c\/button\u003e\n                \u003cbutton class=\"herb-buy-now\" id=\"herbBuyNow\"\u003eすぐに購入する\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-cart-message\" id=\"herbCartMessage\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"herb-tags\"\u003e\n                \u003cspan class=\"herb-tag\"\u003e無添加\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e体を温める\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003eハトムギ配合\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e個包装\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-description\"\u003e\n        \u003cdiv class=\"herb-description-text\"\u003eハトムギエキスと生姜汁、100%黒糖が織りなす、体に優しい温活ブレンド。\n\n香料・着色料・保存料を一切加えず、伝統製法で仕上げました。ハトムギが生姜の辛さを調和させ、黒糖の自然な甘みが全体を優しく包み込みます。\n\n個包装で計量正確、いつでも手軽にお楽しみいただけます。\u003c\/div\u003e\n        \u003cul class=\"herb-features\"\u003e\n            \u003cli\u003eハトムギ·生姜·黒糖の黄金バランス\u003c\/li\u003e\n            \u003cli\u003e体を温め、冷えを散らす温活サポート\u003c\/li\u003e\n            \u003cli\u003e湿気の多い季節やむくみにも\u003c\/li\u003e\n            \u003cli\u003eホットでもアイスでも、アレンジ自在\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-brewing\"\u003e\n        \u003cdiv class=\"herb-brewing-title\"\u003e🍵 お召し上がり方\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eホット\u003c\/strong\u003e 1個＋熱湯250mlを注ぎ、よく溶かす\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアレンジ\u003c\/strong\u003e ナツメやクコの実を追加して栄養アップ\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアイス\u003c\/strong\u003e 溶かして冷まし、レモンやミントを添えて\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-notice\"\u003e⚠️ ご注意：妊娠中、陰虚火旺体質、食材アレルギーの方はご注意ください。個包装は防湿加工済みですが、開封後はお早めにお召し上がりください。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-closing\"\u003eハトムギで湿気を取る、生姜で体を温める、黒糖で滋養を補う。一杯で三重のケア。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-recommended\"\u003e\n        \u003cdiv class=\"herb-recommended-title\"\u003e—— こちらもおすすめ ——\u003c\/div\u003e\n        \u003cdiv class=\"herb-recommended-grid\" id=\"herbRecommendedGrid\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-footer\"\u003e© 草本新生 · 日常の一杯をお茶に。\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"herb-modal\" id=\"herbModal\"\u003e\n    \u003cdiv class=\"herb-modal-close\"\u003e✕\u003c\/div\u003e\n    \u003cimg id=\"herbModalImg\" src=\"\"\u003e\n\u003c\/div\u003e\n\n\u003cbutton class=\"herb-back-to-top\" id=\"herbBackToTop\" aria-label=\"回到顶部\"\u003e↑\u003c\/button\u003e\n\n\u003cscript\u003e\n(function() {\n    \/\/ ============================================================\n    \/\/ 薏米姜糖 - Variant ID\n    \/\/ ============================================================\n    var VARIANT_ID = 44544567017541;\n\n    \/\/ ============================================================\n    \/\/ 设置固定价格（薏米姜糖）\n    \/\/ ============================================================\n    var saleEl = document.getElementById('herbSalePrice');\n    var compareEl = document.getElementById('herbComparePrice');\n    if (saleEl) saleEl.textContent = '¥5,500';\n    if (compareEl) compareEl.textContent = '¥7,500';\n\n    \/\/ ============================================================\n    \/\/ 产品推荐数据（日文名称）\n    \/\/ ============================================================\n    var recommendedProducts = [\n        {\n            name: \"桂花黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"桂花红糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261\"\n        },\n        {\n            name: \"ローズ黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ローズ黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341\"\n        },\n        {\n            name: \"老姜紅糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"老姜紅糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338\"\n        },\n        {\n            name: \"原味黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"原味黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903\"\n        }\n    ];\n\n    \/\/ ============================================================\n    \/\/ 生成推荐产品\n    \/\/ ============================================================\n    var grid = document.getElementById('herbRecommendedGrid');\n    if (grid) {\n        recommendedProducts.forEach(function(product) {\n            var encodedHandle = encodeURIComponent(product.handle);\n            var url = 'https:\/\/hcrhcr.com\/products\/' + encodedHandle;\n            var item = document.createElement('a');\n            item.className = 'herb-recommended-item';\n            item.href = url;\n            item.innerHTML = \n                '\u003cimg src=\"' + product.img + '\" class=\"herb-recommended-img\" alt=\"' + product.name + '\"\u003e' +\n                '\u003cdiv class=\"herb-recommended-name\"\u003e' + product.name + '\u003c\/div\u003e' +\n                '\u003cdiv class=\"herb-recommended-price\"\u003e' + product.price + '\u003c\/div\u003e';\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 数量选择器\n    \/\/ ============================================================\n    var qty = 1;\n    var qtySpan = document.getElementById('herbQtyNumber');\n    var qtyMinus = document.getElementById('herbQtyMinus');\n    var qtyPlus = document.getElementById('herbQtyPlus');\n    if (qtyMinus) {\n        qtyMinus.addEventListener('click', function() {\n            if (qty \u003e 1) { qty--; qtySpan.textContent = qty; }\n        });\n    }\n    if (qtyPlus) {\n        qtyPlus.addEventListener('click', function() {\n            qty++; qtySpan.textContent = qty;\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 购物车功能 - Ajax 方式\n    \/\/ ============================================================\n    var addBtn = document.getElementById('herbAddToCart');\n    var buyBtn = document.getElementById('herbBuyNow');\n    var messageEl = document.getElementById('herbCartMessage');\n    \n    function showMessage(text, isSuccess) {\n        if (!messageEl) return;\n        messageEl.textContent = text;\n        messageEl.style.color = isSuccess ? '#C57C4A' : '#D43F3F';\n        messageEl.classList.add('show');\n        setTimeout(function() {\n            messageEl.classList.remove('show');\n        }, 3000);\n    }\n\n    \/\/ Ajax 加购\n    function addToCartAjax(variantId, quantity) {\n        if (!addBtn) return;\n        addBtn.disabled = true;\n        addBtn.textContent = '追加中...';\n        fetch('\/cart\/add.js', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n            body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: parseInt(quantity) }] })\n        })\n        .then(function(response) {\n            if (!response.ok) {\n                return response.text().then(function(text) {\n                    throw new Error(text);\n                });\n            }\n            return response.json();\n        })\n        .then(function(data) {\n            showMessage('✅ カートに追加しました (' + quantity + '点)', true);\n            updateCartCount();\n        })\n        .catch(function(error) {\n            console.error('Error:', error);\n            showMessage('⚠️ 追加に失敗しました。もう一度お試しください。', false);\n        })\n        .finally(function() {\n            addBtn.disabled = false;\n            addBtn.textContent = 'カートに追加';\n        });\n    }\n    \n    function updateCartCount() {\n        fetch('\/cart.js')\n            .then(function(res) { return res.json(); })\n            .then(function(cart) {\n                var total = 0;\n                if (cart.items) {\n                    cart.items.forEach(function(item) {\n                        total = total + item.quantity;\n                    });\n                }\n                document.querySelectorAll('.cart-count, .cart-icon .count, .site-header__cart-count').forEach(function(el) {\n                    el.textContent = total;\n                    el.style.display = total \u003e 0 ? 'flex' : 'none';\n                });\n            })\n            .catch(function() {});\n    }\n\n    \/\/ 加购按钮\n    if (addBtn) {\n        addBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            addToCartAjax(VARIANT_ID, qty);\n        });\n    }\n\n    \/\/ 立即购买（Ajax加购 → 跳转结账）\n    if (buyBtn) {\n        buyBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            buyBtn.disabled = true;\n            buyBtn.textContent = '処理中...';\n            \n            fetch('\/cart\/add.js', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    items: [{\n                        id: parseInt(VARIANT_ID),\n                        quantity: parseInt(qty)\n                    }]\n                })\n            })\n            .then(function(response) {\n                if (!response.ok) {\n                    return response.text().then(function(text) {\n                        throw new Error(text);\n                    });\n                }\n                return response.json();\n            })\n            .then(function() {\n                window.location.href = '\/checkout';\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                showMessage('⚠️ 購入手続きに失敗しました。もう一度お試しください。', false);\n                buyBtn.disabled = false;\n                buyBtn.textContent = 'すぐに購入する';\n            });\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 图片放大\n    \/\/ ============================================================\n    var modal = document.getElementById('herbModal');\n    var modalImg = document.getElementById('herbModalImg');\n    var productImage = document.getElementById('herbProductImage');\n    var mainImage = document.getElementById('herbMainImage');\n    if (productImage \u0026\u0026 modal \u0026\u0026 modalImg \u0026\u0026 mainImage) {\n        productImage.addEventListener('click', function() {\n            modalImg.src = mainImage.src;\n            modal.classList.add('active');\n        });\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target.classList.contains('herb-modal-close')) {\n                modal.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 一键到顶\n    \/\/ ============================================================\n    var backToTopBtn = document.getElementById('herbBackToTop');\n    if (backToTopBtn) {\n        window.addEventListener('scroll', function() {\n            if (window.scrollY \u003e 300) {\n                backToTopBtn.classList.add('show');\n            } else {\n                backToTopBtn.classList.remove('show');\n            }\n        });\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        updateCartCount();\n    });\n})();\n\u003c\/script\u003e","brand":"H.C.Real","offers":[{"title":"Default Title","offer_id":44544567017541,"sku":null,"price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076"},{"product_id":"ローズ黒糖","title":"ローズ黒糖","description":"\u003cstyle\u003e\n    \/* ========== 隐藏主题默认内容 ========== *\/\n    .shopify-section--main-product,\n    .product__media,\n    .product__info-wrapper,\n    .product__title,\n    .product__description,\n    .price,\n    .product-form,\n    .product-form__submit,\n    .product__submit,\n    .buy-buttons,\n    .shopify-payment-button,\n    .product-form__buttons,\n    form[action=\"\/cart\/add\"],\n    .product-recommendations,\n    .shopify-section--product-recommendations {\n        display: none !important;\n    }\n    body, main, .shopify-section { background: #FFFFFF !important; }\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .herb-product {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 3rem 2rem 4rem;\n        font-family: 'Inter', sans-serif;\n        color: #2A2620;\n        background: #FFFFFF;\n    }\n    .herb-product-main {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n        margin-bottom: 4rem;\n    }\n    .herb-product-image {\n        position: relative;\n        cursor: pointer;\n        border-radius: 32px;\n        overflow: hidden;\n        background: #F5F0E8;\n    }\n    .herb-product-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.4s ease;\n    }\n    .herb-product-image:hover img { transform: scale(1.02); }\n    .herb-zoom-hint {\n        position: absolute;\n        bottom: 1rem;\n        right: 1rem;\n        background: rgba(255,255,255,0.8);\n        backdrop-filter: blur(4px);\n        padding: 0.25rem 0.75rem;\n        border-radius: 40px;\n        font-size: 0.6rem;\n        color: #2A2620;\n        opacity: 0;\n        transition: opacity 0.3s;\n        pointer-events: none;\n    }\n    .herb-product-image:hover .herb-zoom-hint { opacity: 1; }\n    .herb-product-info { padding-top: 0; }\n    .herb-product-sub {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #C57C4A;\n        margin-bottom: 1rem;\n    }\n    .herb-product-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 2.5rem;\n        font-weight: 500;\n        color: #2A2620;\n        line-height: 1.2;\n        margin-bottom: 1rem;\n    }\n    .herb-price { margin: 1.5rem 0 1rem 0; }\n    .herb-price-sale {\n        font-size: 1.75rem;\n        font-weight: 500;\n        color: #2A2620;\n    }\n    .herb-price-compare {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #9E9A94;\n        text-decoration: line-through;\n        margin-left: 0.75rem;\n    }\n    .herb-price-tax {\n        font-size: 0.8rem;\n        font-weight: 400;\n        color: #9E9A94;\n        margin-left: 0.5rem;\n    }\n    .herb-quantity {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 1.5rem 0;\n    }\n    .herb-qty-label {\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        color: #9E9A94;\n    }\n    .herb-qty-control {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: #F5F0E8;\n        border-radius: 60px;\n        padding: 0.2rem;\n    }\n    .herb-qty-btn {\n        width: 32px;\n        height: 32px;\n        background: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.2rem;\n        color: #2A2620;\n        transition: all 0.2s;\n    }\n    .herb-qty-btn:hover { background: rgba(197, 124, 74, 0.15); }\n    .herb-qty-number {\n        min-width: 40px;\n        text-align: center;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }\n\n    .herb-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        margin: 1rem 0;\n    }\n\n    .herb-add-to-cart {\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-add-to-cart:hover { background: #C57C4A; }\n    .herb-add-to-cart:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .herb-buy-now {\n        background: #C57C4A;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-buy-now:hover { background: #A8653A; }\n\n    .herb-cart-message {\n        font-size: 0.75rem;\n        color: #C57C4A;\n        text-align: center;\n        margin-top: 0.25rem;\n        min-height: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .herb-cart-message.show {\n        opacity: 1;\n    }\n\n    .herb-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n        margin-top: 1.5rem;\n    }\n    .herb-tag {\n        background: #F5F0E8;\n        padding: 0.35rem 1rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        color: #2A2620;\n    }\n    .herb-description {\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding: 3rem 0;\n        max-width: 720px;\n    }\n    .herb-description-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #4A4640;\n        margin-bottom: 2rem;\n        white-space: pre-wrap;\n    }\n    .herb-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n    }\n    .herb-features li {\n        font-size: 0.85rem;\n        color: #4A4640;\n        margin: 0.75rem 0;\n        padding-left: 1.5rem;\n        position: relative;\n    }\n    .herb-features li::before {\n        content: \"🌿\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        font-size: 0.8rem;\n    }\n    .herb-brewing {\n        background: #F5F0E8;\n        border-radius: 28px;\n        padding: 2rem;\n        margin: 2rem 0;\n        max-width: 680px;\n    }\n    .herb-brewing-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1rem;\n        margin-bottom: 1.25rem;\n        color: #C57C4A;\n    }\n    .herb-brewing-step {\n        font-size: 0.85rem;\n        margin: 0.75rem 0;\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        padding: 0.5rem 0;\n        border-bottom: 0.5px solid rgba(42, 38, 32, 0.04);\n    }\n    .herb-brewing-step strong {\n        min-width: 70px;\n        color: #6B675F;\n    }\n    .herb-brewing-step:last-child { border-bottom: none; }\n    .herb-notice {\n        background: rgba(197, 124, 74, 0.04);\n        border-left: 2px solid #C57C4A;\n        padding: 1rem 1.5rem;\n        margin: 1.5rem 0;\n        font-size: 0.75rem;\n        color: #6B675F;\n        line-height: 1.5;\n    }\n    .herb-closing {\n        font-size: 0.85rem;\n        color: #9E9A94;\n        text-align: center;\n        padding: 2rem 0;\n        font-style: italic;\n    }\n\n    .herb-recommended {\n        margin: 4rem 0 2rem;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding-top: 3rem;\n    }\n    .herb-recommended-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1.1rem;\n        font-weight: 500;\n        text-align: center;\n        letter-spacing: 2px;\n        color: #2A2620;\n        margin-bottom: 2rem;\n    }\n    .herb-recommended-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n    }\n    .herb-recommended-item {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n        display: block;\n        text-align: center;\n    }\n    .herb-recommended-item:hover {\n        transform: translateY(-4px);\n    }\n    .herb-recommended-img {\n        width: 100%;\n        aspect-ratio: 1\/1;\n        background: #F5F0E8;\n        border-radius: 24px;\n        object-fit: cover;\n        margin-bottom: 1rem;\n        transition: box-shadow 0.3s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-img {\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    }\n    .herb-recommended-name {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2A2620;\n        transition: color 0.2s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-name {\n        color: #C57C4A;\n    }\n    .herb-recommended-price {\n        font-size: 0.75rem;\n        color: #9E9A94;\n        margin-top: 0.25rem;\n    }\n\n    .herb-footer {\n        text-align: center;\n        padding: 2rem 0 0;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        font-size: 0.7rem;\n        color: #9E9A94;\n        letter-spacing: 1px;\n        margin-top: 2rem;\n    }\n    .herb-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(42, 38, 32, 0.95);\n        z-index: 10001;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s;\n        cursor: pointer;\n    }\n    .herb-modal.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    .herb-modal img {\n        max-width: 90%;\n        max-height: 90%;\n        border-radius: 16px;\n    }\n    .herb-modal-close {\n        position: absolute;\n        top: 2rem;\n        right: 2rem;\n        color: #FCF9F4;\n        font-size: 2rem;\n        cursor: pointer;\n    }\n\n    .herb-back-to-top {\n        position: fixed;\n        bottom: 2rem;\n        right: 2rem;\n        width: 48px;\n        height: 48px;\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10000;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px);\n    }\n    .herb-back-to-top.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    .herb-back-to-top:hover {\n        background: #C57C4A;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 768px) {\n        .herb-product { padding: 1.5rem 1rem 3rem; }\n        .herb-product-main { grid-template-columns: 1fr; gap: 2rem; }\n        .herb-product-title { font-size: 1.75rem; }\n        .herb-recommended-grid { gap: 1.25rem; }\n        .herb-recommended-name { font-size: 0.85rem; }\n        .herb-back-to-top {\n            bottom: 1.5rem;\n            right: 1.5rem;\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"herb-product\"\u003e\n    \u003cdiv class=\"herb-product-main\"\u003e\n        \u003cdiv class=\"herb-product-image\" id=\"herbProductImage\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341\" alt=\"玫瑰红糖\" id=\"herbMainImage\"\u003e\n            \u003cspan class=\"herb-zoom-hint\"\u003e🔍 クリックで拡大\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"herb-product-info\"\u003e\n            \u003cdiv class=\"herb-product-sub\"\u003e花香と黒糖の調和 · 優しい甘さ\u003c\/div\u003e\n            \u003ch1 class=\"herb-product-title\"\u003e玫瑰红糖\u003c\/h1\u003e\n            \u003cdiv class=\"herb-price\"\u003e\n                \u003cspan class=\"herb-price-sale\" id=\"herbSalePrice\"\u003e¥5,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-compare\" id=\"herbComparePrice\"\u003e¥7,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-tax\"\u003e（税込）\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-quantity\"\u003e\n                \u003cspan class=\"herb-qty-label\"\u003e数量\u003c\/span\u003e\n                \u003cdiv class=\"herb-qty-control\"\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyMinus\"\u003e−\u003c\/button\u003e\n                    \u003cspan class=\"herb-qty-number\" id=\"herbQtyNumber\"\u003e1\u003c\/span\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyPlus\"\u003e+\u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-buttons\"\u003e\n                \u003cbutton class=\"herb-add-to-cart\" id=\"herbAddToCart\"\u003eカートに追加\u003c\/button\u003e\n                \u003cbutton class=\"herb-buy-now\" id=\"herbBuyNow\"\u003eすぐに購入する\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-cart-message\" id=\"herbCartMessage\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"herb-tags\"\u003e\n                \u003cspan class=\"herb-tag\"\u003e無添加\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e体を温める\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003eバラの香り\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e個包装\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-description\"\u003e\n        \u003cdiv class=\"herb-description-text\"\u003e食用バラの花びらと100%黒糖が織りなす、華やかで優しい一杯。\n\n香料・着色料・保存料を一切加えず、伝統的な低温融合製法で仕上げました。バラの自然な香りが黒糖の甘みと調和し、心身を穏やかに包み込みます。\n\n個包装で計量正確、いつでも手軽にお楽しみいただけます。\u003c\/div\u003e\n        \u003cul class=\"herb-features\"\u003e\n            \u003cli\u003e食用バラの花びらと100%黒糖、無添加の純粋な味わい\u003c\/li\u003e\n            \u003cli\u003e穏やかな美肌ケアとリラックス効果\u003c\/li\u003e\n            \u003cli\u003e体を温め、気血の巡りをサポート\u003c\/li\u003e\n            \u003cli\u003eホットでもアイスでも、アレンジ自在\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-brewing\"\u003e\n        \u003cdiv class=\"herb-brewing-title\"\u003e🍵 お召し上がり方\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eホット\u003c\/strong\u003e 1個＋80℃のお湯250ml、香りが立つまで2分待つ\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアイス\u003c\/strong\u003e 水に浸し冷蔵庫で冷やし、夏向けローズアイスドリンクに\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアレンジ\u003c\/strong\u003e クコの実、リュウガン、はちみつと合わせて風味豊かに\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-notice\"\u003e⚠️ ご注意：バラには軽い血行促進作用があります。妊娠中または経血の多い方はご相談の上お召し上がりください。湿気や直射日光を避け、涼しく乾燥した場所で保管してください。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-closing\"\u003e古式製法の黒糖に出会ったバラの花。花香と甘さの、優しい出会いです。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-recommended\"\u003e\n        \u003cdiv class=\"herb-recommended-title\"\u003e—— こちらもおすすめ ——\u003c\/div\u003e\n        \u003cdiv class=\"herb-recommended-grid\" id=\"herbRecommendedGrid\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-footer\"\u003e© 草本新生 · 日常の一杯をお茶に。\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"herb-modal\" id=\"herbModal\"\u003e\n    \u003cdiv class=\"herb-modal-close\"\u003e✕\u003c\/div\u003e\n    \u003cimg id=\"herbModalImg\" src=\"\"\u003e\n\u003c\/div\u003e\n\n\u003cbutton class=\"herb-back-to-top\" id=\"herbBackToTop\" aria-label=\"回到顶部\"\u003e↑\u003c\/button\u003e\n\n\u003cscript\u003e\n(function() {\n    \/\/ ============================================================\n    \/\/ 玫瑰红糖 - Variant ID\n    \/\/ ============================================================\n    var VARIANT_ID = 44552655896645;\n\n    \/\/ ============================================================\n    \/\/ 设置固定价格（玫瑰红糖）\n    \/\/ ============================================================\n    var saleEl = document.getElementById('herbSalePrice');\n    var compareEl = document.getElementById('herbComparePrice');\n    if (saleEl) saleEl.textContent = '¥5,500';\n    if (compareEl) compareEl.textContent = '¥7,500';\n\n    \/\/ ============================================================\n    \/\/ 产品推荐数据（日文名称）\n    \/\/ ============================================================\n    var recommendedProducts = [\n        {\n            name: \"桂花黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"桂花红糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261\"\n        },\n        {\n            name: \"ハトムギ生姜黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ハトムギ生姜黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076\"\n        },\n        {\n            name: \"老姜紅糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"老姜紅糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338\"\n        },\n        {\n            name: \"原味黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"原味黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903\"\n        }\n    ];\n\n    \/\/ ============================================================\n    \/\/ 生成推荐产品\n    \/\/ ============================================================\n    var grid = document.getElementById('herbRecommendedGrid');\n    if (grid) {\n        recommendedProducts.forEach(function(product) {\n            var encodedHandle = encodeURIComponent(product.handle);\n            var url = 'https:\/\/hcrhcr.com\/products\/' + encodedHandle;\n            var item = document.createElement('a');\n            item.className = 'herb-recommended-item';\n            item.href = url;\n            item.innerHTML = \n                '\u003cimg src=\"' + product.img + '\" class=\"herb-recommended-img\" alt=\"' + product.name + '\"\u003e' +\n                '\u003cdiv class=\"herb-recommended-name\"\u003e' + product.name + '\u003c\/div\u003e' +\n                '\u003cdiv class=\"herb-recommended-price\"\u003e' + product.price + '\u003c\/div\u003e';\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 数量选择器\n    \/\/ ============================================================\n    var qty = 1;\n    var qtySpan = document.getElementById('herbQtyNumber');\n    var qtyMinus = document.getElementById('herbQtyMinus');\n    var qtyPlus = document.getElementById('herbQtyPlus');\n    if (qtyMinus) {\n        qtyMinus.addEventListener('click', function() {\n            if (qty \u003e 1) { qty--; qtySpan.textContent = qty; }\n        });\n    }\n    if (qtyPlus) {\n        qtyPlus.addEventListener('click', function() {\n            qty++; qtySpan.textContent = qty;\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 购物车功能 - Ajax 方式\n    \/\/ ============================================================\n    var addBtn = document.getElementById('herbAddToCart');\n    var buyBtn = document.getElementById('herbBuyNow');\n    var messageEl = document.getElementById('herbCartMessage');\n    \n    function showMessage(text, isSuccess) {\n        if (!messageEl) return;\n        messageEl.textContent = text;\n        messageEl.style.color = isSuccess ? '#C57C4A' : '#D43F3F';\n        messageEl.classList.add('show');\n        setTimeout(function() {\n            messageEl.classList.remove('show');\n        }, 3000);\n    }\n\n    \/\/ Ajax 加购\n    function addToCartAjax(variantId, quantity) {\n        if (!addBtn) return;\n        addBtn.disabled = true;\n        addBtn.textContent = '追加中...';\n        fetch('\/cart\/add.js', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n            body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: parseInt(quantity) }] })\n        })\n        .then(function(response) {\n            if (!response.ok) {\n                return response.text().then(function(text) {\n                    throw new Error(text);\n                });\n            }\n            return response.json();\n        })\n        .then(function(data) {\n            showMessage('✅ カートに追加しました (' + quantity + '点)', true);\n            updateCartCount();\n        })\n        .catch(function(error) {\n            console.error('Error:', error);\n            showMessage('⚠️ 追加に失敗しました。もう一度お試しください。', false);\n        })\n        .finally(function() {\n            addBtn.disabled = false;\n            addBtn.textContent = 'カートに追加';\n        });\n    }\n    \n    function updateCartCount() {\n        fetch('\/cart.js')\n            .then(function(res) { return res.json(); })\n            .then(function(cart) {\n                var total = 0;\n                if (cart.items) {\n                    cart.items.forEach(function(item) {\n                        total = total + item.quantity;\n                    });\n                }\n                document.querySelectorAll('.cart-count, .cart-icon .count, .site-header__cart-count').forEach(function(el) {\n                    el.textContent = total;\n                    el.style.display = total \u003e 0 ? 'flex' : 'none';\n                });\n            })\n            .catch(function() {});\n    }\n\n    \/\/ 加购按钮\n    if (addBtn) {\n        addBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            addToCartAjax(VARIANT_ID, qty);\n        });\n    }\n\n    \/\/ 立即购买（Ajax加购 → 跳转结账）\n    if (buyBtn) {\n        buyBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            buyBtn.disabled = true;\n            buyBtn.textContent = '処理中...';\n            \n            fetch('\/cart\/add.js', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    items: [{\n                        id: parseInt(VARIANT_ID),\n                        quantity: parseInt(qty)\n                    }]\n                })\n            })\n            .then(function(response) {\n                if (!response.ok) {\n                    return response.text().then(function(text) {\n                        throw new Error(text);\n                    });\n                }\n                return response.json();\n            })\n            .then(function() {\n                window.location.href = '\/checkout';\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                showMessage('⚠️ 購入手続きに失敗しました。もう一度お試しください。', false);\n                buyBtn.disabled = false;\n                buyBtn.textContent = 'すぐに購入する';\n            });\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 图片放大\n    \/\/ ============================================================\n    var modal = document.getElementById('herbModal');\n    var modalImg = document.getElementById('herbModalImg');\n    var productImage = document.getElementById('herbProductImage');\n    var mainImage = document.getElementById('herbMainImage');\n    if (productImage \u0026\u0026 modal \u0026\u0026 modalImg \u0026\u0026 mainImage) {\n        productImage.addEventListener('click', function() {\n            modalImg.src = mainImage.src;\n            modal.classList.add('active');\n        });\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target.classList.contains('herb-modal-close')) {\n                modal.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 一键到顶\n    \/\/ ============================================================\n    var backToTopBtn = document.getElementById('herbBackToTop');\n    if (backToTopBtn) {\n        window.addEventListener('scroll', function() {\n            if (window.scrollY \u003e 300) {\n                backToTopBtn.classList.add('show');\n            } else {\n                backToTopBtn.classList.remove('show');\n            }\n        });\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        updateCartCount();\n    });\n})();\n\u003c\/script\u003e","brand":"H.C.Real","offers":[{"title":"Default Title","offer_id":44552655896645,"sku":null,"price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341"},{"product_id":"桂花红糖","title":"キンモクセイ黒糖","description":"\u003cstyle\u003e\n    \/* ========== 隐藏主题默认内容 ========== *\/\n    .shopify-section--main-product,\n    .product__media,\n    .product__info-wrapper,\n    .product__title,\n    .product__description,\n    .price,\n    .product-form,\n    .product-form__submit,\n    .product__submit,\n    .buy-buttons,\n    .shopify-payment-button,\n    .product-form__buttons,\n    form[action=\"\/cart\/add\"],\n    .product-recommendations,\n    .shopify-section--product-recommendations {\n        display: none !important;\n    }\n    body, main, .shopify-section { background: #FFFFFF !important; }\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .herb-product {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 3rem 2rem 4rem;\n        font-family: 'Inter', sans-serif;\n        color: #2A2620;\n        background: #FFFFFF;\n    }\n    .herb-product-main {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: start;\n        margin-bottom: 4rem;\n    }\n    .herb-product-image {\n        position: relative;\n        cursor: pointer;\n        border-radius: 32px;\n        overflow: hidden;\n        background: #F5F0E8;\n    }\n    .herb-product-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.4s ease;\n    }\n    .herb-product-image:hover img { transform: scale(1.02); }\n    .herb-zoom-hint {\n        position: absolute;\n        bottom: 1rem;\n        right: 1rem;\n        background: rgba(255,255,255,0.8);\n        backdrop-filter: blur(4px);\n        padding: 0.25rem 0.75rem;\n        border-radius: 40px;\n        font-size: 0.6rem;\n        color: #2A2620;\n        opacity: 0;\n        transition: opacity 0.3s;\n        pointer-events: none;\n    }\n    .herb-product-image:hover .herb-zoom-hint { opacity: 1; }\n    .herb-product-info { padding-top: 0; }\n    .herb-product-sub {\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #C57C4A;\n        margin-bottom: 1rem;\n    }\n    .herb-product-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 2.5rem;\n        font-weight: 500;\n        color: #2A2620;\n        line-height: 1.2;\n        margin-bottom: 1rem;\n    }\n    .herb-price { margin: 1.5rem 0 1rem 0; }\n    .herb-price-sale {\n        font-size: 1.75rem;\n        font-weight: 500;\n        color: #2A2620;\n    }\n    .herb-price-compare {\n        font-size: 1rem;\n        font-weight: 400;\n        color: #9E9A94;\n        text-decoration: line-through;\n        margin-left: 0.75rem;\n    }\n    .herb-price-tax {\n        font-size: 0.8rem;\n        font-weight: 400;\n        color: #9E9A94;\n        margin-left: 0.5rem;\n    }\n    .herb-quantity {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin: 1.5rem 0;\n    }\n    .herb-qty-label {\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        color: #9E9A94;\n    }\n    .herb-qty-control {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: #F5F0E8;\n        border-radius: 60px;\n        padding: 0.2rem;\n    }\n    .herb-qty-btn {\n        width: 32px;\n        height: 32px;\n        background: transparent;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.2rem;\n        color: #2A2620;\n        transition: all 0.2s;\n    }\n    .herb-qty-btn:hover { background: rgba(197, 124, 74, 0.15); }\n    .herb-qty-number {\n        min-width: 40px;\n        text-align: center;\n        font-size: 0.9rem;\n        font-weight: 500;\n    }\n\n    .herb-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        margin: 1rem 0;\n    }\n\n    .herb-add-to-cart {\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-add-to-cart:hover { background: #C57C4A; }\n    .herb-add-to-cart:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .herb-buy-now {\n        background: #C57C4A;\n        color: #FCF9F4;\n        border: none;\n        padding: 1rem 2rem;\n        font-size: 0.8rem;\n        font-weight: 500;\n        letter-spacing: 2px;\n        border-radius: 60px;\n        cursor: pointer;\n        width: 100%;\n        transition: all 0.3s ease;\n        font-family: 'Inter', sans-serif;\n    }\n    .herb-buy-now:hover { background: #A8653A; }\n\n    .herb-cart-message {\n        font-size: 0.75rem;\n        color: #C57C4A;\n        text-align: center;\n        margin-top: 0.25rem;\n        min-height: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    .herb-cart-message.show {\n        opacity: 1;\n    }\n\n    .herb-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n        margin-top: 1.5rem;\n    }\n    .herb-tag {\n        background: #F5F0E8;\n        padding: 0.35rem 1rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        color: #2A2620;\n    }\n    .herb-description {\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding: 3rem 0;\n        max-width: 720px;\n    }\n    .herb-description-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #4A4640;\n        margin-bottom: 2rem;\n        white-space: pre-wrap;\n    }\n    .herb-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n    }\n    .herb-features li {\n        font-size: 0.85rem;\n        color: #4A4640;\n        margin: 0.75rem 0;\n        padding-left: 1.5rem;\n        position: relative;\n    }\n    .herb-features li::before {\n        content: \"🌿\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        font-size: 0.8rem;\n    }\n    .herb-brewing {\n        background: #F5F0E8;\n        border-radius: 28px;\n        padding: 2rem;\n        margin: 2rem 0;\n        max-width: 680px;\n    }\n    .herb-brewing-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1rem;\n        margin-bottom: 1.25rem;\n        color: #C57C4A;\n    }\n    .herb-brewing-step {\n        font-size: 0.85rem;\n        margin: 0.75rem 0;\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        padding: 0.5rem 0;\n        border-bottom: 0.5px solid rgba(42, 38, 32, 0.04);\n    }\n    .herb-brewing-step strong {\n        min-width: 70px;\n        color: #6B675F;\n    }\n    .herb-brewing-step:last-child { border-bottom: none; }\n    .herb-notice {\n        background: rgba(197, 124, 74, 0.04);\n        border-left: 2px solid #C57C4A;\n        padding: 1rem 1.5rem;\n        margin: 1.5rem 0;\n        font-size: 0.75rem;\n        color: #6B675F;\n        line-height: 1.5;\n    }\n    .herb-closing {\n        font-size: 0.85rem;\n        color: #9E9A94;\n        text-align: center;\n        padding: 2rem 0;\n        font-style: italic;\n    }\n\n    .herb-recommended {\n        margin: 4rem 0 2rem;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        padding-top: 3rem;\n    }\n    .herb-recommended-title {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 1.1rem;\n        font-weight: 500;\n        text-align: center;\n        letter-spacing: 2px;\n        color: #2A2620;\n        margin-bottom: 2rem;\n    }\n    .herb-recommended-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n    }\n    .herb-recommended-item {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n        display: block;\n        text-align: center;\n    }\n    .herb-recommended-item:hover {\n        transform: translateY(-4px);\n    }\n    .herb-recommended-img {\n        width: 100%;\n        aspect-ratio: 1\/1;\n        background: #F5F0E8;\n        border-radius: 24px;\n        object-fit: cover;\n        margin-bottom: 1rem;\n        transition: box-shadow 0.3s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-img {\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    }\n    .herb-recommended-name {\n        font-family: 'Noto Serif SC', serif;\n        font-size: 0.95rem;\n        font-weight: 500;\n        color: #2A2620;\n        transition: color 0.2s ease;\n    }\n    .herb-recommended-item:hover .herb-recommended-name {\n        color: #C57C4A;\n    }\n    .herb-recommended-price {\n        font-size: 0.75rem;\n        color: #9E9A94;\n        margin-top: 0.25rem;\n    }\n\n    .herb-footer {\n        text-align: center;\n        padding: 2rem 0 0;\n        border-top: 1px solid rgba(42, 38, 32, 0.06);\n        font-size: 0.7rem;\n        color: #9E9A94;\n        letter-spacing: 1px;\n        margin-top: 2rem;\n    }\n    .herb-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(42, 38, 32, 0.95);\n        z-index: 10001;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 0.3s;\n        cursor: pointer;\n    }\n    .herb-modal.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    .herb-modal img {\n        max-width: 90%;\n        max-height: 90%;\n        border-radius: 16px;\n    }\n    .herb-modal-close {\n        position: absolute;\n        top: 2rem;\n        right: 2rem;\n        color: #FCF9F4;\n        font-size: 2rem;\n        cursor: pointer;\n    }\n\n    .herb-back-to-top {\n        position: fixed;\n        bottom: 2rem;\n        right: 2rem;\n        width: 48px;\n        height: 48px;\n        background: #2A2620;\n        color: #FCF9F4;\n        border: none;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 10000;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px);\n    }\n    .herb-back-to-top.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n    .herb-back-to-top:hover {\n        background: #C57C4A;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 768px) {\n        .herb-product { padding: 1.5rem 1rem 3rem; }\n        .herb-product-main { grid-template-columns: 1fr; gap: 2rem; }\n        .herb-product-title { font-size: 1.75rem; }\n        .herb-recommended-grid { gap: 1.25rem; }\n        .herb-recommended-name { font-size: 0.85rem; }\n        .herb-back-to-top {\n            bottom: 1.5rem;\n            right: 1.5rem;\n            width: 44px;\n            height: 44px;\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"herb-product\"\u003e\n    \u003cdiv class=\"herb-product-main\"\u003e\n        \u003cdiv class=\"herb-product-image\" id=\"herbProductImage\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261\" alt=\"桂花红糖\" id=\"herbMainImage\"\u003e\n            \u003cspan class=\"herb-zoom-hint\"\u003e🔍 クリックで拡大\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"herb-product-info\"\u003e\n            \u003cdiv class=\"herb-product-sub\"\u003e秋の風物詩 · 桂花と黒糖の調べ\u003c\/div\u003e\n            \u003ch1 class=\"herb-product-title\"\u003e桂花红糖\u003c\/h1\u003e\n            \u003cdiv class=\"herb-price\"\u003e\n                \u003cspan class=\"herb-price-sale\" id=\"herbSalePrice\"\u003e¥5,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-compare\" id=\"herbComparePrice\"\u003e¥7,500\u003c\/span\u003e\n                \u003cspan class=\"herb-price-tax\"\u003e（税込）\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-quantity\"\u003e\n                \u003cspan class=\"herb-qty-label\"\u003e数量\u003c\/span\u003e\n                \u003cdiv class=\"herb-qty-control\"\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyMinus\"\u003e−\u003c\/button\u003e\n                    \u003cspan class=\"herb-qty-number\" id=\"herbQtyNumber\"\u003e1\u003c\/span\u003e\n                    \u003cbutton class=\"herb-qty-btn\" id=\"herbQtyPlus\"\u003e+\u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-buttons\"\u003e\n                \u003cbutton class=\"herb-add-to-cart\" id=\"herbAddToCart\"\u003eカートに追加\u003c\/button\u003e\n                \u003cbutton class=\"herb-buy-now\" id=\"herbBuyNow\"\u003eすぐに購入する\u003c\/button\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"herb-cart-message\" id=\"herbCartMessage\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"herb-tags\"\u003e\n                \u003cspan class=\"herb-tag\"\u003e無添加\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e体を温める\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e桂花の香り\u003c\/span\u003e\n                \u003cspan class=\"herb-tag\"\u003e個包装\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-description\"\u003e\n        \u003cdiv class=\"herb-description-text\"\u003e秋の風物詩、金木犀の花と100%黒糖の出会い。\n\n香料・着色料・保存料を一切加えず、伝統的な低温窨製（いんせい）技術で仕上げました。桂花の上品な香りが黒糖に自然に染み込み、口に含むたびに秋の訪れを感じさせる一杯です。\n\n個包装で計量正確、いつでも手軽にお楽しみいただけます。\u003c\/div\u003e\n        \u003cul class=\"herb-features\"\u003e\n            \u003cli\u003e金木犀の花と100%黒糖、無添加の純粋な味わい\u003c\/li\u003e\n            \u003cli\u003e肺を潤し、穏やかなリラックス効果\u003c\/li\u003e\n            \u003cli\u003e胃を温め、秋の乾燥した季節にぴったり\u003c\/li\u003e\n            \u003cli\u003eホットでもアイスでも、アレンジ自在\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-brewing\"\u003e\n        \u003cdiv class=\"herb-brewing-title\"\u003e🍵 お召し上がり方\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eホット\u003c\/strong\u003e 1個＋85℃のお湯250ml、香りが広がるまで待つ\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアイス\u003c\/strong\u003e 冷水に浸し冷蔵庫で4時間、冷萃（コールドブリュー）に\u003c\/div\u003e\n        \u003cdiv class=\"herb-brewing-step\"\u003e\n\u003cstrong\u003eアレンジ\u003c\/strong\u003e はちみつ、梨の薄切り、または白キクラゲと一緒に\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-notice\"\u003e⚠️ ご注意：桂花アレルギーの方はお控えください。糖尿病の方は医師の指導に従ってご飲食ください。湿気や直射日光を避け、涼しく乾燥した場所で保管してください。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-closing\"\u003e秋の香り、黒糖の温かさ。まるで秋全体を、カップに注いだかのように。\u003c\/div\u003e\n\n    \u003cdiv class=\"herb-recommended\"\u003e\n        \u003cdiv class=\"herb-recommended-title\"\u003e—— こちらもおすすめ ——\u003c\/div\u003e\n        \u003cdiv class=\"herb-recommended-grid\" id=\"herbRecommendedGrid\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"herb-footer\"\u003e© 草本新生 · 日常の一杯をお茶に。\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"herb-modal\" id=\"herbModal\"\u003e\n    \u003cdiv class=\"herb-modal-close\"\u003e✕\u003c\/div\u003e\n    \u003cimg id=\"herbModalImg\" src=\"\"\u003e\n\u003c\/div\u003e\n\n\u003cbutton class=\"herb-back-to-top\" id=\"herbBackToTop\" aria-label=\"回到顶部\"\u003e↑\u003c\/button\u003e\n\n\u003cscript\u003e\n(function() {\n    \/\/ ============================================================\n    \/\/ 桂花红糖 - Variant ID\n    \/\/ ============================================================\n    var VARIANT_ID = 44552658976837;\n\n    \/\/ ============================================================\n    \/\/ 设置固定价格（桂花红糖）\n    \/\/ ============================================================\n    var saleEl = document.getElementById('herbSalePrice');\n    var compareEl = document.getElementById('herbComparePrice');\n    if (saleEl) saleEl.textContent = '¥5,500';\n    if (compareEl) compareEl.textContent = '¥7,500';\n\n    \/\/ ============================================================\n    \/\/ 产品推荐数据（日文名称）\n    \/\/ ============================================================\n    var recommendedProducts = [\n        {\n            name: \"ローズ黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ローズ黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6c4e3fb4bf8ba45ba6f5ba0b8656ca42.jpg?v=1768808341\"\n        },\n        {\n            name: \"ハトムギ生姜黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"ハトムギ生姜黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/6304998bde369a9f4862f70dc8b40541.png?v=1768547076\"\n        },\n        {\n            name: \"老姜紅糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"老姜紅糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/eb6ed27500b1d4dec9a936df7cb9881c.png?v=1768542338\"\n        },\n        {\n            name: \"原味黒糖\",\n            price: \"¥5,500（税込）\",\n            handle: \"原味黒糖\",\n            img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/91a04803ba279086942621ab99829766.png?v=1768470903\"\n        }\n    ];\n\n    \/\/ ============================================================\n    \/\/ 生成推荐产品\n    \/\/ ============================================================\n    var grid = document.getElementById('herbRecommendedGrid');\n    if (grid) {\n        recommendedProducts.forEach(function(product) {\n            var encodedHandle = encodeURIComponent(product.handle);\n            var url = 'https:\/\/hcrhcr.com\/products\/' + encodedHandle;\n            var item = document.createElement('a');\n            item.className = 'herb-recommended-item';\n            item.href = url;\n            item.innerHTML = \n                '\u003cimg src=\"' + product.img + '\" class=\"herb-recommended-img\" alt=\"' + product.name + '\"\u003e' +\n                '\u003cdiv class=\"herb-recommended-name\"\u003e' + product.name + '\u003c\/div\u003e' +\n                '\u003cdiv class=\"herb-recommended-price\"\u003e' + product.price + '\u003c\/div\u003e';\n            grid.appendChild(item);\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 数量选择器\n    \/\/ ============================================================\n    var qty = 1;\n    var qtySpan = document.getElementById('herbQtyNumber');\n    var qtyMinus = document.getElementById('herbQtyMinus');\n    var qtyPlus = document.getElementById('herbQtyPlus');\n    if (qtyMinus) {\n        qtyMinus.addEventListener('click', function() {\n            if (qty \u003e 1) { qty--; qtySpan.textContent = qty; }\n        });\n    }\n    if (qtyPlus) {\n        qtyPlus.addEventListener('click', function() {\n            qty++; qtySpan.textContent = qty;\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 购物车功能 - Ajax 方式\n    \/\/ ============================================================\n    var addBtn = document.getElementById('herbAddToCart');\n    var buyBtn = document.getElementById('herbBuyNow');\n    var messageEl = document.getElementById('herbCartMessage');\n    \n    function showMessage(text, isSuccess) {\n        if (!messageEl) return;\n        messageEl.textContent = text;\n        messageEl.style.color = isSuccess ? '#C57C4A' : '#D43F3F';\n        messageEl.classList.add('show');\n        setTimeout(function() {\n            messageEl.classList.remove('show');\n        }, 3000);\n    }\n\n    \/\/ Ajax 加购\n    function addToCartAjax(variantId, quantity) {\n        if (!addBtn) return;\n        addBtn.disabled = true;\n        addBtn.textContent = '追加中...';\n        fetch('\/cart\/add.js', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n            body: JSON.stringify({ items: [{ id: parseInt(variantId), quantity: parseInt(quantity) }] })\n        })\n        .then(function(response) {\n            if (!response.ok) {\n                return response.text().then(function(text) {\n                    throw new Error(text);\n                });\n            }\n            return response.json();\n        })\n        .then(function(data) {\n            showMessage('✅ カートに追加しました (' + quantity + '点)', true);\n            updateCartCount();\n        })\n        .catch(function(error) {\n            console.error('Error:', error);\n            showMessage('⚠️ 追加に失敗しました。もう一度お試しください。', false);\n        })\n        .finally(function() {\n            addBtn.disabled = false;\n            addBtn.textContent = 'カートに追加';\n        });\n    }\n    \n    function updateCartCount() {\n        fetch('\/cart.js')\n            .then(function(res) { return res.json(); })\n            .then(function(cart) {\n                var total = 0;\n                if (cart.items) {\n                    cart.items.forEach(function(item) {\n                        total = total + item.quantity;\n                    });\n                }\n                document.querySelectorAll('.cart-count, .cart-icon .count, .site-header__cart-count').forEach(function(el) {\n                    el.textContent = total;\n                    el.style.display = total \u003e 0 ? 'flex' : 'none';\n                });\n            })\n            .catch(function() {});\n    }\n\n    \/\/ 加购按钮\n    if (addBtn) {\n        addBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            addToCartAjax(VARIANT_ID, qty);\n        });\n    }\n\n    \/\/ 立即购买（Ajax加购 → 跳转结账）\n    if (buyBtn) {\n        buyBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            buyBtn.disabled = true;\n            buyBtn.textContent = '処理中...';\n            \n            fetch('\/cart\/add.js', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    items: [{\n                        id: parseInt(VARIANT_ID),\n                        quantity: parseInt(qty)\n                    }]\n                })\n            })\n            .then(function(response) {\n                if (!response.ok) {\n                    return response.text().then(function(text) {\n                        throw new Error(text);\n                    });\n                }\n                return response.json();\n            })\n            .then(function() {\n                window.location.href = '\/checkout';\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                showMessage('⚠️ 購入手続きに失敗しました。もう一度お試しください。', false);\n                buyBtn.disabled = false;\n                buyBtn.textContent = 'すぐに購入する';\n            });\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 图片放大\n    \/\/ ============================================================\n    var modal = document.getElementById('herbModal');\n    var modalImg = document.getElementById('herbModalImg');\n    var productImage = document.getElementById('herbProductImage');\n    var mainImage = document.getElementById('herbMainImage');\n    if (productImage \u0026\u0026 modal \u0026\u0026 modalImg \u0026\u0026 mainImage) {\n        productImage.addEventListener('click', function() {\n            modalImg.src = mainImage.src;\n            modal.classList.add('active');\n        });\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target.classList.contains('herb-modal-close')) {\n                modal.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ ============================================================\n    \/\/ 一键到顶\n    \/\/ ============================================================\n    var backToTopBtn = document.getElementById('herbBackToTop');\n    if (backToTopBtn) {\n        window.addEventListener('scroll', function() {\n            if (window.scrollY \u003e 300) {\n                backToTopBtn.classList.add('show');\n            } else {\n                backToTopBtn.classList.remove('show');\n            }\n        });\n        backToTopBtn.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        updateCartCount();\n    });\n})();\n\u003c\/script\u003e","brand":"H.C.Real","offers":[{"title":"Default Title","offer_id":44552658976837,"sku":null,"price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/files\/f5ac6f82f6644d9f8e144ca4bd9690c5.jpg?v=1768809261"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3386\/4005\/collections\/O1CN012dW39o1P7hCGrdMGi__2210376771794-0-cib.jpg?v=1768811027","url":"https:\/\/hcrhcr.com\/collections\/%e7%84%a1%e5%bd%a2%e6%96%87%e5%8c%96%e9%81%ba%e7%94%a3%e3%81%ae%e6%89%8b%e4%bd%9c%e3%82%8a%e9%bb%92%e7%b3%96.oembed","provider":"H.C.Real","version":"1.0","type":"link"}