{"product_id":"dualora™-daily-glow-duo-by-arencia","title":"Dualora™ Daily Glow Duo by Arencia","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eDualora™ Daily Glow Duo by Arencia\u003c\/title\u003e\n  \u003c!-- Google Fonts: Cormorant Garamond for luxury serif titles \u0026 Inter for ultra-clean body typography --\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=Cormorant+Garamond:wght@500;600;700\u0026amp;family=Inter:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003c!-- Tailwind CSS framework --\u003e\n  \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            emerald: {\n              DEFAULT: '#0f523c',\n              dark: '#093425',\n              deep: '#07261b',\n              light: '#f4fbf7',\n              border: '#d0e8dd',\n              accent: '#157354',\n              soft: '#e6f4ee'\n            },\n            charcoal: '#111111',\n            muted: '#555555'\n          },\n          fontFamily: {\n            serif: ['Cormorant Garamond', 'Georgia', 'serif'],\n            sans: ['Inter', 'system-ui', 'sans-serif']\n          }\n        }\n      }\n    }\n  \u003c\/script\u003e\n  \u003cstyle\u003e\n    \/* Custom Smooth Scroll \u0026 Selection Styling *\/\n    html { scroll-behavior: smooth; }\n    ::selection { background-color: #0f523c; color: #ffffff; }\n\n    \/* Custom Luxury Badge \u0026 Typography Utilities *\/\n    .brand-serif { font-family: 'Cormorant Garamond', Georgia, serif; }\n    \n    .badge-pill-outline {\n      border: 1.5px solid #0f523c;\n      background-color: #ffffff;\n      color: #0f523c;\n      border-radius: 9999px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      font-size: 0.75rem;\n      padding: 0.35rem 1.1rem;\n      display: inline-flex;\n      align-items: center;\n      gap: 0.4rem;\n      box-shadow: 0 2px 10px rgba(15, 82, 60, 0.05);\n    }\n\n    .badge-pill-filled {\n      background-color: #0f523c;\n      color: #ffffff;\n      border-radius: 9999px;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      font-size: 0.75rem;\n      padding: 0.5rem 1.25rem;\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n\n    \/* Tab Switcher Button Styling *\/\n    .tab-btn {\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      border-radius: 9999px;\n      font-weight: 600;\n      font-size: 0.875rem;\n      padding: 0.6rem 1.25rem;\n      border: 1px solid #d0e8dd;\n      background-color: #ffffff;\n      color: #333333;\n      white-space: nowrap;\n    }\n    .tab-btn:hover {\n      border-color: #0f523c;\n      color: #0f523c;\n    }\n    .tab-btn.active {\n      background-color: #0f523c;\n      color: #ffffff;\n      border-color: #0f523c;\n      box-shadow: 0 4px 14px rgba(15, 82, 60, 0.25);\n    }\n\n    \/* Subtle Animated Glow and Hover Cards *\/\n    .card-luxury {\n      background-color: #ffffff;\n      border: 1px solid #e5eee8;\n      border-radius: 1.25rem;\n      transition: all 0.3s ease;\n    }\n    .card-luxury:hover {\n      border-color: #0f523c;\n      box-shadow: 0 10px 30px rgba(15, 82, 60, 0.08);\n    }\n\n    \/* Custom Accordion Animations *\/\n    .accordion-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\n    }\n    .accordion-item.active .accordion-content {\n      max-height: 500px;\n      transition: max-height 0.4s cubic-bezier(1, 0, 1, 0);\n    }\n    .accordion-item.active .accordion-icon {\n      transform: rotate(180deg);\n    }\n\n    \/* Keyframe Animations *\/\n    @keyframes pulseSoft {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.03); opacity: 0.9; }\n    }\n    .animate-pulse-soft {\n      animation: pulseSoft 3s infinite ease-in-out;\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003c!-- MAIN WIDGET CONTAINER --\u003e\n  \u003cdiv class=\"w-full space-y-12\"\u003e\n\n    \u003c!-- ==================== HEADER SECTION (Matching Reference Screenshot 1) ==================== --\u003e\n    \u003cheader class=\"text-center space-y-4\"\u003e\n      \u003c!-- Self Care Ritual Top Badge --\u003e\n      \u003cdiv class=\"flex justify-center\"\u003e\n        \u003cspan class=\"badge-pill-outline\"\u003e\n          \u003csvg class=\"w-3.5 h-3.5 fill-current text-emerald\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          + SELF-CARE RITUAL\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Main Product Title --\u003e\n      \u003cdiv class=\"space-y-1\"\u003e\n        \u003ch1 class=\"brand-serif text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-charcoal uppercase leading-tight\"\u003e\n          DUALORA™ DAILY GLOW DUO\n        \u003c\/h1\u003e\n        \u003cp class=\"text-xs sm:text-sm tracking-widest text-emerald font-semibold uppercase\"\u003e\n          BY ARENCIA\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tagline \/ Sub-header --\u003e\n      \u003cp class=\"text-xs sm:text-sm font-bold tracking-widest text-emerald uppercase max-w-2xl mx-auto leading-relaxed\"\u003e\n        BRIGHTEN. NOURISH. RENEW. YOUR DAILY SKINCARE — ELEVATED.\n      \u003c\/p\u003e\n\n      \u003c!-- Intro Narrative Paragraph --\u003e\n      \u003cp class=\"text-muted text-sm sm:text-base max-w-2xl mx-auto leading-relaxed font-normal pt-1\"\u003e\n        Fresh-looking skin by day. Soft, nourished skin by night. \u003cstrong class=\"text-charcoal font-semibold\"\u003eDualora™ Daily Glow Duo\u003c\/strong\u003e brings together two complementary Korean skincare formulas into one effortless daily ritual designed for both men and women.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n\n    \u003c!-- ==================== INTERACTIVE SECTION: DUALORA IN ACTION ==================== --\u003e\n    \u003csection class=\"card-luxury p-5 sm:p-8 bg-white border border-emerald-border rounded-2xl shadow-sm\"\u003e\n      \u003cdiv class=\"text-center space-y-2 mb-6\"\u003e\n        \u003ch2 class=\"brand-serif text-2xl sm:text-3xl font-bold uppercase tracking-wide text-charcoal\"\u003e\n          DUALORA™ IN ACTION\n        \u003c\/h2\u003e\n        \u003cp class=\"text-xs sm:text-sm text-muted\"\u003e\n          Select a routine phase below to preview targeted action \u0026amp; key benefits:\n        \u003c\/p\u003e\n\n        \u003c!-- Dynamic Mode Buttons --\u003e\n        \u003cdiv class=\"flex flex-wrap items-center justify-center gap-2 pt-4\" id=\"tab-button-group\"\u003e\n          \u003cbutton onclick=\"switchTab('am')\" id=\"tab-btn-am\" class=\"tab-btn active flex items-center gap-2\"\u003e\n            \u003cspan\u003e☀️\u003c\/span\u003e Morning Radiance\n          \u003c\/button\u003e\n          \u003cbutton onclick=\"switchTab('pm')\" id=\"tab-btn-pm\" class=\"tab-btn flex items-center gap-2\"\u003e\n            \u003cspan\u003e🌙\u003c\/span\u003e Evening Comfort\n          \u003c\/button\u003e\n          \u003cbutton onclick=\"switchTab('synergy')\" id=\"tab-btn-synergy\" class=\"tab-btn flex items-center gap-2\"\u003e\n            \u003cspan\u003e✨\u003c\/span\u003e Dual Synergy (AM + PM)\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- INTERACTIVE PANEL DISPLAY --\u003e\n      \u003cdiv id=\"tab-panel-container\" class=\"bg-emerald-light rounded-xl p-5 sm:p-7 border border-emerald-border transition-all duration-300\"\u003e\n        \n        \u003c!-- Tab 1: AM Morning Radiance (Default) --\u003e\n        \u003cdiv id=\"panel-am\" class=\"space-y-6\"\u003e\n          \u003cdiv class=\"flex items-start gap-3 border-b border-emerald-border pb-4\"\u003e\n            \u003cdiv class=\"p-2.5 bg-white rounded-full shadow-sm text-amber-500 text-xl shrink-0\"\u003e\n              ☀️\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"text-base sm:text-lg font-bold text-emerald uppercase tracking-wide\"\u003e\n                AM ROUTINE: VITAMIN C BOOSTER SHOT (30 ML)\n              \u003c\/h3\u003e\n              \u003cp class=\"text-xs sm:text-sm text-muted\"\u003e\n                Fresh radiance care for a bright, hydrated, awake complexion.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eTarget Action\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003eBrightens dullness, evens skin tone \u0026amp; shields against environmental stress.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eKey Formula\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003e5% Vitamin C Complex + Glutathione + Panthenol \u0026amp; Allantoin\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- AM Specs --\u003e\n          \u003cdiv class=\"grid grid-cols-3 gap-2 sm:gap-4 text-center border-t border-emerald-border pt-4\"\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eTEXTURE\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eFresh Gel-Cream\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eLAYERABILITY\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eUltra Lightweight\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eAPPLICATION TIME\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003e30 Secs \/ Morning\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tab 2: PM Evening Comfort (Hidden by default) --\u003e\n        \u003cdiv id=\"panel-pm\" class=\"hidden space-y-6\"\u003e\n          \u003cdiv class=\"flex items-start gap-3 border-b border-emerald-border pb-4\"\u003e\n            \u003cdiv class=\"p-2.5 bg-white rounded-full shadow-sm text-rose-400 text-xl shrink-0\"\u003e\n              🌙\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"text-base sm:text-lg font-bold text-emerald uppercase tracking-wide\"\u003e\n                PM ROUTINE: PDRN BOOSTER SHOT (30 ML)\n              \u003c\/h3\u003e\n              \u003cp class=\"text-xs sm:text-sm text-muted\"\u003e\n                Comfort moisture care for soft, refreshed \u0026amp; overnight restored skin.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eTarget Action\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003eDeeply nourishes, supports natural elasticity \u0026amp; maintains moisture barrier.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eKey Formula\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003e5% Rosy-PDRN Complex + Niacinamide + Peptides \u0026amp; Panthenol\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- PM Specs --\u003e\n          \u003cdiv class=\"grid grid-cols-3 gap-2 sm:gap-4 text-center border-t border-emerald-border pt-4\"\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eTEXTURE\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eSilky Soft Cream\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eFINISH\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eNon-Greasy Shield\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eAPPLICATION TIME\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003e30 Secs \/ Evening\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Tab 3: Dual Synergy (Hidden by default) --\u003e\n        \u003cdiv id=\"panel-synergy\" class=\"hidden space-y-6\"\u003e\n          \u003cdiv class=\"flex items-start gap-3 border-b border-emerald-border pb-4\"\u003e\n            \u003cdiv class=\"p-2.5 bg-white rounded-full shadow-sm text-emerald text-xl shrink-0\"\u003e\n              ✨\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003ch3 class=\"text-base sm:text-lg font-bold text-emerald uppercase tracking-wide\"\u003e\n                24-HOUR SKIN CYCLE SYNERGY\n              \u003c\/h3\u003e\n              \u003cp class=\"text-xs sm:text-sm text-muted\"\u003e\n                Why pairing AM Vitamin C with PM PDRN delivers maximum skin transformation.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eDaylight Protection\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003eGlutathione \u0026amp; Vitamin C fight daily oxidative stressors so skin stays glowing and even-toned.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-lg border border-emerald-border\/60\"\u003e\n              \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-wider block mb-1\"\u003eNighttime Regeneration\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal font-medium\"\u003eRosy-PDRN \u0026amp; Peptides boost overnight repair so you wake up to smooth, plumped skin.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"grid grid-cols-3 gap-2 sm:gap-4 text-center border-t border-emerald-border pt-4\"\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eCOMPLEXITY\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eUltra Simple\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eSUITABILITY\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003eAll Skin Types\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cspan class=\"text-[10px] sm:text-xs text-muted font-bold uppercase tracking-wider block\"\u003eRITUAL\u003c\/span\u003e\n              \u003cspan class=\"text-xs sm:text-sm font-semibold text-emerald\"\u003e2 Steps \/ Day\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003c!-- ==================== GENDER COMPATIBILITY SECTION (Matching Screenshot 1 Layout) ==================== --\u003e\n    \u003csection class=\"card-luxury p-5 sm:p-8 bg-white border border-emerald-border rounded-2xl shadow-sm space-y-6\"\u003e\n      \n      \u003c!-- Top Dark Emerald Pill Badge --\u003e\n      \u003cdiv class=\"flex justify-center\"\u003e\n        \u003cspan class=\"badge-pill-filled animate-pulse-soft\"\u003e\n          \u003cspan\u003e✨\u003c\/span\u003e MALE \u0026amp; FEMALE COMPATIBLE FORMULA\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Subtitle --\u003e\n      \u003cdiv class=\"text-center max-w-xl mx-auto\"\u003e\n        \u003ch3 class=\"brand-serif text-2xl font-bold text-charcoal\"\u003eTailored Benefits for Every Skin Type\u003c\/h3\u003e\n        \u003cp class=\"text-xs sm:text-sm text-muted mt-1\"\u003e\n          Formulated to absorb quickly without heavy residue, meeting the distinct needs of both men and women.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Side by Side Comparative Grid --\u003e\n      \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-5 pt-2\"\u003e\n        \n        \u003c!-- FOR WOMEN CARD --\u003e\n        \u003cdiv class=\"bg-emerald-light\/60 p-5 rounded-xl border border-emerald-border\/80 space-y-3\"\u003e\n          \u003cdiv class=\"flex items-center gap-2 text-emerald font-bold text-sm tracking-wide uppercase pb-2 border-b border-emerald-border\"\u003e\n            \u003csvg class=\"w-4 h-4 text-emerald fill-current\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            FOR WOMEN\n          \u003c\/div\u003e\n          \u003cul class=\"space-y-2.5 text-xs sm:text-sm text-charcoal\"\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003eFlawless Makeup Canvas:\u003c\/strong\u003e Lightweight gel-cream smooths texture for seamless makeup layerability.\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003eRadiance \u0026amp; Glow:\u003c\/strong\u003e Brightens hyperpigmentation and dark spots using 5% Glutathione + Vit C.\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003eBarrier Comfort:\u003c\/strong\u003e Deeply hydrates delicate face and eye contour areas overnight.\u003c\/span\u003e\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FOR MEN CARD --\u003e\n        \u003cdiv class=\"bg-emerald-light\/60 p-5 rounded-xl border border-emerald-border\/80 space-y-3\"\u003e\n          \u003cdiv class=\"flex items-center gap-2 text-emerald font-bold text-sm tracking-wide uppercase pb-2 border-b border-emerald-border\"\u003e\n            \u003csvg class=\"w-4 h-4 text-emerald stroke-current fill-none stroke-2\" viewbox=\"0 0 24 24\"\u003e\n              \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            FOR MEN\n          \u003c\/div\u003e\n          \u003cul class=\"space-y-2.5 text-xs sm:text-sm text-charcoal\"\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003eZero Greasiness:\u003c\/strong\u003e Fast-absorbing formula leaves clean, matte-natural comfort with no shine.\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003ePost-Shave Soothing:\u003c\/strong\u003e Panthenol \u0026amp; Allantoin immediately calm razor redness \u0026amp; irritation.\u003c\/span\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-2\"\u003e\n              \u003cspan class=\"text-emerald font-bold\"\u003e✓\u003c\/span\u003e\n              \u003cspan\u003e\u003cstrong\u003eEffortless 2-Step Habit:\u003c\/strong\u003e Simple morning and night application taking less than 1 minute total.\u003c\/span\u003e\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003c!-- ==================== KEY INGREDIENT SPOTLIGHT (INTERACTIVE ACCORDION) ==================== --\u003e\n    \u003csection class=\"card-luxury p-5 sm:p-8 bg-white border border-emerald-border rounded-2xl shadow-sm space-y-6\"\u003e\n      \u003cdiv class=\"text-center space-y-2\"\u003e\n        \u003cspan class=\"text-xs font-bold text-emerald uppercase tracking-widest\"\u003eK-Beauty Innovation\u003c\/span\u003e\n        \u003ch2 class=\"brand-serif text-2xl sm:text-3xl font-bold uppercase tracking-wide text-charcoal\"\u003e\n          THE SCIENCE INSIDE DUALORA™\n        \u003c\/h2\u003e\n        \u003cp class=\"text-xs sm:text-sm text-muted max-w-lg mx-auto\"\u003e\n          High-potency dermatological complexes blended with calming soothing agents.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"space-y-3 max-w-3xl mx-auto\" id=\"ingredient-accordion\"\u003e\n        \n        \u003c!-- Item 1: Vit C \u0026 Glutathione --\u003e\n        \u003cdiv class=\"accordion-item border border-emerald-border rounded-xl bg-white overflow-hidden transition-all duration-200\"\u003e\n          \u003cbutton onclick=\"toggleAccordion(this)\" class=\"w-full p-4 text-left flex items-center justify-between gap-4 focus:outline-none bg-emerald-light\/30 hover:bg-emerald-light\/80 transition-colors\"\u003e\n            \u003cspan class=\"font-bold text-sm sm:text-base text-charcoal flex items-center gap-2\"\u003e\n              \u003cspan class=\"text-amber-500\"\u003e☀️\u003c\/span\u003e 5% Vitamin C Complex + Glutathione\n            \u003c\/span\u003e\n            \u003cspan class=\"accordion-icon text-emerald transition-transform duration-300\"\u003e\n              \u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n          \u003cdiv class=\"accordion-content px-4 bg-white\"\u003e\n            \u003cp class=\"py-3 text-xs sm:text-sm text-muted leading-relaxed\"\u003e\n              Formulated at an optimal 5% strength for daily morning protection. Vitamin C works synergistically with master antioxidant Glutathione to boost skin clarity, visibly reduce dullness, and promote an even, healthy-looking complexion.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Item 2: Rosy PDRN Complex --\u003e\n        \u003cdiv class=\"accordion-item border border-emerald-border rounded-xl bg-white overflow-hidden transition-all duration-200\"\u003e\n          \u003cbutton onclick=\"toggleAccordion(this)\" class=\"w-full p-4 text-left flex items-center justify-between gap-4 focus:outline-none bg-emerald-light\/30 hover:bg-emerald-light\/80 transition-colors\"\u003e\n            \u003cspan class=\"font-bold text-sm sm:text-base text-charcoal flex items-center gap-2\"\u003e\n              \u003cspan class=\"text-rose-400\"\u003e🌙\u003c\/span\u003e 5% Rosy-PDRN Complex + Peptides\n            \u003c\/span\u003e\n            \u003cspan class=\"accordion-icon text-emerald transition-transform duration-300\"\u003e\n              \u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n          \u003cdiv class=\"accordion-content px-4 bg-white\"\u003e\n            \u003cp class=\"py-3 text-xs sm:text-sm text-muted leading-relaxed\"\u003e\n              Korean PDRN technology extracted for maximum skin affinity. Paired with peptides, this evening booster maintains skin balance overnight, assisting in skin repair and leaving skin texture noticeably softer and firmer by dawn.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Item 3: Panthenol \u0026 Allantoin \u0026 Niacinamide --\u003e\n        \u003cdiv class=\"accordion-item border border-emerald-border rounded-xl bg-white overflow-hidden transition-all duration-200\"\u003e\n          \u003cbutton onclick=\"toggleAccordion(this)\" class=\"w-full p-4 text-left flex items-center justify-between gap-4 focus:outline-none bg-emerald-light\/30 hover:bg-emerald-light\/80 transition-colors\"\u003e\n            \u003cspan class=\"font-bold text-sm sm:text-base text-charcoal flex items-center gap-2\"\u003e\n              \u003cspan class=\"text-emerald\"\u003e💧\u003c\/span\u003e Panthenol, Allantoin \u0026amp; Niacinamide\n            \u003c\/span\u003e\n            \u003cspan class=\"accordion-icon text-emerald transition-transform duration-300\"\u003e\n              \u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/span\u003e\n          \u003c\/button\u003e\n          \u003cdiv class=\"accordion-content px-4 bg-white\"\u003e\n            \u003cp class=\"py-3 text-xs sm:text-sm text-muted leading-relaxed\"\u003e\n              Panthenol (Pro-Vitamin B5) and Allantoin deliver instant moisture calm and soothe sensitivity, while Niacinamide fortifies the natural moisture barrier to prevent moisture loss.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003c!-- ==================== HOW TO USE THE DUO (STEP BY STEP) ==================== --\u003e\n    \u003csection class=\"card-luxury p-5 sm:p-8 bg-white border border-emerald-border rounded-2xl shadow-sm space-y-6\"\u003e\n      \u003cdiv class=\"text-center space-y-2\"\u003e\n        \u003ch2 class=\"brand-serif text-2xl sm:text-3xl font-bold uppercase tracking-wide text-charcoal\"\u003e\n          HOW TO USE THE DUO\n        \u003c\/h2\u003e\n        \u003cp class=\"text-xs sm:text-sm text-muted\"\u003e\n          Two Booster Shots (30 ml + 30 ml). One Simple Daily Ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Routine Grid --\u003e\n      \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n        \n        \u003c!-- AM ROUTINE COLUMN --\u003e\n        \u003cdiv class=\"border border-amber-200 bg-amber-50\/30 rounded-xl p-5 space-y-4\"\u003e\n          \u003cdiv class=\"flex items-center justify-between border-b border-amber-200 pb-3\"\u003e\n            \u003cspan class=\"font-bold text-amber-900 text-sm tracking-wider uppercase flex items-center gap-2\"\u003e\n              ☀️ MORNING ROUTINE\n            \u003c\/span\u003e\n            \u003cspan class=\"text-xs bg-amber-200\/60 text-amber-900 font-semibold px-2.5 py-0.5 rounded-full\"\u003eStep 1 of 2\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003col class=\"space-y-3\"\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-amber-200 text-amber-900 font-bold text-xs flex items-center justify-center shrink-0\"\u003e1\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eCleanse \u0026amp; Tone:\u003c\/strong\u003e Start with your favorite gentle face cleanser.\u003c\/p\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-amber-500 text-white font-bold text-xs flex items-center justify-center shrink-0\"\u003e2\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eApply Vitamin C Shot:\u003c\/strong\u003e Smooth over face and eye contour area.\u003c\/p\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-amber-200 text-amber-900 font-bold text-xs flex items-center justify-center shrink-0\"\u003e3\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eProtect:\u003c\/strong\u003e Follow with daily SPF sunscreen for all-day radiance.\u003c\/p\u003e\n            \u003c\/li\u003e\n          \u003c\/ol\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- PM ROUTINE COLUMN --\u003e\n        \u003cdiv class=\"border border-rose-200 bg-rose-50\/30 rounded-xl p-5 space-y-4\"\u003e\n          \u003cdiv class=\"flex items-center justify-between border-b border-rose-200 pb-3\"\u003e\n            \u003cspan class=\"font-bold text-rose-900 text-sm tracking-wider uppercase flex items-center gap-2\"\u003e\n              🌙 EVENING ROUTINE\n            \u003c\/span\u003e\n            \u003cspan class=\"text-xs bg-rose-200\/60 text-rose-900 font-semibold px-2.5 py-0.5 rounded-full\"\u003eStep 2 of 2\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003col class=\"space-y-3\"\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-rose-200 text-rose-900 font-bold text-xs flex items-center justify-center shrink-0\"\u003e1\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eCleanse \u0026amp; Prep:\u003c\/strong\u003e Wash away daily impurities and tone skin.\u003c\/p\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-rose-500 text-white font-bold text-xs flex items-center justify-center shrink-0\"\u003e2\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eApply PDRN Shot:\u003c\/strong\u003e Gently massaged onto face and eye contour.\u003c\/p\u003e\n            \u003c\/li\u003e\n            \u003cli class=\"flex items-start gap-3\"\u003e\n              \u003cspan class=\"w-6 h-6 rounded-full bg-rose-200 text-rose-900 font-bold text-xs flex items-center justify-center shrink-0\"\u003e3\u003c\/span\u003e\n              \u003cp class=\"text-xs sm:text-sm text-charcoal\"\u003e\u003cstrong class=\"font-semibold\"\u003eLock-In:\u003c\/strong\u003e Seal with your preferred night cream or moisturizer.\u003c\/p\u003e\n            \u003c\/li\u003e\n          \u003c\/ol\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003c!-- ==================== TRUST BADGES \u0026 CONVERSION FOOTER ==================== --\u003e\n    \u003cfooter class=\"space-y-6 pt-4 border-t border-emerald-border\"\u003e\n      \n      \u003c!-- Trust Icon Grid --\u003e\n      \u003cdiv class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 text-center\"\u003e\n        \u003cdiv class=\"p-4 bg-emerald-light rounded-xl border border-emerald-border\/50 space-y-1\"\u003e\n          \u003cdiv class=\"text-emerald text-xl font-bold\"\u003e🌿\u003c\/div\u003e\n          \u003ch4 class=\"text-xs font-bold text-emerald uppercase\"\u003eClean K-Beauty\u003c\/h4\u003e\n          \u003cp class=\"text-[11px] text-muted\"\u003eGentle \u0026amp; Non-Comedogenic\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"p-4 bg-emerald-light rounded-xl border border-emerald-border\/50 space-y-1\"\u003e\n          \u003cdiv class=\"text-emerald text-xl font-bold\"\u003e⚡\u003c\/div\u003e\n          \u003ch4 class=\"text-xs font-bold text-emerald uppercase\"\u003e2-In-1 Set\u003c\/h4\u003e\n          \u003cp class=\"text-[11px] text-muted\"\u003eVitamin C (30ml) + PDRN (30ml)\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"p-4 bg-emerald-light rounded-xl border border-emerald-border\/50 space-y-1\"\u003e\n          \u003cdiv class=\"text-emerald text-xl font-bold\"\u003e🛡️\u003c\/div\u003e\n          \u003ch4 class=\"text-xs font-bold text-emerald uppercase\"\u003eDerm Tested\u003c\/h4\u003e\n          \u003cp class=\"text-[11px] text-muted\"\u003eFormulated for Sensitivity\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"p-4 bg-emerald-light rounded-xl border border-emerald-border\/50 space-y-1\"\u003e\n          \u003cdiv class=\"text-emerald text-xl font-bold\"\u003e✨\u003c\/div\u003e\n          \u003ch4 class=\"text-xs font-bold text-emerald uppercase\"\u003eUniversal Fit\u003c\/h4\u003e\n          \u003cp class=\"text-[11px] text-muted\"\u003eOptimized Men \u0026amp; Women\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Legal Disclaimer Note --\u003e\n      \u003cdiv class=\"text-center\"\u003e\n        \u003cp class=\"text-[11px] text-muted italic\"\u003e\n          *Benefits are based on the ingredient properties described in the supplied product information. Individual results may vary. Follow product label directions for application around eyes.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/footer\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ==================== INTERACTIVE JAVASCRIPT LOGIC ==================== --\u003e\n  \u003cscript\u003e\n    \/\/ Tab Switching Logic for DUALORA IN ACTION\n    function switchTab(tabKey) {\n      const tabs = ['am', 'pm', 'synergy'];\n      \n      tabs.forEach(key =\u003e {\n        const btn = document.getElementById(`tab-btn-${key}`);\n        const panel = document.getElementById(`panel-${key}`);\n        \n        if (key === tabKey) {\n          btn.classList.add('active');\n          panel.classList.remove('hidden');\n        } else {\n          btn.classList.remove('active');\n          panel.classList.add('hidden');\n        }\n      });\n    }\n\n    \/\/ Accordion Toggle Logic for Ingredients\n    function toggleAccordion(element) {\n      const item = element.parentElement;\n      const isCurrentlyActive = item.classList.contains('active');\n      \n      \/\/ Close all accordion items\n      document.querySelectorAll('.accordion-item').forEach(el =\u003e {\n        el.classList.remove('active');\n      });\n\n      \/\/ Toggle clicked item\n      if (!isCurrentlyActive) {\n        item.classList.add('active');\n      }\n    }\n\n    \/\/ Open first accordion item by default on load\n    window.addEventListener('DOMContentLoaded', () =\u003e {\n      const firstAccordion = document.querySelector('.accordion-item');\n      if (firstAccordion) {\n        firstAccordion.classList.add('active');\n      }\n    });\n  \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Dualora","offers":[{"title":"Default Title","offer_id":68171057594689,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/4862\/3169\/files\/product-showcase-with-white-dualora-packaging.png?v=1793820586","url":"https:\/\/www.dualora.co.za\/products\/dualora%e2%84%a2-daily-glow-duo-by-arencia","provider":"Dualora","version":"1.0","type":"link"}