{"product_id":"도멘-폴-피요-생-토방-1er-레-샤르무아-2010","title":"도멘 폴 피요 생 토방 1er 레 샤르무아 2010","description":"\u003cbody\u003e\n\n\n\n\n\n\n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ctitle\u003e2010 도멘 폴 피요 생 토방 1er 레 샤르무아\u003c\/title\u003e\n\n\u003c!-- Tailwind CSS --\u003e\n\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n\u003c!-- Font Awesome --\u003e\n\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\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\n\u003c!-- Inter \u0026#54256;\u0026#53944; \u0026#50976;\u0026#51648; --\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; (Apple SD Gothic Neo \u0026#45824;\u0026#52404;) --\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\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"\u003e\u003c\/script\u003e\n\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\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@3.7.1\/dist\/chart.min.js\"\u003e\u003c\/script\u003e\n\u003cstyle\u003e\n\n:root {\n\n\/* Burgundy White\/Chardonnay Theme: Light Gold, Green, Chalk\/Mineral *\/\n\n--bg-light: #FDFDFE; \/* Almost white *\/\n--bg-card: rgba(255, 255, 255, 0.95);\n--border-card: rgba(189, 177, 140, 0.15); \/* Light Gold tone *\/\n--accent-main: #5C773D; \/* Muted Olive Green\/Gold for main accent *\/\n--accent-red: #388E3C; \/* Fresh Green for acidity\/fruit contrast *\/\n--accent-brown: #5C4033; \/* Deep Earth Brown for oak\/mineral notes *\/\n--accent-gold: #FFD700; \/* Bright Gold for highlight *\/\n--text-main: #1C0F0F;\n\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; *\/\nbody {\n\nbackground-color: var(--bg-light);\n\ncolor: var(--text-main);\n\nfont-family: 'Pretendard', 'Inter', sans-serif; \/* Pretendard\u0026#47484; \u0026#52572;\u0026#50864;\u0026#49440;\u0026#51004;\u0026#47196; \u0026#49444;\u0026#51221; *\/\n\noverflow-x: hidden;\n\n}\n\n\/* Serif \u0026#54256;\u0026#53944; \u0026#49828;\u0026#53440;\u0026#51068; \u0026#51228;\u0026#44144; \u0026#48143; Pretendard \u0026#51201;\u0026#50857; *\/\nh1, h2, h3, .serif-font, .title-font {\nfont-family: 'Pretendard', sans-serif;\n}\n\/* \u0026#45824;\u0026#47928;\u0026#51088; \u0026#53440;\u0026#51060;\u0026#53952;\u0026#50640;\u0026#47564; \u0026#48120;\u0026#45768;\u0026#47680;\u0026#54620; Bold \u0026#49324;\u0026#50857; *\/\n.title-font {\nfont-weight: 700;\n}\n\n\/* Aura Gradient - Adjusted for Burgundy White tones *\/\n\n.aura-gradient {\n\nbackground:\n\nradial-gradient(circle at top right, rgba(255, 215, 0, 0.2) 0%, transparent 60%), \/* Bright Gold *\/\n\nradial-gradient(circle at bottom left, rgba(92, 119, 61, 0.1) 0%, transparent 60%), \/* Olive Green *\/\n\nlinear-gradient(to bottom, #ffffff 0%, #FAFCFF 100%);\n\nposition: fixed;\n\ntop: 0;\n\nleft: 0;\n\nwidth: 100%;\n\nheight: 100%;\n\nz-index: -1;\n\n}\n\n\n\/* Glassmorphism Card *\/\n\n.glass-card {\n\nbackground: var(--bg-card);\n\nbackdrop-filter: blur(20px);\n\n-webkit-backdrop-filter: blur(20px);\n\nborder: 1px solid rgba(255, 255, 255, 0.9);\n\nbox-shadow: 0 10px 40px -10px rgba(92, 119, 61, 0.1); \/* Primary Green shadow *\/\n\nborder-radius: 20px;\n\ntransition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n\n}\n\n\n.glass-card:hover {\n\nborder-color: var(--accent-gold); \/* Bright Gold border on hover *\/\n\nbox-shadow: 0 20px 50px -10px rgba(92, 119, 61, 0.25);\n\ntransform: translateY(-4px);\n\n}\n\n\n\/* Info Box *\/\n\n.info-box {\n\nborder-left: 3px solid var(--accent-gold);\n\npadding-left: 1.5rem;\n\ntext-align: left;\n\ntransition: all 0.3s ease;\n\n}\n\n.info-box:hover {\n\nbackground: rgba(255,255,255,0.8);\n\npadding-right: 1rem;\n\nborder-radius: 0 8px 8px 0;\n\nborder-color: var(--accent-main); \/* Olive Green hover border *\/\n\n}\n\n\n\/* Value Badge *\/\n\n.value-badge {\n\n\/* Changed to a blend of green and gold for a premium look *\/\nbackground: linear-gradient(135deg, #FFD700 0%, #5C773D 100%);\ncolor: white;\n\npadding: 4px 12px;\n\nborder-radius: 99px;\n\nfont-size: 0.75rem;\n\nfont-weight: 700;\n\nbox-shadow: 0 4px 6px -1px rgba(255, 215, 0, 0.3);\n\n}\n\n\n\/* Warning Box Style - No change needed *\/\n\n.warning-box {\n\nbackground-color: #FEF2F2;\n\nborder: 1px solid #FECACA;\n\nborder-radius: 12px;\n\npadding: 1.5rem;\n\n}\n\n.warning-box li {\n\nposition: relative;\n\npadding-left: 1.2rem;\n\nmargin-bottom: 0.5rem;\n\nfont-size: 0.85rem;\n\ncolor: #7F1D1D;\n\n}\n\n.warning-box li::before {\n\ncontent: \"\\2010\";\n\nposition: absolute;\n\nleft: 0;\n\ncolor: #EF4444;\n\nfont-weight: bold;\n\n}\n\n\n\/* Shipping Alert - No change needed *\/\n\n.shipping-alert {\n\nbackground-color: #FFF7ED;\n\nborder: 1px solid #FFEDD5;\n\ncolor: #9A3412;\n\nborder-radius: 12px;\n\npadding: 1rem;\n\nfont-size: 0.9rem;\n\nmargin-top: 1rem;\n\ndisplay: flex;\n\nalign-items: flex-start;\n\ngap: 0.75rem;\n\n}\n\n\n\/* Discount Badge Animation - Gold for contrast *\/\n\n@keyframes pulse-gold {\n\n0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); } \/* Bright Gold accent pulse *\/\n\n70% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n\n100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }\n\n}\n\n.discount-badge {\n\nanimation: pulse-gold 2s infinite;\n\nborder-color: var(--accent-gold);\n\nbackground-color: #FFFBEB; \/* Light Gold background *\/\n\ncolor: var(--accent-main); \/* Deep Green text *\/\n\n}\n\/* Update selection colors for Burgundy White theme *\/\n.selection\\:bg-pink-100.selection\\:text-pink-900 {\n-webkit-user-select: auto;\nuser-select: auto;\n}\n.selection\\:bg-pink-100::selection {\nbackground-color: #E8F5E9; \/* Light Green\/Cream *\/\ncolor: #5C773D; \/* Deep Green *\/\n}\n.selection\\:text-pink-900::selection {\ncolor: #5C773D;\n}\n\n\/* Update Color References to Green\/Gold *\/\n.hover\\:text-\\[\\#991B1B\\]:hover { color: var(--accent-main); }\n.text-\\[\\#991B1B\\] { color: var(--accent-main); }\n.border-red-500 { border-color: var(--accent-main); }\n.bg-red-50 { background-color: #E8F5E9; }\n.text-red-500 { color: var(--accent-red); }\n.border-red-400 { border-color: #C8E6C9; } \/* Adjusted for softer line *\/\n.from-red-50 { background-image: linear-gradient(to right, #E8F5E9 0%, var(--bg-light) 100%); }\n.border-red-200 { border-color: #DCEDC8; }\n.text-red-600 { color: var(--accent-red); }\n\n\u003c\/style\u003e\n\n\n\n\n\n\n\u003cdiv class=\"aura-gradient\"\u003e\u003c\/div\u003e\n\n\n\u003c!-- Navigation --\u003e\n\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\n\u003cdiv class=\"text-xl font-bold title-font tracking-widest text-gray-900 cursor-pointer\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\"\u003e도멘 폴 피요\u003c\/div\u003e\n\n\u003cdiv class=\"hidden md:flex space-x-8 text-sm font-medium tracking-wide text-gray-600\"\u003e\n\n\u003ca href=\"#overview\" class=\"hover:text-[#991B1B] transition-colors\"\u003e개요\u003c\/a\u003e\n\n\u003ca href=\"#details\" class=\"hover:text-[#991B1B] transition-colors\"\u003e테이스팅 노트\u003c\/a\u003e\n\n\u003ca href=\"#analysis\" class=\"hover:text-[#991B1B] transition-colors\"\u003e시장 분석\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Scroll to Top Button --\u003e\n\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-[#991B1B] hover:text-white hover:border-[#991B1B] transition-all duration-300 tracking-wider shadow-sm flex items-center gap-2\"\u003e\n\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\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\n\u003c\/svg\u003e\n\n최상단\n\n\u003c\/button\u003e\n\n\u003c\/nav\u003e\n\n\n\u003c!-- Hero Section --\u003e\n\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-500 bg-red-50 text-[#991B1B] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n부르고뉴 화이트 2010\n\u003c\/div\u003e\n\n\n\u003c!-- Korean Title --\u003e\n\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\n도멘 폴 피요 생 토방 1er 레 샤르무아 2010\n\n\u003c\/h2\u003e\n\n\n\u003c!-- English Full Name --\u003e\n\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\n2010 Domaine Paul Pillot Saint-Aubin 1er Cru 'Les Charmois'\n\n\u003c\/h3\u003e\n\n\n\u003c!-- Main Title Highlight --\u003e\n\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\nSAINT-AUBIN\u003cbr\u003e\n\n\u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-800 via-[#991B1B] to-[#FFD700]\"\u003e1ER CRU 2010\u003c\/span\u003e\n\n\u003c\/h1\u003e\n\n\u003c!-- Specifications --\u003e\n\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\n\u003cdiv class=\"info-box group\"\u003e\n\n\u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n\n\u003cdiv class=\"w-10 h-10 rounded-full bg-red-100 flex items-center justify-center text-[#991B1B]\"\u003e\n\n\u003ci class=\"fas fa-wine-bottle\"\u003e\u003c\/i\u003e\n\n\u003c\/div\u003e\n\n\u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003e종류\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003e화이트 와인\u003c\/h3\u003e\n\n\u003cp class=\"text-sm text-gray-600\"\u003e100% 샤르도네 (Chardonnay)\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-400 mt-1\"\u003e프랑스 부르고뉴 화이트 와인\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- Spec 2: Class --\u003e\n\n\u003cdiv class=\"info-box group\"\u003e\n\n\u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n\n\u003cdiv class=\"w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center text-[#FFD700]\"\u003e\n\n\u003ci class=\"fas fa-certificate\"\u003e\u003c\/i\u003e\n\n\u003c\/div\u003e\n\n\u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003e등급\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003e프리미에 크뤼 (1er Cru)\u003c\/h3\u003e\n\n\u003cp class=\"text-sm text-gray-600\"\u003eDomaine Paul Pillot\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-400 mt-1\"\u003e레 샤르무아 (Les Charmois) 밭\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- Spec 3: Region --\u003e\n\n\u003cdiv class=\"info-box group\"\u003e\n\n\u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n\n\u003cdiv class=\"w-10 h-10 rounded-full bg-stone-200 flex items-center justify-center text-stone-700\"\u003e\n\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n\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\n\u003c\/svg\u003e\n\n\u003c\/div\u003e\n\n\u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003e지역\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003e부르고뉴, 프랑스\u003c\/h3\u003e\n\n\u003cp class=\"text-sm text-gray-600\"\u003e생 토방 (Saint-Aubin) AOC\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-400 mt-1\"\u003e꼬뜨 드 본\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"gsap-hero opacity-0 translate-y-10 animate-bounce mt-12\"\u003e\n\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\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\n\u003c\/svg\u003e\n\n\u003c\/div\u003e\n\n\u003c\/header\u003e\n\n\n\u003c!-- Content Section --\u003e\n\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\n\u003csection class=\"grid grid-cols-1 md:grid-cols-12 gap-6\"\u003e\n\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\n\u003ch2 class=\"text-3xl font-bold mb-6 title-font text-[#5C773D] border-b border-red-400 pb-4 inline-block w-fit\"\u003e\"Paul Pillot: 생토방의 섬세한 정점\"\u003c\/h2\u003e\n\n\u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n\n**도멘 폴 피요(Domaine Paul Pillot)**는 꼬뜨 드 본(Côte de Beaune)에서 화이트 와인의 명성을 이어가는 최고의 생산자 중 하나입니다. **'레 샤르무아(Les Charmois)'**는 생 토방(Saint-Aubin) 마을을 대표하는 프리미에 크뤼 밭으로, 샤샤뉴-몽라셰(Chassagne-Montrachet)와 인접해 뛰어난 품질을 자랑합니다.\n\n\u003cbr\u003e\u003cbr\u003e\n\n\u003cspan class=\"text-[#5C773D] font-bold\"\u003e2010년 빈티지**는 부르고뉴에서 **풍성함과 균형감**이 뛰어난 해로 평가받습니다. 이 프리미에 크뤼 뀌베는 \u003cspan class=\"text-gray-700 font-bold\"\u003e푸른 사과, 서양 배, 그리고 강렬한 미네랄과 흰 꽃 향\u003c\/span\u003e이 특징입니다. 섬세한 질감과 긴 피니시가 돋보이는, 숙성 잠재력 또한 뛰어난 샤르도네입니다.\n\n\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cdiv class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-stone-200\"\u003e\n\n\u003cspan class=\"px-3 py-1 bg-stone-100 text-stone-700 rounded-full text-xs font-semibold border border-stone-300\"\u003e#PaulPillot\u003c\/span\u003e\n\n\u003cspan class=\"px-3 py-1 bg-red-500\/10 text-[#5C773D] rounded-full text-xs font-semibold border border-red-400\"\u003e#SaintAubin1erCru\u003c\/span\u003e\n\n\u003cspan class=\"px-3 py-1 bg-amber-500\/10 text-[#FFD700] rounded-full text-xs font-semibold border border-amber-300\"\u003e#Chardonnay\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- Vivino Score --\u003e\n\n\u003cdiv class=\"col-span-1 md:col-span-4 space-y-4 gsap-fade-up\"\u003e\n\n\u003c!-- Highlighted Score: Vivino (Based on Paul Pillot Saint-Aubin 1er Cru Les Charmois 4.3 score) --\u003e\n\n\u003cdiv class=\"glass-card p-6 text-center relative overflow-hidden bg-gradient-to-br from-[#5C773D]\/10 to-white border-[#5C773D]\/30 shadow-lg ring-1 ring-[#5C773D]\/20\"\u003e\n\n\u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-[#FFD700]\/20 blur-[50px] rounded-full animate-pulse\"\u003e\u003c\/div\u003e\n\n\u003c!-- Burgundy White Bottle Placeholder --\u003e\n\n\u003cdiv class=\"w-24 h-24 mx-auto mb-3 z-10 relative\"\u003e\n\n\u003cimg src=\"https:\/\/placehold.co\/100x100\/5C773D\/FFFFFF?text=White\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/100x100\/5C773D\/FFFFFF?text=White';\" alt=\"\" class=\"w-full h-full object-contain\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003ch3 class=\"text-[#5C773D] text-sm font-bold tracking-widest mb-1 uppercase relative z-10\"\u003e비비노 평점\u003c\/h3\u003e\n\n\u003cdiv class=\"text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#5C773D] to-[#FFD700] title-font relative z-10\"\u003e4.3\u003cspan class=\"text-2xl text-gray-400 font-light\"\u003e\/5.0\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"mt-2 flex justify-center text-yellow-500 gap-1 text-lg relative z-10\"\u003e\n\n\u003c!-- 4.3 stars visualization (4 full + 1 three-quarter) --\u003e\n\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5 text-yellow-500\/50\"\u003e\u003cpath d=\"M12 4.5v15M12 4.5l3.249 3.249L12 4.5zM12 4.5L8.751 7.749L12 4.5z\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"text-xs text-[#5C773D] font-medium mt-3 uppercase tracking-wider border-t border-red-400 pt-2 relative z-10\"\u003e\n\n1,266개 평가 기반\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- Tasting Notes --\u003e\n\n\u003csection id=\"details\" class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\"\u003e\n\n\u003cdiv class=\"gsap-fade-right\"\u003e\n\n\u003ch2 class=\"text-4xl title-font mb-3 text-gray-900\"\u003e테이스팅 프로파일\u003c\/h2\u003e\n\n\u003cp class=\"text-gray-600 mb-8 font-light italic\"\u003e\"구운 버터, 미네랄, 그리고 싱싱한 푸른 사과의 복합미\"\u003c\/p\u003e\n\n\u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n\n\u003c!-- Note 1: Butter, Vanilla, Oak (Oak notes) --\u003e\n\n\u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n\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-[#5C4033] text-2xl shadow-sm\"\u003e\n\n\u003ci class=\"fas fa-wine-barrel\"\u003e\u003c\/i\u003e \u003c!-- Oak \/ Butter --\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"text-sm font-bold text-gray-700\"\u003e버터 \u0026amp; 바닐라\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-500 mt-1\"\u003eButter \u0026amp; Vanilla\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Note 2: Minerals, Flint, Earthy (Terroir notes) --\u003e\n\n\u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n\n\u003cdiv class=\"w-14 h-14 mx-auto bg-yellow-100 border border-yellow-200 rounded-full flex items-center justify-center mb-3 text-[#FFD700] text-2xl shadow-sm\"\u003e\n\n\u003ci class=\"fas fa-gem\"\u003e\u003c\/i\u003e \u003c!-- Mineral \/ Flint --\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"text-sm font-bold text-gray-700\"\u003e미네랄 \u0026amp; 부싯돌\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-500 mt-1\"\u003eMinerals \u0026amp; Flint\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Note 3: Green Apple, Pear, White Fruit (Fruit core) --\u003e\n\n\u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n\n\u003cdiv class=\"w-14 h-14 mx-auto bg-green-100 border border-green-200 rounded-full flex items-center justify-center mb-3 text-[#388E3C] text-2xl shadow-sm\"\u003e\n\n\u003ci class=\"fas fa-apple-alt\"\u003e\u003c\/i\u003e \u003c!-- Green Apple \/ Pear --\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"text-sm font-bold text-gray-700\"\u003e푸른 사과 \u0026amp; 배\u003c\/p\u003e\n\n\u003cp class=\"text-xs text-gray-500 mt-1\"\u003eGreen Apple \u0026amp; Pear\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- Profile Bars (Based on Saint-Aubin 1er Cru profile: Medium, Dry, High Acidity) --\u003e\n\n\u003cdiv class=\"glass-card p-8 md:p-12 gsap-fade-left bg-white\/60\"\u003e\n\n\u003cdiv class=\"space-y-8\"\u003e\n\n\u003c!-- Boldness (Medium\/65%) --\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n\n\u003cspan\u003e연함\u003c\/span\u003e\n\n\u003cspan class=\"text-gray-900 font-bold\"\u003e바디감\u003c\/span\u003e\n\n\u003cspan\u003e강함\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n\n\u003cdiv class=\"h-full bg-gradient-to-r from-[#991B1B] to-[#FFD700] w-[65%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Sweetness (Dry\/15%) --\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n\n\u003cspan\u003e드라이 (Dry)\u003c\/span\u003e\n\n\u003cspan class=\"text-gray-900 font-bold\"\u003e당도\u003c\/span\u003e\n\n\u003cspan\u003e달콤함\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n\n\u003cdiv class=\"h-full bg-gradient-to-r from-[#991B1B] to-[#FFD700] w-[15%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Acidity (High\/80%) --\u003e\n\n\u003cdiv\u003e\n\n\u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n\n\u003cspan\u003e적음\u003c\/span\u003e\n\n\u003cspan class=\"text-gray-900 font-bold\"\u003e산도\u003c\/span\u003e\n\n\u003cspan\u003e높음\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n\n\u003cdiv class=\"h-full bg-gradient-to-r from-[#991B1B] to-[#FFD700] w-[80%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- Charts \u0026 Value Analysis --\u003e\n\n\u003csection id=\"analysis\" class=\"gsap-fade-up\"\u003e\n\n\u003ch2 class=\"text-3xl title-font mb-8 text-center text-gray-900\"\u003e시장 분석 및 가치\u003c\/h2\u003e\n\n\u003c!-- Value Comparison Badge --\u003e\n\n\u003cdiv class=\"max-w-3xl mx-auto mb-10\"\u003e\n\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\n\u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-red-300\/20 blur-[40px] rounded-full\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"flex items-center gap-4 mb-4 md:mb-0 relative z-10\"\u003e\n\n\u003cdiv class=\"w-12 h-12 rounded-full bg-red-100 flex items-center justify-center text-red-600 text-xl shadow-sm\"\u003e\n\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\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\n\u003c\/svg\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\n\u003ch3 class=\"text-lg font-bold text-gray-900\"\u003e경쟁 가격\u003c\/h3\u003e\n\n\u003cp class=\"text-sm text-gray-600\"\u003e평균 시장 가격 vs 판매 가격\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"text-center md:text-right relative z-10\"\u003e\n\n\u003cdiv class=\"text-xs text-gray-500 line-through\" id=\"marketAvgPrice\"\u003e시장 평균: €132.00\u003c\/div\u003e\n\n\u003cdiv class=\"text-3xl font-bold text-red-600\"\u003e€118.00\u003c\/div\u003e\n\n\u003cdiv class=\"value-badge inline-block mt-1\" id=\"savePercentage\"\u003eSAVE 11%\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n\n\u003c!-- Price History Chart (Based on Paul Pillot Saint-Aubin 1er Cru Les Charmois Prices) --\u003e\n\n\u003cdiv class=\"glass-card p-6 h-80 relative bg-white\"\u003e\n\n\u003ch3 class=\"text-sm text-gray-500 uppercase tracking-wide mb-4 absolute top-6 left-6 font-bold\"\u003e빈티지 가격 이력 (2018-2010)\u003c\/h3\u003e\n\n\u003cdiv class=\"w-full h-full pt-8\"\u003e\n\n\u003ccanvas id=\"vintageChart\"\u003e\u003c\/canvas\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Price Trend Chart (Based on Paul Pillot Saint-Aubin 1er Cru Les Charmois short-term market trend 2010) --\u003e\n\n\u003cdiv class=\"glass-card p-6 h-80 relative bg-white\"\u003e\n\n\u003ch3 class=\"text-sm text-gray-500 uppercase tracking-wide mb-4 absolute top-6 left-6 font-bold\"\u003e단기 시장 트렌드 (최근 3년)\u003c\/h3\u003e\n\n\u003cdiv class=\"w-full h-full pt-8\"\u003e\n\n\u003ccanvas id=\"priceChart\"\u003e\u003c\/canvas\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- Pricing \u0026 Warning --\u003e\n\n\u003csection class=\"glass-card p-8 md:p-12 border-t-4 border-[#FFD700] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n\n\u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#5C773D]\/20 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\n\u003cdiv class=\"flex flex-col justify-between h-full\"\u003e\n\n\u003cdiv\u003e\n    \u003c!-- Coupon code section removed --\u003e\n    \n    \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n\n\u003ch2 class=\"text-4xl title-font text-gray-900\"\u003e지금 구매\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cp class=\"text-gray-500 mb-2 font-medium\"\u003e프랑스 CAVE 보관으로 관리된 프리미엄 부르고뉴 화이트 와인\u003c\/p\u003e\n\n\u003c!-- Price Display - Fixed Price in EUR --\u003e\n\n\u003cdiv class=\"text-6xl font-bold text-gray-900 font-serif mb-6\"\u003e€118.00\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- CRITICAL NOTICES --\u003e\n\n\u003cdiv class=\"mt-2 space-y-4\"\u003e\n\n\u003c!-- Warning - No changes to text content needed --\u003e\n\n\u003cdiv class=\"warning-box\"\u003e\n\n\u003ch4 class=\"text-[#800000] font-bold text-sm mb-3 border-b border-red-200 pb-2\"\u003e\n\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-red-600\"\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프리미엄 화이트 와인 구매 시 유의사항\n\n\u003c\/h4\u003e\n\n\u003cul class=\"space-y-1\"\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eCAVE 보관 상품\u003c\/strong\u003e: 곰팡이나 라벨 손상이 있을 수 있으나, 보관 상태는 최상임을 자부합니다. (숙성 와인 특성상 라벨 손상 확률 높음)\u003c\/li\u003e\n\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\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- Shipping Alert - No changes to text content needed --\u003e\n\n\u003cdiv class=\"shipping-alert\"\u003e\n\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-red-600\"\u003e\n\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\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\n\u003c\/svg\u003e\n\n\u003cdiv\u003e\n\n\u003cstrong class=\"block mb-1\"\u003e배송 일정 안내\u003c\/strong\u003e\n\n해당 상품은 주문 접수 후 \u003cspan class=\"font-bold underline\"\u003e6주 이상 소요\u003c\/span\u003e가 되는 상품입니다.\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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\n\u003cdiv class=\"flex justify-between items-center mb-4 border-b border-gray-200 pb-2\"\u003e\n\n\u003clabel class=\"text-xs uppercase text-gray-500 tracking-wider font-bold\"\u003e예상 결제 금액 (원화)\u003c\/label\u003e\n\n\u003cdiv class=\"flex items-center gap-2\"\u003e\n\n\u003cspan class=\"text-xs text-gray-400\"\u003e환율:\u003c\/span\u003e\n\n\u003cinput type=\"number\" id=\"exchangeRate\" value=\"1705.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\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Discount Info in Calculator --\u003e\n\n\u003cdiv class=\"text-4xl font-extrabold text-gray-800 mb-2 tracking-tight\" id=\"krwPrice\"\u003e₩ 0\u003c\/div\u003e\n\n\u003cp class=\"text-xs text-gray-500 mb-6\" id=\"krwNote\"\u003e※ 판매가(€118.00) 기준\u003c\/p\u003e\n\n\u003cbutton onclick=\"globalPriceUpdate()\" id=\"updateRate\" class=\"w-full py-4 bg-gray-800 text-white font-bold text-sm tracking-widest hover:bg-[#991B1B] transition-all duration-300 rounded-xl shadow-lg hover:shadow-xl\"\u003e\n\n\u003ci class=\"fas fa-calculator mr-2\"\u003e\u003c\/i\u003e 원화 금액 재계산\n\n\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/main\u003e\n\n\n\u003cfooter class=\"border-t border-gray-200 bg-white py-12 mt-20\"\u003e\n\n\u003cdiv class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\"\u003e\n\n\u003cdiv class=\"text-2xl title-font text-gray-900\"\u003eDOMAINE PAUL PILLOT\u003c\/div\u003e\n\n\u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n\n© 2025 Domaine Paul Pillot.\u003cbr\u003e\n\nSaint-Aubin 1er Cru 'Les Charmois' 2010. The elegant expression of Côte de Beaune Chardonnay.\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/footer\u003e\n\n\u003c!-- Custom Toast\/Notification Area (Replaces alert()) --\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\ngsap.registerPlugin(ScrollTrigger);\n\n\/\/ GSAP Animations for Hero and Scroll\ngsap.to(\".gsap-hero\", {\n\ny: 0, opacity: 1, duration: 1.2, stagger: 0.2, ease: \"power3.out\"\n\n});\n\n\nconst fadeUpElements = document.querySelectorAll(\".gsap-fade-up\");\n\nfadeUpElements.forEach(el =\u003e {\n\ngsap.fromTo(el,\n\n{ y: 50, opacity: 0 },\n\n{ y: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 90%\" }}\n\n);\n\n});\n\n\ngsap.fromTo(\".gsap-fade-right\",\n\n{ x: -30, opacity: 0 },\n\n{ x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-right\", start: \"top 85%\" }}\n\n);\n\ngsap.fromTo(\".gsap-fade-left\",\n\n{ x: 30, opacity: 0 },\n\n{ x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-left\", start: \"top 85%\" }}\n\n);\n\n\n\/\/ --- Chart.js Configuration ---\n\nconst commonOptions = {\n\nresponsive: true,\n\nmaintainAspectRatio: false,\n\nplugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 10, font: { family: 'Pretendard', size: 10 } } } },\n\nscales: {\n\ny: { grid: { color: 'rgba(0, 0, 0, 0.05)' }, ticks: { color: '#666', font: { family: 'Pretendard', size: 10 } } },\n\nx: { grid: { display: false }, ticks: { color: '#666', font: { family: 'Pretendard', size: 10 } } }\n\n}\n\n};\n\n\n\/\/ Price History Chart: Paul Pillot Saint-Aubin 1er Cru Les Charmois Prices (Simulated)\nconst vintageCtx = document.getElementById('vintageChart').getContext('2d');\n\/\/ Destroy existing chart instance if it exists before creating a new one\nif (window.vintageChartInstance) {\nwindow.vintageChartInstance.destroy();\n}\nwindow.vintageChartInstance = new Chart(vintageCtx, {\ntype: 'bar',\ndata: {\n\/\/ Data simulated based on Paul Pillot Saint-Aubin 1er Cru Les Charmois pricing\nlabels: ['2018', '2019', '2020', '2021', '2010'],\ndatasets: [{\nlabel: '\u0026#54217;\u0026#44512; \u0026#49884;\u0026#51109; \u0026#44032;\u0026#44201; (\u0026euro;)',\ndata: [105, 110, 115, 125, 132], \/\/ Prices in EUR\nbackgroundColor: (ctx) =\u003e ctx.dataIndex === 4 ? 'var(--accent-main)' : '#E5E7EB', \/\/ Highlight 2010 (index 4)\nborderRadius: 4,\nbarThickness: 30\n}]\n},\noptions: {\n...commonOptions,\nplugins: { legend: { display: false } },\nscales: {\n...commonOptions.scales,\ny: {\n...commonOptions.scales.y,\nmin: 90, \/\/ Adjusted min\/max for Burgundy pricing\nmax: 150,\nticks: {\ncallback: (val) =\u003e '\\u20AC' + val,\ncolor: '#666'\n}\n}\n}\n}\n});\n\n\n\/\/ Price Trend Chart: Short-Term Market Trend (Last 3 Years)\nconst priceCtx = document.getElementById('priceChart').getContext('2d');\nlet gradient = priceCtx.createLinearGradient(0, 0, 0, 400);\ngradient.addColorStop(0, 'rgba(92, 119, 61, 0.4)'); \/\/ Deep Green accent\ngradient.addColorStop(1, 'rgba(255, 255, 255, 0)');\n\/\/ Destroy existing chart instance if it exists before creating a new one\nif (window.priceChartInstance) {\nwindow.priceChartInstance.destroy();\n}\nwindow.priceChartInstance = new Chart(priceCtx, {\ntype: 'line',\ndata: {\nlabels: ['23\u0026#45380; 1\u0026#50900;', '23\u0026#45380; 7\u0026#50900;', '24\u0026#45380; 1\u0026#50900;', '24\u0026#45380; 7\u0026#50900;', '25\u0026#45380; 1\u0026#50900;', '25\u0026#45380; 7\u0026#50900;', '25\u0026#45380; 12\u0026#50900;'], \/\/ Korean labels\ndatasets: [\n{\nlabel: '\u0026#51204; \u0026#49464;\u0026#44228; \u0026#54217;\u0026#44512; \u0026#49548;\u0026#47588; \u0026#44032;\u0026#44201; (\u0026euro;)',\n\/\/ Simulated trend reflecting fluctuations around the market average \u0026euro;128\ndata: [110, 115, 128, 135, 130, 125, 128], \nborderColor: 'var(--accent-main)', \/\/ Deep Green\nbackgroundColor: 'rgba(92, 119, 61, 0.1)',\nborderWidth: 2,\npointBackgroundColor: '#fff',\npointBorderColor: 'var(--accent-main)',\npointRadius: 3,\nfill: true,\ntension: 0.3\n},\n{\nlabel: '\u0026#54032;\u0026#47588; \u0026#44032;\u0026#44201; (\u0026euro;118.00)', \/\/ Korean label\ndata: [118, 118, 118, 118, 118, 118, 118],\nborderColor: 'var(--accent-gold)', \/\/ Gold for our stable price\nborderWidth: 2,\nborderDash: [5, 5],\npointRadius: 0,\nfill: false,\ntension: 0\n}\n]\n},\noptions: {\n...commonOptions,\nplugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 10, font: { family: 'Pretendard', size: 10 } } } }, \/\/ Font changed\nscales: {\n...commonOptions.scales,\ny: {\n...commonOptions.scales.y,\nmin: 100, \nmax: 140,\nticks: {\ncallback: (val) =\u003e '\\u20AC' + val,\ncolor: '#666'\n}\n}\n}\n}\n});\n\n\/\/ --- Exchange Rate Calculation and Display ---\nconst BASE_PRICE_EUR_ORIGINAL = 118.00; \/\/ Fixed Original Price\nconst MARKET_AVG_EUR = 132.00; \/\/ Market Average (Estimated)\n\n\n\/\/ Helper function to calculate the final price (now fixed)\nfunction calculateFinalPrice() {\n    let price = BASE_PRICE_EUR_ORIGINAL;\n    \n    \/\/ Update the EUR price display in the 'Buy Now' section\n    document.querySelector('.text-6xl.font-bold.text-gray-900.font-serif.mb-6').textContent = `\u0026euro;${price.toFixed(2)}`;\n    \n    \/\/ Recalculate SAVE % and update badge \n    const priceDifference = MARKET_AVG_EUR - price;\n    const savePercentage = priceDifference \u003e 0 ? Math.round((priceDifference \/ MARKET_AVG_EUR) * 100) : 0;\n    \n    const saveBadgeElement = document.getElementById('savePercentage');\n    if (priceDifference \u003e 0) { \/\/ Check against fixed price vs market avg\n        saveBadgeElement.textContent = `SAVE ${savePercentage}%`;\n        saveBadgeElement.style.background = 'linear-gradient(135deg, #FFB74D 0%, #5C773D 100%)'; \/\/ Burgundy White theme SAVE\n    } else {\n        \/\/ If our price is higher than average\n        const premiumMarkup = Math.round(((price - MARKET_AVG_EUR) \/ MARKET_AVG_EUR) * 100);\n        saveBadgeElement.textContent = `PREMIUM ${premiumMarkup}%`; \/\/ Display markup percentage\n        saveBadgeElement.style.background = 'linear-gradient(135deg, #A3003B 0%, #6B213A 100%)'; \/\/ Standard PREMIUM\n    }\n    \/\/ Updated Korean label\n    document.getElementById('marketAvgPrice').textContent = `\u0026#49884;\u0026#51109; \u0026#54217;\u0026#44512;: \u0026euro;${MARKET_AVG_EUR.toFixed(2)}`;\n\n    return price;\n}\n\n\/\/ Function to calculate KRW price based on the final EUR price\nfunction updateKrwPrice(rate, finalEurPrice) {\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(finalEurPrice * finalRate);\n        krwPriceElement.textContent = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(calculatedPrice);\n        document.getElementById('exchangeRate').value = finalRate.toFixed(2);\n        \/\/ Update the KRW note to reflect the current final price\n        document.getElementById('krwNote').textContent = `\u0026#8251; \u0026#54032;\u0026#47588;\u0026#44032;(\u0026euro;${finalEurPrice.toFixed(2)}) \u0026#44592;\u0026#51456;`;\n    }\n}\n\n\/\/ Global update trigger relying on current rate input\nfunction globalPriceUpdate() {\n    \/\/ This is called when: 1. Exchange Rate changes, 2. Recalculate button clicked.\n    const currentRate = document.getElementById('exchangeRate').value;\n    const finalEurPrice = calculateFinalPrice(); \/\/ Calculation uses fixed price\n\n    updateKrwPrice(currentRate, finalEurPrice);\n}\n\n\n\/\/ --- Initialization ---\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n    \/\/ Initial setup of price and listeners\n    const initialRate = 1705.00; \/\/ Fixed rate\n    \/\/ Ensure the initial rate is set in the input field\n    document.getElementById('exchangeRate').value = initialRate.toFixed(2);\n    \n    \/\/ Initial Price Update (using fixed price and fixed rate)\n    globalPriceUpdate();\n\n    \/\/ Event listener for manual exchange rate input\n    document.getElementById('exchangeRate').addEventListener('input', () =\u003e globalPriceUpdate());\n    \n});\n\n\n\/\/ Function to copy text to clipboard and display a custom toast (replaces alert())\nfunction copyToClipboard(text) {\nconst el = document.createElement('textarea');\nel.value = text;\ndocument.body.appendChild(el);\nel.select();\n\nlet success = false;\ntry {\ndocument.execCommand('copy');\nsuccess = true;\n} catch (err) {\nconsole.error('Failed to copy text', err);\n}\ndocument.body.removeChild(el);\n\n\/\/ Custom Toast Implementation\nconst toast = document.getElementById('toast-message');\ntoast.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\/\/ Ensure visibility classes are correctly managed\ntoast.classList.remove('opacity-0', 'hidden', 'bg-red-500', 'bg-green-600');\n\nif (success) {\ntoast.classList.add('bg-green-600', 'opacity-100');\n} else {\ntoast.classList.add('bg-red-500', 'opacity-100');\ntoast.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\/\/ Auto-hide the toast after 3 seconds\nsetTimeout(() =\u003e {\ntoast.classList.remove('opacity-100');\ntoast.classList.add('opacity-0');\n\/\/ Wait for fade-out transition before hiding completely\nsetTimeout(() =\u003e toast.classList.add('hidden'), 300);\n}, 3000);\n}\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"Domaine Paul Pillot","offers":[{"title":"Default Title","offer_id":55454535614793,"sku":null,"price":101.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/domen-pol-piyo-saeng-tobang-1er-le-syaleumua-2023-hwaiteuwain-466_0db55ad7-4387-4b63-a897-d0d3f0763669.webp?v=1790524084","url":"https:\/\/xwine.club\/products\/%eb%8f%84%eb%a9%98-%ed%8f%b4-%ed%94%bc%ec%9a%94-%ec%83%9d-%ed%86%a0%eb%b0%a9-1er-%eb%a0%88-%ec%83%a4%eb%a5%b4%eb%ac%b4%ec%95%84-2010","provider":"엑스와인","version":"1.0","type":"link"}