{"product_id":"한정-2020-vincent-girardin-la-romanee-vieilles-vignes","title":"[한정] 뱅상 지라르댕 샤샤뉴 몽라쉐 1er 라 로마네 비에이 비뉴 2020","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2020 Vincent Girardin Chassagne-Montrachet 1er Cru 'La Romanée'\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            \/* Vincent Girardin La Roman\u0026eacute;e Theme: Deep Gold, Flint Grey, Elegant White *\/\n            --bg-light: #FDFBF7;\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(183, 149, 11, 0.2); \n            --accent-main: #2C3E50; \/* Deep Slate *\/\n            --accent-gold: #B7950B; \/* Rich Gold *\/\n            --accent-mineral: #95A5A6; \/* Flint Grey *\/\n            --text-main: #1A252F;\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 - Prestige \u0026 Mineral Tone *\/\n        .aura-gradient {\n            background: \n                radial-gradient(circle at top right, rgba(183, 149, 11, 0.15) 0%, transparent 60%), \/* Gold *\/\n                radial-gradient(circle at bottom left, rgba(44, 62, 80, 0.1) 0%, transparent 60%), \/* Slate *\/\n                linear-gradient(to bottom, #ffffff 0%, #F9F7F2 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(183, 149, 11, 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-gold);\n            box-shadow: 0 20px 50px -10px rgba(183, 149, 11, 0.15);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-gold);\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, #F1C40F 0%, #B7950B 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(183, 149, 11, 0.3);\n        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #FEF9E7;\n            border: 1px solid #F9E79F;\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: #7D6608;\n        }\n\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #D4AC0D;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #F4F6F7;\n            border: 1px solid #D5DBDB;\n            color: #2C3E50;\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-gold {\n            0% { box-shadow: 0 0 0 0 rgba(183, 149, 11, 0.4); } \n            70% { box-shadow: 0 0 0 10px rgba(183, 149, 11, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(183, 149, 11, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-gold 2s infinite;\n            border-color: var(--accent-gold);\n            background-color: #FEFCF0;\n            color: #7D6608;\n        }\n        \n        .selection\\:bg-yellow-100::selection {\n            background-color: #FCF3CF;\n            color: #7D6608;\n        }\n        \n        .selection\\:text-yellow-900::selection {\n            color: #7D6608;\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'})\"\u003eVINCENT GIRARDIN\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-[#B7950B] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#B7950B] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#B7950B] 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-[#2C3E50] hover:text-white hover:border-[#2C3E50] 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-yellow-500 bg-yellow-50 text-[#7D6608] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            CHASSAGNE 1ER CRU\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            2020 뱅상 지라르댕 샤샤뉴 몽라쉐 1등급 라 로마네 비에이 비뉴\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            2020 Vincent Girardin Chassagne-Montrachet 1er Cru 'La Romanée' Vieilles Vignes\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            CHASSAGNE-MONTRACHET\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-700 via-[#B7950B] to-[#2C3E50]\"\u003eLA ROMANÉE 2020\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-yellow-100 flex items-center justify-center text-[#B7950B]\"\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% Chardonnay\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e부르고뉴 1등급 화이트\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-stone-100 flex items-center justify-center text-[#2C3E50]\"\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\"\u003ePremier Cru\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eLa Romanée (Old Vines)\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-gray-200 flex items-center justify-center text-gray-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\"\u003eChassagne-Montrachet\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eCôte de Beaune, France\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-[#2C3E50] border-b border-yellow-200 pb-4 inline-block w-fit\"\u003e\"The Apex of Chassagne\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **'라 로마네(La Romanée)'**는 샤샤뉴 몽라쉐에서 가장 높은 고도에 위치한 전설적인 1등급 포도밭으로, 종종 그랑 크뤼에 비견되는 평가를 받습니다. 뱅상 지라르댕(Vincent Girardin)은 이곳의 오래된 포도나무(Vieilles Vignes)에서 얻은 포도로 극도의 집중력과 미네랄리티를 표현합니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-[#B7950B] font-bold\"\u003e2020년 빈티지\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#VincentGirardin\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-yellow-100 text-[#B7950B] rounded-full text-xs font-semibold border border-yellow-200\"\u003e#LaRomanee\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-blue-100\/50 text-[#2C3E50] rounded-full text-xs font-semibold border border-blue-200\"\u003e#PremierCru\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-[#B7950B]\/10 to-white border-[#B7950B]\/30 shadow-lg ring-1 ring-[#B7950B]\/20\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-[#B7950B]\/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\/2C3E50\/B7950B?text=ROMANEE\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/100x100\/2C3E50\/B7950B?text=ROMANEE';\" alt=\"Girardin Romanée Bottle\" class=\"w-full h-full object-contain\"\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3 class=\"text-[#2C3E50] 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-[#2C3E50] to-[#B7950B] title-font relative z-10\"\u003e4.4\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!-- 4.4 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\"\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                    \u003c\/div\u003e\n                    \u003cp class=\"text-xs text-[#2C3E50] font-medium mt-3 uppercase tracking-wider border-t border-stone-200 pt-2 relative z-10\"\u003e\n                        Based on 300+ 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\"Ripe Pear, White Flowers, and Limestone Mineral\"\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-yellow-50 border border-yellow-200 rounded-full flex items-center justify-center mb-3 text-[#B7950B] 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\"\u003eRipe Pear\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: 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-50 border border-stone-200 rounded-full flex items-center justify-center mb-3 text-[#2C3E50] 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 Flowers\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: Mineral --\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-gray-100 border border-gray-300 rounded-full flex items-center justify-center mb-3 text-[#95A5A6] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-gem\"\u003e\u003c\/i\u003e \n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eLimestone\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!-- 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\u003eFull\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-[#B7950B] to-[#2C3E50] w-[75%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\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-[#B7950B] to-[#2C3E50] w-[85%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Intensity --\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\u003eDelicate\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eIntensity\u003c\/span\u003e\n                            \u003cspan\u003eIntense\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-[#B7950B] to-[#2C3E50] w-[90%] 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-yellow-50 to-white border-yellow-200 relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-[#B7950B]\/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-[#2C3E50] 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\"\u003eCompetitive Price\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: €155.00\u003c\/div\u003e\n                        \u003cdiv class=\"text-3xl font-bold text-[#2C3E50]\"\u003e€131.00\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eSAVE 15%\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-[#B7950B] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#B7950B]\/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 보관으로 관리된 프리미엄 1등급 화이트\u003c\/p\u003e\n                        \u003c!-- Price Display --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-gray-900 font-serif mb-6\"\u003e€131.00\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-[#7D6608] font-bold text-sm mb-3 border-b border-yellow-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-[#F1C40F]\"\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: 최상의 품질을 위해 10-14도 사이의 서늘한 곳에 보관을 권장합니다.\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-[#2C3E50]\"\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배송 시작까지 6주 이상 소요\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※ 판매가(€131.00) 기준\u003c\/p\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-[#2C3E50] text-white font-bold text-sm tracking-widest hover:bg-[#B7950B] hover:text-[#2C3E50] 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\"\u003eVINCENT GIRARDIN\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Vincent Girardin.\u003cbr\u003e\n                Meursault, Côte de Beaune, 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: ['2017', '2018', '2019', '2020'],\n                datasets: [{\n                    label: 'Average Market Price (\u0026euro;)',\n                    data: [100, 110, 140, 131], \n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 3 ? '#B7950B' : '#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: 80,\n                        max: 160,\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: [140, 145, 148, 150, 155, 150, 155],\n                        borderColor: '#F1C40F',\n                        backgroundColor: 'rgba(241, 196, 15, 0.05)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#fff',\n                        pointBorderColor: '#F1C40F',\n                        pointRadius: 3,\n                        fill: true,\n                        tension: 0.3\n                    },\n                    {\n                        label: 'Our Price (\u0026euro;131)',\n                        data: [131, 131, 131, 131, 131, 131, 131],\n                        borderColor: '#2C3E50',\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: 100,\n                        max: 170,\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 = 131.00;\n        const MARKET_AVG_EUR = 155.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":"Vincent Girardin","offers":[{"title":"Default Title","offer_id":53645268123977,"sku":null,"price":131.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/hanjeong-baengsang-jilaleudaeng-syasyanyu-monglaswe-1er-la-lomane-biei-binyu-2020-hwaiteuwain-550.webp?v=1768222520","url":"https:\/\/xwine.club\/products\/%ed%95%9c%ec%a0%95-2020-vincent-girardin-la-romanee-vieilles-vignes","provider":"엑스와인","version":"1.0","type":"link"}