{"version":"1.0","directionName":"The Overnight Restorer","globalCss":":root {\n --theme-primary: #1f3a8a;\n --theme-bg: #c77c34;\n --theme-bg-elevated: #ffffff;\n --theme-surface: #edeff5;\n --theme-ink: #111827;\n --theme-ink-muted: #6B7280;\n --theme-border: #d2d7e7;\n --theme-accent: #1f3a8a;\n --theme-secondary: #182d6c;\n --font-main: 'Inter', sans-serif;\n --c-bg: #c77c34;\n --c-ink: #111827;\n --c-primary: #1f3a8a;\n --c-accent: #1f3a8a;\n --c-secondary: #182d6c;\n --c-success: #1f3a8a;\n --theme-success: #1f3a8a;\n --bg: #c77c34;\n --ink: #111827;\n --border: #d2d7e7;\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 @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-10px) rotate(3deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n @keyframes pulse-soft {\n 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(255,159,67,0)); }\n 50% { transform: scale(1.03); filter: drop-shadow(0 10px 20px rgba(255,159,67,0.2)); }\n }\n @keyframes spin-slow {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n @keyframes slide-in {\n 0% { transform: translateY(30px); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes wave {\n 0%, 100% { transform: translateY(0) scaleY(1); }\n 50% { transform: translateY(-5px) scaleY(1.05); }\n }\n\n /* Interactive & Playful Classes */\n[data-layout-root] .playful-btn {\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n[data-layout-root] .playful-btn:hover {\n transform: scale(1.08) rotate(-2deg);\n background-color: #c77c34 !important;\n box-shadow: 0 10px 20px rgba(199, 124, 52, 0.3);\n }\n[data-layout-root] .playful-card {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n[data-layout-root] .playful-card:hover {\n transform: translateY(-8px) rotate(1deg) scale(1.02);\n box-shadow: 0 20px 40px rgba(255, 159, 67, 0.15);\n }\n[data-layout-root] .floating-bubble {\n animation: float 6s ease-in-out infinite;\n }\n[data-layout-root] .floating-bubble-delayed {\n animation: float 8s ease-in-out infinite;\n animation-delay: 2s;\n }\n[data-layout-root] .spin-element {\n animation: spin-slow 20s linear infinite;\n }\n[data-layout-root] .nav-link {\n position: relative;\n transition: color 0.3s ease;\n }\n[data-layout-root] .nav-link::after {\n content: '';\n position: absolute;\n width: 0;\n height: 3px;\n bottom: -4px;\n left: 0;\n background-color: #FF9F43;\n border-radius: 99px;\n transition: width 0.3s ease;\n }\n[data-layout-root] .nav-link:hover::after {\n width: 100%;\n }\n[data-layout-root] .nav-link:hover {\n color: #FF9F43 !important;\n }\n\n @media (prefers-reduced-motion: reduce) {\n[data-layout-root] .floating-bubble, .floating-bubble-delayed, .spin-element, .playful-btn, .playful-card {\n animation: none !important;\n transition: none !important;\n transform: none !important;\n }\n }\n \n\n /* Continuation Style Rules conforming to Approved Design Seed */\n[data-layout-root] .ds-trust-strip {\n background-color: #ffffff;\n border-top: 3px solid #111827;\n border-bottom: 3px solid #111827;\n position: relative;\n z-index: 10;\n }\n[data-layout-root] .ds-feature-section {\n background-color: #fffbf7;\n position: relative;\n overflow: hidden;\n }\n[data-layout-root] .ds-badge-pill {\n background-color: rgba(255, 159, 67, 0.1);\n border: 1px solid rgba(255, 159, 67, 0.3);\n color: #c77c34;\n font-size: 11px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 6px 12px;\n border-radius: 99px;\n display: inline-block;\n }\n\n \n\n /* Core Layout & Styling Reset */\n[data-layout-root] .ds-pdp-container {\n background-color: var(--theme-bg);\n color: var(--theme-ink);\n font-family: var(--font-main);\n min-height: 100vh;\n padding: 60px 24px;\n position: relative;\n overflow-hidden: hidden;\n }\n\n[data-layout-root] .ds-pdp-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 64px;\n align-items: start;\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 960px) {\n[data-layout-root] .ds-pdp-wrapper {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n }\n\n /* Breadcrumbs */\n[data-layout-root] .ds-breadcrumbs {\n grid-column: 1 / -1;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: -24px;\n font-weight: 700;\n }\n\n /* Gallery Slot Styles */\n[data-layout-root] .slot-gallery {\n width: 100%;\n position: sticky;\n top: 100px;\n border-radius: 4px;\n overflow: hidden;\n background-color: rgba(0, 0, 0, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n[data-layout-root] .slot-gallery img,\n[data-layout-root] .slot-gallery video {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n aspect-ratio: 4/5;\n }\n\n /* Info Column Styling */\n[data-layout-root] .ds-info-column {\n display: flex;\n flex-direction: column;\n gap: 32px;\n background: rgba(255, 255, 255, 0.05);\n padding: 48px;\n border-radius: 4px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (max-width: 600px) {\n[data-layout-root] .ds-info-column {\n padding: 24px;\n }\n }\n\n /* Slot Styles Mapping */\n[data-layout-root] .slot-title {\n font-size: clamp(32px, 4vw, 44px);\n line-height: 1.1;\n font-weight: 900;\n color: #ffffff;\n letter-spacing: -1px;\n margin: 0;\n }\n\n[data-layout-root] .slot-price {\n font-size: 24px;\n font-weight: 700;\n color: #ffffff;\n margin-top: -12px;\n }\n\n[data-layout-root] .slot-description {\n font-size: 15px;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.85);\n }\n\n[data-layout-root] .slot-variants {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 16px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n[data-layout-root] .slot-variants .slot-variant-label {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 700;\n }\n\n[data-layout-root] .slot-variants .slot-variant-btn {\n background: rgba(255, 255, 255, 0.08);\n color: #ffffff;\n border: 1px solid rgba(255, 255, 255, 0.2);\n padding: 12px 20px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n[data-layout-root] .slot-variants .slot-variant-btn:hover,\n[data-layout-root] .slot-variants .slot-variant-btn.active {\n background: #ffffff;\n color: var(--theme-ink);\n border-color: #ffffff;\n }\n\n[data-layout-root] .slot-quantity {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n[data-layout-root] .slot-quantity-controls {\n display: flex;\n align-items: center;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n overflow: hidden;\n }\n\n[data-layout-root] .slot-quantity-controls button {\n background: transparent;\n border: none;\n color: #ffffff;\n width: 40px;\n height: 40px;\n cursor: pointer;\n font-size: 16px;\n transition: background 0.2s;\n }\n\n[data-layout-root] .slot-quantity-controls button:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n[data-layout-root] .slot-quantity-controls input {\n background: transparent;\n border: none;\n color: #ffffff;\n width: 50px;\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n }\n\n /* CTAs Styling */\n[data-layout-root] .slot-add-to-cart,\n[data-layout-root] .slot-buy-now {\n width: 100%;\n display: block;\n }\n\n[data-layout-root] .slot-add-to-cart-control,\n[data-layout-root] .slot-add-to-cart button {\n width: 100% !important;\n background-color: #ffffff !important;\n color: var(--theme-ink) !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 2px !important;\n font-size: 14px !important;\n padding: 18px 28px !important;\n border: none !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n display: block !important;\n }\n\n[data-layout-root] .slot-add-to-cart-control:hover,\n[data-layout-root] .slot-add-to-cart button:hover {\n transform: scale(1.02) !important;\n background-color: #ffebd6 !important;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;\n }\n\n[data-layout-root] .slot-buy-now-control,\n[data-layout-root] .slot-buy-now button {\n width: 100% !important;\n background-color: transparent !important;\n color: #ffffff !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 2px !important;\n font-size: 14px !important;\n padding: 18px 28px !important;\n border: 2px solid rgba(255, 255, 255, 0.3) !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n display: block !important;\n }\n\n[data-layout-root] .slot-buy-now-control:hover,\n[data-layout-root] .slot-buy-now button:hover {\n border-color: #ffffff !important;\n background-color: rgba(255, 255, 255, 0.05) !important;\n }\n\n /* Trust Badges and Highlights */\n[data-layout-root] .ds-trust-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 24px;\n background: rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n border: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n[data-layout-root] .ds-trust-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n text-align: center;\n }\n\n[data-layout-root] .ds-trust-item {\n font-size: 11px;\n color: rgba(255, 255, 255, 0.8);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .ds-trust-icon {\n font-size: 18px;\n color: #ffd2a1;\n }\n\n /* Editorial Showcase Sections */\n[data-layout-root] .ds-showcase-section {\n background-color: #111827;\n color: #ffffff;\n padding: 100px 24px;\n }\n\n[data-layout-root] .ds-showcase-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-showcase-inner {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n }\n\n[data-layout-root] .ds-tagline {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #c77c34;\n font-weight: 800;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-showcase-title {\n font-size: clamp(28px, 4vw, 48px);\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: -1.5px;\n margin: 0 0 24px 0;\n }\n\n[data-layout-root] .ds-showcase-body {\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.7);\n }\n\n /* Decorative elements from approved design */\n[data-layout-root] .floating-bubble-dark {\n position: absolute;\n width: 140px;\n height: 140px;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n animation: float 8s ease-in-out infinite;\n }\n\n /* Custom classes for the Innisfree - Sleep Therapy Footer */\n[data-layout-root] .ds-footer-wrapper {\n background-color: #111827; /* Dark twilight/obsidian base matching the sleep therapy dark tone */\n color: #edeff5;\n font-family: 'Inter', sans-serif;\n padding: 80px 24px 40px 24px;\n border-top: 2px dashed rgba(255, 159, 67, 0.2);\n position: relative;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-footer-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.2fr 2fr 1.2fr;\n gap: 64px;\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\n\n[data-layout-root] .ds-brand-column {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n[data-layout-root] .ds-logo-wrapper {\n font-weight: 900;\n font-size: 24px;\n letter-spacing: -0.5px;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #FFFFFF;\n }\n\n[data-layout-root] .ds-brand-desc {\n font-size: 14px;\n line-height: 1.6;\n color: #6B7280;\n max-width: 280px;\n }\n\n[data-layout-root] .ds-nav-columns {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 32px;\n }\n\n[data-layout-root] .ds-column-title {\n font-size: 11px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #c77c34; /* Soft warm glowing amber highlight */\n margin-bottom: 20px;\n }\n\n[data-layout-root] .ds-footer-nav-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n[data-layout-root] .ds-footer-link {\n font-size: 14px;\n color: #edeff5;\n text-decoration: none;\n transition: color 0.3s ease;\n display: inline-block;\n }\n\n[data-layout-root] .ds-footer-link:hover {\n color: #FF9F43;\n }\n\n[data-layout-root] .ds-newsletter-column {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n[data-layout-root] .ds-newsletter-input-wrap {\n display: flex;\n gap: 8px;\n margin-top: 8px;\n }\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 159, 67, 0.3);\n border-radius: 4px;\n padding: 12px 16px;\n color: #FFFFFF;\n font-size: 14px;\n outline: none;\n transition: border-color 0.3s ease;\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n border-color: #FF9F43;\n }\n\n[data-layout-root] .ds-newsletter-btn {\n background: #FF9F43;\n color: #111827;\n border: none;\n font-weight: 700;\n padding: 0 20px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n[data-layout-root] .ds-newsletter-btn:hover {\n transform: scale(1.05);\n background: #c77c34;\n }\n\n[data-layout-root] .ds-bottom-bar {\n max-width: 1200px;\n margin: 60px auto 0 auto;\n padding-top: 30px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n font-size: 13px;\n color: #6B7280;\n position: relative;\n z-index: 2;\n }\n\n[data-layout-root] .ds-social-links {\n display: flex;\n gap: 16px;\n }\n\n[data-layout-root] .ds-social-icon {\n color: #6B7280;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n[data-layout-root] .ds-social-icon:hover {\n color: #FF9F43;\n }\n\n[data-layout-root] .ds-payment-logos {\n display: flex;\n gap: 12px;\n align-items: center;\n opacity: 0.6;\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[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 */\nheader {\n background-color: var(--theme-ink); /* To match the 'ultra-thin, dark header' requirement in the layout spec. */\n}\n.product-info__buy-now {\n background-color: var(--theme-ink); /* Improve CTA visibility and contrast against the vibrant orange background. */\n color: #ffffff; /* Ensure text readability on the new dark button background. */\n}\nbody {\n background-color: #0f172a; /* Shift the site toward the 'darkened bedroom' aesthetic requested in the generation intent. */\n}\n","globalHtml":"","fonts":[],"animations":[],"theme":{"mode":"dark","palette":{"primary":"#1f3a8a","secondary":"#182d6c","accent":"#1f3a8a","success":"#1f3a8a"},"surfaces":{"bg":"#c77c34","bgElevated":"#FFFFFF","surface":"#edeff5","surfaceAlt":"#eef0f4","ink":"#111827","inkMuted":"#6B7280","border":"#d2d7e7","surfaceInk":"#111827","surfaceInkMuted":"#4B5563"},"typography":{"headingFont":"Inter","bodyFont":"Inter"},"tone":"minimal","density":"spacious","motion":2,"stylePack":"editorial-contrast","surface":"editorial","radius":4},"header":{"html":"

\n \n \n

\n \n Innisfree\n

\n\n \n \n\n \n

\n \n

\n\n \n

USD $

\n \n Login\n \n \n Cart\n 0\n \n\n \n

\n \n

\n\n

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

\n \n \n

\n \n

\n \n \n

\n \n The Ultimate Bedtime Ritual\n

\n\n \n

\n Wash away the day.
\n \n Wake up glowing.\n \n \n

\n\n \n

\n Directly targeting the premium sleep therapy lifestyle. Melt away the day's stress, sunscreen, and daily buildup with a satisfying, stretchy formula that transforms from a 1-minute mask into a plush foam. Pure comfort for your skin before your eyes close.\n

\n\n \n

\n 2-in-1 Action\n

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

Brighten, even, and smooth with refreshing tangerine scent.

\n Enjoy a comforting, non-stripping foam experience that perfectly preps your mind and face for a night of restorative sleep.\n

\n\n \n

\n \n Shop the Bedtime Mask\n \n

\n \n Sweetest Dreams Guaranteed\n

\n\n

\n\n \n

\n \n \n

\n $\"\"$ \n

\n\n \n

Innisfree Choice

Vitamin C Brightening Mask

\n 2-in-1 Wash\n

\n\n \n

\n Scent: Tangerine \n Texture: Stretchy to Foam \n

\n\n

\n\n\n\n

\n \n \n

\n \n

Dermatologist-Tested

Safe and gentle formulation suitable for sensitive skin types.

\n\n \n

\n \n

Non-Comedogenic

Deeply cleanses daily buildup without clogging pores.

\n\n \n

\n \n

Restorative Guarantee

Enjoy standard free shipping & 30-day blissful returns.

\n\n

\n\n\n

\n \n \n

\n\n

\n \n \n

\n The Sensory Transition\n

\n A stretchy mask that melts into a luxury lather.\n

\n Experience the physical transformation of our unique Vitamin C formula, specifically designed to comfort the skin during your nightly wind-down ritual.\n

\n\n \n

\n \n \n

\n \n

\n Step 01 / The Mask\n

Satisfyingly stretchy clay.

\n Apply the dense, elastic yellow clay formula evenly over your dry face. This rich layer grips onto physical impurities, stubborn mineral sunscreen, and daily oxidized oils, providing a deep, targeted detoxifying experience.\n

\n \ud83c\udf4a\n Infused with a comforting tangerine scent to ease the mind.\n

\n\n

\n {{#each homeVisuals}}\n {{#if (eq role \"detail\")}}\n $\"{{alt}}\"$ \n {{/if}}\n {{/each}}\n

\n\n

\n\n \n

\n \n \n

\n {{#each homeVisuals}}\n {{#if (eq role \"lifestyle\")}}\n $\"{{alt}}\"$ \n {{/if}}\n {{/each}}\n

\n\n \n

\n Step 02 / The Foam\n

A comforting, non-stripping lather.

\n Add lukewarm water to activate the formula. Watch as the elastic clay instantly transforms into a rich, creamy, bubble-packed foam. It lifts away every last trace of buildup while restoring vitamins, leaving your skin soft and beautifully ready for your nighttime serum.\n

\n \u2728\n Formulated to respect and support sensitive skin.\n

\n\n

\n\n \n

\n \n

\n Nightly Sleep Therapy\n

\n Ready to elevate your twilight ritual? Secure your 2-in-1 Mask-to-Foam therapy facial today and wake up to a brighter tomorrow.\n

\n $32.00\n {{products.[0].price}}\n

\n \n Secure Bedtime Bliss\n \n

\n\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1581182800629-7d90925ad072?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxnbG93aW5nJTIwc2tpbiUyMG1vcm5pbmclMjBzdW58ZW58MXwwfHx8MTc4Mzk3NjE5MXww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Innisfree glowing","theme":"glowing","query":"glowing skin morning sun","source":"unsplash","photographer":"Fleur Kaan","photographerUrl":"https://unsplash.com/@fleuraimeekaan","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1748543668687-624e058c367c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxjcmVhbXklMjBsdXh1cnklMjBza2luY2FyZSUyMHRleHR1cmV8ZW58MXwwfHx8MTc4Mzk3NjE5MXww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Innisfree creamy","theme":"creamy","query":"creamy luxury skincare texture","source":"unsplash","photographer":"ibnu ihza","photographerUrl":"https://unsplash.com/@mahendra_10","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1599446864390-073d5f9976cb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxrb3JlYW4lMjBiZWF1dHklMjBtb2RlbCUyMHNlcmVuZXxlbnwxfDB8fHwxNzgzOTc2MTkxfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Innisfree korean","theme":"korean","query":"korean beauty model serene","source":"unsplash","photographer":"Alex Shaw","photographerUrl":"https://unsplash.com/@matt909","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

\n \n

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

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n Experience the Transition\n The premium, satisfyingly stretchy clay formula activates with water, expanding instantly into a rich, cushiony, micro-foaming lather.\n

\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 Verified\n

\n \u2713\n Sensitive Skin Safe\n

\n \u2605\n Non-Comedogenic\n

\n \u2600\n Vitamin C Brightening\n

\n\n \n

\n Complimentary Overnight Restorer Shipping\n Ships within 24 hours. Arrives packaged in silk paper inside our custom deep-sleep twilight mailer.\n

\n\n\n

Sensory Transition

A transformative bedtime cleanse.

\n Designed as the perfect twilight threshold before deep sleep. What begins as a luxury, nutrient-rich clay mask instantly shifts under warm water into a rich, enveloping lather.\n

\n This satisfying mask-to-foam ritual purges accumulated daily buildup, impurities, and mineral sunscreens while delivering restorative Vitamin C to even out and brighten skin tone.\n

\n \n $\"Innisfree$ \n

\n Soft & Rested\n Wake up to balanced, visibly brighter, and hydrated skin.\n

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"A dark, deeply quiet, and premium twili...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"A dark, deeply quiet, and premium twilight aesthetic that frames the wash as the final peaceful threshold before deep sleep.","headerPattern":"an-ultra-thin-dark-header-that-...","copyTone":"Soporific, calm, whisper-quiet, and deeply restorative.","imageStrategy":"Artistically lit, dark-mode photography of the product nestled on silk sheets, surrounded by warm, glowing orange lanterns.","compositionStrategy":{"opening_relationship":"The site feels like a quiet, darkened bedroom lit only by candlelight. It is designed to lower the user's heart rate, featuring deep, soothing colors, high-contrast cozy lighting, and spacious, slow-scrolling content bl...","reading_path":"A dark, deeply quiet, and premium twilight aesthetic that frames the wash as the final peaceful threshold before deep sleep.","product_presentation":"Artistically lit, dark-mode photography of the product nestled on silk sheets, surrounded by warm, glowing orange lanterns."},"motionDirection":{"mode":"none","purpose":"No flashing elements or fast transitions. All buttons fade in like slowly waking eyes, celebrating quiet stillness.","reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"An ultra-thin, dark header that stays out of the way, keeping the focus entirely on winding down.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Artistically lit, dark-mode photography of the product nestled on silk sheets, surrounded by warm, glowing orange lanterns.","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":"A dark, deeply quiet, and premium twilight aesthetic that frames the wash as the final peaceful threshold before deep sleep.","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."]}}}

\n Wash away the day. \n \n Wake up glowing.\n \n \n

Brighten, even, and smooth with refreshing tangerine scent.

Vitamin C Brightening Mask

Dermatologist-Tested

Non-Comedogenic

Restorative Guarantee

\n A stretchy mask that melts into a luxury lather.\n

Satisfyingly stretchy clay.

A comforting, non-stripping lather.

{{products.[0].name}}

\n \n

A transformative bedtime cleanse.

\n Wash away the day.
\n \n Wake up glowing.\n \n \n