{"product_id":"피에르-부아쏭-뫼르소-2025","title":"피에르 부아쏭 뫼르소 2023","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e2023 Pierre Boisson Meursault\u003c\/title\u003e\n\n    \u003c!-- Tailwind CSS --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n    \u003c!-- Font Awesome --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\n    \u003c!-- Google Fonts (Pretendard \/ Inter \u0026#54256;\u0026#53944; \u0026#49324;\u0026#50857;) --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \n    \u003c!-- Inter \u0026#54256;\u0026#53944; \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; --\u003e\n    \u003clink href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\" rel=\"stylesheet\"\u003e\n\n    \u003c!-- GSAP for Animations --\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"\u003e\u003c\/script\u003e\n\n    \u003c!-- Chart.js --\u003e\n    \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@3.7.1\/dist\/chart.min.js\"\u003e\u003c\/script\u003e\n\n    \u003cstyle\u003e\n        :root {\n            \/* Pierre Boisson Theme: Meursault Gold, Flinty Stone, Fresh Lime *\/\n            --bg-light: #FFFCF5; \/* Creamy White *\/\n            --bg-card: rgba(255, 255, 255, 0.95);\n            --border-card: rgba(202, 138, 4, 0.2); \/* Gold tone *\/\n            --accent-main: #CA8A04; \/* Deep Gold *\/\n            --accent-highlight: #FACC15; \/* Bright Yellow *\/\n            --accent-stone: #A8A29E; \/* Limestone *\/\n            --accent-green: #65A30D; \/* Fresh Green *\/\n            --text-main: #1C1917;\n        }\n\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            font-family: 'Pretendard', 'Inter', sans-serif;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, .serif-font, .title-font {\n            font-family: 'Pretendard', sans-serif;\n        }\n\n        .title-font {\n            font-weight: 700;\n        }\n\n        \/* Aura Gradient - Meursault Style (Gold\/Stone\/Cream) *\/\n        .aura-gradient {\n            background: \n                radial-gradient(circle at top right, rgba(202, 138, 4, 0.12) 0%, transparent 60%), \/* Gold *\/\n                radial-gradient(circle at bottom left, rgba(168, 162, 158, 0.1) 0%, transparent 60%), \/* Stone *\/\n                linear-gradient(to bottom, #ffffff 0%, #FFF7ED 100%);\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n        }\n\n        \/* Glassmorphism Card *\/\n        .glass-card {\n            background: var(--bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.9);\n            box-shadow: 0 10px 40px -10px rgba(202, 138, 4, 0.08);\n            border-radius: 20px;\n            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .glass-card:hover {\n            border-color: var(--accent-main);\n            box-shadow: 0 20px 50px -10px rgba(202, 138, 4, 0.15);\n            transform: translateY(-4px);\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            border-left: 3px solid var(--accent-main);\n            padding-left: 1.5rem;\n            text-align: left;\n            transition: all 0.3s ease;\n        }\n\n        .info-box:hover {\n            background: rgba(255,255,255,0.8);\n            padding-right: 1rem;\n            border-radius: 0 8px 8px 0;\n            border-color: var(--accent-highlight);\n        }\n\n        \/* Value Badge *\/\n        .value-badge {\n            background: linear-gradient(135deg, #FACC15 0%, #CA8A04 100%);\n            color: #1C1917;\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(202, 138, 4, 0.3);\n        }\n\n        \/* Warning Box Style *\/\n        .warning-box {\n            background-color: #FEFCE8;\n            border: 1px solid #FEF08A;\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: #854D0E;\n        }\n\n        .warning-box li::before {\n            content: \"\\2022\";\n            position: absolute;\n            left: 0;\n            color: #CA8A04;\n            font-weight: bold;\n        }\n\n        \/* Shipping Alert *\/\n        .shipping-alert {\n            background-color: #F0FDF4;\n            border: 1px solid #BBF7D0;\n            color: #166534;\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(202, 138, 4, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(202, 138, 4, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(202, 138, 4, 0); }\n        }\n\n        .discount-badge {\n            animation: pulse-gold 2s infinite;\n            border-color: var(--accent-main);\n            background-color: #FEFCE8;\n            color: #854D0E;\n        }\n\n        \/* Score Circle *\/\n        .score-circle {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #FFF 0%, #FEFCE8 100%);\n            border: 2px solid var(--accent-main);\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease;\n        }\n        .score-circle:hover {\n            transform: scale(1.05);\n            border-color: var(--accent-highlight);\n        }\n\n        \/* Selection Colors *\/\n        .selection\\:bg-yellow-100.selection\\:text-yellow-900 {\n            -webkit-user-select: auto;\n            user-select: auto;\n        }\n\n        .selection\\:bg-yellow-100::selection {\n            background-color: #FEF9C3;\n            color: #854D0E;\n        }\n\n        .selection\\:text-yellow-900::selection {\n            color: #854D0E;\n        }\n        \n        .score-tag {\n            display: inline-block;\n            background: rgba(202, 138, 4, 0.1);\n            border: 1px solid rgba(202, 138, 4, 0.3);\n            color: #854D0E;\n            padding: 0.25rem 0.75rem;\n            border-radius: 0.5rem;\n            font-size: 0.75rem;\n            font-weight: 700;\n            margin-right: 0.5rem;\n            margin-bottom: 0.5rem;\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'})\"\u003ePIERRE BOISSON\u003c\/div\u003e\n        \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-[#CA8A04] transition-colors\"\u003eOVERVIEW\u003c\/a\u003e\n            \u003ca href=\"#details\" class=\"hover:text-[#CA8A04] transition-colors\"\u003eTASTING\u003c\/a\u003e\n            \u003ca href=\"#analysis\" class=\"hover:text-[#CA8A04] transition-colors\"\u003eMARKET\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Scroll to Top Button --\u003e\n        \u003cbutton onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"px-5 py-2 border border-stone-400 rounded-full text-xs font-bold text-gray-800 hover:bg-[#CA8A04] hover:text-white hover:border-[#CA8A04] transition-all duration-300 tracking-wider shadow-sm flex items-center gap-2\"\u003e\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-4 h-4\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            TOP\n        \u003c\/button\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- Hero Section --\u003e\n    \u003cheader class=\"relative min-h-[90vh] flex flex-col justify-center items-center text-center px-4 pt-24 pb-12\"\u003e\n        \n        \u003c!-- Floating Badge --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 mb-8 px-5 py-1.5 rounded-full border border-yellow-500 bg-yellow-100 text-[#854D0E] text-xs tracking-[0.2em] font-bold shadow-sm discount-badge\"\u003e\n            VINTAGE 2023 MEURSAULT\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            피에르 부아쏭 뫼르소 2023\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            2023 Boisson-Vadot 'Pierre Boisson' Meursault\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            MEURSAULT\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-700 via-[#CA8A04] to-[#FACC15]\"\u003ePIERRE BOISSON\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003c!-- Specifications --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 scale-95 w-full max-w-4xl mx-auto my-8 grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-12 text-left\"\u003e\n            \n            \u003c!-- Spec 1: Type --\u003e\n            \u003cdiv class=\"info-box group\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                    \u003cdiv class=\"w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center text-[#CA8A04]\"\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\"\u003eWhite Wine\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eChardonnay 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-amber-100 flex items-center justify-center text-[#854D0E]\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M12 1.5a5.25 5.25 0 00-5.25 5.25v2.25H5.786a2.25 2.25 0 00-2.201 1.688l-1.352 4.271A2.25 2.25 0 004.346 18H19.654a2.25 2.25 0 002.113-3.043l-1.352-4.271a2.25 2.25 0 00-2.201-1.688h-.964V6.75A5.25 5.25 0 0012 1.5zm2.25 7.5a.75.75 0 000-1.5h-.75a.75.75 0 000 1.5h.75z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eClass\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eVillage\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-gray-600\"\u003eMeursault\u003c\/p\u003e\n                \u003cp class=\"text-xs text-gray-400 mt-1\"\u003e뫼르소 빌라쥬\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Spec 3: Region --\u003e\n            \u003cdiv class=\"info-box group\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 mb-2\"\u003e\n                    \u003cdiv class=\"w-10 h-10 rounded-full bg-stone-200 flex items-center justify-center text-stone-700\"\u003e\n                        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-5 h-5\"\u003e\n                            \u003cpath fill-rule=\"evenodd\" d=\"M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"text-xs font-bold tracking-widest text-gray-500 uppercase\"\u003eRegion\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"text-xl font-bold text-gray-800 serif-font\"\u003eBourgogne\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-12 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-[#CA8A04] border-b border-yellow-300 pb-4 inline-block w-fit\"\u003e\"The New Coche-Dury?\"\u003c\/h2\u003e\n                \u003cp class=\"text-gray-700 leading-relaxed mb-6 font-light text-lg\"\u003e\n                    **부아쏭-바도(Boisson-Vadot)** 가문의 와인은 종종 꼬쉬 뒤리(Coche-Dury)와 비견될 만큼 훌륭한 품질과 스타일을 자랑합니다. 현재는 아들인 **피에르 부아쏭(Pierre Boisson)**이 양조를 주도하며 자신의 이름을 건 레이블로 명성을 떨치고 있습니다.\n                    \u003cbr\u003e\u003cbr\u003e\n                    \u003cspan class=\"text-[#CA8A04] font-bold\"\u003e2023년 빈티지\u003c\/span\u003e 뫼르소는 피에르 부아쏭 특유의 **환원적인(Reductive)** 스타일과 강렬한 **미네랄리티**, 그리고 긴장감 넘치는 산도가 특징입니다. 잘 익은 레몬, 구운 헤이즐넛, 그리고 부싯돌의 향이 어우러지며, 빌라쥬급을 뛰어넘는 집중도와 깊이를 보여줍니다.\n                \u003c\/p\u003e\n                \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#PierreBoisson\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-yellow-500\/10 text-[#CA8A04] rounded-full text-xs font-semibold border border-yellow-400\"\u003e#Meursault\u003c\/span\u003e\n                    \u003cspan class=\"px-3 py-1 bg-gray-500\/10 text-[#A8A29E] rounded-full text-xs font-semibold border border-gray-400\"\u003e#MineralDriven\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Critical Acclaim \/ Status --\u003e\n        \u003csection class=\"gsap-fade-up\"\u003e\n            \u003ch2 class=\"text-3xl title-font mb-8 text-center text-gray-900\"\u003eCult Status\u003c\/h2\u003e\n            \n            \u003cdiv class=\"flex flex-wrap justify-center gap-6 max-w-4xl mx-auto\"\u003e\n                \u003c!-- Rising Star --\u003e\n                \u003cdiv class=\"glass-card p-6 flex flex-col items-center justify-center text-center bg-white hover:bg-yellow-50 transition-colors w-48\"\u003e\n                    \u003cdiv class=\"score-circle mb-3\"\u003e\n                        \u003cspan class=\"text-3xl font-bold text-[#CA8A04]\"\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-sm font-bold text-gray-800 uppercase tracking-wide\"\u003eNext Gen Star\u003c\/h3\u003e\n                    \u003cp class=\"text-xs text-gray-500 mt-1\"\u003eMeursault Master\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Highly Allocated --\u003e\n                \u003cdiv class=\"glass-card p-6 flex flex-col items-center justify-center text-center bg-white hover:bg-yellow-50 transition-colors w-48\"\u003e\n                    \u003cdiv class=\"score-circle mb-3\"\u003e\n                        \u003cspan class=\"text-3xl font-bold text-[#CA8A04]\"\u003e\u003ci class=\"fas fa-lock\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-sm font-bold text-gray-800 uppercase tracking-wide\"\u003eAllocated\u003c\/h3\u003e\n                    \u003cp class=\"text-xs text-gray-500 mt-1\"\u003eHard to Find\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\"Flinty Reduction, Zesty Lemon, and Toasted Hazelnut\"\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-yellow-100 border border-yellow-200 rounded-full flex items-center justify-center mb-3 text-[#CA8A04] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-lemon\"\u003e\u003c\/i\u003e \u003c!-- Lemon --\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eLemon Curd\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: Nutty --\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-amber-100 border border-amber-200 rounded-full flex items-center justify-center mb-3 text-[#854D0E] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-cookie\"\u003e\u003c\/i\u003e \u003c!-- Hazelnut --\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eHazelnut\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: Mineral --\u003e\n                    \u003cdiv class=\"glass-card p-4 text-center group hover:bg-white transition-all cursor-pointer\"\u003e\n                        \u003cdiv class=\"w-14 h-14 mx-auto bg-stone-100 border border-stone-200 rounded-full flex items-center justify-center mb-3 text-[#A8A29E] text-2xl shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-fire\"\u003e\u003c\/i\u003e \u003c!-- Flint\/Matchstick --\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-sm font-bold text-gray-700\"\u003eFlinty\u003c\/p\u003e\n                        \u003cp class=\"text-xs text-gray-500 mt-1\"\u003e부싯돌, 스모키 미네랄\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Profile Bars --\u003e\n            \u003cdiv class=\"glass-card p-8 md:p-12 gsap-fade-left bg-white\/60\"\u003e\n                \u003cdiv class=\"space-y-8\"\u003e\n                    \u003c!-- Body (Medium-Full\/70%) --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eLight\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eBody\u003c\/span\u003e\n                            \u003cspan\u003eFull\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-2 bg-gray-200 rounded-full overflow-hidden\"\u003e\n                            \u003cdiv class=\"h-full bg-gradient-to-r from-[#CA8A04] to-[#FACC15] w-[70%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Dryness (Dry\/95%) --\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\u003eSweet\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eDryness\u003c\/span\u003e\n                            \u003cspan\u003eDry\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-[#CA8A04] to-[#FACC15] w-[95%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Acidity (High\/90%) --\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-xs uppercase tracking-wider text-gray-500 mb-2 font-semibold\"\u003e\n                            \u003cspan\u003eSoft\u003c\/span\u003e\n                            \u003cspan class=\"text-gray-900 font-bold\"\u003eAcidity\u003c\/span\u003e\n                            \u003cspan\u003eElectric\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-[#CA8A04] to-[#FACC15] w-[90%] rounded-full shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- Charts \u0026 Value Analysis --\u003e\n        \u003csection id=\"analysis\" class=\"gsap-fade-up\"\u003e\n            \u003ch2 class=\"text-3xl title-font mb-8 text-center text-gray-900\"\u003eMarket Analysis \u0026amp; Value\u003c\/h2\u003e\n\n            \u003c!-- Value Comparison Badge --\u003e\n            \u003cdiv class=\"max-w-3xl mx-auto mb-10\"\u003e\n                \u003cdiv class=\"glass-card p-6 flex flex-col md:flex-row items-center justify-between bg-gradient-to-r from-yellow-50 to-white border-yellow-200 relative overflow-hidden\"\u003e\n                    \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-yellow-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-yellow-100 flex items-center justify-center text-yellow-600 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\"\u003eGlobal Avg 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: €120.00\u003c\/div\u003e\n                        \u003cdiv class=\"text-3xl font-bold text-[#CA8A04]\"\u003e€95.00\u003c\/div\u003e\n                        \u003cdiv class=\"value-badge inline-block mt-1\"\u003eSAVE 21%\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-[#CA8A04] relative overflow-hidden gsap-fade-up bg-white\"\u003e\n            \u003cdiv class=\"absolute -right-20 -bottom-40 w-96 h-96 bg-[#FACC15]\/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                \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피에르 부아쏭 뫼르소 2023 (한정 수량)\u003c\/p\u003e\n                        \u003c!-- Price Display --\u003e\n                        \u003cdiv class=\"text-6xl font-bold text-gray-900 font-serif mb-6\"\u003e€95.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-[#CA8A04] font-bold text-sm mb-3 border-b border-yellow-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-yellow-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                            \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: 프리미엄 와인 특성상 단순 변심에 의한 교환\/환불이 불가합니다.\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003e배송 일정\u003c\/strong\u003e: 해당 상품은 주문 접수 후 배송 시작까지 6주 이상 소요됩니다.\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-green-700\"\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\"\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                    \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※ 판매가(€95.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-[#CA8A04] 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\"\u003ePIERRE BOISSON\u003c\/div\u003e\n            \u003cdiv class=\"text-xs text-gray-500 font-light text-center md:text-right leading-relaxed\"\u003e\n                © 2025 Pierre Boisson.\u003cbr\u003e\n                Meursault 2023. The New Standard of Meursault.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- Toast --\u003e\n    \u003cdiv id=\"toast-message\" class=\"fixed bottom-5 left-1\/2 -translate-x-1\/2 p-4 text-sm text-white font-medium rounded-lg shadow-xl transition-all duration-300 opacity-0 z-[100] hidden\"\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ GSAP Animations\n        gsap.to(\".gsap-hero\", {\n            y: 0, opacity: 1, duration: 1.2, stagger: 0.2, ease: \"power3.out\"\n        });\n\n        const fadeUpElements = document.querySelectorAll(\".gsap-fade-up\");\n        fadeUpElements.forEach(el =\u003e {\n            gsap.fromTo(el,\n                { y: 50, opacity: 0 },\n                { y: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 90%\" }}\n            );\n        });\n\n        gsap.fromTo(\".gsap-fade-right\",\n            { x: -30, opacity: 0 },\n            { x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-right\", start: \"top 85%\" }}\n        );\n\n        gsap.fromTo(\".gsap-fade-left\",\n            { x: 30, opacity: 0 },\n            { x: 0, opacity: 1, duration: 1, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-left\", start: \"top 85%\" }}\n        );\n\n        \/\/ --- Chart.js Configuration ---\n        const commonOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } } },\n            scales: {\n                y: { grid: { color: 'rgba(0, 0, 0, 0.05)' }, ticks: { color: '#666', font: { family: 'Inter', size: 10 } } },\n                x: { grid: { display: false }, ticks: { color: '#666', font: { family: 'Inter', size: 10 } } }\n            }\n        };\n\n        \/\/ Vintage Price History (Simulated)\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: ['2020', '2021', '2022', '2023'],\n                datasets: [{\n                    label: 'Market Price Trend (\u0026euro;)',\n                    data: [85, 95, 110, 120], \n                    backgroundColor: (ctx) =\u003e ctx.dataIndex === 3 ? '#CA8A04' : '#E5E7EB',\n                    borderRadius: 4,\n                    barThickness: 30\n                }]\n            },\n            options: {\n                ...commonOptions,\n                plugins: { legend: { display: false } },\n                scales: {\n                    ...commonOptions.scales,\n                    y: { ...commonOptions.scales.y, min: 60, max: 140, ticks: { callback: (val) =\u003e '\\u20AC' + val, color: '#666' } }\n                }\n            }\n        });\n\n        \/\/ Price Trend Chart\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 24', 'Apr 24', 'Jul 24', 'Oct 24', 'Jan 25'],\n                datasets: [\n                    {\n                        label: 'Market Avg (\u0026euro;)',\n                        data: [115, 118, 120, 122, 120],\n                        borderColor: '#CA8A04',\n                        backgroundColor: 'rgba(202, 138, 4, 0.1)',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#fff',\n                        pointBorderColor: '#CA8A04',\n                        pointRadius: 3,\n                        fill: true,\n                        tension: 0.3\n                    },\n                    {\n                        label: 'Our Price (\u0026euro;95)',\n                        data: [95, 95, 95, 95, 95],\n                        borderColor: '#65A30D',\n                        borderWidth: 2,\n                        borderDash: [5, 5],\n                        pointRadius: 0,\n                        fill: false,\n                        tension: 0\n                    }\n                ]\n            },\n            options: {\n                ...commonOptions,\n                scales: {\n                    ...commonOptions.scales,\n                    y: { ...commonOptions.scales.y, min: 80, max: 140, ticks: { callback: (val) =\u003e '\\u20AC' + val, color: '#666' } }\n                }\n            }\n        });\n\n        \/\/ --- Exchange Rate Calculation ---\n        const BASE_PRICE_EUR = 95.00; \n        const MARKET_AVG_EUR = 120.00;\n        const SAVE_PERCENTAGE = Math.round(((MARKET_AVG_EUR - BASE_PRICE_EUR) \/ MARKET_AVG_EUR) * 100);\n\n        document.querySelector('.value-badge').textContent = `SAVE ${SAVE_PERCENTAGE}%`;\n        document.querySelector('.text-xs.text-gray-500.line-through').textContent = `Market Avg: \u0026euro;${MARKET_AVG_EUR.toFixed(2)}`;\n\n        function updateKrwPrice(rate) {\n            const krwPriceElement = document.getElementById('krwPrice');\n            const finalRate = parseFloat(rate);\n            if (!isNaN(finalRate) \u0026\u0026 finalRate \u003e 0) {\n                const calculatedPrice = Math.round(BASE_PRICE_EUR * finalRate);\n                krwPriceElement.textContent = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(calculatedPrice);\n                document.getElementById('exchangeRate').value = finalRate.toFixed(2);\n                document.getElementById('krwNote').textContent = `\u0026#8251; \u0026#54032;\u0026#47588;\u0026#44032;(\u0026euro;${BASE_PRICE_EUR.toFixed(2)}) \u0026#44592;\u0026#51456;`;\n            }\n        }\n\n        async function fetchAndDisplayRate() {\n            const indicator = document.getElementById('loadingIndicator');\n            const btn = document.getElementById('updateRate');\n            btn.disabled = true;\n            indicator.classList.remove('hidden');\n\n            setTimeout(() =\u003e {\n                const currentRate = 1700 + (Math.random() * 10); \/\/ Simulating ~1700 KRW\/EUR\n                updateKrwPrice(currentRate);\n                indicator.classList.add('hidden');\n                btn.disabled = false;\n            }, 1200);\n        }\n\n        updateKrwPrice(1702.23); \n        document.getElementById('exchangeRate').addEventListener('input', (e) =\u003e updateKrwPrice(e.target.value));\n\n        \/\/ Clipboard function\n        function copyToClipboard(text) {\n             const el = document.createElement('textarea');\n            el.value = text;\n            document.body.appendChild(el);\n            el.select();\n            let success = false;\n            try { document.execCommand('copy'); success = true; } catch (err) {}\n            document.body.removeChild(el);\n            const toast = document.getElementById('toast-message');\n            toast.textContent = success ? `'${text}' \u0026#48373;\u0026#49324; \u0026#50756;\u0026#47308;` : '\u0026#48373;\u0026#49324; \u0026#49892;\u0026#54056;';\n            toast.classList.remove('opacity-0', 'hidden', 'bg-red-500', 'bg-green-600');\n            toast.classList.add(success ? 'bg-green-600' : 'bg-red-500', 'opacity-100');\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":"Pierre Boisson","offers":[{"title":"Default Title","offer_id":54747537015113,"sku":null,"price":95.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/pieleu-buassong-moeleuso-2022-hwaiteuwain-734.webp?v=1758031338","url":"https:\/\/xwine.club\/products\/%ed%94%bc%ec%97%90%eb%a5%b4-%eb%b6%80%ec%95%84%ec%8f%ad-%eb%ab%bc%eb%a5%b4%ec%86%8c-2025","provider":"엑스와인","version":"1.0","type":"link"}