{"product_id":"비밀오퍼샤또-꺄농-2000","title":"[비밀오퍼]샤또 꺄농 2000","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2000 Château Canon - Aura Edition\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 --\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=Noto+Serif+KR:wght@300;400;600;700\u0026amp;family=Inter:wght@300;400;600\u0026amp;display=swap\" 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            \/* Canon Theme: Velvet Red, Chanel White \u0026 Gold *\/\n            --bg-light: #F9F5F5; \n            --bg-card: rgba(255, 255, 255, 0.9);\n            --border-card: rgba(139, 0, 0, 0.15); \n            --accent-red: #8B0000; \/* Dark Red *\/\n            --accent-gold: #D4AF37; \/* Luxury Gold *\/\n            --accent-dark: #1A1A1A; \/* Black *\/\n            --text-main: #2D2D2D; \n            --text-sub: #555555;\n        }\n\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            font-family: 'Inter', sans-serif;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, .serif-font {\n            font-family: 'Noto Serif KR', serif;\n        }\n        \n        .title-font {\n            font-family: 'Cinzel', serif;\n        }\n\n        \/* Aura Gradient *\/\n        .aura-gradient {\n            background: \n                radial-gradient(circle at top left, rgba(139, 0, 0, 0.1) 0%, transparent 60%),\n                radial-gradient(circle at bottom right, rgba(212, 175, 55, 0.1) 0%, transparent 60%),\n                linear-gradient(to bottom, #ffffff 0%, #fffbfb 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.95);\n            border-radius: 24px;\n            box-shadow: 0 10px 40px -10px rgba(139, 0, 0, 0.1);\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-red);\n            box-shadow: 0 20px 50px -10px rgba(139, 0, 0, 0.2);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-red);\n            padding-left: 1.5rem;\n            text-align: left;\n            transition: all 0.3s ease;\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        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #FEF2F2;\n            border: 1px solid #FECACA;\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: #7F1D1D;\n        }\n        .warning-box li::before {\n            content: \"\u0026bull;\";\n            position: absolute;\n            left: 0;\n            color: #EF4444;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #FFF7ED;\n            border: 1px solid #FFEDD5;\n            color: #9A3412;\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(212, 175, 55, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n        }\n        .discount-badge {\n            animation: pulse-gold 2s infinite;\n        }\n    \u003c\/style\u003e\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-red-100 shadow-sm\"\u003e\n        \u003cdiv class=\"text-xl font-bold title-font tracking-widest text-red-900\"\u003eCHÂTEAU CANON\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-red-700 transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-red-700 transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-red-700 transition-colors\"\u003eMARKET\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cbutton class=\"px-6 py-2 border border-red-300 rounded-full text-xs font-bold text-red-900 hover:bg-red-900 hover:text-white transition-all duration-300 tracking-wider shadow-sm\"\u003e\n            BUY NOW\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-5 py-1.5 rounded-full border border-yellow-300 bg-yellow-50 text-yellow-800 text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            BORDEAUX CLUB 5% OFF\n        \u003c\/div\u003e\n\n        \u003c!-- Korean Title (Vintage at the end) --\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\"\u003e\n            샤또 꺄농 2000\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            2000 Château Canon Saint-Émilion Premier Grand Cru Classé\n        \u003c\/h3\u003e\n\n        \u003c!-- English 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-red-950\"\u003e\n            CHÂTEAU\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-red-800 via-red-600 to-red-900\"\u003eCANON\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-red-800\"\u003e\n                        \u003ci class=\"fas fa-wine-glass\"\u003e\u003c\/i\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\"\u003eMerlot Dominant\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-yellow-700\"\u003e\n                        \u003ci class=\"fas fa-crown\"\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-800 serif-font\"\u003e1er Grand Cru\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eClassé B (Saint-Émilion)\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                        \u003ci class=\"fas fa-map-marker-alt\"\u003e\u003c\/i\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\"\u003eSaint-Émilion\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eRight Bank, Bordeaux\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            \u003ci class=\"fas fa-chevron-down text-red-300 text-xl\"\u003e\u003c\/i\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-red-900 border-b border-red-200 pb-4 inline-block w-fit\"\u003eTimeless Elegance\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **샤또 꺄농(Château Canon)**은 1996년 샤넬(Chanel) 그룹에 인수된 이후, 막대한 투자와 혁신을 통해 생테밀리옹 최고의 와인 중 하나로 자리 잡았습니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-red-700 font-bold\"\u003e2000년 빈티지\u003c\/span\u003e는 보르도의 전설적인 '밀레니엄 빈티지'입니다. \n                    완벽하게 숙성된 지금, 꺄농 특유의 비단결 같은 타닌과 깊은 트러플 향, 그리고 붉은 과실의 복합미가 절정을 이루고 있습니다. 소장 가치와 시음의 즐거움을 동시에 선사하는 걸작입니다.\n                \u003c\/p\u003e\n                \u003cdiv class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-red-100\"\u003e\n                    \u003cspan class=\"px-3 py-1 bg-red-50 text-red-800 rounded-full text-xs font-semibold border border-red-200\"\u003e#MillenniumVintage\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-red-50 text-red-800 rounded-full text-xs font-semibold border border-red-200\"\u003e#ChanelWinery\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-red-50 text-red-800 rounded-full text-xs font-semibold border border-red-200\"\u003e#ElegantStyle\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 glass-card p-8 flex flex-col items-center justify-center text-center relative overflow-hidden gsap-fade-up bg-white\/80\"\u003e\n                \u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-red-100\/40 blur-[50px] rounded-full\"\u003e\u003c\/div\u003e\n                \u003cimg src=\"https:\/\/xwine.club\/cdn\/shop\/files\/ckyycsi9i00027b9gh6ww46da.webp\" alt=\"Vivino Logo\" class=\"w-12 h-12 rounded-full shadow-md mb-3 z-10\" data-original=\"https:\/\/xwine.club\/cdn\/shop\/files\/ckyycsi9i00027b9gh6ww46da.webp\" data-files=\"ckyycsi9i00027b9gh6ww46da.webp\" loading=\"lazy\"\u003e\n                \u003ch3 class=\"text-red-800 text-sm font-bold tracking-widest mb-1 uppercase z-10\"\u003eVivino Score\u003c\/h3\u003e\n                \u003cdiv class=\"text-7xl font-bold text-gray-900 title-font relative z-10\"\u003e4.4\u003c\/div\u003e\n                \u003cdiv class=\"mt-3 flex items-center gap-1 text-yellow-500 z-10 text-lg\"\u003e\n                    \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star-half-alt\"\u003e\u003c\/i\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"mt-2 text-xs text-gray-500 font-medium z-10\"\u003eBased on 1,520 Ratings\u003c\/p\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-red-900\"\u003eTasting Profile\u003c\/h2\u003e\n                \u003cp class=\"text-gray-600 mb-8 font-light italic\"\u003e\"붉은 자두, 송로버섯(Truffle), 그리고 부드러운 향신료\"\u003c\/p\u003e\n                \n                \u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n                    \u003c!-- Aroma 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-red-50 border border-red-100 rounded-full flex items-center justify-center mb-3 text-red-700 text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-apple-alt\"\u003e\u003c\/i\u003e \u003c!-- Plum proxy --\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\"\u003e자두, 체리, 라즈베리\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Aroma 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-brown-50 border border-brown-100 rounded-full flex items-center justify-center mb-3 text-brown-600 text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-cookie\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eEarthy\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e트러플, 흙, 숲내음\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- Aroma 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-orange-50 border border-orange-100 rounded-full flex items-center justify-center mb-3 text-orange-700 text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-pepper-hot\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eSpice\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-red-900 font-bold\"\u003eBody\u003c\/span\u003e\n                            \u003cspan\u003eBold\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-red-600 to-red-800 w-[75%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\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\u003eSmooth\u003c\/span\u003e\n                            \u003cspan class=\"text-red-900 font-bold\"\u003eTannin\u003c\/span\u003e\n                            \u003cspan\u003eTannic\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-red-600 to-red-800 w-[70%] 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-red-900 font-bold\"\u003eAcidity\u003c\/span\u003e\n                            \u003cspan\u003eAcidic\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-red-600 to-red-800 w-[65%] 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 --\u003e\n        \u003csection id=\"analysis\" class=\"gsap-fade-up\"\u003e\n            \u003ch2 class=\"text-3xl title-font mb-8 text-center text-red-900\"\u003eMarket Analysis\u003c\/h2\u003e\n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n                \u003c!-- Vintage 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 Score\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                \u003c!-- Price 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\"\u003ePrice Trend (EUR)\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-red-500 relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-red-100 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                            \u003cspan class=\"px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs font-bold border border-yellow-200\"\u003e\n                                CLUB 5% OFF\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-gray-500 mb-4 font-medium\"\u003eCAVE 보관으로 관리된 최상급 올드 빈티지\u003c\/p\u003e\n                        \n                        \u003c!-- Price Display: Original Price Main --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-red-900 font-serif mb-6\"\u003e€160.00\u003c\/div\u003e\n\n                        \u003c!-- Discount Code Info --\u003e\n                        \u003cdiv class=\"bg-red-50 border border-red-200 p-4 rounded-xl mb-6 shadow-sm\"\u003e\n                            \u003cdiv class=\"flex items-center gap-2 mb-2\"\u003e\n                                \u003ci class=\"fas fa-tag text-red-600\"\u003e\u003c\/i\u003e\n                                \u003cspan class=\"text-red-800 font-bold text-sm\"\u003e보르도클럽 5% 추가 할인 혜택\u003c\/span\u003e\n                            \u003c\/div\u003e\n                            \u003cp class=\"text-xs text-red-700 mb-3 leading-relaxed\"\u003e\n                                보르도 클럽 회원이시면 5% 추가 할인이 가능합니다. \u003cbr\u003e결제 시 아래 코드를 입력해주세요.\n                            \u003c\/p\u003e\n                            \u003cdiv class=\"bg-white border border-red-200 rounded px-3 py-2 flex justify-between items-center cursor-pointer hover:bg-gray-50 transition-colors\" onclick=\"navigator.clipboard.writeText('보르도클럽5%'); alert('할인 코드가 복사되었습니다.');\"\u003e\n                                \u003cspan class=\"text-xs text-gray-500 font-medium\"\u003e할인코드\u003c\/span\u003e\n                                \u003cspan class=\"text-red-900 font-bold tracking-wider text-sm\"\u003e보르도클럽5%\u003c\/span\u003e\n                                \u003ci class=\"far fa-copy text-gray-400 text-xs\"\u003e\u003c\/i\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003c!-- CRITICAL NOTICES --\u003e\n                    \u003cdiv class=\"mt-2 space-y-4\"\u003e\n                        \u003c!-- Old Vintage Warning --\u003e\n                        \u003cdiv class=\"warning-box\"\u003e\n                            \u003ch4 class=\"text-red-900 font-bold text-sm mb-3 border-b border-red-200 pb-2\"\u003e\n                                \u003ci class=\"fas fa-exclamation-triangle mr-2\"\u003e\u003c\/i\u003e 올드 빈티지 와인 구매 시 유의사항\n                            \u003c\/h4\u003e\n                            \u003cul class=\"space-y-1\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003eCAVE 보관 상품\u003c\/strong\u003e: 곰팡이나 라벨 손상이 있을 수 있으나, 보관 상태는 최상임을 자부합니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e환불 불가 (단순 변심)\u003c\/strong\u003e: 올드 빈티지 특성상 단순 변심에 의한 교환\/환불이 불가합니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e라벨\/코르크 이슈\u003c\/strong\u003e: 세월의 흔적으로 인한 라벨 손상이나 코르크 상태로 인한 환불은 어렵습니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e와인 상태\u003c\/strong\u003e: 외관상 확인이 어려운 \u003cstrong\u003e부쇼네(Cork Taint), 환원, 산화, 브렛\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-xl mt-1\"\u003e\u003c\/i\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                    \u003c!-- Discount Info in Calculator --\u003e\n                    \u003cdiv class=\"mb-4 bg-yellow-50 border border-yellow-200 rounded-lg p-3 text-center\"\u003e\n                        \u003cp class=\"text-xs text-yellow-800 font-bold mb-1\"\u003e\n                            \u003ci class=\"fas fa-crown text-yellow-600 mr-1\"\u003e\u003c\/i\u003e 보르도 클럽 회원 혜택\n                        \u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-600 leading-tight\"\u003e\n                            보르도 클럽 회원이시면 \u003cspan class=\"text-red-600 font-bold\"\u003e5% 추가 할인\u003c\/span\u003e 가능하십니다.\n                        \u003c\/p\u003e\n                        \u003cdiv class=\"mt-2 flex justify-center items-center gap-2 text-xs\"\u003e\n                            \u003cspan class=\"text-gray-400 line-through\"\u003e€160.00\u003c\/span\u003e\n                            \u003ci class=\"fas fa-arrow-right text-gray-400 text-[10px]\"\u003e\u003c\/i\u003e\n                            \u003cspan class=\"text-red-700 font-bold text-sm\"\u003e€152.00\u003c\/span\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※ 할인가(€152.00) 기준 (관세\/배송비 별도)\u003c\/p\u003e\n                    \n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-red-900 text-white font-bold text-sm tracking-widest hover:bg-red-700 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-red-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-red-900\"\u003eCHÂTEAU CANON\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Château Canon.\u003cbr\u003e\n                Saint-Émilion, Bordeaux.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n\u003cscript\u003e\n    gsap.registerPlugin(ScrollTrigger);\n\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    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 ---\n    const commonOptions = {\n        responsive: true,\n        maintainAspectRatio: false,\n        plugins: { legend: { display: false } },\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 Score Data (Mock for Canon 2000 context)\n    const vintageCtx = document.getElementById('vintageChart').getContext('2d');\n    new Chart(vintageCtx, {\n        type: 'bar',\n        data: {\n            labels: ['1996', '1998', '2000', '2005', '2009'],\n            datasets: [{\n                data: [90, 92, 95, 96, 98],\n                backgroundColor: (ctx) =\u003e ctx.dataIndex === 2 ? '#8B0000' : '#e5e5e5', \/\/ Highlight 2000\n                borderRadius: 4,\n                barThickness: 30\n            }]\n        },\n        options: {\n            ...commonOptions,\n            scales: { ...commonOptions.scales, y: { ...commonOptions.scales.y, min: 85, max: 100 } }\n        }\n    });\n\n    \/\/ Price Trend Data (Simulated steady rise for old vintage)\n    const priceCtx = document.getElementById('priceChart').getContext('2d');\n    let gradient = priceCtx.createLinearGradient(0, 0, 0, 400);\n    gradient.addColorStop(0, 'rgba(139, 0, 0, 0.4)'); \n    gradient.addColorStop(1, 'rgba(255, 255, 255, 0)');\n\n    new Chart(priceCtx, {\n        type: 'line',\n        data: {\n            labels: ['2020', '2021', '2022', '2023', '2024', 'Jan 25', 'May 25', 'Oct 25'],\n            datasets: [{\n                label: 'Market Price',\n                data: [130, 140, 150, 155, 158, 160, 162, 165], \n                borderColor: '#8B0000', \n                backgroundColor: gradient,\n                borderWidth: 2,\n                pointBackgroundColor: '#fff',\n                pointBorderColor: '#8B0000',\n                pointRadius: 0,\n                fill: true,\n                tension: 0.3\n            }]\n        },\n        options: {\n            ...commonOptions,\n            scales: { ...commonOptions.scales, y: { ...commonOptions.scales.y, min: 100, max: 200, ticks: { callback: (val) =\u003e '\u0026euro;' + val, color: '#666' } } }\n        }\n    });\n\n    \/\/ Exchange Rate \u0026 Discount Logic\n    const ORIGINAL_PRICE_EUR = 160.00;\n    const DISCOUNT_RATE = 0.05; \/\/ 5%\n    const DISCOUNTED_PRICE_EUR = ORIGINAL_PRICE_EUR * (1 - DISCOUNT_RATE); \/\/ 152.00\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            \/\/ Calculate based on DISCOUNTED price as requested\n            const calculatedPrice = Math.round(DISCOUNTED_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        }\n    }\n\n    async function fetchAndDisplayRate() {\n        const indicator = document.getElementById('loadingIndicator');\n        const btn = document.getElementById('updateRate');\n        btn.disabled = true;\n        indicator.classList.remove('hidden');\n        \n        setTimeout(() =\u003e {\n            const currentRate = parseFloat(document.getElementById('exchangeRate').value);\n            const newRate = 1700 + (Math.random() * 10); \n            updateKrwPrice(newRate);\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\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Chateau Canon","offers":[{"title":"Default Title","offer_id":53438313529673,"sku":null,"price":160.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/old-syatto-kkyanong-2003-ledeuwain-300.webp?v=1761125075","url":"https:\/\/xwine.club\/products\/%eb%b9%84%eb%b0%80%ec%98%a4%ed%8d%bc%ec%83%a4%eb%98%90-%ea%ba%84%eb%86%8d-2000","provider":"엑스와인","version":"1.0","type":"link"}