{"product_id":"diego-mola-balollo-jinjaseuko-2017","title":"디에고 모라 바롤로 진자스코 2017","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2017 Diego Morra Barolo 'Zinzasco'\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 \/ Cinzel \/ Inter) --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700\u0026amp;family=Inter:wght@300;400;600\u0026amp;display=swap\" rel=\"stylesheet\"\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            \/* Diego Morra Theme: Elegant Garnet, Rose Petal, Stone Grey *\/\n            --bg-light: #FDFBF9; \/* Warm White *\/\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(190, 18, 60, 0.2); \/* Rose Red border *\/\n            --accent-main: #BE123C; \/* Elegant Rose\/Garnet *\/\n            --accent-dark: #881337; \/* Deep Red *\/\n            --accent-gold: #D97706; \/* Muted Gold *\/\n            --text-main: #1C1917;\n        }\n\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        \/* Luxury Serif Font for Titles *\/\n        h1, h2, h3, .serif-font, .title-font {\n            font-family: 'Cinzel', serif;\n        }\n        \n        \/* Pretendard for Korean text clarity *\/\n        .korean-text {\n            font-family: 'Pretendard', sans-serif;\n        }\n\n        .title-font {\n            font-weight: 700;\n        }\n\n        \/* Aura Gradient - Verduno Elegance *\/\n        .aura-gradient {\n            background:\n                radial-gradient(circle at top right, rgba(217, 119, 6, 0.15) 0%, transparent 60%),\n                radial-gradient(circle at bottom left, rgba(190, 18, 60, 0.1) 0%, transparent 60%),\n                linear-gradient(to bottom, #FDFBF9 0%, #FFF1F2 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(190, 18, 60, 0.1);\n            box-shadow: 0 15px 40px -10px rgba(190, 18, 60, 0.05);\n            border-radius: 16px;\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(190, 18, 60, 0.15);\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, #BE123C 0%, #881337 100%);\n            color: #FFF1F2;\n            padding: 4px 12px;\n            border-radius: 99px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            box-shadow: 0 4px 10px -1px rgba(190, 18, 60, 0.3);\n            border: 1px solid rgba(217, 119, 6, 0.3);\n        }\n\n        \/* Warning Box *\/\n        .warning-box {\n            background-color: #FFFBEB;\n            border: 1px solid #FCD34D;\n            border-radius: 12px;\n            padding: 1.5rem;\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: #92400E;\n            font-family: 'Pretendard', sans-serif;\n        }\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #D97706;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #FFF1F2; \n            border: 1px solid #FECDD3;\n            color: #BE123C;\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            font-family: 'Pretendard', sans-serif;\n        }\n\n        \/* Discount Badge Animation *\/\n        @keyframes pulse-red {\n            0% { box-shadow: 0 0 0 0 rgba(190, 18, 60, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(190, 18, 60, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(190, 18, 60, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-red 2s infinite;\n            border-color: var(--accent-gold);\n            background-color: #BE123C;\n            color: #FFF1F2;\n        }\n\n        \/* Score Badge *\/\n        .score-badge {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 0.5rem;\n            border-radius: 8px;\n            background: rgba(255,255,255,0.8);\n            border: 1px solid rgba(0,0,0,0.05);\n            transition: all 0.2s;\n        }\n        .score-badge:hover {\n            background: #fff;\n            border-color: var(--accent-main);\n            transform: scale(1.05);\n        }\n\n        .selection\\:bg-gold-100::selection {\n            background-color: #FFE4E6;\n            color: #BE123C;\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'})\"\u003eDIEGO MORRA\u003c\/div\u003e\n        \u003cdiv class=\"hidden md:flex space-x-8 text-sm font-medium tracking-wide text-gray-600 font-[Inter]\"\u003e\n            \u003ca href=\"#overview\" class=\"hover:text-[#BE123C] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#BE123C] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#BE123C] transition-colors\"\u003eVALUE\u003c\/a\u003e\n        \u003c\/div\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-[#BE123C] hover:text-white hover:border-[#BE123C] 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        \u003c!-- Floating Badge --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 mb-8 px-6 py-2 rounded-full border border-[#D97706] bg-[#BE123C] text-[#FFF1F2] text-xs tracking-[0.25em] font-bold shadow-lg discount-badge\"\u003e\n            VERDUNO RISING STAR\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-600 korean-text mb-2\"\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 font-[Cinzel] mb-8 tracking-widest\"\u003e\n            2017 Diego Morra Barolo 'Zinzasco'\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            BAROLO\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#881337] via-[#BE123C] to-[#D97706]\"\u003eZINZASCO 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            \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-[#BE123C]\"\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-900 serif-font\"\u003eRed Wine\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eNebbiolo 100%\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1 korean-text\"\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-[#BE123C] flex items-center justify-center text-[#FDFBF9]\"\u003e\n                        \u003ci class=\"fas fa-crown text-sm\"\u003e\u003c\/i\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-900 serif-font\"\u003eDOCG\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eBarolo\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1 korean-text\"\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-900 serif-font\"\u003ePiedmont\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eVerduno, Italy\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1 korean-text\"\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-7 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-[#BE123C] border-b border-[#D97706] pb-4 inline-block w-fit\"\u003e\"The Elegance of Verduno\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg korean-text\"\u003e\n                    **디에고 모라(Diego Morra)**는 바롤로 지역에서도 가장 우아하고 섬세한 와인이 생산되는 베르두노(Verduno)의 떠오르는 스타입니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    **'진자스코(Zinzasco)'**는 디에고 모라가 선보이는 또 하나의 보석 같은 바롤로입니다. 2017년은 뜨거웠던 해였지만, 모라의 뛰어난 양조 실력으로 베르두노 특유의 화사한 꽃향기와 우아한 타닌을 잃지 않았습니다. 장미 꽃잎, 붉은 베리, 그리고 발사믹 노트가 어우러진 매혹적인 네비올로를 합리적인 가격에 만나보세요.\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#DiegoMorra\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-[#BE123C] text-[#FFF1F2] rounded-full text-xs font-semibold border border-[#D97706]\"\u003e#Zinzasco\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-[#D97706]\/10 text-[#881337] rounded-full text-xs font-semibold border border-[#D97706]\/30\"\u003e#VerdunoStyle\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Quality Badges Grid --\u003e\n            \u003cdiv class=\"col-span-1 md:col-span-5 space-y-4 gsap-fade-up\" id=\"scores\"\u003e\n                \u003cdiv class=\"glass-card p-6 border-[#BE123C]\/50 bg-gradient-to-br from-[#FDFBF9] to-white\"\u003e\n                    \u003cdiv class=\"flex items-center justify-between mb-6\"\u003e\n                        \u003ch3 class=\"text-lg font-bold font-[Cinzel] text-[#BE123C] border-b-2 border-[#D97706] pb-1\"\u003eWINE HIGHLIGHTS\u003c\/h3\u003e\n                        \u003cdiv class=\"text-[#D97706] text-2xl\"\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"grid grid-cols-2 gap-4\"\u003e\n                        \u003c!-- Producer Badge --\u003e\n                        \u003cdiv class=\"score-badge bg-[#BE123C] text-white !border-[#881337] col-span-2 flex-row justify-between px-6 py-4 shadow-lg\"\u003e\n                            \u003cdiv class=\"text-left\"\u003e\n                                \u003cspan class=\"text-xs text-[#FFF1F2] font-bold tracking-widest uppercase block\"\u003eProducer\u003c\/span\u003e\n                                \u003cspan class=\"text-xs text-gray-200\"\u003eRising Star\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"text-xl font-bold font-[Cinzel] text-[#FFF1F2]\"\u003eDiego Morra\u003c\/div\u003e\n                        \u003c\/div\u003e\n\n                        \u003c!-- Style Badge --\u003e\n                        \u003cdiv class=\"score-badge col-span-2 bg-[#FDFBF9] text-[#BE123C] !border-[#D97706] flex-row justify-between px-6 py-4 shadow-md\"\u003e\n                            \u003cdiv class=\"text-left\"\u003e\n                                \u003cspan class=\"text-xs text-[#BE123C] font-bold tracking-widest uppercase block\"\u003eStyle\u003c\/span\u003e\n                                \u003cspan class=\"text-xs text-[#881337]\"\u003eElegant \u0026amp; Floral\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"text-xl font-bold text-[#BE123C]\"\u003eVerduno\u003c\/div\u003e\n                        \u003c\/div\u003e\n\n                        \u003c!-- Other Features --\u003e\n                        \u003cdiv class=\"score-badge\"\u003e\n                            \u003cspan class=\"text-xs text-gray-500 uppercase font-bold\"\u003eVintage\u003c\/span\u003e\n                            \u003cspan class=\"text-lg font-bold text-[#BE123C]\"\u003e2017\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"score-badge\"\u003e\n                            \u003cspan class=\"text-xs text-gray-500 uppercase font-bold\"\u003eValue\u003c\/span\u003e\n                            \u003cspan class=\"text-lg font-bold text-[#BE123C]\"\u003eGreat\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\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\"Rose Petals, Wild Strawberry, Balsamic, and Fine Tannins\"\u003c\/p\u003e\n                \n                \u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n                    \u003c!-- Note 1 --\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-[#FCE7F3] border border-pink-300 rounded-full flex items-center justify-center mb-3 text-[#BE123C] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-spa\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eFloral\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1 korean-text\"\u003e장미 꽃잎, 제비꽃\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 2 --\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-red-100 border border-red-200 rounded-full flex items-center justify-center mb-3 text-[#9F1239] 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\"\u003eRed Fruit\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1 korean-text\"\u003e산딸기, 체리\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 3 --\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-300 rounded-full flex items-center justify-center mb-3 text-[#D97706] 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\"\u003eBalsamic\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1 korean-text\"\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!-- Elegance --\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\u003eRobust\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eElegance\u003c\/span\u003e\n                            \u003cspan\u003eRefined\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-[#BE123C] to-[#D97706] w-[90%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\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-[#BE123C] to-[#881337] w-[75%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Tannin --\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 Structure\u003c\/span\u003e\n                            \u003cspan\u003eFirm\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-[#BE123C] to-[#D97706] w-[80%] 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\"\u003eValue \u0026amp; Market\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-stone-50 to-white border-[#BE123C] relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-[#BE123C]\/20 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-[#881337] flex items-center justify-center text-[#FFF1F2] text-xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-tag\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch3 class=\"text-lg font-bold text-gray-900\"\u003eGreat Value\u003c\/h3\u003e\n                            \u003cp class=\"text-sm text-gray-600\"\u003eBarolo under €50\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-3xl font-bold text-[#BE123C]\"\u003e€35.00\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eBEST PRICE\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!-- Price 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\"\u003eBarolo Price Range (€)\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\"\u003eMorin 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-[#BE123C] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#BE123C]\/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\"\u003eAcquire Now\u003c\/h2\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-gray-500 mb-2 font-medium korean-text\"\u003e베르두노의 숨은 보석, 디에고 모라 바롤로\u003c\/p\u003e\n                        \u003c!-- Price Display --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-[#BE123C] font-[Cinzel] mb-6\"\u003e€35.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-[#881337] font-bold text-sm mb-3 border-b border-red-200 pb-2 korean-text\"\u003e\n                                \u003ci class=\"fas fa-exclamation-circle mr-2\"\u003e\u003c\/i\u003e\n                                프리미엄 와인 구매 시 유의사항\n                            \u003c\/h4\u003e\n                            \u003cul class=\"space-y-1\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e보관 상태\u003c\/strong\u003e: CAVE 보관 상품으로 최상의 컨디션을 유지하고 있습니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e환불 불가\u003c\/strong\u003e: 오픈 후 맛의 변질(부쇼네 등)에 대한 교환\/환불은 절대 불가합니다.\u003c\/li\u003e\n                            \u003c\/ul\u003e\n                        \u003c\/div\u003e\n\n                        \u003c!-- Shipping Alert --\u003e\n                        \u003cdiv class=\"shipping-alert\"\u003e\n                            \u003ci class=\"fas fa-shipping-fast text-[#BE123C] text-lg mt-1\"\u003e\u003c\/i\u003e\n                            \u003cdiv\u003e\n                                \u003cstrong class=\"block mb-1 korean-text\"\u003e배송 일정 안내\u003c\/strong\u003e\n                                해당 상품은 주문 접수후 배송시작까지 4주이상 소요가 되는 상품입니다.\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"bg-stone-50 rounded-2xl p-8 border border-stone-200 shadow-inner h-full flex flex-col justify-center\"\u003e\n                    \u003cdiv class=\"flex justify-between items-center mb-4 border-b border-stone-200 pb-2\"\u003e\n                        \u003clabel class=\"text-xs uppercase text-gray-500 tracking-wider font-bold korean-text\"\u003e예상 결제 금액 (원화)\u003c\/label\u003e\n                        \u003cdiv class=\"flex items-center gap-2\"\u003e\n                            \u003cspan class=\"text-xs text-gray-400\"\u003e환율:\u003c\/span\u003e\n                            \u003cinput type=\"number\" id=\"exchangeRate\" value=\"1650.00\" 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-900 mb-2 tracking-tight\" id=\"krwPrice\"\u003e₩ 0\u003c\/div\u003e\n                    \u003cp class=\"text-xs text-gray-500 mb-6 korean-text\" id=\"krwNote\"\u003e※ 판매가(€35.00) 기준\u003c\/p\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-[#BE123C] text-[#FFF1F2] font-bold text-sm tracking-widest hover:bg-[#881337] 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                    \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-[#BE123C]\"\u003eDIEGO MORRA\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2017 Vintage Collection.\u003cbr\u003e\n                Verduno, Piedmont.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- Custom Toast --\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\u003c\/div\u003e\n\n    \u003cscript\u003e\n        window.addEventListener('load', function() {\n            if (typeof gsap !== 'undefined' \u0026\u0026 typeof ScrollTrigger !== 'undefined') {\n                gsap.registerPlugin(ScrollTrigger);\n\n                \/\/ 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            } else {\n                console.warn(\"GSAP or ScrollTrigger not loaded. Animations disabled.\");\n                document.querySelectorAll(\".gsap-hero, .gsap-fade-up, .gsap-fade-right, .gsap-fade-left\").forEach(el =\u003e {\n                    el.style.opacity = 1;\n                    el.style.transform = \"none\";\n                });\n            }\n        });\n\n        \/\/ --- Chart.js ---\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 Comparison Chart\n        const vintageCtx = document.getElementById('vintageChart').getContext('2d');\n        if (window.vintageChartInstance) window.vintageChartInstance.destroy();\n        \n        window.vintageChartInstance = new Chart(vintageCtx, {\n            type: 'bar',\n            data: {\n                labels: ['Generic Barolo', 'Morra Zinzasco', 'Top Verduno', 'Cru Barolo'],\n                datasets: [{\n                    label: 'Avg Market Price (\u0026euro;)',\n                    data: [35, 35, 65, 100], \n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 1 ? '#BE123C' : '#E2E8F0',\n                    borderRadius: 4,\n                    barThickness: 40\n                }]\n            },\n            options: {\n                ...commonOptions,\n                plugins: { legend: { display: false } },\n                scales: {\n                    ...commonOptions.scales,\n                    y: {\n                        ...commonOptions.scales.y,\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) window.priceChartInstance.destroy();\n\n        window.priceChartInstance = new Chart(priceCtx, {\n            type: 'line',\n            data: {\n                labels: ['2020', '2021', '2022', '2023', '2024', '2025'],\n                datasets: [\n                    {\n                        label: 'Market Value Trend (\u0026euro;)',\n                        data: [30, 32, 33, 34, 35, 36],\n                        borderColor: '#BE123C',\n                        backgroundColor: 'rgba(190, 18, 60, 0.1)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#D97706',\n                        pointBorderColor: '#BE123C',\n                        fill: true,\n                        tension: 0.4\n                    },\n                    {\n                        label: 'Our Price (\u0026euro;35)',\n                        data: [35, 35, 35, 35, 35, 35],\n                        borderColor: '#D97706',\n                        borderWidth: 2,\n                        borderDash: [5, 5],\n                        pointRadius: 0,\n                        fill: false,\n                        tension: 0\n                    }\n                ]\n            },\n            options: {\n                ...commonOptions,\n                scales: {\n                    ...commonOptions.scales,\n                    y: {\n                        ...commonOptions.scales.y,\n                        ticks: { callback: (val) =\u003e '\\u20AC' + val, color: '#666' }\n                    }\n                }\n            }\n        });\n\n        \/\/ --- Calculator ---\n        const BASE_PRICE_EUR = 35.00;\n\n        function updateKrwPrice(rate) {\n            const krwPriceElement = document.getElementById('krwPrice');\n            const finalRate = parseFloat(rate);\n            \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;(\\u20AC${BASE_PRICE_EUR.toLocaleString()}) \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 = 1650 + (Math.random() * 10);\n                updateKrwPrice(currentRate);\n                indicator.classList.add('hidden');\n                btn.disabled = false;\n            }, 1000);\n        }\n\n        updateKrwPrice(1650.00); \n        document.getElementById('exchangeRate').addEventListener('input', (e) =\u003e updateKrwPrice(e.target.value));\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Diego Morra","offers":[{"title":"Default Title","offer_id":53659648983369,"sku":null,"price":35.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/diego-mola-balollo-jinjaseuko-2017-ledeuwain-950.webp?v=1768463893","url":"https:\/\/xwine.club\/products\/diego-mola-balollo-jinjaseuko-2017","provider":"엑스와인","version":"1.0","type":"link"}