{"version":"1.0","directionName":"Elasticity Return","globalCss":":root {\n --bg: #FAF8F5;\n --text-main: #1A1310;\n --text-muted: #70645E;\n --brand: #362925;\n --secondary: #EFEAE4;\n --accent: #C4A482;\n --radius: 16px;\n --spring-curve: cubic-bezier(0.25, 1.5, 0.5, 1);\n --theme-primary: #0f172a;\n --theme-bg: #FAF8F5;\n --theme-bg-elevated: #FFFFFF;\n --theme-ink: #111827;\n --theme-ink-muted: #6B7280;\n --theme-border: #cfd0d4;\n --theme-accent: #C4A482;\n --theme-secondary: #EFEAE4;\n --ds-spring-curve: cubic-bezier(0.25, 1.5, 0.5, 1);\n --ds-radius-lg: 16px;\n --ds-radius-md: 12px;\n --c-bg: #FAF8F5;\n --c-ink: #111827;\n --c-primary: #0f172a;\n --c-accent: #C4A482;\n --c-secondary: #EFEAE4;\n --c-success: #0f172a;\n --theme-success: #0f172a;\n --ink: #111827;\n --border: #cfd0d4;\n}\n\n/* Reset & Base variables */\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n\n \n\n /* Header: Rigid, Grid-Locked, Structural Anchor */\n[data-layout-root] .anchor-header {\n position: sticky;\n top: 0;\n z-index: 100;\n background-color: var(--bg);\n border-bottom: 2px solid var(--brand);\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n padding: 0 40px;\n height: 80px;\n }\n\n[data-layout-root] .brand-logo {\n font-family: 'Oswald', sans-serif;\n font-weight: 700;\n font-size: 28px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--brand);\n text-decoration: none;\n display: flex;\n align-items: center;\n }\n\n[data-layout-root] .main-navigation {\n justify-self: center;\n display: flex;\n gap: 32px;\n }\n\n[data-layout-root] .main-navigation a {\n font-family: 'DM Sans', sans-serif;\n font-weight: 500;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .main-navigation a:hover {\n color: var(--brand);\n }\n\n[data-layout-root] .header-utilities {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n[data-layout-root] .utility-btn {\n background: none;\n border: none;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--text-main);\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n[data-layout-root] .currency-selector select {\n border: 1px solid var(--secondary);\n background: transparent;\n padding: 4px 8px;\n font-size: 12px;\n border-radius: 4px;\n }\n\n[data-layout-root] .mobile-menu-trigger {\n display: none;\n }\n\n /* Spring-Elasticity Base Section */\n[data-layout-root] .elastic-hero-section {\n position: relative;\n width: 100%;\n min-height: calc(100vh - 80px);\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n padding: 60px 80px;\n gap: 60px;\n align-items: center;\n overflow: hidden;\n background: linear-gradient(180deg, var(--bg) 0%, var(--secondary) 100%);\n }\n\n /* Decorative latex tension lines */\n[data-layout-root] .elastic-hero-section::before, .elastic-hero-section::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n height: 1px;\n background: repeating-linear-gradient(90deg, var(--accent) 0 4px, transparent 4px 12px);\n opacity: 0.3;\n }\n[data-layout-root] .elastic-hero-section::before { top: 20px; }\n[data-layout-root] .elastic-hero-section::after { bottom: 20px; }\n\n /* Left Copy Container with Elastic Typography */\n[data-layout-root] .text-container {\n display: flex;\n flex-direction: column;\n z-index: 10;\n }\n\n[data-layout-root] .elastic-pill {\n display: inline-flex;\n align-self: flex-start;\n background-color: var(--brand);\n color: #FFF;\n padding: 6px 16px;\n border-radius: var(--radius);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 24px;\n transform-origin: left center;\n animation: pillStretch 4s var(--spring-curve) infinite alternate;\n }\n\n /* Unbound Memorable Headline - stretched, compressing as viewport resolves */\n[data-layout-root] .elastic-headline {\n font-family: 'Oswald', sans-serif;\n font-size: clamp(4rem, 6.5vw, 8.5rem);\n font-weight: 700;\n line-height: 0.85;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 30px;\n letter-spacing: -0.05em;\n display: inline-block;\n animation: typoTension 5s var(--spring-curve) infinite alternate;\n }\n\n[data-layout-root] .elastic-headline span {\n display: block;\n }\n\n[data-layout-root] .hero-narrative {\n font-size: 18px;\n line-height: 1.6;\n color: var(--text-muted);\n max-width: 520px;\n margin-bottom: 40px;\n }\n\n /* Elastic CTA Button */\n[data-layout-root] .elastic-cta-wrapper {\n position: relative;\n display: inline-block;\n }\n\n[data-layout-root] .elastic-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: var(--brand);\n color: #FFF;\n text-decoration: none;\n padding: 18px 48px;\n border-radius: var(--radius);\n font-weight: 700;\n font-size: 16px;\n letter-spacing: 0.05em;\n border: 2px solid var(--brand);\n position: relative;\n overflow: hidden;\n transition: transform 0.4s var(--spring-curve);\n }\n\n[data-layout-root] .elastic-cta:hover {\n transform: scale(1.05) translateY(-2px);\n }\n\n[data-layout-root] .elastic-cta::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);\n transform: scale(0.5);\n transition: transform 0.5s var(--spring-curve);\n }\n\n[data-layout-root] .elastic-cta:hover::after {\n transform: scale(1.2);\n }\n\n /* Right Interactive Canvas (Taut surface, levitating, bouncing container) */\n[data-layout-root] .visual-playground {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 520px;\n border-radius: var(--radius);\n }\n\n /* Concentric ripples showing elastic rebound */\n[data-layout-root] .elastic-ripples {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n pointer-events: none;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n[data-layout-root] .ripple {\n position: absolute;\n border: 1px dashed var(--accent);\n border-radius: 50%;\n opacity: 0.15;\n animation: rippleSpring 6s ease-in-out infinite;\n }\n\n[data-layout-root] .ripple-1 { width: 120%; height: 120%; animation-delay: 0s; }\n[data-layout-root] .ripple-2 { width: 90%; height: 90%; animation-delay: 0.5s; }\n[data-layout-root] .ripple-3 { width: 60%; height: 60%; animation-delay: 1s; }\n\n /* The main bouncing product container - resists and snaps */\n[data-layout-root] .product-bounce-container {\n position: relative;\n z-index: 5;\n width: 100%;\n max-width: 440px;\n aspect-ratio: 0.85;\n background: linear-gradient(135deg, rgba(255,255,255,0.7) 0%, rgba(239, 234, 228, 0.4) 100%);\n border: 1px solid rgba(255, 255, 255, 0.8);\n border-radius: var(--radius);\n box-shadow: \n 0 4px 30px rgba(0, 0, 0, 0.03),\n inset 0 1px 3px rgba(255,255,255,0.8);\n backdrop-filter: blur(10px);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 40px;\n transform-origin: center bottom;\n animation: productSnap 5s var(--spring-curve) infinite alternate;\n }\n\n /* Latexy sheen over image container */\n[data-layout-root] .product-bounce-container::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.18) 50%, transparent 60%);\n pointer-events: none;\n mix-blend-mode: overlay;\n z-index: 6;\n }\n\n[data-layout-root] .product-bounce-container img {\n max-height: 85%;\n width: auto;\n object-fit: contain;\n filter: drop-shadow(0 20px 30px rgba(54, 41, 37, 0.15));\n transition: transform 0.3s var(--spring-curve);\n }\n\n[data-layout-root] .product-bounce-container:hover img {\n transform: scale(1.06) rotate(1deg);\n }\n\n /* Keyframes simulating real elastic snap & stretch */\n @keyframes typoTension {\n 0% {\n letter-spacing: -0.06em;\n font-stretch: 50%;\n transform: scaleX(0.9);\n }\n 40% {\n letter-spacing: 0.05em;\n font-stretch: 130%;\n transform: scaleX(1.1);\n }\n 60% {\n letter-spacing: -0.02em;\n font-stretch: 95%;\n transform: scaleX(0.97);\n }\n 100% {\n letter-spacing: 0em;\n font-stretch: 100%;\n transform: scaleX(1);\n }\n }\n\n @keyframes pillStretch {\n 0% { transform: scaleX(0.8); }\n 30% { transform: scaleX(1.15); }\n 60% { transform: scaleX(0.95); }\n 100% { transform: scaleX(1); }\n }\n\n @keyframes productSnap {\n 0% {\n transform: translateY(20px) scaleY(0.9) scaleX(1.05);\n }\n 20% {\n transform: translateY(-40px) scaleY(1.1) scaleX(0.9);\n }\n 40% {\n transform: translateY(10px) scaleY(0.95) scaleX(1.02);\n }\n 60% {\n transform: translateY(-5px) scaleY(1.02) scaleX(0.98);\n }\n 80%, 100% {\n transform: translateY(0) scaleY(1) scaleX(1);\n }\n }\n\n @keyframes rippleSpring {\n 0%, 100% { transform: scale(1) translate(-50%, -50%); opacity: 0.08; }\n 50% { transform: scale(1.15) translate(-50%, -50%); opacity: 0.22; }\n }\n\n /* Responsive Adapters */\n @media (max-width: 1024px) {\n[data-layout-root] .anchor-header {\n padding: 0 24px;\n }\n[data-layout-root] .elastic-hero-section {\n grid-template-columns: 1fr;\n padding: 40px 24px;\n gap: 40px;\n text-align: center;\n }\n[data-layout-root] .text-container {\n align-items: center;\n }\n[data-layout-root] .elastic-pill {\n align-self: center;\n }\n[data-layout-root] .elastic-headline {\n font-size: clamp(3rem, 10vw, 5.5rem);\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .main-navigation {\n display: none; /* Collapses on small screens but structural options remain reachable */\n }\n[data-layout-root] .mobile-menu-trigger {\n display: block;\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 14px;\n background: none;\n border: none;\n color: var(--brand);\n cursor: pointer;\n }\n[data-layout-root] .header-utilities {\n gap: 12px;\n }\n }\n\n /* Accessibility settings for reduced motion */\n @media (prefers-reduced-motion: reduce) {\n[data-layout-root] .elastic-headline, .elastic-pill, .product-bounce-container, .ripple {\n animation: none !important;\n transform: none !important;\n }\n }\n \n\n@media (max-width:760px){\n[data-layout-root] header{max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}\n[data-layout-root] header [data-slot=\"nav\"],header [data-slot=\"search\"],header [data-slot=\"login\"],header [data-slot=\"currency\"]{display:none!important}\n[data-layout-root] header [data-slot=\"logo\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;margin-right:auto!important;min-width:0!important}\n[data-layout-root] header [data-slot=\"cart\"],header [data-slot=\"mobile-menu\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;white-space:nowrap!important}\n[data-layout-root] header *:has(>[data-slot=\"cart\"]),header *:has(>[data-slot=\"mobile-menu\"]){display:flex!important;visibility:visible!important;align-items:center!important;gap:10px!important}\n}\n\n /* --- Extension Styling for Kinetic-Minimalism Elasticity Return Theme --- */\n \n[data-layout-root] .ds-trust-strip {\n background-color: var(--secondary);\n border-top: 2px solid var(--brand);\n border-bottom: 2px solid var(--brand);\n padding: 30px 40px;\n position: relative;\n z-index: 10;\n }\n\n[data-layout-root] .ds-trust-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 40px;\n align-items: center;\n }\n\n[data-layout-root] .ds-trust-item {\n display: flex;\n flex-direction: column;\n gap: 8px;\n border-left: 1px solid rgba(54, 41, 37, 0.15);\n padding-left: 24px;\n }\n\n[data-layout-root] .ds-trust-item:first-child {\n border-left: none;\n padding-left: 0;\n }\n\n[data-layout-root] .ds-trust-label {\n font-family: 'Oswald', sans-serif;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--accent);\n font-weight: 600;\n }\n\n[data-layout-root] .ds-trust-value {\n font-size: 15px;\n font-weight: 500;\n color: var(--brand);\n line-height: 1.3;\n }\n\n /* --- Product Features & Add-To-Cart Routine Builder Section --- */\n[data-layout-root] .ds-features-section {\n background-color: var(--bg);\n padding: 120px 80px;\n position: relative;\n overflow: hidden;\n }\n\n /* Dynamic grid separating clinical proof, core action, and hydration routine cross-sell */\n[data-layout-root] .ds-features-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 1.3fr;\n gap: 80px;\n align-items: start;\n }\n\n /* Structural side for product visualization and routine bundling */\n[data-layout-root] .ds-product-routine-card {\n background: #FFFFFF;\n border: 2px solid var(--brand);\n border-radius: var(--radius);\n padding: 40px;\n position: sticky;\n top: 120px;\n box-shadow: 8px 8px 0px 0px var(--brand);\n transition: transform 0.4s var(--spring-curve);\n }\n\n[data-layout-root] .ds-product-routine-card:hover {\n transform: translate(-2px, -2px);\n box-shadow: 10px 10px 0px 0px var(--brand);\n }\n\n[data-layout-root] .ds-routine-header {\n margin-bottom: 24px;\n border-bottom: 1px solid var(--secondary);\n padding-bottom: 20px;\n }\n\n[data-layout-root] .ds-routine-pill {\n display: inline-block;\n background-color: var(--secondary);\n color: var(--brand);\n padding: 4px 12px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-routine-title {\n font-family: 'Oswald', sans-serif;\n font-size: 24px;\n text-transform: uppercase;\n color: var(--brand);\n margin-top: 4px;\n }\n\n /* Pair Builder Cross-sell UI */\n[data-layout-root] .ds-bundle-builder {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 24px;\n }\n\n[data-layout-root] .ds-bundle-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n border: 1px solid var(--secondary);\n border-radius: 12px;\n background-color: var(--bg);\n }\n\n[data-layout-root] .ds-bundle-item-img {\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 8px;\n background: #FFF;\n border: 1px solid rgba(0,0,0,0.05);\n }\n\n[data-layout-root] .ds-bundle-item-info {\n flex: 1;\n }\n\n[data-layout-root] .ds-bundle-item-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--brand);\n }\n\n[data-layout-root] .ds-bundle-item-desc {\n font-size: 12px;\n color: var(--text-muted);\n margin-top: 2px;\n }\n\n[data-layout-root] .ds-bundle-item-price {\n font-size: 14px;\n font-weight: 600;\n color: var(--brand);\n text-align: right;\n }\n\n /* Primary Action with Badge triggers underneath */\n[data-layout-root] .ds-action-box {\n margin-top: 32px;\n }\n\n[data-layout-root] .ds-primary-buy-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-color: var(--brand);\n color: #FFF;\n text-decoration: none;\n padding: 18px;\n border-radius: var(--radius);\n font-weight: 700;\n font-size: 15px;\n letter-spacing: 0.05em;\n border: 2px solid var(--brand);\n transition: transform 0.3s var(--spring-curve), background-color 0.2s ease;\n cursor: pointer;\n text-transform: uppercase;\n }\n\n[data-layout-root] .ds-primary-buy-btn:hover {\n background-color: #483732;\n transform: translateY(-2px);\n }\n\n[data-layout-root] .ds-trust-badges-wrapper {\n display: flex;\n justify-content: center;\n gap: 24px;\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px dashed rgba(54, 41, 37, 0.15);\n }\n\n[data-layout-root] .ds-trust-badge {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .ds-trust-badge svg {\n width: 14px;\n height: 14px;\n fill: var(--accent);\n }\n\n /* Right-hand Story, Plant PDRN Science, & Elasticity Badging */\n[data-layout-root] .ds-features-content {\n display: flex;\n flex-direction: column;\n gap: 56px;\n }\n\n[data-layout-root] .ds-science-intro {\n border-bottom: 2px solid var(--brand);\n padding-bottom: 32px;\n }\n\n[data-layout-root] .ds-science-tag {\n font-family: 'Oswald', sans-serif;\n font-size: 13px;\n color: var(--accent);\n letter-spacing: 0.15em;\n text-transform: uppercase;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-science-heading {\n font-family: 'Oswald', sans-serif;\n font-size: 40px;\n line-height: 1.1;\n color: var(--brand);\n text-transform: uppercase;\n margin-top: 8px;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-science-p {\n font-size: 16px;\n line-height: 1.6;\n color: var(--text-muted);\n }\n\n /* Elasticity Return Badging Visualization */\n[data-layout-root] .ds-clinical-elasticity-stats {\n background: var(--secondary);\n border-radius: var(--radius);\n padding: 32px;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n border: 1px solid rgba(54, 41, 37, 0.1);\n }\n\n[data-layout-root] .ds-stat-card {\n background: #FFFFFF;\n padding: 24px;\n border-radius: 12px;\n border: 1px solid rgba(54, 41, 37, 0.05);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 140px;\n }\n\n[data-layout-root] .ds-stat-num {\n font-family: 'Oswald', sans-serif;\n font-size: 48px;\n font-weight: 700;\n color: var(--brand);\n line-height: 1;\n display: flex;\n align-items: baseline;\n }\n\n[data-layout-root] .ds-stat-num span {\n font-size: 24px;\n color: var(--accent);\n margin-left: 2px;\n }\n\n[data-layout-root] .ds-stat-label {\n font-size: 13px;\n font-weight: 600;\n color: var(--brand);\n margin-top: 12px;\n line-height: 1.4;\n }\n\n[data-layout-root] .ds-stat-caption {\n font-size: 11px;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n /* Deep Dive Benefit Items */\n[data-layout-root] .ds-benefit-list {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n[data-layout-root] .ds-benefit-item {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: 24px;\n align-items: start;\n }\n\n[data-layout-root] .ds-benefit-num {\n font-family: 'Oswald', sans-serif;\n font-size: 14px;\n color: var(--brand);\n border: 2px solid var(--brand);\n border-radius: 50%;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-benefit-title {\n font-family: 'Oswald', sans-serif;\n font-size: 18px;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 8px;\n }\n\n[data-layout-root] .ds-benefit-desc {\n font-size: 15px;\n line-height: 1.5;\n color: var(--text-muted);\n }\n\n /* High-Tech Visual Splice (Using the secondary campaigns/lifestyle assets) */\n[data-layout-root] .ds-science-imagery {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 24px;\n margin-top: 16px;\n }\n\n[data-layout-root] .ds-science-img-container {\n border-radius: var(--radius);\n overflow: hidden;\n height: 260px;\n position: relative;\n border: 1px solid var(--brand);\n }\n\n[data-layout-root] .ds-science-img-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: saturate(0.85);\n transition: transform 0.6s var(--spring-curve);\n }\n\n[data-layout-root] .ds-science-img-container:hover img {\n transform: scale(1.04);\n }\n\n[data-layout-root] .ds-science-img-label {\n position: absolute;\n bottom: 12px;\n left: 12px;\n background: var(--brand);\n color: #FFF;\n padding: 4px 10px;\n font-family: 'Oswald', sans-serif;\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n border-radius: 4px;\n }\n\n /* Responsive Adaptation */\n @media (max-width: 1024px) {\n[data-layout-root] .ds-features-grid {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n[data-layout-root] .ds-product-routine-card {\n position: relative;\n top: 0;\n }\n[data-layout-root] .ds-trust-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-features-section {\n padding: 80px 24px;\n }\n[data-layout-root] .ds-science-imagery {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-trust-container {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n[data-layout-root] .ds-trust-item {\n border-left: none;\n padding-left: 0;\n border-bottom: 1px solid rgba(54, 41, 37, 0.1);\n padding-bottom: 12px;\n }\n[data-layout-root] .ds-trust-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n }\n\n /* ----------------------------------------------------\n[data-layout-root] THEME ALIASES & CRITICAL TOKENS (Match & Continue)\n ---------------------------------------------------- */\n \n\n /* Explicit base containers for the PDP */\n[data-layout-root] .ds-pdp-wrapper {\n background-color: var(--theme-bg);\n color: var(--theme-ink);\n font-family: 'DM Sans', sans-serif;\n min-height: 100vh;\n padding-bottom: 120px;\n -webkit-font-smoothing: antialiased;\n }\n\n /* ----------------------------------------------------\n[data-layout-root] BREADCRUMBS\n ---------------------------------------------------- */\n[data-layout-root] .ds-breadcrumbs {\n max-width: 1400px;\n margin: 0 auto;\n padding: 24px 40px 0;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--theme-ink-muted);\n font-weight: 500;\n }\n[data-layout-root] .ds-breadcrumbs span {\n color: var(--theme-accent);\n }\n\n /* ----------------------------------------------------\n[data-layout-root] MAIN PRODUCT INTERACTIVE GRID (Hero Concept)\n ---------------------------------------------------- */\n[data-layout-root] .ds-product-showcase {\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-product-showcase {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 20px;\n }\n }\n\n /* LEFT SIDE: Dynamic Elastic Gallery Wrapper */\n[data-layout-root] .ds-gallery-canvas {\n position: relative;\n width: 100%;\n background: linear-gradient(135deg, var(--theme-bg-elevated) 0%, var(--theme-secondary) 100%);\n border-radius: var(--ds-radius-lg);\n border: 1px solid var(--theme-border);\n padding: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n min-height: 580px;\n }\n\n /* Elastic background motifs mimicking skin memory tension */\n[data-layout-root] .ds-gallery-canvas::before {\n content: '';\n position: absolute;\n inset: 15px;\n border: 1px dashed rgba(196, 164, 130, 0.25);\n border-radius: calc(var(--ds-radius-lg) - 4px);\n pointer-events: none;\n z-index: 1;\n }\n\n /* Latexy taut sheen overlay */\n[data-layout-root] .ds-gallery-sheen {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.4) 50%, transparent 65%);\n pointer-events: none;\n mix-blend-mode: overlay;\n z-index: 3;\n }\n\n /* Concentric Elastic Waves radiating from active gallery */\n[data-layout-root] .ds-elastic-waves {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n }\n[data-layout-root] .ds-wave {\n position: absolute;\n border: 1px solid var(--theme-accent);\n border-radius: 50%;\n opacity: 0.12;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n animation: dsSpringPulse 8s var(--ds-spring-curve) infinite;\n }\n[data-layout-root] .ds-wave-1 { width: 400px; height: 400px; animation-delay: 0s; }\n[data-layout-root] .ds-wave-2 { width: 550px; height: 550px; animation-delay: 1s; }\n\n /* Actual injected gallery slot styling */\n[data-layout-root] .slot-gallery {\n position: relative;\n z-index: 2;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n[data-layout-root] .slot-gallery img,\n[data-layout-root] .slot-gallery picture {\n max-height: 480px;\n width: auto;\n object-fit: contain;\n filter: drop-shadow(0 20px 40px rgba(15, 23, 42, 0.12));\n transition: transform 0.4s var(--ds-spring-curve);\n }\n[data-layout-root] .slot-gallery:hover img {\n transform: scale(1.04) translateY(-4px);\n }\n\n /* RIGHT SIDE: Rigid structural control block */\n[data-layout-root] .ds-product-controls {\n display: flex;\n flex-direction: column;\n padding-top: 10px;\n }\n\n[data-layout-root] .ds-kbeauty-pill {\n align-self: flex-start;\n background-color: var(--theme-primary);\n color: #FFF;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 20px;\n }\n\n /* Content slots styling */\n[data-layout-root] .slot-title {\n margin-bottom: 12px;\n }\n[data-layout-root] .slot-product-name,\n[data-layout-root] .slot-title h1 {\n font-family: 'Oswald', sans-serif;\n font-size: 42px;\n line-height: 1.1;\n text-transform: uppercase;\n color: var(--theme-primary);\n font-weight: 700;\n letter-spacing: -0.02em;\n }\n\n[data-layout-root] .slot-price {\n margin-bottom: 24px;\n }\n[data-layout-root] .slot-price-amount,\n[data-layout-root] .slot-price span {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: var(--theme-accent);\n }\n\n[data-layout-root] .slot-description {\n margin-bottom: 30px;\n }\n[data-layout-root] .slot-description-text,\n[data-layout-root] .slot-description p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--theme-ink-muted);\n }\n\n /* Clinical Elasticity Badge Display */\n[data-layout-root] .ds-clinical-elasticity {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n background-color: var(--theme-secondary);\n border: 1px solid var(--theme-border);\n padding: 16px;\n border-radius: var(--ds-radius-md);\n margin-bottom: 30px;\n }\n[data-layout-root] .ds-clinical-card {\n text-align: center;\n border-right: 1px solid rgba(15, 23, 42, 0.1);\n }\n[data-layout-root] .ds-clinical-card:last-child {\n border-right: none;\n }\n[data-layout-root] .ds-clinical-number {\n font-family: 'Oswald', sans-serif;\n font-size: 24px;\n font-weight: 700;\n color: var(--theme-primary);\n line-height: 1.1;\n }\n[data-layout-root] .ds-clinical-label {\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--theme-ink-muted);\n margin-top: 4px;\n }\n\n /* Dynamic Variants Slot */\n[data-layout-root] .slot-variants {\n margin-bottom: 24px;\n display: block;\n }\n[data-layout-root] .slot-variant-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-weight: 700;\n color: var(--theme-ink);\n margin-bottom: 10px;\n display: block;\n }\n[data-layout-root] .slot-variant-btn {\n border: 2px solid var(--theme-border);\n background: transparent;\n padding: 12px 18px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: var(--theme-ink);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n display: inline-block;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n[data-layout-root] .slot-variant-btn:hover,\n[data-layout-root] .slot-variant-btn.active,\n[data-layout-root] .slot-variant-btn[aria-checked=\"true\"] {\n border-color: var(--theme-primary);\n background-color: var(--theme-primary);\n color: #FFFFFF;\n }\n\n /* Quantity Selector */\n[data-layout-root] .slot-quantity {\n margin-bottom: 24px;\n }\n[data-layout-root] .slot-quantity-controls {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n /* IMPORTANT ADD-TO-CART & BUY-NOW SLOTS */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n margin-bottom: 12px !important;\n }\n[data-layout-root] .slot-add-to-cart-control,\n[data-layout-root] .slot-add-to-cart button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-color: var(--theme-primary);\n color: #FFFFFF;\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 18px 32px;\n border: none;\n border-radius: var(--ds-radius-md);\n cursor: pointer;\n transition: transform 0.2s var(--ds-spring-curve), background-color 0.2s ease;\n }\n[data-layout-root] .slot-add-to-cart button:hover {\n background-color: var(--theme-accent);\n transform: translateY(-2px);\n }\n\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !important;\n margin-bottom: 24px !important;\n }\n[data-layout-root] .slot-buy-now-control,\n[data-layout-root] .slot-buy-now button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-color: transparent;\n color: var(--theme-primary);\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 16px 32px;\n border: 2px solid var(--theme-primary);\n border-radius: var(--ds-radius-md);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n[data-layout-root] .slot-buy-now button:hover {\n background-color: var(--theme-primary);\n color: #FFFFFF;\n }\n\n /* Trust Badges immediately below action block */\n[data-layout-root] .ds-trust-strip {\n display: flex;\n justify-content: space-around;\n padding: 16px;\n background: var(--theme-bg-elevated);\n border: 1px solid var(--theme-border);\n border-radius: var(--ds-radius-md);\n margin-bottom: 24px;\n }\n[data-layout-root] .ds-trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--theme-ink);\n }\n[data-layout-root] .ds-trust-item svg {\n color: var(--theme-accent);\n }\n\n /* ----------------------------------------------------\n[data-layout-root] THEORY / MEDICAL SPA PLANT PDRN SCIENCE (Featured Section)\n ---------------------------------------------------- */\n[data-layout-root] .ds-science-banner {\n background-color: var(--theme-primary);\n color: #FFFFFF;\n padding: 80px 40px;\n margin: 60px 0;\n position: relative;\n overflow: hidden;\n }\n[data-layout-root] .ds-science-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\n @media (max-width: 900px) {\n[data-layout-root] .ds-science-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n }\n[data-layout-root] .ds-science-visual {\n position: relative;\n border-radius: var(--ds-radius-lg);\n overflow: hidden;\n aspect-ratio: 1.1;\n }\n[data-layout-root] .ds-science-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n[data-layout-root] .ds-science-copy h3 {\n font-family: 'Oswald', sans-serif;\n font-size: 38px;\n text-transform: uppercase;\n letter-spacing: -0.01em;\n margin-bottom: 20px;\n color: #FFFFFF;\n }\n[data-layout-root] .ds-science-copy p {\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 24px;\n }\n[data-layout-root] .ds-benefit-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n[data-layout-root] .ds-benefit-node {\n border-left: 2px solid var(--theme-accent);\n padding-left: 12px;\n }\n[data-layout-root] .ds-benefit-node h4 {\n font-size: 14px;\n font-weight: 700;\n color: #FFFFFF;\n margin-bottom: 4px;\n }\n[data-layout-root] .ds-benefit-node p {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n margin: 0;\n }\n\n /* ----------------------------------------------------\n[data-layout-root] ADD-TO-CART ROUTINE BUILDER (Cross-sell Widget)\n ---------------------------------------------------- */\n[data-layout-root] .ds-routine-builder {\n max-width: 1400px;\n margin: 60px auto;\n padding: 0 40px;\n }\n[data-layout-root] .ds-routine-title {\n font-family: 'Oswald', sans-serif;\n font-size: 28px;\n text-transform: uppercase;\n color: var(--theme-primary);\n margin-bottom: 24px;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n }\n[data-layout-root] .ds-routine-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n @media (max-width: 900px) {\n[data-layout-root] .ds-routine-grid {\n grid-template-columns: 1fr;\n }\n }\n[data-layout-root] .ds-routine-card {\n background-color: var(--theme-bg-elevated);\n border: 1px solid var(--theme-border);\n border-radius: var(--ds-radius-lg);\n padding: 24px;\n display: flex;\n flex-direction: column;\n position: relative;\n transition: border-color 0.2s ease;\n }\n[data-layout-root] .ds-routine-card:hover {\n border-color: var(--theme-accent);\n }\n[data-layout-root] .ds-routine-badge {\n position: absolute;\n top: 16px; right: 16px;\n background-color: var(--theme-secondary);\n color: var(--theme-accent);\n font-size: 10px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 4px;\n text-transform: uppercase;\n }\n[data-layout-root] .ds-routine-card img {\n height: 160px;\n object-fit: contain;\n margin-bottom: 16px;\n align-self: center;\n }\n[data-layout-root] .ds-routine-meta h4 {\n font-family: 'Oswald', sans-serif;\n font-size: 16px;\n color: var(--theme-primary);\n text-transform: uppercase;\n margin-bottom: 6px;\n }\n[data-layout-root] .ds-routine-meta p {\n font-size: 13px;\n color: var(--theme-ink-muted);\n margin-bottom: 16px;\n min-height: 40px;\n }\n[data-layout-root] .ds-routine-action {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n }\n[data-layout-root] .ds-routine-price {\n font-weight: 700;\n color: var(--theme-primary);\n }\n[data-layout-root] .ds-routine-btn {\n border: 1px solid var(--theme-primary);\n background: transparent;\n color: var(--theme-primary);\n padding: 8px 16px;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n[data-layout-root] .ds-routine-btn:hover {\n background-color: var(--theme-primary);\n color: #FFFFFF;\n }\n\n /* ----------------------------------------------------\n[data-layout-root] SHIPPING & TRUST FOOTNOTE\n ---------------------------------------------------- */\n[data-layout-root] .ds-pdp-shipping-note {\n max-width: 1400px;\n margin: 40px auto 0;\n padding: 0 40px;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n border-top: 1px solid var(--theme-border);\n padding-top: 40px;\n }\n @media (max-width: 768px) {\n[data-layout-root] .ds-pdp-shipping-note {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n[data-layout-root] .ds-ship-node h5 {\n font-family: 'Oswald', sans-serif;\n font-size: 14px;\n text-transform: uppercase;\n color: var(--theme-primary);\n margin-bottom: 8px;\n }\n[data-layout-root] .ds-ship-node p {\n font-size: 13px;\n color: var(--theme-ink-muted);\n line-height: 1.5;\n }\n\n /* ----------------------------------------------------\n[data-layout-root] ANIMATION KEYFRAMES\n ---------------------------------------------------- */\n @keyframes dsSpringPulse {\n 0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.15; }\n 50% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.05; }\n 100% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.15; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n[data-layout-root] .ds-wave, .slot-gallery img {\n animation: none !important;\n transition: none !important;\n }\n }\n\n /* Footer-specific custom styling following Kinetic-Minimalism & Elasticity Return */\n \n[data-layout-root] .ds-footer {\n background-color: var(--secondary, #EFEAE4);\n color: var(--text-main, #1A1310);\n position: relative;\n padding: 80px 40px 40px 40px;\n border-top: 2px solid var(--brand, #362925);\n overflow: hidden;\n }\n\n /* Tension-line accent at the top boundary */\n[data-layout-root] .ds-footer-top-tension {\n position: absolute;\n top: 6px;\n left: 0;\n right: 0;\n height: 1px;\n background: repeating-linear-gradient(90deg, var(--accent, #C4A482) 0 4px, transparent 4px 12px);\n opacity: 0.4;\n }\n\n[data-layout-root] .ds-footer-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: 80px;\n align-items: start;\n padding-bottom: 60px;\n border-bottom: 1px solid rgba(54, 41, 37, 0.1);\n }\n\n /* Left Brand Pitch Styling */\n[data-layout-root] .ds-footer-brand-col {\n display: flex;\n flex-direction: column;\n gap: 24px;\n max-width: 440px;\n }\n\n[data-layout-root] .ds-brand-tagline {\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-muted, #70645E);\n }\n\n /* Newsletter Box with Taut Structural styling */\n[data-layout-root] .ds-newsletter-wrapper {\n margin-top: 12px;\n background: rgba(255, 255, 255, 0.4);\n border: 1px solid rgba(54, 41, 37, 0.1);\n border-radius: var(--radius, 16px);\n padding: 24px;\n backdrop-filter: blur(8px);\n }\n\n[data-layout-root] .ds-footer-title {\n font-family: 'Oswald', sans-serif;\n font-size: 16px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--brand, #362925);\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-newsletter-desc {\n font-size: 13px;\n color: var(--text-muted, #70645E);\n line-height: 1.5;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n gap: 8px;\n position: relative;\n }\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: #FAF8F5;\n border: 1px solid rgba(54, 41, 37, 0.15);\n border-radius: 8px;\n padding: 12px 16px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n color: var(--text-main, #1A1310);\n outline: none;\n transition: border-color 0.3s var(--spring-curve, cubic-bezier(0.25, 1.5, 0.5, 1));\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n border-color: var(--brand, #362925);\n }\n\n[data-layout-root] .ds-newsletter-btn {\n background-color: var(--brand, #362925);\n color: #FFFFFF;\n border: none;\n border-radius: 8px;\n padding: 0 16px;\n cursor: pointer;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 6px;\n transition: transform 0.3s var(--spring-curve, cubic-bezier(0.25, 1.5, 0.5, 1));\n }\n\n[data-layout-root] .ds-newsletter-btn:hover {\n transform: scale(1.05);\n }\n\n[data-layout-root] .ds-arrow-icon {\n width: 16px;\n height: 16px;\n }\n\n /* Column Navigation Styling */\n[data-layout-root] .ds-footer-nav-col {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n\n[data-layout-root] .ds-nav-group {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n[data-layout-root] .ds-nav-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n[data-layout-root] .ds-nav-list a {\n font-size: 14px;\n color: var(--text-muted, #70645E);\n text-decoration: none;\n transition: color 0.2s ease, transform 0.2s ease;\n display: inline-block;\n }\n\n[data-layout-root] .ds-nav-list a:hover {\n color: var(--brand, #362925);\n transform: translateX(4px);\n }\n\n /* Bottom Bar Styling */\n[data-layout-root] .ds-footer-bottom {\n max-width: 1400px;\n margin: 0 auto;\n padding-top: 40px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 32px;\n }\n\n[data-layout-root] .ds-clinical-elasticity-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: #FAF8F5;\n border: 1px solid var(--accent, #C4A482);\n border-radius: 20px;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--brand, #362925);\n }\n\n[data-layout-root] .ds-badge-pulse {\n width: 8px;\n height: 8px;\n background-color: var(--accent, #C4A482);\n border-radius: 50%;\n position: relative;\n }\n\n[data-layout-root] .ds-badge-pulse::after {\n content: '';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 100%; height: 100%;\n border-radius: 50%;\n background-color: var(--accent, #C4A482);\n opacity: 0.6;\n animation: dsPulse 2s infinite ease-in-out;\n }\n\n @keyframes dsPulse {\n 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }\n }\n\n[data-layout-root] .ds-bottom-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 16px;\n }\n\n[data-layout-root] .ds-social-icons {\n display: flex;\n gap: 20px;\n }\n\n[data-layout-root] .ds-social-link {\n font-size: 13px;\n color: var(--text-muted, #70645E);\n text-decoration: none;\n font-weight: 500;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-social-link:hover {\n color: var(--brand, #362925);\n }\n\n[data-layout-root] .ds-payment-methods {\n display: flex;\n gap: 10px;\n }\n\n[data-layout-root] .ds-payment-icon {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n color: var(--text-muted, #70645E);\n border: 1px solid rgba(54, 41, 37, 0.15);\n padding: 4px 8px;\n border-radius: 4px;\n background: #FAF8F5;\n }\n\n[data-layout-root] .ds-copyright-zone {\n margin-top: 8px;\n }\n\n[data-layout-root] .ds-copyright {\n font-size: 12px;\n color: var(--text-muted, #70645E);\n }\n\n /* Responsive Adaptation */\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer {\n padding: 60px 24px 30px 24px;\n }\n\n[data-layout-root] .ds-footer-nav-col {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n\n[data-layout-root] .ds-footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n }\n\n[data-layout-root] .ds-bottom-right {\n align-items: flex-start;\n width: 100%;\n }\n\n[data-layout-root] .ds-payment-methods {\n flex-wrap: wrap;\n }\n }\n\n/* === Header safety rules (post-processed, not AI-generated) === */\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"cart\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"search\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"login\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"currency\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"mobile-menu\"] {\n flex-shrink: 0 !important;\n min-width: fit-content !important;\n}\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"nav\"] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n[data-layout-root] [data-layout-root] .global-header {\n max-height: 120px;\n}\n/* Line-height safety \u2014 prevent AI from setting tiny line-heights globally */\n[data-layout-root] [data-layout-root] {\n line-height: 1.5;\n}\n[data-layout-root] [data-layout-root] h1, [data-layout-root] h2, [data-layout-root] h3,\n[data-layout-root] [data-layout-root] h4, [data-layout-root] h5, [data-layout-root] h6 {\n line-height: 1.2;\n}\n[data-layout-root] [data-layout-root] p, [data-layout-root] li, [data-layout-root] span,\n[data-layout-root] [data-layout-root] a, [data-layout-root] label {\n line-height: inherit;\n}\n/* \u2500\u2500 Contrast safety (light theme) \u2500\u2500 */\n/* Product page slots \u2014 often left unstyled by the AI */\n[data-layout-root] [data-layout-root] .slot-title,\n[data-layout-root] [data-layout-root] .slot-title h1,\n[data-layout-root] [data-layout-root] .slot-title .slot-product-name {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] [data-layout-root] .slot-price,\n[data-layout-root] [data-layout-root] .slot-price .slot-price-amount {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] [data-layout-root] .slot-description,\n[data-layout-root] [data-layout-root] .slot-description p {\n color: var(--surface-ink-muted, var(--ink-muted, #4a4a4a));\n}\n[data-layout-root] [data-layout-root] .slot-variant-label {\n color: var(--surface-ink-muted, var(--ink-muted, #4a4a4a));\n}\n[data-layout-root] [data-layout-root] .slot-variant-btn {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n border-color: rgba(0,0,0,0.08);\n}\n/* Common generated marketing sections */\n[data-layout-root] [data-layout-root] .feature-title,\n[data-layout-root] [data-layout-root] .feature-name,\n[data-layout-root] [data-layout-root] .editorial-title,\n[data-layout-root] [data-layout-root] .trust-value,\n[data-layout-root] [data-layout-root] .hero-price,\n[data-layout-root] [data-layout-root] .feature-content,\n[data-layout-root] [data-layout-root] .feature-content h1,\n[data-layout-root] [data-layout-root] .feature-content h2,\n[data-layout-root] [data-layout-root] .feature-content h3,\n[data-layout-root] [data-layout-root] .feature-content h4,\n[data-layout-root] [data-layout-root] [data-slot=\"logo\"],\n[data-layout-root] [data-layout-root] [data-slot=\"logo\"] *,\n[data-layout-root] [data-layout-root] [data-slot=\"nav\"],\n[data-layout-root] [data-layout-root] [data-slot=\"nav\"] a,\n[data-layout-root] [data-layout-root] .action-icon {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] [data-layout-root] .trust-label,\n[data-layout-root] [data-layout-root] .feature-tag,\n[data-layout-root] [data-layout-root] .feature-description,\n[data-layout-root] [data-layout-root] .detail-item p,\n[data-layout-root] [data-layout-root] .trust-item p,\n[data-layout-root] [data-layout-root] .feature-action {\n color: var(--ink-muted, #4a4a4a);\n}\n/* Icon / SVG contrast */\n[data-layout-root] [data-layout-root] svg {\n fill: currentColor;\n}\n\n/* === Storefront root surface (post-processed, not AI-generated) === */\n[data-layout-root] {\n min-height: 100vh;\n background-color: var(--bg-page, var(--page-bg, var(--background, var(--color-background, var(--theme-bg, var(--c-bg, var(--bg, #ffffff)))))));\n color: var(--text-primary, var(--foreground, var(--color-text, var(--color-ink, var(--theme-ink, var(--c-ink, var(--ink, #111827)))))));\n}\n\n[data-layout-root] [class*=\"grid\"] > *, [data-layout-root] [class*=\"layout\"] > * { min-width: 0; min-height: 0; }\n\n[data-layout-root] .v8-support-panel { color: var(--surface-ink); --ink-muted: var(--surface-ink-muted); }\n\n:root, [data-layout-root] { --surface-ink: #111827; --surface-ink-muted: #4B5563; }\n\n/* Visual QA auto-fixes */\n.footer .text-muted, footer p, footer div.text-xs {\n color: var(--theme-ink-muted, #9CA3AF); /* Improves the contrast ratio of the footer description text against the dark background to meet WCAG AA standards. */\n}\n@media (max-width: 768px) {\n .product-gallery__thumbnail {\n margin: 0 4px; /* Provides better breathing room and touch targets for the product gallery thumbnails on mobile screens. */\n }\n}\n","globalHtml":"","fonts":[],"animations":[],"theme":{"mode":"light","palette":{"primary":"#0f172a","secondary":"#EFEAE4","accent":"#C4A482","success":"#0f172a"},"surfaces":{"bg":"#FAF8F5","bgElevated":"#FFFFFF","surface":"#ebeced","surfaceAlt":"#edeeee","ink":"#111827","inkMuted":"#70645E","border":"#cfd0d4","surfaceInk":"#111827","surfaceInkMuted":"#4B5563"},"typography":{"headingFont":"Inter","bodyFont":"DM Sans, sans-serif"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":12},"header":{"html":"

\n Innisfreet\n \n \n\n

\n \n Account\n

\n \n

\n Cart (0)\n \n

","css":""},"footer":{"html":"\n\n","css":""},"pages":{"home":{"sections":[{"id":"home-main","type":"home_main","html":"

\n \n

\n {{products.[0].name}}\n \n

\n Tension\n Restored.\n

\n \n

\n Inspired by viral PDRN treatments, this custom-engineered serum delivers high-tension firming results. With a high-concentration formula including 56% Green Tea PDRN and a 1% Triple Retinol Complex, it triggers a satisfying recovery phase for depleted, dry skin barriers.\n

\n \n

\n \n SHOP THE BOUNCE\n \n

\n\n \n

\n \n

\n \n $\"\"$ \n

\n\n\n\n

\n FORMULATION\n 100% Vegan Certified\n

\n FREE SHIPPING\n Complimentary on orders $50+\n

\n AUTOSHIP EFFICIENCY\n Save 10% on monthly refills\n

\n CONSCIOUS RETURN\n 30-Day Restored Guarantee\n

\n\n\n

\n \n \n

\n High-Performance Pair\n

\n Formulated to restore natural resilience, bound with complementary hydration stabilizers.\n

\n\n \n

\n \n

\n $\"{{products.[0].name}}\"$ \n

Step 2: Active Treatment

\n\n \n

\n {{#if homeVisuals.[1]}}\n $\"Complementary$ \n {{else}}\n $\"Complementary$ \n {{/if}}\n

Green Tea Seed Toner

Step 1: Hydrate & Prep

$24.00

\n\n \n

\n \n ADD ROUTINE TO CART\n \n \n

\n \n Dermatologist Tested\n

\n \n Non-Comedogenic\n

\n\n \n

\n \n \n

\n Medical-Spa Inspired Innovation\n

The Plant PDRN Breakthrough

\n Derived from high-purity Jeju green tea, our breakthrough plant PDRN provides the intensive, firming energy of high-tech salon skin therapies directly to your daily ritual. Combined with our 1% Triple Retinol Complex, it rapidly snaps fatigued cells back into physical alignment.\n

\n\n \n

3.4\u00d7

Elasticity Multiplier

In clinical evaluations over 4 weeks

98%

Skin Bounce Back

Self-assessment on resilient recovery

\n\n \n

Dermal Spring Recovery

\n Reinforces underlying cellular architecture, creating a resilient dermal matrix that counteracts gravitational fatigue.\n

\n\n

1% Triple Retinol Precision

\n A balanced blend of pure retinol, retinyl palmitate, and botanical retinols to accelerate rapid surface cell turnover without surface disruption.\n

\n\n

Jeju Botanicals Integration

\n Infused with dewy antioxidants and calming fractions to support skin barrier integrity through intensive active treatments.\n

\n\n \n

\n {{#if homeVisuals.[0]}}\n

\n $\"{{homeVisuals.[0].alt}}\"$ \n PDRN Cultivation Lab\n

\n {{/if}}\n {{#if homeVisuals.[2]}}\n

\n $\"{{homeVisuals.[2].alt}}\"$ \n Elasticity Analysis\n

\n {{/if}}\n

\n\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1670201203208-055d6d79db4a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxrb3JlYW4lMjBza2luY2FyZSUyMG1vZGVsJTIwc2VydW18ZW58MXwwfHx8MTc4NDA0NzI2Nnww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Innisfreet korean","theme":"korean","query":"korean skincare model serum","source":"unsplash","photographer":"Laura Jaeger","photographerUrl":"https://unsplash.com/@lvjart","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.pexels.com/photos/6876724/pexels-photo-6876724.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940","alt":"Innisfreet green","theme":"green","query":"green tea leaves studio macro","source":"pexels","photographer":"Quang Nguyen Vinh","photographerUrl":"https://www.pexels.com/@quang-nguyen-vinh-222549","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxsdXh1cnklMjBjbGluaWNhbCUyMHNwYSUyMGFlc3RoZXRpY3xlbnwxfDB8fHwxNzg0MDQ3MjY2fDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Innisfreet luxury","theme":"luxury","query":"luxury clinical spa aesthetic","source":"unsplash","photographer":"engin akyurt","photographerUrl":"https://unsplash.com/@enginakyurt","role":"detail","cropHint":"close-or-medium","fitHint":"contain-or-cover","mobileTreatment":"preserve the principal subject and avoid text collisions"}]},"products":{"source":"storefront","query":"productList","limit":4},"collections":{"source":"storefront","query":"collectionList","limit":4}}}]},"product":{"sections":[{"id":"product-detail","type":"product_detail","html":"

\n \n \n

\n Shop / {{PRODUCT.CATEGORY}} / {{PRODUCT.NAME}}\n

\n\n \n

\n \n \n

\n \n

\n\n \n

VIRAL SPA-PDRN REBOUND

\n \n \n

\n\n \n

\n {{PRODUCT.PRICE}}\n

\n\n \n

Experience the breakthrough anti-aging standard inspired by high-end Korean aesthetic clinics. Formulated with a revolutionary 1% Triple Retinol Complex and pure plant PDRN derived from Jeju green tea, this treatment locks in absolute skin spring-back, immediately improving elasticity and density.

\n\n \n

+100%

Vegan PDRN

3.4X

Firming Power

98%

Elastic Rebound

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n

\n \n

\n\n \n

\n \n Dermatologist Tested\n

\n \n Non-Comedogenic\n

\n \n 100% Vegan Science\n

\n\n

\n\n \n

\n $\"Green$ \n

THE K-BEAUTY REBOUND: PLANT PDRN

In South Korea\u2019s most elite dermatological clinics, PDRN treatments are used to visually resurrect the skin's micro-elastic network. Our laboratory isolates high-purity Plant PDRN\u2122 from resilient organic Jeju green tea leaves, delivering precise structural energy straight to cellular surface zones without animal byproducts.

Triple Retinol Synergy

Accelerates cellular surface turnover for flawless tone refinement.

Latex-like Taut Finish

Creates a micro-membranous shield with instant tactile firming action.

\n\n \n

\n THE ELASTICITY DOUBLE ROUTINE\n

\n \n \n

Step 01: Prep

\n $\"Green$ \n

Green Tea Amino Hydrating Toner

Drenches skin barrier instantly, maximizing Retinol PDRN absorption capacity.

\n $24.00\n \n

\n\n \n

Step 02: Treat

\n $\"Retinol$ \n

Retinol Green Tea PDRN Serum

The viral clinical treatment. Delivers instant and progressive spring bounce.

\n {{PRODUCT.PRICE}}\n \n

\n\n \n

Step 03: Seal

\n $\"Green$ \n

Green Tea Seed Hyaluronic Cream

Nutrient-dense moisture locking shield. Keeps collagen layers plump and dewy.

\n $29.00\n \n

\n\n

\n\n \n

Complimentary Shipping

Enjoy free carbon-neutral standard delivery on all domestic orders over $50.

Return Policy

Return within 30 days for a full refund or product exchange if not completely satisfied.

Korean Heritage Guarantee

Shipped directly from our advanced botanical formulation laboratories in Jeju Island.

\n\n

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"The entire storefront acts like a sprin...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"The entire storefront acts like a spring, visually demonstrating the snap-back elasticity of restored, youthful skin.","headerPattern":"a-structural-grid-locked-header...","copyTone":"Structural, uplifting, and physically focused.","imageStrategy":"High-speed photography of the serum bottle mid-bounce, surrounded by perfectly symmetrical, concentric ripples.","compositionStrategy":{"opening_relationship":"Every transition behaves with physical tension. Dragging, scrolling, or hovering pulls elements out of shape before they satisfyingly snap back into perfect, rigid alignment, mirroring the firming action of the serum.","reading_path":"The entire storefront acts like a spring, visually demonstrating the snap-back elasticity of restored, youthful skin.","product_presentation":"High-speed photography of the serum bottle mid-bounce, surrounded by perfectly symmetrical, concentric ripples."},"motionDirection":{"mode":"immersive","purpose":"The main product image slightly resists the scroll, stretching vertically before snapping down to its destination with a spring effect.","techniques":["The main product image slightly resists the scroll, stretching vertically before snapping down to its destination with..."],"reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"A structural, grid-locked header that stays perfectly rigid, acting as the anchor point for the stretchy page elements below.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"High-speed photography of the serum bottle mid-bounce, surrounded by perfectly symmetrical, concentric ripples.","mobile_treatment":"Recompose without cropping away the product"},"productPageExtras":["shipping_delivery","trust highlights"],"homePageRules":["This is a single-product store \u2014 the entire homepage must orbit around selling this one product.","Do NOT show category launchers, collection grids, or multi-product browsing sections.","The hero MUST feature the product prominently \u2014 not a generic lifestyle banner.","Use sections for features, benefits, testimonials, brand story, and trust \u2014 but always tie back to the product."]},"generationPlan":{"header":{"pattern":"commerce-search","notes":["Create a strong retail header with utility/support affordances.","Keep it compact, aligned, and ready for search/cart/login injected slots.","The cart slot (data-slot='cart') MUST be visible on ALL screen sizes."]},"home":{"sectionCount":3,"sections":[{"id":"home-opening","name":"Product hero showcase","purpose":"The entire storefront acts like a spring, visually demonstrating the snap-back elasticity of restored, youthful skin.","layout":"product-showcase","bindings":["products","homeVisuals","hero"]},{"id":"home-trust","name":"Trust strip","purpose":"Highlight delivery, quality, warranty, or value props.","layout":"compact icon/value row","bindings":["shop"]},{"id":"home-features","name":"Product features / benefits","purpose":"Showcase 3-4 key features of the product with icons and concise descriptions.","layout":"feature grid or alternating image-text rows","bindings":["products","homeVisuals"]}]},"product":{"notes":["Honor the required product slot order.","Include shipping/delivery details below the main hero when requested."]},"collection":{"notes":["Lead with a concise collection banner and then a real product grid."]},"footer":{"notes":["Footer should feel useful and commercially complete, not decorative only."]}}}