{"product_id":"joseb-deuluang-buleugonyu-alligotte-2024","title":"조셉 드루앙 부르고뉴 알리고떼 2024","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2024 Joseph Drouhin Bourgogne Aligoté\u003c\/title\u003e\n\n    \u003c!-- Tailwind CSS --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n    \u003c!-- Font Awesome --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\n    \u003c!-- Google Fonts (Pretendard \/ Inter \u0026#54256;\u0026#53944; \u0026#49324;\u0026#50857;) --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \n    \u003c!-- Inter \u0026#54256;\u0026#53944; --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003c!-- Pretendard \u0026#54256;\u0026#53944; \u0026#47196;\u0026#46377; --\u003e\n    \u003clink href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\" rel=\"stylesheet\"\u003e\n\n    \u003c!-- GSAP for Animations --\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"\u003e\u003c\/script\u003e\n\n    \u003c!-- Chart.js --\u003e\n    \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@3.7.1\/dist\/chart.min.js\"\u003e\u003c\/script\u003e\n\n    \u003cstyle\u003e\n        :root {\n            \/* Joseph Drouhin Aligote Theme: Crisp Green, Lemon Yellow, Pure White *\/\n            --bg-light: #FBFCFC;\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(130, 224, 170, 0.2); \n            --accent-main: #196F3D; \/* Classic Green *\/\n            --accent-gold: #F7DC6F; \/* Lemon Yellow *\/\n            --accent-fresh: #82E0AA; \/* Fresh Lime *\/\n            --text-main: #17202A;\n        }\n\n        \/* \u0026#47784;\u0026#46304; \u0026#53581;\u0026#49828;\u0026#53944;\u0026#50640; Pretendard\u0026#47484; \u0026#44592;\u0026#48376;\u0026#51004;\u0026#47196; \u0026#51201;\u0026#50857; *\/\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            font-family: 'Pretendard', 'Inter', sans-serif;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, .serif-font, .title-font {\n            font-family: 'Pretendard', sans-serif;\n        }\n\n        .title-font {\n            font-weight: 700;\n            letter-spacing: -0.01em;\n        }\n\n        \/* Aura Gradient - Fresh \u0026 Clean Tone *\/\n        .aura-gradient {\n            background: \n                radial-gradient(circle at top right, rgba(247, 220, 111, 0.15) 0%, transparent 60%), \/* Lemon *\/\n                radial-gradient(circle at bottom left, rgba(130, 224, 170, 0.1) 0%, transparent 60%), \/* Green *\/\n                linear-gradient(to bottom, #ffffff 0%, #F4F6F6 100%);\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n        }\n\n        \/* Glassmorphism Card *\/\n        .glass-card {\n            background: var(--bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.9);\n            box-shadow: 0 10px 40px -10px rgba(25, 111, 61, 0.05);\n            border-radius: 12px;\n            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .glass-card:hover {\n            border-color: var(--accent-fresh);\n            box-shadow: 0 20px 50px -10px rgba(130, 224, 170, 0.2);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-fresh);\n            padding-left: 1.5rem;\n            text-align: left;\n            transition: all 0.3s ease;\n        }\n\n        .info-box:hover {\n            background: rgba(255,255,255,0.8);\n            padding-right: 1rem;\n            border-radius: 0 8px 8px 0;\n            border-color: var(--accent-main);\n        }\n\n        \/* Value Badge *\/\n        .value-badge {\n            background: linear-gradient(135deg, #82E0AA 0%, #196F3D 100%);\n            color: white;\n            padding: 4px 12px;\n            border-radius: 99px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            box-shadow: 0 4px 6px -1px rgba(130, 224, 170, 0.3);\n        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #F0FDF4;\n            border: 1px solid #BBF7D0;\n            border-radius: 12px;\n            padding: 1.5rem;\n        }\n\n        .warning-box li {\n            position: relative;\n            padding-left: 1.2rem;\n            margin-bottom: 0.5rem;\n            font-size: 0.85rem;\n            color: #14532D;\n        }\n\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #22C55E;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #F9FAFB;\n            border: 1px solid #E5E7EB;\n            color: #374151;\n            border-radius: 12px;\n            padding: 1rem;\n            font-size: 0.9rem;\n            margin-top: 1rem;\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n        }\n\n        \/* Discount Badge Animation *\/\n        @keyframes pulse-green {\n            0% { box-shadow: 0 0 0 0 rgba(130, 224, 170, 0.4); } \n            70% { box-shadow: 0 0 0 10px rgba(130, 224, 170, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(130, 224, 170, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-green 2s infinite;\n            border-color: var(--accent-fresh);\n            background-color: #EAFAF1;\n            color: #196F3D;\n        }\n        \n        .selection\\:bg-green-100::selection {\n            background-color: #D5F5E3;\n            color: #196F3D;\n        }\n        \n        .selection\\:text-green-900::selection {\n            color: #196F3D;\n        }\n    \u003c\/style\u003e\n\n\n\n\n    \u003cdiv class=\"aura-gradient\"\u003e\u003c\/div\u003e\n\n    \u003c!-- Navigation --\u003e\n    \u003cnav class=\"fixed top-0 w-full z-50 px-6 py-4 flex justify-between items-center bg-white\/90 backdrop-blur-md border-b border-gray-200 shadow-sm transition-all duration-300\"\u003e\n        \u003cdiv class=\"text-xl font-bold title-font tracking-widest text-gray-900 cursor-pointer\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\"\u003eJOSEPH DROUHIN\u003c\/div\u003e\n        \u003cdiv class=\"hidden md:flex space-x-8 text-sm font-medium tracking-wide text-gray-600\"\u003e\n            \u003ca href=\"#overview\" class=\"hover:text-[#196F3D] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#196F3D] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#196F3D] transition-colors\"\u003eMARKET\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Scroll to Top Button --\u003e\n        \u003cbutton onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"px-5 py-2 border border-gray-400 rounded-full text-xs font-bold text-gray-800 hover:bg-[#196F3D] hover:text-white hover:border-[#196F3D] transition-all duration-300 tracking-wider shadow-sm flex items-center gap-2\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-4 h-4\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            TOP\n        \u003c\/button\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- Hero Section --\u003e\n    \u003cheader class=\"relative min-h-[90vh] flex flex-col justify-center items-center text-center px-4 pt-24 pb-12\"\u003e\n\n        \u003c!-- Floating Badge --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 mb-8 px-5 py-1.5 rounded-full border border-green-400 bg-green-50 text-[#196F3D] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            BOURGOGNE ALIGOTÉ\n        \u003c\/div\u003e\n\n        \u003c!-- Korean Title --\u003e\n        \u003ch2 class=\"gsap-hero opacity-0 translate-y-10 text-xl md:text-3xl font-bold text-gray-700 serif-font mb-2 break-keep\"\u003e\n            조셉 드루앵 부르고뉴 알리고떼 2024\n        \u003c\/h2\u003e\n\n        \u003c!-- English Full Name --\u003e\n        \u003ch3 class=\"gsap-hero opacity-0 translate-y-10 text-sm md:text-lg font-medium text-gray-500 serif-font mb-8 tracking-wide\"\u003e\n            2024 Joseph Drouhin Bourgogne Aligoté\n        \u003c\/h3\u003e\n\n        \u003c!-- Main Title Highlight --\u003e\n        \u003ch1 class=\"gsap-hero opacity-0 translate-y-10 text-5xl md:text-7xl lg:text-8xl font-bold title-font mb-12 leading-tight text-gray-900\"\u003e\n            BOURGOGNE\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-700 via-[#82E0AA] to-[#196F3D]\"\u003eALIGOTÉ 2024\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003c!-- Specifications --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 scale-95 w-full max-w-4xl mx-auto my-8 grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-12 text-left\"\u003e\n            \n            \u003c!-- Spec 1: Type --\u003e\n            \u003cdiv class=\"info-box group\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                    \u003cdiv class=\"w-10 h-10 rounded-full bg-green-100 flex items-center justify-center text-[#196F3D]\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6.25l4.5 2.625a.75.75 0 10.75-1.299l-3.75-2.185V6z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eType\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eWhite Wine\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003e100% Aligoté\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e부르고뉴 화이트 (알리고떼)\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Spec 2: Class --\u003e\n            \u003cdiv class=\"info-box group\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                    \u003cdiv class=\"w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center text-[#F7DC6F]\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M12 1.5a5.25 5.25 0 00-5.25 5.25v2.25H5.786a2.25 2.25 0 00-2.201 1.688l-1.352 4.271A2.25 2.25 0 004.346 18H19.654a2.25 2.25 0 002.113-3.043l-1.352-4.271a2.25 2.25 0 00-2.201-1.688h-.964V6.75A5.25 5.25 0 0012 1.5zm2.25 7.5a.75.75 0 000-1.5h-.75a.75.75 0 000 1.5h.75z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eClass\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eRegional AOC\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eBourgogne Aligoté\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e레지오날 등급\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Spec 3: Region --\u003e\n            \u003cdiv class=\"info-box group\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                    \u003cdiv class=\"w-10 h-10 rounded-full bg-stone-100 flex items-center justify-center text-stone-700\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eRegion\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eBurgundy, France\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eRegional Appellation\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e프랑스 부르고뉴\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 animate-bounce mt-12\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6 text-gray-400\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Content Section --\u003e\n    \u003cmain class=\"max-w-7xl mx-auto px-4 py-20 space-y-20\" id=\"overview\"\u003e\n\n        \u003c!-- Story \u0026 Stats --\u003e\n        \u003csection class=\"grid grid-cols-1 md:grid-cols-12 gap-6\"\u003e\n            \u003cdiv class=\"col-span-1 md:col-span-8 glass-card p-8 md:p-12 flex flex-col justify-center gsap-fade-up bg-white\/70\"\u003e\n                \u003ch2 class=\"text-3xl font-bold mb-6 title-font text-[#196F3D] border-b border-green-200 pb-4 inline-block w-fit\"\u003e\"The Purest Expression of Aligoté\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **조셉 드루앵(Joseph Drouhin)**은 1880년에 설립된 부르고뉴의 명문 네고시앙으로, 떼루아에 대한 깊은 이해와 존중을 바탕으로 와인을 생산합니다. 그들의 알리고떼는 품종 본연의 신선함과 생동감을 가장 순수하게 표현한 와인으로 정평이 나 있습니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-[#82E0AA] font-bold\"\u003e2024년 빈티지\u003c\/span\u003e는 톡 쏘는 산미와 청사과, 레몬의 상큼한 아로마가 돋보입니다. 스테인리스 스틸 탱크에서 숙성되어 깔끔하고 미네랄리티가 풍부하며, 식전주나 해산물과 완벽한 조화를 이룹니다. 데일리 와인으로 부담 없이 즐길 수 있는 최고의 선택입니다.\n                \u003c\/p\u003e\n                \u003cdiv class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-stone-200\"\u003e\n                    \u003cspan class=\"px-3 py-1 bg-stone-100 text-stone-700 rounded-full text-xs font-semibold border border-stone-300\"\u003e#JosephDrouhin\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-green-100 text-[#196F3D] rounded-full text-xs font-semibold border border-green-200\"\u003e#BourgogneAligote\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-yellow-100 text-[#F7DC6F] rounded-full text-xs font-semibold border border-yellow-200\"\u003e#Freshness\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Vivino Score --\u003e\n            \u003cdiv class=\"col-span-1 md:col-span-4 space-y-4 gsap-fade-up\"\u003e\n                \u003c!-- Highlighted Score --\u003e\n                \u003cdiv class=\"glass-card p-6 text-center relative overflow-hidden bg-gradient-to-br from-[#82E0AA]\/10 to-white border-[#82E0AA]\/30 shadow-lg ring-1 ring-[#82E0AA]\/20\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-[#82E0AA]\/20 blur-[50px] rounded-full animate-pulse\"\u003e\u003c\/div\u003e\n                    \n                    \u003cdiv class=\"w-24 h-24 mx-auto mb-3 z-10 relative\"\u003e\n                        \u003cimg src=\"https:\/\/placehold.co\/100x100\/196F3D\/FFFFFF?text=DROUHIN\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/100x100\/196F3D\/FFFFFF?text=DROUHIN';\" alt=\"Drouhin Bottle Placeholder\" class=\"w-full h-full object-contain\"\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3 class=\"text-[#196F3D] text-sm font-bold tracking-widest mb-1 uppercase relative z-10\"\u003eVivino Score\u003c\/h3\u003e\n                    \u003cdiv class=\"text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#196F3D] to-[#82E0AA] title-font relative z-10\"\u003e3.7\u003cspan class=\"text-2xl text-gray-400 font-light\"\u003e\/5.0\u003c\/span\u003e\n\u003c\/div\u003e\n                    \u003cdiv class=\"mt-2 flex justify-center text-yellow-500 gap-1 text-lg relative z-10\"\u003e\n                        \u003c!-- 3.7 stars --\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5 text-yellow-500\/50\"\u003e\u003cpath d=\"M12 4.5v15M12 4.5l3.249 3.249L12 4.5zM12 4.5L8.751 7.749L12 4.5z\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5 text-gray-300\"\u003e\u003cpath d=\"M12 4.5v15M12 4.5l3.249 3.249L12 4.5zM12 4.5L8.751 7.749L12 4.5z\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"text-xs text-[#196F3D] font-medium mt-3 uppercase tracking-wider border-t border-green-100 pt-2 relative z-10\"\u003e\n                        Based on 4580 Ratings\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Tasting Notes --\u003e\n        \u003csection id=\"details\" class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\"\u003e\n            \u003cdiv class=\"gsap-fade-right\"\u003e\n                \u003ch2 class=\"text-4xl title-font mb-3 text-gray-900\"\u003eTasting Profile\u003c\/h2\u003e\n                \u003cp class=\"text-gray-600 mb-8 font-light italic\"\u003e\"Crisp Green Apple, Lemon Zest, and White Flower\"\u003c\/p\u003e\n                \n                \u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n                    \u003c!-- Note 1: Fruit --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-green-50 border border-green-200 rounded-full flex items-center justify-center mb-3 text-[#196F3D] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-apple-alt\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eGreen Apple\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e청사과, 라임\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 2: Citrus --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-yellow-50 border border-yellow-200 rounded-full flex items-center justify-center mb-3 text-[#F7DC6F] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-lemon\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eLemon Zest\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e레몬 제스트, 시트러스\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 3: Floral --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-stone-100 border border-stone-200 rounded-full flex items-center justify-center mb-3 text-stone-600 text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-seedling\"\u003e\u003c\/i\u003e \n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eWhite Flower\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e흰 꽃, 아카시아\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Profile Bars --\u003e\n            \u003cdiv class=\"glass-card p-8 md:p-12 gsap-fade-left bg-white\/60\"\u003e\n                \u003cdiv class=\"space-y-8\"\u003e\n                    \u003c!-- Acidity --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eSoft\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eAcidity\u003c\/span\u003e\n                            \u003cspan\u003eCrisp\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n                            \u003cdiv class=\"h-full bg-gradient-to-r from-[#F7DC6F] to-[#196F3D] w-[95%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Body --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eLight\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eBody\u003c\/span\u003e\n                            \u003cspan\u003eMedium\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n                            \u003cdiv class=\"h-full bg-gradient-to-r from-[#F7DC6F] to-[#196F3D] w-[40%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Dryness --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eSweet\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eDryness\u003c\/span\u003e\n                            \u003cspan\u003eDry\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n                            \u003cdiv class=\"h-full bg-gradient-to-r from-[#F7DC6F] to-[#196F3D] w-[95%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Charts \u0026 Value Analysis --\u003e\n        \u003csection id=\"analysis\" class=\"gsap-fade-up\"\u003e\n            \u003ch2 class=\"text-3xl title-font mb-8 text-center text-gray-900\"\u003eMarket Analysis \u0026amp; Value\u003c\/h2\u003e\n\n            \u003c!-- Value Comparison Badge --\u003e\n            \u003cdiv class=\"max-w-3xl mx-auto mb-10\"\u003e\n                \u003cdiv class=\"glass-card p-6 flex flex-col md:flex-row items-center justify-between bg-gradient-to-r from-green-50 to-white border-green-200 relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-[#82E0AA]\/10 blur-[40px] rounded-full\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex items-center gap-4 mb-4 md:mb-0 relative z-10\"\u003e\n                        \u003cdiv class=\"w-12 h-12 rounded-full bg-stone-100 flex items-center justify-center text-[#196F3D] text-xl shadow-sm\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-6 h-6\"\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch3 class=\"text-lg font-bold text-gray-900\"\u003eBest Value\u003c\/h3\u003e\n                            \u003cp class=\"text-sm text-gray-600\"\u003eAvg Market Price vs Our Price\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"text-center md:text-right relative z-10\"\u003e\n                        \u003cdiv class=\"text-xs text-gray-500 line-through\"\u003eMarket Avg: €28.00\u003c\/div\u003e\n                        \u003cdiv class=\"text-3xl font-bold text-[#196F3D]\"\u003e€22.22\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eSAVE 21%\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n                \u003c!-- Market History Chart --\u003e\n                \u003cdiv class=\"glass-card p-6 h-80 relative bg-white\"\u003e\n                    \u003ch3 class=\"text-sm text-gray-500 uppercase tracking-wide mb-4 absolute top-6 left-6 font-bold\"\u003eVintage Price Comparison\u003c\/h3\u003e\n                    \u003cdiv class=\"w-full h-full pt-8\"\u003e\n                        \u003ccanvas id=\"vintageChart\"\u003e\u003c\/canvas\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Price Trend Chart --\u003e\n                \u003cdiv class=\"glass-card p-6 h-80 relative bg-white\"\u003e\n                    \u003ch3 class=\"text-sm text-gray-500 uppercase tracking-wide mb-4 absolute top-6 left-6 font-bold\"\u003eShort-Term Market Trend\u003c\/h3\u003e\n                    \u003cdiv class=\"w-full h-full pt-8\"\u003e\n                        \u003ccanvas id=\"priceChart\"\u003e\u003c\/canvas\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Pricing \u0026 Warning --\u003e\n        \u003csection class=\"glass-card p-8 md:p-12 border-t-4 border-[#82E0AA] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#82E0AA]\/10 rounded-full blur-3xl opacity-50\"\u003e\u003c\/div\u003e\n            \n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-start relative z-10\"\u003e\n                \u003cdiv class=\"flex flex-col justify-between h-full\"\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                            \u003ch2 class=\"text-4xl title-font text-gray-900\"\u003eBuy Now\u003c\/h2\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-gray-500 mb-2 font-medium\"\u003e프랑스 CAVE 보관으로 관리된 신선한 알리고떼\u003c\/p\u003e\n                        \u003c!-- Price Display --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-gray-900 font-serif mb-6\"\u003e€22.22\u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- CRITICAL NOTICES --\u003e\n                    \u003cdiv class=\"mt-2 space-y-4\"\u003e\n                        \u003c!-- Warning --\u003e\n                        \u003cdiv class=\"warning-box\"\u003e\n                            \u003ch4 class=\"text-[#14532D] font-bold text-sm mb-3 border-b border-green-200 pb-2\"\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-4 h-4 inline mr-2 text-[#82E0AA]\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                                와인 구매 시 유의사항\n                            \u003c\/h4\u003e\n                            \u003cul class=\"space-y-1\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e보관 및 온도\u003c\/strong\u003e: 신선한 맛을 위해 8-10도의 서늘한 곳에 보관을 권장합니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e환불 불가\u003c\/strong\u003e: 단순 변심에 의한 교환\/환불이 불가합니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e배송 안내\u003c\/strong\u003e: 특수 포장으로 안전하게 배송되며, 파손 시 100% 보상됩니다.\u003c\/li\u003e\n                            \u003c\/ul\u003e\n                        \u003c\/div\u003e\n\n                        \u003c!-- Shipping Alert --\u003e\n                        \u003cdiv class=\"shipping-alert\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6 text-[#374151]\"\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25m-17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25\"\u003e\u003c\/path\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.375 14.25h17.25M9 14.25v-4.5h6v4.5M3.75 9.75h16.5\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                            \u003cdiv\u003e\n                                \u003cstrong class=\"block mb-1\"\u003e배송 일정 안내\u003c\/strong\u003e\n                                해당 상품은 주문 접수 후 \u003cspan class=\"font-bold underline\"\u003e배송 시작까지 8주 이상 소요\u003c\/span\u003e가 되는 상품입니다.\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"bg-gray-50 rounded-2xl p-8 border border-gray-200 shadow-inner h-full flex flex-col justify-center\"\u003e\n                    \u003cdiv class=\"flex justify-between items-center mb-4 border-b border-gray-200 pb-2\"\u003e\n                        \u003clabel class=\"text-xs uppercase text-gray-500 tracking-wider font-bold\"\u003e예상 결제 금액 (원화)\u003c\/label\u003e\n                        \u003cdiv class=\"flex items-center gap-2\"\u003e\n                            \u003cspan class=\"text-xs text-gray-400\"\u003eRate:\u003c\/span\u003e\n                            \u003cinput type=\"number\" id=\"exchangeRate\" value=\"1702.23\" class=\"w-20 bg-transparent border-none text-right text-sm text-gray-700 font-bold focus:outline-none focus:ring-0\"\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"text-4xl font-extrabold text-gray-800 mb-2 tracking-tight\" id=\"krwPrice\"\u003e₩ 0\u003c\/div\u003e\n                    \u003cp class=\"text-xs text-gray-500 mb-6\" id=\"krwNote\"\u003e※ 판매가(€22.22) 기준\u003c\/p\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-[#17202A] text-white font-bold text-sm tracking-widest hover:bg-[#196F3D] hover:text-white transition-all duration-300 rounded-xl shadow-lg hover:shadow-xl\"\u003e\n                        \u003ci class=\"fas fa-sync-alt mr-2\"\u003e\u003c\/i\u003e 실시간 환율 적용\n                    \u003c\/button\u003e\n                    \n                    \u003cp id=\"loadingIndicator\" class=\"text-center text-xs text-gray-500 mt-2 hidden font-medium\"\u003e\n                        \u003ci class=\"fas fa-spinner fa-spin\"\u003e\u003c\/i\u003e 환율 정보 조회 중...\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/main\u003e\n\n    \u003cfooter class=\"border-t border-gray-200 bg-white py-12 mt-20\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\"\u003e\n            \u003cdiv class=\"text-2xl title-font text-gray-900\"\u003eJOSEPH DROUHIN\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Joseph Drouhin.\u003cbr\u003e\n                Beaune, Burgundy, France.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- Custom Toast\/Notification Area --\u003e\n    \u003cdiv id=\"toast-message\" class=\"fixed bottom-5 left-1\/2 -translate-x-1\/2 p-4 text-sm text-white font-medium rounded-lg shadow-xl transition-all duration-300 opacity-0 z-[100] hidden\"\u003e\n        \u003c!-- Message content set by JS --\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ GSAP Animations\n        gsap.to(\".gsap-hero\", {\n            y: 0, opacity: 1, duration: 1.2, stagger: 0.2, ease: \"power3.out\"\n        });\n\n        const fadeUpElements = document.querySelectorAll(\".gsap-fade-up\");\n        fadeUpElements.forEach(el =\u003e {\n            gsap.fromTo(el, \n                { y: 50, opacity: 0 },\n                { y: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 90%\" }}\n            );\n        });\n\n        gsap.fromTo(\".gsap-fade-right\",\n            { x: -30, opacity: 0 },\n            { x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-right\", start: \"top 85%\" }}\n        );\n\n        gsap.fromTo(\".gsap-fade-left\",\n            { x: 30, opacity: 0 },\n            { x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-left\", start: \"top 85%\" }}\n        );\n\n        \/\/ --- Chart.js Configuration ---\n        const commonOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } } },\n            scales: {\n                y: { grid: { color: 'rgba(0, 0, 0, 0.05)' }, ticks: { color: '#666', font: { family: 'Inter', size: 10 } } },\n                x: { grid: { display: false }, ticks: { color: '#666', font: { family: 'Inter', size: 10 } } }\n            }\n        };\n\n        \/\/ Vintage Price History Chart\n        const vintageCtx = document.getElementById('vintageChart').getContext('2d');\n        if (window.vintageChartInstance) {\n            window.vintageChartInstance.destroy();\n        }\n        window.vintageChartInstance = new Chart(vintageCtx, {\n            type: 'bar',\n            data: {\n                labels: ['2021', '2022', '2023', '2024'],\n                datasets: [{\n                    label: 'Average Market Price (\u0026euro;)',\n                    data: [18, 20, 22, 22.22], \n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 3 ? '#196F3D' : '#E5E7EB', \n                    borderRadius: 4,\n                    barThickness: 30\n                }]\n            },\n            options: {\n                ...commonOptions,\n                plugins: { legend: { display: false } },\n                scales: {\n                    ...commonOptions.scales,\n                    y: {\n                        ...commonOptions.scales.y,\n                        min: 10,\n                        max: 30,\n                        ticks: { callback: (val) =\u003e '\\u20AC' + val, color: '#666' }\n                    }\n                }\n            }\n        });\n\n        \/\/ Price Trend Chart\n        const priceCtx = document.getElementById('priceChart').getContext('2d');\n        if (window.priceChartInstance) {\n            window.priceChartInstance.destroy();\n        }\n        window.priceChartInstance = new Chart(priceCtx, {\n            type: 'line',\n            data: {\n                labels: ['Jan 24', 'Apr 24', 'Jul 24', 'Oct 24', 'Jan 25', 'Apr 25', 'Dec 25'],\n                datasets: [\n                    {\n                        label: 'Market Avg (\u0026euro;)',\n                        data: [25, 26, 27, 26, 28, 27, 28],\n                        borderColor: '#F7DC6F',\n                        backgroundColor: 'rgba(130, 224, 170, 0.05)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#fff',\n                        pointBorderColor: '#F7DC6F',\n                        pointRadius: 3,\n                        fill: true,\n                        tension: 0.3\n                    },\n                    {\n                        label: 'Our Price (\u0026euro;22.22)',\n                        data: [22.22, 22.22, 22.22, 22.22, 22.22, 22.22, 22.22],\n                        borderColor: '#17202A',\n                        borderWidth: 2,\n                        borderDash: [5, 5],\n                        pointRadius: 0,\n                        fill: false,\n                        tension: 0\n                    }\n                ]\n            },\n            options: {\n                ...commonOptions,\n                plugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } } },\n                scales: {\n                    ...commonOptions.scales,\n                    y: {\n                        ...commonOptions.scales.y,\n                        min: 15,\n                        max: 35,\n                        ticks: { callback: (val) =\u003e '\\u20AC' + val, color: '#666' }\n                    }\n                }\n            }\n        });\n\n        \/\/ --- Exchange Rate Calculation and Display ---\n        const BASE_PRICE_EUR = 22.22;\n        const MARKET_AVG_EUR = 28.00;\n        const SAVE_PERCENTAGE = Math.round(((MARKET_AVG_EUR - BASE_PRICE_EUR) \/ MARKET_AVG_EUR) * 100);\n\n        document.querySelector('.value-badge').textContent = `SAVE ${SAVE_PERCENTAGE}%`;\n        document.querySelector('.text-xs.text-gray-500.line-through').textContent = `Market Avg: \u0026euro;${MARKET_AVG_EUR.toFixed(2)}`;\n\n        function updateKrwPrice(rate) {\n            const krwPriceElement = document.getElementById('krwPrice');\n            const finalRate = parseFloat(rate);\n            if (!isNaN(finalRate) \u0026\u0026 finalRate \u003e 0) {\n                const calculatedPrice = Math.round(BASE_PRICE_EUR * finalRate);\n                krwPriceElement.textContent = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(calculatedPrice);\n                document.getElementById('exchangeRate').value = finalRate.toFixed(2);\n                document.getElementById('krwNote').textContent = `\u0026#8251; \u0026#54032;\u0026#47588;\u0026#44032;(\u0026euro;${BASE_PRICE_EUR.toFixed(2)}) \u0026#44592;\u0026#51456;`;\n            }\n        }\n\n        async function fetchAndDisplayRate() {\n            const indicator = document.getElementById('loadingIndicator');\n            const btn = document.getElementById('updateRate');\n            \n            btn.disabled = true;\n            indicator.classList.remove('hidden');\n\n            setTimeout(() =\u003e {\n                const currentRate = 1700 + (Math.random() * 10);\n                updateKrwPrice(currentRate);\n                indicator.classList.add('hidden');\n                btn.disabled = false;\n            }, 1200);\n        }\n\n        updateKrwPrice(1702.23); \n        document.getElementById('exchangeRate').addEventListener('input', (e) =\u003e updateKrwPrice(e.target.value));\n\n        function copyToClipboard(text) {\n            const el = document.createElement('textarea');\n            el.value = text;\n            document.body.appendChild(el);\n            el.select();\n            \n            let success = false;\n            try {\n                document.execCommand('copy');\n                success = true;\n            } catch (err) {\n                console.error('Failed to copy text', err);\n            }\n            document.body.removeChild(el);\n\n            const toast = document.getElementById('toast-message');\n            toast.textContent = `'${text}' \u0026#53076;\u0026#46300;\u0026#44032; \u0026#53364;\u0026#47549;\u0026#48372;\u0026#46300;\u0026#50640; \u0026#48373;\u0026#49324;\u0026#46104;\u0026#50632;\u0026#49845;\u0026#45768;\u0026#45796;.`;\n            toast.classList.remove('opacity-0', 'hidden', 'bg-red-500', 'bg-green-600');\n\n            if (success) {\n                toast.classList.add('bg-green-600', 'opacity-100');\n            } else {\n                toast.classList.add('bg-red-500', 'opacity-100');\n                toast.textContent = '\u0026#53364;\u0026#47549;\u0026#48372;\u0026#46300; \u0026#48373;\u0026#49324;\u0026#50640; \u0026#49892;\u0026#54056;\u0026#54664;\u0026#49845;\u0026#45768;\u0026#45796;.';\n            }\n\n            setTimeout(() =\u003e {\n                toast.classList.remove('opacity-100');\n                toast.classList.add('opacity-0');\n                setTimeout(() =\u003e toast.classList.add('hidden'), 300);\n            }, 3000);\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Joseph Drouhin","offers":[{"title":"Default Title","offer_id":53650175295817,"sku":null,"price":22.22,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/joseb-deuluang-buleugonyu-alligotte-2024-hwaiteuwain-934.webp?v=1768291448","url":"https:\/\/xwine.club\/products\/joseb-deuluang-buleugonyu-alligotte-2024","provider":"엑스와인","version":"1.0","type":"link"}