{"product_id":"일-마로네토-bdm-2018","title":"일 마로네토 BDM 2017","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2017 Il Marroneto Brunello di Montalcino DOCG - Tuscany\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            \/* Il Marroneto Theme: Garnet Red, Tuscan Earth, Antique Gold *\/\n            --bg-light: #FDFBF9;\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(123, 36, 28, 0.2); \n            --accent-main: #7B241C; \/* Deep Garnet *\/\n            --accent-gold: #B9770E; \/* Antique Gold *\/\n            --accent-earth: #6E2C00; \/* Dark Earth *\/\n            --text-main: #1B1B1B;\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 - Classic \u0026 Elegant Tone *\/\n        .aura-gradient {\n            background: \n                radial-gradient(circle at top right, rgba(185, 119, 14, 0.15) 0%, transparent 60%), \/* Gold *\/\n                radial-gradient(circle at bottom left, rgba(123, 36, 28, 0.1) 0%, transparent 60%), \/* Garnet *\/\n                linear-gradient(to bottom, #ffffff 0%, #FAF5EF 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(123, 36, 28, 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-main);\n            box-shadow: 0 20px 50px -10px rgba(123, 36, 28, 0.2);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-main);\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-gold);\n        }\n\n        \/* Value Badge *\/\n        .value-badge {\n            background: linear-gradient(135deg, #B9770E 0%, #7B241C 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(123, 36, 28, 0.3);\n        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #FDF2E9;\n            border: 1px solid #E6B0AA;\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: #6E2C00;\n        }\n\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #A93226;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #F4F6F6;\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-garnet {\n            0% { box-shadow: 0 0 0 0 rgba(123, 36, 28, 0.4); } \n            70% { box-shadow: 0 0 0 10px rgba(123, 36, 28, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(123, 36, 28, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-garnet 2s infinite;\n            border-color: var(--accent-main);\n            background-color: #F9EBEA;\n            color: #7B241C;\n        }\n        \n        .selection\\:bg-red-100::selection {\n            background-color: #F2D7D5;\n            color: #7B241C;\n        }\n        \n        .selection\\:text-red-900::selection {\n            color: #7B241C;\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\/80 backdrop-blur-md border-b border-stone-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'})\"\u003eIL MARRONETO\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-[#7B241C] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#7B241C] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#7B241C] 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-stone-400 rounded-full text-xs font-bold text-gray-800 hover:bg-[#7B241C] hover:text-white hover:border-[#7B241C] 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-red-400 bg-red-50 text-[#7B241C] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            BRUNELLO DI MONTALCINO\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            일 마로네토 브루넬로 디 몬탈치노 2017\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            2017 Il Marroneto Brunello di Montalcino DOCG\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            BRUNELLO DI\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-800 via-[#7B241C] to-[#B9770E]\"\u003eMONTALCINO 2017\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-red-100 flex items-center justify-center text-[#7B241C]\"\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\"\u003eRed Wine\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eSangiovese Grosso\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-[#B9770E]\"\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\"\u003eDOCG Brunello\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eIl Marroneto (Madonna delle Grazie)\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-200 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\"\u003eTuscany, Italy\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eMontalcino (North Slope)\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-[#7B241C] border-b border-red-200 pb-4 inline-block w-fit\"\u003e\"Magically Lean \u0026amp; Elegant\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **일 마로네토(Il Marroneto)**는 알레산드로 모리(Alessandro Mori)가 이끄는 몬탈치노의 상징적인 전통주의 생산자입니다. 그는 오크 사용을 최소화하고, 거대한 슬라보니안 캐스크에서 와인을 숙성시켜 산지오베제 본연의 우아함과 섬세함을 극대화합니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-[#B9770E] font-bold\"\u003e2017년 빈티지\u003c\/span\u003e는 뜨겁고 건조한 해였지만, 일 마로네토는 마법처럼 **\"날씬한 바디감(Lean-bodied)\"**을 유지하며 독자적인 길을 걸었습니다. 월계수 잎, 으깬 꽃, 모닥불 재, 철광석과 같은 이국적인 아로마가 특징이며, 풍요로움 대신 **매끄러운 긴장감(Streamlined Tension)**과 즉각적인 과실미가 돋보이는 걸작입니다.\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#IlMarroneto\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-red-100 text-[#7B241C] rounded-full text-xs font-semibold border border-red-200\"\u003e#AlessandroMori\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-yellow-100 text-[#B9770E] rounded-full text-xs font-semibold border border-yellow-200\"\u003e#Brunello2017\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-[#7B241C]\/10 to-white border-[#7B241C]\/30 shadow-lg ring-1 ring-[#7B241C]\/20\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-[#7B241C]\/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\/1B1B1B\/7B241C?text=MARRONETO\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/100x100\/1B1B1B\/7B241C?text=MARRONETO';\" alt=\"Marroneto Bottle Placeholder\" class=\"w-full h-full object-contain\"\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3 class=\"text-[#1B1B1B] text-sm font-bold tracking-widest mb-1 uppercase relative z-10\"\u003eParker - Wine Advocate\u003c\/h3\u003e\n                    \u003cdiv class=\"text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#1B1B1B] to-[#7B241C] title-font relative z-10\"\u003e95\u003cspan class=\"text-2xl text-gray-400 font-light\"\u003epts\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!-- 5 stars visual for 95 pts --\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\"\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                    \u003c\/div\u003e\n                    \u003cp class=\"text-xs text-[#7B241C] font-medium mt-3 uppercase tracking-wider border-t border-stone-200 pt-2 relative z-10\"\u003e\n                        \"Distinguished \u0026amp; Unique\"\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\"Bay Leaf, Crushed Flower, and Iron Ore\"\u003c\/p\u003e\n                \n                \u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n                    \u003c!-- Note 1: Exotic\/Herbal --\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-[#7B241C] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-leaf\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eBay Leaf \u0026amp; Flower\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: 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-stone-100 border border-stone-200 rounded-full flex items-center justify-center mb-3 text-[#6E2C00] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-fire\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eIron \u0026amp; Ash\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: Texture --\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-[#B9770E] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-bolt\"\u003e\u003c\/i\u003e \n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eSilky Tension\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 (Medium-Full, Lean style) --\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-[#B9770E] to-[#7B241C] w-[70%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Tannin (Silky) --\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\u003eSilky\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eTannin\u003c\/span\u003e\n                            \u003cspan\u003eGrippy\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-[#B9770E] to-[#7B241C] w-[60%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Acidity (Tension) --\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\u003eHigh\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-[#B9770E] to-[#7B241C] 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-red-50 to-white border-red-200 relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-[#7B241C]\/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-[#7B241C] 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: €95.00\u003c\/div\u003e\n                        \u003cdiv class=\"text-3xl font-bold text-[#7B241C]\"\u003e€82.00\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eSAVE 14%\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-[#7B241C] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#7B241C]\/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€82.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-[#6E2C00] font-bold text-sm mb-3 border-b border-red-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-[#7B241C]\"\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: 14-16도의 서늘한 곳에 보관을 권장합니다.\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-[#1B1B1B]\"\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.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배송 시작까지 4주 이상 소요\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※ 판매가(€82.00) 기준\u003c\/p\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-[#1B1B1B] text-white font-bold text-sm tracking-widest hover:bg-[#B9770E] 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\"\u003eIL MARRONETO\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Il Marroneto.\u003cbr\u003e\n                Montalcino, Siena, Italy.\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: ['2015', '2016', '2017', '2018'],\n                datasets: [{\n                    label: 'Average Market Price (\u0026euro;)',\n                    data: [100, 95, 82, 85], \n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 2 ? '#7B241C' : '#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: 60,\n                        max: 120,\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: [90, 92, 95, 93, 96, 94, 98],\n                        borderColor: '#B9770E',\n                        backgroundColor: 'rgba(123, 36, 28, 0.05)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#fff',\n                        pointBorderColor: '#B9770E',\n                        pointRadius: 3,\n                        fill: true,\n                        tension: 0.3\n                    },\n                    {\n                        label: 'Our Price (\u0026euro;82)',\n                        data: [82, 82, 82, 82, 82, 82, 82],\n                        borderColor: '#1B1B1B',\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: 70,\n                        max: 110,\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 = 82.00;\n        const MARKET_AVG_EUR = 95.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":"Il Marroneto","offers":[{"title":"Default Title","offer_id":53643057430857,"sku":null,"price":88.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/il-maloneto-bdm-2017-ledeuwain-233.webp?v=1754990893","url":"https:\/\/xwine.club\/products\/%ec%9d%bc-%eb%a7%88%eb%a1%9c%eb%84%a4%ed%86%a0-bdm-2018","provider":"엑스와인","version":"1.0","type":"link"}