{"product_id":"busya-pele-e-piseu-bon-1er-geulebeu-2018","title":"부샤 페레 에 피스 본 1er 그레브 2018","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2018 Bouchard Père \u0026amp; Fils Beaune Grèves Premier Cru\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 (Noto Sans KR \/ Noto Serif KR) --\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=Noto+Sans+KR:wght@300;400;500;700\u0026amp;family=Noto+Serif+KR:wght@400;700\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            \/* Bouchard Theme: Burgundy Ruby \u0026 Historic Beige *\/\n            --bg-light: #FDFBF7; \/* Antique Paper *\/\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(128, 0, 32, 0.2); \/* Burgundy Border *\/\n            --accent-main: #800020; \/* Burgundy Red *\/\n            --accent-gold: #C5A059; \/* Vintage Gold *\/\n            --accent-stone: #8D6E63; \/* Soil Brown *\/\n            --text-main: #2C2C2C;\n        }\n\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            font-family: 'Noto Sans KR', 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-weight: 700;\n            font-family: 'Noto Serif KR', serif;\n        }\n\n        \/* Aura Gradient - Heart of Beaune *\/\n        .aura-gradient {\n            background:\n                radial-gradient(circle at top right, rgba(197, 160, 89, 0.15) 0%, transparent 60%), \/* Gold *\/\n                radial-gradient(circle at bottom left, rgba(128, 0, 32, 0.15) 0%, transparent 60%), \/* Burgundy *\/\n                linear-gradient(to bottom, #ffffff 0%, #F5F0EB 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(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow: 0 15px 35px -5px rgba(128, 0, 32, 0.1);\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 40px -5px rgba(128, 0, 32, 0.2);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-main);\n            padding-left: 1.5rem;\n            text-align: left;\n            transition: all 0.3s ease;\n        }\n\n        .info-box:hover {\n            background: rgba(255,255,255,0.9);\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, #800020 0%, #4A0E0E 100%);\n            color: white;\n            padding: 4px 12px;\n            border-radius: 99px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            box-shadow: 0 4px 6px -1px rgba(128, 0, 32, 0.3);\n        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #FFF5F6; \/* Light Red tint *\/\n            border: 1px solid #FFCDD2;\n            border-radius: 12px;\n            padding: 1.5rem;\n        }\n\n        .warning-box li {\n            position: relative;\n            padding-left: 1.2rem;\n            margin-bottom: 0.5rem;\n            font-size: 0.85rem;\n            color: #B71C1C;\n        }\n\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #800020;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #FAFAFA;\n            border: 1px solid #E0E0E0;\n            color: #616161;\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-burgundy {\n            0% { box-shadow: 0 0 0 0 rgba(128, 0, 32, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(128, 0, 32, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(128, 0, 32, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-burgundy 2s infinite;\n            border-color: var(--accent-main);\n            background-color: #FFF0F5;\n            color: var(--accent-main);\n        }\n\n        .selection\\:bg-red-100::selection {\n            background-color: #FEE2E2;\n            color: #800020;\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'})\"\u003eBOUCHARD PÈRE \u0026amp; FILS\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-[#800020] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#800020] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#800020] transition-colors\"\u003eMARKET\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003c!-- Scroll to Top Button --\u003e\n        \u003cbutton onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"px-5 py-2 border border-stone-400 rounded-full text-xs font-bold text-gray-800 hover:bg-[#800020] hover:text-white hover:border-[#800020] 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-5 py-1.5 rounded-full border border-[#800020] bg-[#FFF0F5] text-[#800020] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            VINTAGE 2018 BURGUNDY\n        \u003c\/div\u003e\n\n        \u003c!-- Korean Title --\u003e\n        \u003ch2 class=\"gsap-hero opacity-0 translate-y-10 text-xl md:text-3xl font-bold text-gray-700 serif-font mb-2\"\u003e\n            부샤 페레 에 피스 본 그레브 2018\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            2018 Bouchard Père \u0026amp; Fils Beaune Grèves Premier Cru\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            THE JEWEL OF\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-700 via-[#800020] to-[#C5A059]\"\u003eBEAUNE 2018\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-800 flex items-center justify-center text-white\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6.25l4.5 2.625a.75.75 0 10.75-1.299l-3.75-2.185V6z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eType\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eRed Wine\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003ePinot Noir 100%\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-[#C5A059]\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M12 1.5a5.25 5.25 0 00-5.25 5.25v2.25H5.786a2.25 2.25 0 00-2.201 1.688l-1.352 4.271A2.25 2.25 0 004.346 18H19.654a2.25 2.25 0 002.113-3.043l-1.352-4.271a2.25 2.25 0 00-2.201-1.688h-.964V6.75A5.25 5.25 0 0012 1.5zm2.25 7.5a.75.75 0 000-1.5h-.75a.75.75 0 000 1.5h.75z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eClassification\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003ePremier Cru\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eBeaune-Grèves\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e본 그레브 1등급\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Spec 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-600\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eRegion\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eBurgundy, France\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eCôte de Beaune\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e부르고뉴 꼬뜨 드 본\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 animate-bounce mt-12\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6 text-gray-400\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Content Section --\u003e\n    \u003cmain class=\"max-w-7xl mx-auto px-4 py-20 space-y-20\" id=\"overview\"\u003e\n\n        \u003c!-- Story \u0026 Stats --\u003e\n        \u003csection class=\"grid grid-cols-1 md:grid-cols-12 gap-6\"\u003e\n            \u003cdiv class=\"col-span-1 md:col-span-8 glass-card p-8 md:p-12 flex flex-col justify-center gsap-fade-up bg-white\/70\"\u003e\n                \u003ch2 class=\"text-3xl font-bold mb-6 title-font text-[#800020] border-b border-red-200 pb-4 inline-block w-fit\"\u003e\"The Heart of Beaune\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **부샤 페레 에 피스(Bouchard Père \u0026amp; Fils)**는 1731년 설립된 부르고뉴의 가장 유서 깊은 와이너리 중 하나입니다. 꼬뜨 드 본(Côte de Beaune)의 중심지인 본(Beaune) 지역에서 가장 뛰어난 프리미에 크뤼 밭으로 꼽히는 **그레브(Grèves)**는 자갈(Grèves)이 많은 토양에서 유래되었습니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-[#800020] font-bold\"\u003e2018 빈티지\u003c\/span\u003e는 태양의 은혜를 입은 해로, 풍부한 과실미와 실크처럼 부드러운 타닌이 특징입니다. 부샤 페레의 그레브는 특히 **'비뉴 드 랑팡 제주(Vigne de l'Enfant Jésus)'**라는 전설적인 모노폴 구획이 포함된 지역으로 유명하며, 섬세하면서도 강렬한 힘을 지닌 피노 누아의 정수를 보여줍니다. 붉은 과실의 향연과 함께 미묘한 스파이스, 그리고 긴 여운이 매력적인 와인입니다.\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#BouchardPereEtFils\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-red-100 text-[#800020] rounded-full text-xs font-semibold border border-red-300\"\u003e#BeauneGreves\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-yellow-100 text-[#C5A059] rounded-full text-xs font-semibold border border-yellow-300\"\u003e#PremierCru\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-gray-200 text-gray-700 rounded-full text-xs font-semibold border border-gray-300\"\u003e#Vintage2018\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Scores \/ Acclaim --\u003e\n            \u003cdiv class=\"col-span-1 md:col-span-4 space-y-4 gsap-fade-up\"\u003e\n                \u003cdiv class=\"glass-card p-6 text-center relative overflow-hidden bg-gradient-to-br from-[#800020]\/10 to-white border-[#800020]\/30 shadow-lg ring-1 ring-[#800020]\/20\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-40 h-40 bg-[#C5A059]\/20 blur-[50px] rounded-full animate-pulse\"\u003e\u003c\/div\u003e\n                    \n                    \u003ch3 class=\"text-[#800020] text-sm font-bold tracking-widest mb-4 uppercase relative z-10 border-b border-red-100 pb-2\"\u003eCritical Acclaim\u003c\/h3\u003e\n                    \n                    \u003cdiv class=\"space-y-3 relative z-10 text-sm\"\u003e\n                        \u003cdiv class=\"flex justify-between items-center px-2\"\u003e\n                            \u003cspan class=\"font-bold text-gray-700\"\u003eBurghound\u003c\/span\u003e\n                            \u003cspan class=\"text-xl font-bold text-[#800020] title-font\"\u003e91-94\u003cspan class=\"text-xs text-gray-400 font-normal\"\u003e\/100\u003c\/span\u003e\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"w-full h-px bg-red-100\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"flex justify-between items-center px-2\"\u003e\n                            \u003cspan class=\"font-bold text-gray-700\"\u003eWine Spectator\u003c\/span\u003e\n                            \u003cspan class=\"text-xl font-bold text-[#800020] title-font\"\u003e93\u003cspan class=\"text-xs text-gray-400 font-normal\"\u003e\/100\u003c\/span\u003e\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"w-full h-px bg-red-100\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"flex justify-between items-center px-2\"\u003e\n                            \u003cspan class=\"font-bold text-gray-700\"\u003eJames Suckling\u003c\/span\u003e\n                            \u003cspan class=\"text-xl font-bold text-[#800020] title-font\"\u003e94\u003cspan class=\"text-xs text-gray-400 font-normal\"\u003e\/100\u003c\/span\u003e\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cp class=\"text-xs text-[#800020] font-medium mt-6 uppercase tracking-wider relative z-10\"\u003e\n                        Top Rated Beaune 1er Cru\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Tasting Notes --\u003e\n        \u003csection id=\"details\" class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\"\u003e\n            \u003cdiv class=\"gsap-fade-right\"\u003e\n                \u003ch2 class=\"text-4xl title-font mb-3 text-gray-900\"\u003eTasting Profile\u003c\/h2\u003e\n                \u003cp class=\"text-gray-600 mb-8 font-light italic\"\u003e\"Ripe Cherry, Elegant Spice, and Velvety Texture\"\u003c\/p\u003e\n\n                \u003cdiv class=\"grid grid-cols-3 gap-4 mb-8\"\u003e\n                    \u003c!-- Note 1: Fruit --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-red-100 border border-red-200 rounded-full flex items-center justify-center mb-3 text-[#800020] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-wine-grape\"\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\"\u003e체리, 딸기, 라즈베리\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 2: Spice --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-yellow-100 border border-yellow-200 rounded-full flex items-center justify-center mb-3 text-[#C5A059] 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\"\u003eWarm Spice\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e오크 스파이스, 바닐라\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Note 3: Earth --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-stone-100 border border-stone-200 rounded-full flex items-center justify-center mb-3 text-[#8D6E63] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-mountain\"\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\/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!-- Fruitiness (High) --\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\u003eEarth\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eFruitiness\u003c\/span\u003e\n                            \u003cspan\u003eFruit Forward\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-[#C5A059] to-[#800020] w-[85%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Tannin (Silky) --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eSilky\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eTannin\u003c\/span\u003e\n                            \u003cspan\u003eGrippy\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n                            \u003cdiv class=\"h-full bg-gradient-to-r from-[#800020] to-[#8D6E63] w-[60%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Complexity (High) --\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\u003eSimple\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eComplexity\u003c\/span\u003e\n                            \u003cspan\u003eLayered\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-[#C5A059] to-[#800020] 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\"\u003eMarket Analysis \u0026amp; Value\u003c\/h2\u003e\n\n            \u003c!-- Value Comparison Badge --\u003e\n            \u003cdiv class=\"max-w-3xl mx-auto mb-10\"\u003e\n                \u003cdiv class=\"glass-card p-6 flex flex-col md:flex-row items-center justify-between bg-gradient-to-r from-red-50 to-white border-red-200 relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-red-300\/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-red-100 flex items-center justify-center text-[#800020] text-xl shadow-sm\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-6 h-6\"\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch3 class=\"text-lg font-bold text-gray-900\"\u003eCompetitive Price\u003c\/h3\u003e\n                            \u003cp class=\"text-sm text-gray-600\"\u003eAvg Market Price vs Our Price\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"text-center md:text-right relative z-10\"\u003e\n                        \u003cdiv class=\"text-xs text-gray-500 line-through\"\u003eMarket Avg: €95.00\u003c\/div\u003e\n                        \u003cdiv class=\"text-3xl font-bold text-[#800020]\"\u003e€85.00\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eSAVE 11%\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\"\u003eVintage Price History\u003c\/h3\u003e\n                    \u003cdiv class=\"w-full h-full pt-8\"\u003e\n                        \u003ccanvas id=\"vintageChart\"\u003e\u003c\/canvas\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Price Trend Chart --\u003e\n                \u003cdiv class=\"glass-card p-6 h-80 relative bg-white\"\u003e\n                    \u003ch3 class=\"text-sm text-gray-500 uppercase tracking-wide mb-4 absolute top-6 left-6 font-bold\"\u003eShort-Term Market Trend\u003c\/h3\u003e\n                    \u003cdiv class=\"w-full h-full pt-8\"\u003e\n                        \u003ccanvas id=\"priceChart\"\u003e\u003c\/canvas\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Pricing \u0026 Warning --\u003e\n        \u003csection class=\"glass-card p-8 md:p-12 border-t-4 border-[#800020] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#800020]\/20 rounded-full blur-3xl opacity-50\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-start relative z-10\"\u003e\n                \u003cdiv class=\"flex flex-col justify-between h-full\"\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                            \u003ch2 class=\"text-4xl title-font text-gray-900\"\u003eBuy Now\u003c\/h2\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-gray-500 mb-2 font-medium\"\u003e본의 정수, 2018년 빈티지의 풍요로움\u003c\/p\u003e\n                        \u003c!-- Price Display --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-gray-900 font-serif mb-6\"\u003e€85.00\u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- CRITICAL NOTICES --\u003e\n                    \u003cdiv class=\"mt-2 space-y-4\"\u003e\n                        \u003cdiv class=\"warning-box\"\u003e\n                            \u003ch4 class=\"text-[#B71C1C] font-bold text-sm mb-3 border-b border-red-200 pb-2\"\u003e\n                                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-4 h-4 inline mr-2 text-red-700\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                                구매 전 확인사항\n                            \u003c\/h4\u003e\n                            \u003cul class=\"space-y-1\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e보관 상태\u003c\/strong\u003e: 프랑스 현지 셀러에서 관리된 최상급 컨디션입니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e시음 적기\u003c\/strong\u003e: 지금부터 즐기기 좋으며, 10년 이상 숙성 가능합니다.\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                        \u003cdiv class=\"shipping-alert\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6 text-gray-600\"\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25m-17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25\"\u003e\u003c\/path\u003e\n                                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.375 14.25h17.25M9 14.25v-4.5h6v4.5M3.75 9.75h16.5\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                            \u003cdiv\u003e\n                                \u003cstrong class=\"block mb-1\"\u003e배송 일정 안내\u003c\/strong\u003e\n                                해당 상품은 프랑스 네고시앙 보관 제품이며, 주문 접수 후 \u003cspan class=\"font-bold underline text-red-800\"\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=\"1695.89\" class=\"w-20 bg-transparent border-none text-right text-sm text-gray-700 font-bold focus:outline-none focus:ring-0\"\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"text-4xl font-extrabold text-gray-800 mb-2 tracking-tight\" id=\"krwPrice\"\u003e₩ 0\u003c\/div\u003e\n                    \u003cp class=\"text-xs text-gray-500 mb-6\" id=\"krwNote\"\u003e※ 판매가(€85.00) 기준\u003c\/p\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-4 bg-gray-800 text-white font-bold text-sm tracking-widest hover:bg-[#800020] transition-all duration-300 rounded-xl shadow-lg hover:shadow-xl\"\u003e\n                        \u003ci class=\"fas fa-sync-alt mr-2\"\u003e\u003c\/i\u003e 실시간 환율 적용\n                    \u003c\/button\u003e\n\n                    \u003cp id=\"loadingIndicator\" class=\"text-center text-xs text-gray-500 mt-2 hidden font-medium\"\u003e\n                        \u003ci class=\"fas fa-spinner fa-spin\"\u003e\u003c\/i\u003e 환율 정보 조회 중...\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/main\u003e\n\n    \u003cfooter class=\"border-t border-gray-200 bg-white py-12 mt-20\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\"\u003e\n            \u003cdiv class=\"text-2xl title-font text-gray-900\"\u003eBOUCHARD PÈRE \u0026amp; FILS\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Bouchard Père \u0026amp; Fils.\u003cbr\u003e\n                Beaune Grèves 1er Cru 2018. Côte de Beaune, Burgundy.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- Custom Toast\/Notification Area --\u003e\n    \u003cdiv id=\"toast-message\" class=\"fixed bottom-5 left-1\/2 -translate-x-1\/2 p-4 text-sm text-white font-medium rounded-lg shadow-xl transition-all duration-300 opacity-0 z-[100] hidden\"\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Common Chart Options\n        const commonOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: { legend: { display: false } },\n            scales: {\n                y: { grid: { display: false }, ticks: { display: false } },\n                x: { grid: { display: false }, ticks: { color: '#666', font: { family: 'Inter', size: 10 } } }\n            }\n        };\n\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ GSAP Animations\n        gsap.to(\".gsap-hero\", {\n            y: 0, opacity: 1, duration: 1.2, stagger: 0.2, ease: \"power3.out\"\n        });\n\n        const fadeUpElements = document.querySelectorAll(\".gsap-fade-up\");\n        fadeUpElements.forEach(el =\u003e {\n            gsap.fromTo(el,\n                { y: 50, opacity: 0 },\n                { y: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 90%\" }}\n            );\n        });\n\n        gsap.fromTo(\".gsap-fade-right\",\n            { x: -30, opacity: 0 },\n            { x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-right\", start: \"top 85%\" }}\n        );\n\n        \/\/ --- Pricing Logic ---\n        const BASE_PRICE_EUR = 85.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                const calculatedPrice = Math.round(BASE_PRICE_EUR * finalRate);\n                krwPriceElement.textContent = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(calculatedPrice);\n                document.getElementById('exchangeRate').value = finalRate.toFixed(2);\n                document.getElementById('krwNote').textContent = `\u0026#8251; \u0026#54032;\u0026#47588;\u0026#44032;(\u0026euro;${BASE_PRICE_EUR.toFixed(2)}) \u0026#44592;\u0026#51456;`;\n            }\n        }\n\n        async function fetchAndDisplayRate() {\n            const indicator = document.getElementById('loadingIndicator');\n            const btn = document.getElementById('updateRate');\n            btn.disabled = true;\n            indicator.classList.remove('hidden');\n\n            setTimeout(() =\u003e {\n                \/\/ Approximate exchange rate simulation\n                const currentRate = 1695.89 + (Math.random() * 20 - 10);\n                document.getElementById('exchangeRate').value = currentRate.toFixed(2);\n                updateKrwPrice(currentRate);\n                indicator.classList.add('hidden');\n                btn.disabled = false;\n            }, 1200);\n        }\n\n        \/\/ Initial Calculation\n        updateKrwPrice(1695.89); \n        document.getElementById('exchangeRate').addEventListener('input', (e) =\u003e updateKrwPrice(parseFloat(e.target.value)));\n\n        \/\/ Charts\n        const vintageCtx = document.getElementById('vintageChart').getContext('2d');\n        if (window.vintageChartInstance) window.vintageChartInstance.destroy();\n        window.vintageChartInstance = new Chart(vintageCtx, {\n            type: 'bar',\n            data: {\n                labels: ['2015', '2016', '2017', '2018'],\n                datasets: [{\n                    label: 'Avg Market Price (\u0026euro;)',\n                    data: [75, 80, 82, 85], \/\/ Rising due to 2018 quality\n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 3 ? '#800020' : '#E5E7EB',\n                    borderRadius: 4,\n                    barThickness: 30\n                }]\n            },\n            options: { ...commonOptions, scales: { y: { display: false }, x: { display: true } } }\n        });\n\n        const priceCtx = document.getElementById('priceChart').getContext('2d');\n        if (window.priceChartInstance) window.priceChartInstance.destroy();\n        window.priceChartInstance = new Chart(priceCtx, {\n            type: 'line',\n            data: {\n                labels: ['Jan', 'Mar', 'May', 'Jul', 'Sep', 'Nov', 'Dec'],\n                datasets: [{\n                    label: 'Market Trend',\n                    data: [82, 84, 85, 83, 86, 85, 88],\n                    borderColor: '#800020',\n                    backgroundColor: 'rgba(128, 0, 32, 0.1)',\n                    fill: true,\n                    tension: 0.3\n                }]\n            },\n            options: { ...commonOptions, scales: { y: { display: false }, x: { display: true } } }\n        });\n\n        function copyToClipboard(text) {\n            const el = document.createElement('textarea');\n            el.value = text;\n            document.body.appendChild(el);\n            el.select();\n            document.execCommand('copy');\n            document.body.removeChild(el);\n            \n            const toast = document.getElementById('toast-message');\n            toast.textContent = `'${text}' \u0026#53076;\u0026#46300;\u0026#44032; \u0026#53364;\u0026#47549;\u0026#48372;\u0026#46300;\u0026#50640; \u0026#48373;\u0026#49324;\u0026#46104;\u0026#50632;\u0026#49845;\u0026#45768;\u0026#45796;.`;\n            toast.classList.remove('hidden', 'opacity-0');\n            toast.classList.add('bg-green-600', 'opacity-100');\n            \n            setTimeout(() =\u003e {\n                toast.classList.remove('opacity-100');\n                toast.classList.add('opacity-0');\n                setTimeout(() =\u003e toast.classList.add('hidden'), 300);\n            }, 3000);\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bouchard Pere \u0026 Fils","offers":[{"title":"Default Title","offer_id":53620443316553,"sku":null,"price":85.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/busya-pele-e-piseu-bon-1er-geulebeu-2018-ledeuwain-134.webp?v=1767714610","url":"https:\/\/xwine.club\/products\/busya-pele-e-piseu-bon-1er-geulebeu-2018","provider":"엑스와인","version":"1.0","type":"link"}