{"version":"1.0","directionName":"Active Pulse","globalCss":":root {\n --bg: #030712;\n --text: #F9FAFB;\n --muted: #9CA3AF;\n --primary: #10B981;\n --secondary: #059669;\n --accent: #6EE7B7;\n --font-heading: 'Syne', sans-serif;\n --font-body: 'Plus Jakarta Sans', sans-serif;\n --radius: 40px;\n --radius-sm: 12px;\n --border-color: rgba(16, 185, 129, 0.15);\n --c-bg: #030712;\n --c-ink: #F9FAFB;\n --c-primary: #0f172a;\n --c-accent: #6EE7B7;\n --c-secondary: #059669;\n --c-success: #0f172a;\n --theme-primary: #0f172a;\n --theme-bg: #030712;\n --theme-ink: #F9FAFB;\n --theme-accent: #6EE7B7;\n --theme-secondary: #059669;\n --theme-success: #0f172a;\n --ink: #F9FAFB;\n --border: #cfd0d4;\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 @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600&family=Syne:wght@700;800&display=swap');\n\n \n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n /* Keyframes mimicking a slow, deep 4-second inhalation and 4-second exhalation (8s cycle) */\n @keyframes bioPulse {\n 0%, 100% {\n transform: scale(0.98);\n opacity: 0.4;\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);\n }\n 50% {\n transform: scale(1.03);\n opacity: 0.95;\n box-shadow: 0 0 45px rgba(110, 231, 183, 0.6);\n }\n }\n\n @keyframes waveFlow {\n 0% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -1600;\n }\n }\n\n @keyframes particleFloat {\n 0%, 100% {\n transform: translateY(0) translateX(0);\n opacity: 0.2;\n }\n 50% {\n transform: translateY(-20px) translateX(10px);\n opacity: 0.6;\n }\n }\n\n /* Header styling with integrated respiratory visualizer */\n[data-layout-root] .oxyna-header {\n background-color: rgba(3, 7, 18, 0.9);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(16, 185, 129, 0.15);\n position: sticky;\n top: 0;\n z-index: 100;\n padding: 1rem 2rem;\n }\n\n[data-layout-root] .header-container {\n max-width: 1300px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 1.5rem;\n }\n\n[data-layout-root] .brand-logo {\n font-family: var(--font-heading);\n font-size: 1.75rem;\n color: var(--color-text);\n text-decoration: none;\n font-weight: 800;\n letter-spacing: -0.5px;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .logo-dot {\n width: 10px;\n height: 10px;\n background: var(--color-accent);\n border-radius: 50%;\n animation: bioPulse 4s infinite ease-in-out;\n }\n\n[data-layout-root] .nav-menu {\n display: flex;\n justify-content: center;\n gap: 2rem;\n list-style: none;\n }\n\n[data-layout-root] .nav-link {\n color: var(--color-muted);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.3s;\n }\n\n[data-layout-root] .nav-link:hover, .nav-link.active {\n color: var(--color-primary);\n }\n\n /* Active Pulse Visualizer in Header */\n[data-layout-root] .header-visualizer {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: rgba(16, 185, 129, 0.05);\n padding: 0.5rem 1.25rem;\n border-radius: 20px;\n border: 1px solid rgba(16, 185, 129, 0.15);\n }\n\n[data-layout-root] .visualizer-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--color-accent);\n font-weight: 600;\n }\n\n[data-layout-root] .wave-bars {\n display: flex;\n align-items: center;\n gap: 3px;\n height: 16px;\n }\n\n[data-layout-root] .wave-bar {\n width: 3px;\n background: var(--color-primary);\n border-radius: 1px;\n }\n[data-layout-root] .wave-bar:nth-child(1) { height: 60%; animation: bioPulse 2.5s infinite ease-in-out; }\n[data-layout-root] .wave-bar:nth-child(2) { height: 90%; animation: bioPulse 1.8s infinite ease-in-out; }\n[data-layout-root] .wave-bar:nth-child(3) { height: 100%; animation: bioPulse 1.4s infinite ease-in-out; }\n[data-layout-root] .wave-bar:nth-child(4) { height: 70%; animation: bioPulse 2s infinite ease-in-out; }\n\n[data-layout-root] .header-actions {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n\n[data-layout-root] .header-icon-btn {\n background: none;\n border: none;\n color: var(--color-text);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n transition: color 0.3s;\n position: relative;\n }\n\n[data-layout-root] .header-icon-btn:hover {\n color: var(--color-accent);\n }\n\n /* Visual Signature: Vertical Guide Line */\n[data-layout-root] .ambient-flow-spine {\n position: absolute;\n left: 8%;\n top: 0;\n bottom: 0;\n width: 4px;\n pointer-events: none;\n z-index: 2;\n }\n\n[data-layout-root] .ambient-flow-spine svg {\n width: 100%;\n height: 100%;\n }\n\n[data-layout-root] .glowing-path {\n fill: none;\n stroke: url(#pulseGradient);\n stroke-width: 3;\n stroke-dasharray: 40, 160;\n animation: waveFlow 25s linear infinite;\n }\n\n /* Main Opening Section layout */\n[data-layout-root] .opening-wrapper {\n max-width: 1300px;\n margin: 0 auto;\n padding: 4rem 2rem 8rem 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 3;\n }\n\n /* Content Styling */\n[data-layout-root] .content-box {\n max-width: 580px;\n padding-left: 3rem; /* Spaced perfectly with the visual spine */\n }\n\n[data-layout-root] .category-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(16, 185, 129, 0.1);\n border: 1px solid rgba(16, 185, 129, 0.25);\n color: var(--color-accent);\n padding: 0.5rem 1.25rem;\n border-radius: var(--radius);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 2rem;\n }\n\n[data-layout-root] .main-title {\n font-family: var(--font-heading);\n font-size: clamp(2.5rem, 5vw, 4rem);\n line-height: 1.1;\n font-weight: 800;\n letter-spacing: -1.5px;\n margin-bottom: 1.5rem;\n background: linear-gradient(135deg, var(--color-text) 50%, rgba(249, 250, 251, 0.7) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n[data-layout-root] .narrative-description {\n font-size: clamp(1rem, 2vw, 1.125rem);\n line-height: 1.6;\n color: var(--color-muted);\n margin-bottom: 2.5rem;\n }\n\n[data-layout-root] .cta-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n /* Breathing Button Interaction */\n[data-layout-root] .bio-cta-button {\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n color: var(--color-bg);\n text-decoration: none;\n font-weight: 700;\n padding: 1.25rem 2.5rem;\n border-radius: var(--radius);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-size: 1.1rem;\n border: none;\n cursor: pointer;\n position: relative;\n animation: bioPulse 8s infinite ease-in-out;\n transition: transform 0.2s;\n }\n\n[data-layout-root] .bio-cta-button:hover {\n transform: scale(1.05);\n }\n\n[data-layout-root] .cta-icon {\n width: 20px;\n height: 20px;\n stroke: var(--color-bg);\n stroke-width: 2.5;\n }\n\n /* Product/Hero Image Framing & Atmosphere */\n[data-layout-root] .hero-media-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n[data-layout-root] .ambient-sphere {\n position: absolute;\n width: 480px;\n height: 480px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, rgba(3, 7, 12, 0) 70%);\n filter: blur(40px);\n pointer-events: none;\n animation: bioPulse 8s infinite ease-in-out;\n }\n\n /* Visual signature of green paths framing active life */\n[data-layout-root] .image-frame-container {\n position: relative;\n border-radius: var(--radius);\n overflow: hidden;\n border: 2px solid rgba(16, 185, 129, 0.2);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);\n background: #080f1d;\n }\n\n[data-layout-root] .image-frame-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid var(--color-primary);\n border-radius: inherit;\n pointer-events: none;\n opacity: 0.3;\n box-shadow: inset 0 0 30px rgba(16, 185, 129, 0.4);\n }\n\n[data-layout-root] .primary-hero-image {\n width: 100%;\n height: auto;\n max-height: 550px;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n }\n\n[data-layout-root] .product-badge-float {\n position: absolute;\n bottom: 1.5rem;\n left: 1.5rem;\n right: 1.5rem;\n background: rgba(3, 7, 12, 0.85);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 20px;\n padding: 1.25rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n[data-layout-root] .product-meta-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n[data-layout-root] .product-label-small {\n font-size: 0.75rem;\n color: var(--color-accent);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 600;\n }\n\n[data-layout-root] .product-title-bold {\n font-size: 1.15rem;\n font-weight: 700;\n }\n\n[data-layout-root] .product-truth-pill {\n font-size: 0.8rem;\n background: rgba(16, 185, 129, 0.15);\n border: 1px solid rgba(16, 185, 129, 0.3);\n padding: 0.25rem 0.75rem;\n border-radius: 10px;\n color: var(--color-text);\n font-weight: 500;\n }\n\n /* Floating physical rhythm indicator */\n[data-layout-root] .rhythm-floating-card {\n position: absolute;\n top: 2rem;\n right: -1.5rem;\n background: rgba(8, 15, 29, 0.9);\n border: 1px solid rgba(110, 231, 183, 0.3);\n padding: 1rem;\n border-radius: 20px;\n backdrop-filter: blur(10px);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n animation: particleFloat 6s ease-in-out infinite;\n }\n\n[data-layout-root] .rhythm-pulse-circle {\n width: 12px;\n height: 12px;\n background: var(--color-primary);\n border-radius: 50%;\n position: relative;\n }\n\n[data-layout-root] .rhythm-pulse-circle::after {\n content: '';\n position: absolute;\n top: -6px;\n left: -6px;\n right: -6px;\n bottom: -6px;\n border: 2px solid var(--color-accent);\n border-radius: 50%;\n animation: bioPulse 2s infinite ease-in-out;\n }\n\n[data-layout-root] .rhythm-info {\n font-size: 0.8rem;\n }\n\n /* Adaptive Grid on Small Devices */\n @media (max-width: 1024px) {\n[data-layout-root] .ambient-flow-spine {\n display: none;\n }\n[data-layout-root] .opening-wrapper {\n grid-template-columns: 1fr;\n gap: 3rem;\n padding-top: 2rem;\n padding-bottom: 4rem;\n }\n[data-layout-root] .content-box {\n padding-left: 0;\n text-align: center;\n max-width: 100%;\n }\n[data-layout-root] .category-tag {\n margin-bottom: 1.5rem;\n }\n[data-layout-root] .rhythm-floating-card {\n right: 1.5rem;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .nav-menu, .header-visualizer {\n display: none;\n }\n[data-layout-root] .header-container {\n grid-template-columns: auto 1fr auto;\n }\n }\n\n /* Accessibility optimization */\n @media (prefers-reduced-motion: reduce) {\n[data-layout-root] .glowing-path, .wave-bar, .rhythm-floating-card, .rhythm-pulse-circle::after, .ambient-sphere, .bio-cta-button, .logo-dot {\n animation: none !important;\n }\n }\n \n\n /* DS - CUSTOM STYLES EXTENDING THE PREMIUM MOOD SYSTEM */\n[data-layout-root] .ds-trust-strip {\n background-color: #050b18;\n border-top: 1px solid rgba(16, 185, 129, 0.15);\n border-bottom: 1px solid rgba(16, 185, 129, 0.15);\n padding: 2.5rem 2rem;\n position: relative;\n z-index: 10;\n }\n\n[data-layout-root] .ds-trust-container {\n max-width: 1300px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n }\n\n[data-layout-root] .ds-trust-card {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding: 0.5rem;\n }\n\n[data-layout-root] .ds-trust-icon-wrapper {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: rgba(16, 185, 129, 0.08);\n border: 1px solid rgba(110, 231, 183, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 22px;\n height: 22px;\n color: var(--color-accent);\n }\n\n[data-layout-root] .ds-trust-title {\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n color: var(--color-text);\n margin-bottom: 0.25rem;\n }\n\n[data-layout-root] .ds-trust-text {\n font-family: var(--font-body);\n font-size: 0.85rem;\n color: var(--color-muted);\n line-height: 1.4;\n }\n\n /* FEATURES / BENEIFTS DEEP AQUATIC GRID */\n[data-layout-root] .ds-features-section {\n background-color: #030712;\n padding: 8rem 2rem;\n position: relative;\n z-index: 5;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-section-header {\n max-width: 800px;\n margin: 0 auto 5rem auto;\n text-align: center;\n }\n\n[data-layout-root] .ds-section-subtitle {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(16, 185, 129, 0.08);\n border: 1px solid rgba(16, 185, 129, 0.2);\n color: var(--color-accent);\n padding: 0.4rem 1rem;\n border-radius: var(--radius);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-section-title {\n font-family: var(--font-heading);\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -1px;\n color: var(--color-text);\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-section-desc {\n font-family: var(--font-body);\n font-size: 1.1rem;\n color: var(--color-muted);\n line-height: 1.6;\n }\n\n /* Diagnostic Grid */\n[data-layout-root] .ds-feature-showcase-grid {\n max-width: 1300px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 4rem;\n align-items: center;\n }\n\n[data-layout-root] .ds-diagnostic-image-block {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n border: 1px solid rgba(16, 185, 129, 0.2);\n aspect-ratio: 1.2;\n background: #080f1d;\n }\n\n[data-layout-root] .ds-diagnostic-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n mix-blend-mode: luminosity;\n opacity: 0.85;\n transition: transform 0.8s ease, mix-blend-mode 0.5s;\n }\n\n[data-layout-root] .ds-diagnostic-image-block:hover .ds-diagnostic-image {\n transform: scale(1.03);\n mix-blend-mode: normal;\n }\n\n[data-layout-root] .ds-glow-gradient-overlay {\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 70% 30%, rgba(16, 185, 129, 0.15) 0%, transparent 70%),\n linear-gradient(to top, #030712 5%, transparent 60%);\n pointer-events: none;\n }\n\n /* Diagnostic Specs Floating Card */\n[data-layout-root] .ds-spec-indicator {\n position: absolute;\n bottom: 24px;\n left: 24px;\n right: 24px;\n background: rgba(3, 7, 18, 0.85);\n backdrop-filter: blur(16px);\n border: 1px solid rgba(16, 185, 129, 0.25);\n padding: 1.25rem;\n border-radius: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n[data-layout-root] .ds-spec-metric {\n display: flex;\n flex-direction: column;\n }\n\n[data-layout-root] .ds-spec-value {\n font-family: var(--font-heading);\n color: var(--color-accent);\n font-size: 1.5rem;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-spec-label {\n font-family: var(--font-body);\n color: var(--color-muted);\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n /* Dynamic Tech Specs Content Column */\n[data-layout-root] .ds-tech-specs-column {\n display: flex;\n flex-direction: column;\n gap: 1.75rem;\n }\n\n[data-layout-root] .ds-spec-interactive-card {\n background: rgba(8, 15, 29, 0.6);\n border: 1px solid rgba(16, 185, 129, 0.1);\n padding: 2rem;\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n[data-layout-root] .ds-spec-interactive-card:hover {\n border-color: rgba(110, 231, 183, 0.3);\n background: rgba(8, 15, 29, 0.9);\n transform: translateY(-2px);\n }\n\n[data-layout-root] .ds-tech-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .ds-tech-num {\n font-family: var(--font-heading);\n color: rgba(16, 185, 129, 0.3);\n font-size: 2rem;\n font-weight: 800;\n line-height: 1;\n }\n\n[data-layout-root] .ds-tech-title {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-text);\n }\n\n[data-layout-root] .ds-tech-desc {\n font-family: var(--font-body);\n font-size: 0.95rem;\n color: var(--color-muted);\n line-height: 1.5;\n }\n\n /* Included accessories pack */\n[data-layout-root] .ds-accessories-block {\n margin-top: 3rem;\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.03) 0%, rgba(5, 150, 105, 0.03) 100%);\n border: 1px dashed rgba(16, 185, 129, 0.3);\n padding: 2rem;\n border-radius: 20px;\n }\n\n[data-layout-root] .ds-accessories-title {\n font-family: var(--font-heading);\n font-size: 1.1rem;\n color: var(--color-text);\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .ds-accessories-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n list-style: none;\n }\n\n[data-layout-root] .ds-accessory-item {\n font-family: var(--font-body);\n font-size: 0.85rem;\n color: var(--color-muted);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .ds-check-bullet {\n width: 6px;\n height: 6px;\n background-color: var(--color-accent);\n border-radius: 50%;\n }\n\n /* Clinical Endorsements (Clinical Block Requested in Prompt) */\n[data-layout-root] .ds-clinical-endorsements {\n background-color: #050b18;\n padding: 6rem 2rem;\n border-top: 1px solid rgba(16, 185, 129, 0.15);\n position: relative;\n z-index: 6;\n }\n\n[data-layout-root] .ds-clinical-container {\n max-width: 1300px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: 4rem;\n align-items: center;\n }\n\n[data-layout-root] .ds-doctor-quote-card {\n background: rgba(3, 7, 18, 0.7);\n border: 1px solid rgba(16, 185, 129, 0.2);\n padding: 3rem;\n border-radius: 24px;\n position: relative;\n }\n\n[data-layout-root] .ds-quote-symbol {\n font-family: var(--font-heading);\n font-size: 5rem;\n color: rgba(16, 185, 129, 0.15);\n position: absolute;\n top: 1rem;\n left: 2rem;\n line-height: 1;\n pointer-events: none;\n }\n\n[data-layout-root] .ds-quote-text {\n font-family: var(--font-body);\n font-size: 1.15rem;\n line-height: 1.6;\n color: var(--color-text);\n margin-bottom: 2rem;\n position: relative;\n z-index: 2;\n }\n\n[data-layout-root] .ds-doctor-profile {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n[data-layout-root] .ds-doctor-avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n border: 2px solid var(--color-accent);\n object-fit: cover;\n }\n\n[data-layout-root] .ds-doctor-info h4 {\n font-family: var(--font-body);\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--color-text);\n }\n\n[data-layout-root] .ds-doctor-info p {\n font-family: var(--font-body);\n font-size: 0.85rem;\n color: var(--color-muted);\n }\n\n[data-layout-root] .ds-clinical-image {\n border-radius: 24px;\n width: 100%;\n height: auto;\n aspect-ratio: 1.6;\n object-fit: cover;\n border: 1px solid rgba(16, 185, 129, 0.15);\n }\n\n @media (max-width: 968px) {\n[data-layout-root] .ds-feature-showcase-grid {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n[data-layout-root] .ds-clinical-container {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n }\n\n \n\n /* Structural Base */\n[data-layout-root] .ds-pdp-container {\n background-color: var(--color-bg);\n color: var(--color-text);\n font-family: var(--font-body);\n min-height: 100vh;\n padding-bottom: 6rem;\n position: relative;\n overflow-x: hidden;\n }\n\n /* Respiratory Pulse Keyframes */\n @keyframes dsPulseAura {\n 0%, 100% {\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.15);\n border-color: rgba(16, 185, 129, 0.2);\n }\n 50% {\n box-shadow: 0 0 40px rgba(110, 231, 183, 0.45);\n border-color: rgba(110, 231, 183, 0.6);\n }\n }\n\n @keyframes dsSubtleGlow {\n 0%, 100% { opacity: 0.2; transform: scale(0.95); }\n 50% { opacity: 0.4; transform: scale(1.05); }\n }\n\n /* Ambient Backdrop Elements */\n[data-layout-root] .ds-ambient-glow {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, rgba(3, 7, 18, 0) 70%);\n top: 10%;\n right: -10%;\n pointer-events: none;\n z-index: 1;\n animation: dsSubtleGlow 10s infinite ease-in-out;\n }\n\n[data-layout-root] .ds-ambient-glow-left {\n position: absolute;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(5, 150, 105, 0.06) 0%, rgba(3, 7, 18, 0) 70%);\n bottom: 20%;\n left: -10%;\n pointer-events: none;\n z-index: 1;\n animation: dsSubtleGlow 12s infinite ease-in-out;\n }\n\n /* Breadcrumbs */\n[data-layout-root] .ds-pdp-breadcrumbs {\n max-width: 1300px;\n margin: 0 auto;\n padding: 2rem 2rem 1rem 2rem;\n font-size: 0.85rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n color: var(--color-muted);\n position: relative;\n z-index: 2;\n display: flex;\n gap: 0.5rem;\n align-items: center;\n }\n\n[data-layout-root] .ds-pdp-breadcrumbs span {\n color: var(--color-accent);\n }\n\n /* Main Interactive Grid */\n[data-layout-root] .ds-pdp-layout {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 2rem 4rem 2rem;\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 4rem;\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-pdp-layout {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n }\n\n /* Left Column: Gallery & High-tech Interface elements */\n[data-layout-root] .ds-gallery-column {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n[data-layout-root] .slot-gallery {\n background: rgba(15, 23, 42, 0.3);\n border: 1px solid var(--border-color);\n border-radius: var(--radius-sm);\n padding: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n min-height: 480px;\n }\n\n[data-layout-root] .slot-gallery img {\n max-width: 100%;\n height: auto;\n object-fit: contain;\n border-radius: var(--radius-sm);\n }\n\n /* Interactive Diagnostics Overlay */\n[data-layout-root] .ds-diagnostic-bar {\n background: rgba(3, 7, 18, 0.8);\n border: 1px solid var(--border-color);\n border-radius: var(--radius-sm);\n padding: 1.5rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n backdrop-filter: blur(8px);\n }\n\n[data-layout-root] .ds-diag-item {\n text-align: center;\n border-right: 1px solid rgba(16, 185, 129, 0.1);\n }\n\n[data-layout-root] .ds-diag-item:last-child {\n border-right: none;\n }\n\n[data-layout-root] .ds-diag-val {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n color: var(--color-accent);\n font-weight: 700;\n margin-bottom: 0.25rem;\n }\n\n[data-layout-root] .ds-diag-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n color: var(--color-muted);\n letter-spacing: 0.05em;\n }\n\n /* Right Column: PDP Purchasing Info Container */\n[data-layout-root] .ds-info-column {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n /* Slot Styles */\n[data-layout-root] .slot-title {\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .slot-title h1, .slot-title .slot-product-name {\n font-family: var(--font-heading);\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -1px;\n background: linear-gradient(135deg, var(--color-text) 60%, rgba(249, 250, 251, 0.8) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n[data-layout-root] .slot-price {\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .slot-price .slot-price-amount {\n font-family: var(--font-heading);\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--color-accent);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n[data-layout-root] .ds-all-inclusive-badge {\n background: rgba(16, 185, 129, 0.1);\n border: 1px solid rgba(16, 185, 129, 0.3);\n color: var(--color-accent);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n padding: 0.25rem 0.75rem;\n border-radius: var(--radius);\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .slot-description {\n color: var(--color-muted);\n font-size: 1.05rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-included-accessories {\n background: rgba(16, 185, 129, 0.03);\n border: 1px solid rgba(16, 185, 129, 0.1);\n border-radius: var(--radius-sm);\n padding: 1.25rem;\n margin-top: 1rem;\n }\n\n[data-layout-root] .ds-accessories-title {\n font-family: var(--font-heading);\n font-size: 0.85rem;\n text-transform: uppercase;\n color: var(--color-accent);\n letter-spacing: 0.05em;\n margin-bottom: 0.75rem;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-accessories-list {\n list-style: none;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n font-size: 0.85rem;\n color: var(--color-text);\n }\n\n[data-layout-root] .ds-accessories-list li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .ds-accessories-list li::before {\n content: \"✓\";\n color: var(--color-accent);\n font-weight: bold;\n }\n\n /* Variations Slot Style */\n[data-layout-root] .slot-variants {\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .slot-variants .slot-variant-label {\n font-size: 0.85rem;\n text-transform: uppercase;\n color: var(--color-muted);\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n[data-layout-root] .slot-variants .slot-variant-btn {\n background: rgba(15, 23, 42, 0.5);\n border: 1px solid var(--border-color);\n color: var(--color-text);\n padding: 0.75rem 1.25rem;\n border-radius: var(--radius);\n cursor: pointer;\n font-family: var(--font-body);\n font-size: 0.9rem;\n transition: all 0.2s;\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .slot-variants .slot-variant-btn:hover,\n[data-layout-root] .slot-variants .slot-variant-btn.active {\n border-color: var(--color-accent);\n background: rgba(16, 185, 129, 0.1);\n }\n\n /* Quantity Control */\n[data-layout-root] .slot-quantity {\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .slot-quantity .slot-quantity-controls {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n /* Add to Cart & Buy Now - Critical Styling */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .slot-add-to-cart .slot-add-to-cart-control,\n[data-layout-root] .slot-add-to-cart button {\n display: block;\n width: 100%;\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n color: #030712;\n font-family: var(--font-heading);\n font-weight: 800;\n font-size: 1.2rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 1.25rem;\n border: none;\n border-radius: var(--radius);\n cursor: pointer;\n text-align: center;\n transition: transform 0.2s, box-shadow 0.2s;\n animation: dsPulseAura 6s infinite ease-in-out;\n }\n\n[data-layout-root] .slot-add-to-cart button:hover {\n transform: translateY(-2px);\n }\n\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !important;\n }\n\n[data-layout-root] .slot-buy-now .slot-buy-now-control,\n[data-layout-root] .slot-buy-now button {\n display: block;\n width: 100%;\n background: transparent;\n color: var(--color-text);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 1.1rem;\n border: 2px solid rgba(16, 185, 129, 0.3);\n border-radius: var(--radius);\n cursor: pointer;\n text-align: center;\n transition: all 0.3s;\n }\n\n[data-layout-root] .slot-buy-now button:hover {\n background: rgba(16, 185, 129, 0.05);\n border-color: var(--color-accent);\n }\n\n /* Direct Delivery & Trust Bar */\n[data-layout-root] .ds-delivery-trust-box {\n margin-top: 1rem;\n border-top: 1px solid rgba(16, 185, 129, 0.1);\n padding-top: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n[data-layout-root] .ds-trust-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.85rem;\n color: var(--color-muted);\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 18px;\n height: 18px;\n stroke: var(--color-accent);\n stroke-width: 2;\n fill: none;\n }\n\n /* Doctor/Expert Endorsement Area */\n[data-layout-root] .ds-expert-block {\n background: linear-gradient(180deg, rgba(15, 23, 42, 0.4) 0%, rgba(3, 7, 18, 0.8) 100%);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n padding: 5rem 2rem;\n position: relative;\n z-index: 2;\n }\n\n[data-layout-root] .ds-expert-container {\n max-width: 1000px;\n margin: 0 auto;\n text-align: center;\n }\n\n[data-layout-root] .ds-expert-tag {\n font-family: var(--font-heading);\n font-size: 0.85rem;\n text-transform: uppercase;\n color: var(--color-accent);\n letter-spacing: 0.15em;\n margin-bottom: 1.5rem;\n display: inline-block;\n }\n\n[data-layout-root] .ds-expert-quote {\n font-family: var(--font-body);\n font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n line-height: 1.5;\n color: var(--color-text);\n margin-bottom: 2rem;\n font-style: italic;\n }\n\n[data-layout-root] .ds-expert-profile {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n }\n\n[data-layout-root] .ds-expert-avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n border: 2px solid var(--color-accent);\n background: #0f172a;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-family: var(--font-heading);\n }\n\n[data-layout-root] .ds-expert-info {\n text-align: left;\n }\n\n[data-layout-root] .ds-expert-name {\n font-weight: 700;\n color: var(--color-text);\n font-size: 1.1rem;\n }\n\n[data-layout-root] .ds-expert-title {\n font-size: 0.85rem;\n color: var(--color-muted);\n }\n\n /* High Value Product Specifications Grid */\n[data-layout-root] .ds-spec-section {\n max-width: 1300px;\n margin: 0 auto;\n padding: 6rem 2rem;\n position: relative;\n z-index: 2;\n }\n\n[data-layout-root] .ds-spec-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n[data-layout-root] .ds-spec-headline {\n font-family: var(--font-heading);\n font-size: 2.5rem;\n font-weight: 800;\n letter-spacing: -1px;\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .ds-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n[data-layout-root] .ds-spec-card {\n background: rgba(15, 23, 42, 0.2);\n border: 1px solid rgba(16, 185, 129, 0.08);\n border-radius: var(--radius-sm);\n padding: 2rem;\n transition: transform 0.3s, border-color 0.3s;\n }\n\n[data-layout-root] .ds-spec-card:hover {\n transform: translateY(-5px);\n border-color: var(--color-accent);\n }\n\n[data-layout-root] .ds-spec-card-title {\n font-family: var(--font-heading);\n font-size: 1.25rem;\n color: var(--color-accent);\n margin-bottom: 1rem;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-spec-card-desc {\n color: var(--color-muted);\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n /* FOOTER DESIGN: KINETIC-MINIMALISM / ACTIVE PULSE */\n[data-layout-root] .ds-footer {\n background-color: var(--color-bg, #030712);\n border-top: 1px solid rgba(16, 185, 129, 0.15);\n color: var(--color-text, #F9FAFB);\n font-family: var(--font-body, 'Plus Jakarta Sans', sans-serif);\n padding: 6rem 2rem 3rem 2rem;\n position: relative;\n overflow: hidden;\n }\n\n /* Ambient light glow behind footer to mirror medical oxygen tech theme */\n[data-layout-root] .ds-footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(110, 231, 183, 0.08) 0%, rgba(3, 7, 18, 0) 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n[data-layout-root] .ds-footer-container {\n max-width: 1300px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: 1.2fr 2fr 1fr;\n gap: 4rem;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-container {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-container {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n[data-layout-root] .ds-footer {\n padding: 4rem 1.5rem 2rem 1.5rem;\n }\n }\n\n /* Left column: Brand Info & Pulse Signifier */\n[data-layout-root] .ds-brand-block {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n[data-layout-root] .ds-brand-logo {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: 1.75rem;\n color: var(--color-text, #F9FAFB);\n text-decoration: none;\n font-weight: 800;\n letter-spacing: -0.5px;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .ds-logo-dot {\n width: 10px;\n height: 10px;\n background: var(--color-accent, #6EE7B7);\n border-radius: 50%;\n animation: bioPulse 4s infinite ease-in-out;\n }\n\n[data-layout-root] .ds-brand-description {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--color-muted, #9CA3AF);\n max-width: 320px;\n }\n\n /* Medical Authority Callout */\n[data-layout-root] .ds-endorsement-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n background: rgba(16, 185, 129, 0.05);\n border: 1px solid rgba(16, 185, 129, 0.15);\n padding: 0.75rem 1.25rem;\n border-radius: 12px;\n max-width: max-content;\n margin-top: 1rem;\n }\n\n[data-layout-root] .ds-badge-pulse {\n width: 8px;\n height: 8px;\n background-color: var(--color-primary, #10B981);\n border-radius: 50%;\n animation: bioPulse 2s infinite ease-in-out;\n }\n\n[data-layout-root] .ds-badge-text {\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--color-accent, #6EE7B7);\n font-weight: 600;\n }\n\n /* Center: Main Navigation Columns (Dynamic Slot) */\n[data-layout-root] .ds-nav-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-nav-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n[data-layout-root] .ds-nav-col {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }\n\n[data-layout-root] .ds-nav-title {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--color-text, #F9FAFB);\n font-weight: 700;\n }\n\n[data-layout-root] .ds-nav-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n[data-layout-root] .ds-nav-item-link {\n color: var(--color-muted, #9CA3AF);\n text-decoration: none;\n font-size: 0.9rem;\n transition: color 0.3s, transform 0.2s;\n display: inline-block;\n }\n\n[data-layout-root] .ds-nav-item-link:hover {\n color: var(--color-accent, #6EE7B7);\n transform: translateX(4px);\n }\n\n /* Right column: Respiratory Newsletter / Package Callout */\n[data-layout-root] .ds-newsletter-block {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }\n\n[data-layout-root] .ds-newsletter-text {\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--color-muted, #9CA3AF);\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n[data-layout-root] .ds-input-group {\n position: relative;\n display: flex;\n }\n\n[data-layout-root] .ds-newsletter-input {\n width: 100%;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(16, 185, 129, 0.2);\n border-radius: 30px;\n padding: 0.85rem 1.5rem;\n color: var(--color-text, #F9FAFB);\n font-family: var(--font-body, 'Plus Jakarta Sans', sans-serif);\n font-size: 0.9rem;\n transition: border-color 0.3s, box-shadow 0.3s;\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n outline: none;\n border-color: var(--color-primary, #10B981);\n box-shadow: 0 0 15px rgba(16, 185, 129, 0.15);\n }\n\n[data-layout-root] .ds-newsletter-submit {\n background: var(--color-primary, #10B981);\n border: none;\n color: #030712;\n font-weight: 700;\n padding: 0.85rem 1.5rem;\n border-radius: 30px;\n cursor: pointer;\n transition: background 0.3s, transform 0.2s;\n font-family: var(--font-body, 'Plus Jakarta Sans', sans-serif);\n }\n\n[data-layout-root] .ds-newsletter-submit:hover {\n background: var(--color-accent, #6EE7B7);\n transform: translateY(-1px);\n }\n\n /* Technical specifications summary badge inside newsletter area */\n[data-layout-root] .ds-tech-pill {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 0.75rem 1rem;\n border-radius: 12px;\n font-size: 0.8rem;\n color: var(--color-muted, #9CA3AF);\n line-height: 1.4;\n }\n\n[data-layout-root] .ds-tech-pill strong {\n color: var(--color-text, #F9FAFB);\n }\n\n /* Bottom Bar */\n[data-layout-root] .ds-footer-bottom {\n margin-top: 5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-bottom {\n margin-top: 3.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n }\n\n[data-layout-root] .ds-copyright {\n font-size: 0.85rem;\n color: var(--color-muted, #9CA3AF);\n }\n\n[data-layout-root] .ds-payment-badge-group {\n display: flex;\n gap: 0.75rem;\n align-items: center;\n }\n\n[data-layout-root] .ds-payment-icon {\n height: 24px;\n opacity: 0.5;\n transition: opacity 0.3s;\n }\n\n[data-layout-root] .ds-payment-icon:hover {\n opacity: 0.9;\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 — 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/* ── Contrast safety (dark theme) ── */\n/* Product page slots — 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, #c9bfb0));\n}\n[data-layout-root] [data-layout-root] .slot-variant-label {\n color: var(--surface-ink-muted, var(--ink-muted, #c9bfb0));\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(255,255,255,0.12);\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, #c9bfb0);\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/* Layout token compatibility */\n:root {\n --color-bg: #030712;\n --color-text: #F9FAFB;\n --color-muted: #9CA3AF;\n --color-primary: #10B981;\n --color-secondary: #059669;\n --color-accent: #6EE7B7;\n}\n","globalHtml":"","fonts":["Plus Jakarta Sans","Syne"],"animations":[],"theme":{"mode":"dark","palette":{"primary":"#0f172a","secondary":"#059669","accent":"#6EE7B7","success":"#0f172a"},"surfaces":{"bg":"#030712","bgElevated":"#FFFFFF","surface":"#ebeced","surfaceAlt":"#edeeee","ink":"#F9FAFB","inkMuted":"#9CA3AF","border":"#cfd0d4","surfaceInk":"#111827","surfaceInkMuted":"#4B5563"},"typography":{"headingFont":"Inter","bodyFont":"var(--font-heading)"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":12},"header":{"html":"

\n \n

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

\n \n \n

\n \n

\n\n \n

\n \n Pulse Flow Technology\n

\n \n

Unbound Rhythm. Breathe Pure, Live Unrestricted.

\n \n

\n Say goodbye to bulky oxygen equipments! The VP-8G isn’t just another portable oxygen concentrator—it’s a solution built for those who refuse to be limited. Weighing just 4.4 lbs, it’s remarkably light yet powerful enough to deliver steady, high-purity oxygen wherever life takes you.\n

\n\n

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

\n\n \n

\n \n

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

\n {{products.[0].name}}\n VP-8G Ultra-Light\n

\n 4.4 lbs Only\n

\n\n \n

Respiratory Sync

Steady State Active

\n\n

\n\n\n\n

\n \n

Free Express Shipping

Dispatched within 24 hours with trackable medical-grade delivery.

\n\n

\n \n

3-Year Medical Warranty

Full manufacturer backing and instant device replacement protection.

\n\n

\n \n

FDA & CE Compliant

Strict respiratory standard approvals for home and portable therapy.

\n\n\n

\n Diagnostic Anatomy & Specs\n

Built for those who refuse to stay anchored

Experience real-time medical engineering optimized for dynamic respiratory synchrony. The VP-8G actively responds to your natural breathing rhythm.

\n\n

\n \n

\n {{#each homeVisuals}}\n {{#if (eq theme \"medical\")}}\n $\"{{alt}}\"$ \n {{/if}}\n {{/each}}\n

\n \n \n

\n 1-8 lpm\n Pulse Setting Equivalent\n

\n 93% ± 3%\n Oxygen Purity State\n

\n\n \n

\n 01\n

Dynamic Pulse Flow 1-8 Settings

Provides smart-dose oxygen corresponding directly with each inhalation. Experience customized saturation that adjusts dynamically during activity and rest.

\n\n

\n 02\n

High-Density Extended Battery Life

Equipped with reliable multi-cell energy packs designed for active travel, long hikes, and uninterrupted therapy on the move.

\n\n \n

\n \n All-In-One High-Value Pack Included:\n

Rechargeable Li-ion Battery
Premium Carrying Bag
AC & DC Power Adapters
Unrestricted Nasal Cannula
In-car Power Cable
Original User Guide Manual

\n\n

\n\n\n

\n “\n

\n \"The VP-8G sets a new precedent for respiratory independence. Its ability to accurately sync with the patient's natural breathing rhythm guarantees both safety and reliable therapeutic volume without the weight penalty.\"\n

\n $\"Dr.$ \n

Dr. Evelyn Thorne, MD

Pulmonary Specialist & Clinical Advisor

\n\n \n

\n {{#each homeVisuals}}\n {{#if (eq theme \"active\")}}\n $\"{{alt}}\"$ \n {{/if}}\n {{/each}}\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1551632811-561732d1e306?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxhY3RpdmUlMjBlbGRlcmx5JTIwaGlraW5nJTIwbW91bnRhaW5zfGVufDF8MHx8fDE3ODM5NDU3MDB8MA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Oxyna active","theme":"active","query":"active elderly hiking mountains","source":"unsplash","photographer":"Toomas Tartes","photographerUrl":"https://unsplash.com/@toomastartes","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1676311522524-fa7c0bffd644?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxtaW5pbWFsaXN0JTIwY2xlYW4lMjBtZWRpY2FsJTIwdGVjaHxlbnwxfDB8fHwxNzgzOTQ1NzAwfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Oxyna minimalist","theme":"minimalist","query":"minimalist clean medical tech","source":"unsplash","photographer":"Bermix Studio","photographerUrl":"https://unsplash.com/@bermixstudio","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1758691032133-b17f5a103436?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxzZW5pb3IlMjByZWFkaW5nJTIwc3VubGl0JTIwbGl2aW5ncm9vbXxlbnwxfDB8fHwxNzgzOTQ1NzAwfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Oxyna senior","theme":"senior","query":"senior reading sunlit livingroom","source":"unsplash","photographer":"Vitaly Gariev","photographerUrl":"https://unsplash.com/@silverkblack","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 \n

\n\n \n

1-8 Settings

Pulse Flow Range

Up to 8 Hrs

Active Battery Life

93% ± 3%

O₂ Concentration

\n\n \n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n \n

Complete All-In-One Package Includes:

Extended Rechargeable Battery
Dual AC/DC Power Adapters
Ergonomic Protective Travel Bag
High-Sensitivity Nasal Cannulas
Comprehensive Intake Filters
Quick-Start Diagnostic Manual

\n\n

\n \n

\n\n

\n \n

\n\n \n

\n \n

\n\n

\n \n

\n\n \n

\n \n Fast & Secure Insured Shipping: Ships within 24 hours via premium medical courier.\n

\n \n 3-Year System Warranty: Fully covered medical diagnostic support plan.\n

\n\n \n

\n Certified Professional Evaluation\n

\n \"The VP-8G sets a new gold standard in respiratory therapy. The high-sensitivity pulse trigger matches exact inhalation patterns flawlessly, allowing patients to maintain high activity levels safely and comfortably.\"\n

Dr. Evelyn Sterling, MD

Board Certified Pulmonologist, Clinical Advisory Board

\n\n \n

Synchronized Respiratory Support

\n Advanced healthcare technology designed to deliver maximum oxygen output while remaining light, portable, and responsive to your breathing patterns.\n

\n\n

Pulse Sensing Logic

\n Detects the precise moment of inhalation to deliver a targeted bolus of pure oxygen, optimizing therapeutic performance.\n

\n\n

High Flow Settings

\n Features 1 to 8 adjustable pulse flow settings to dynamically adapt to varying metabolic demands and physical exertion.\n

\n\n

Continuous Monitoring

\n Integrated smart sensors actively track filter cleanliness, temperature, and system safety diagnostics in real-time.\n

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"Synchronized respiratory support that w...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"Synchronized respiratory support that works in harmony with human inhalation.","headerPattern":"an-integrated-bar-that-features...","copyTone":"Vital, energetic, and rhythm-focused.","imageStrategy":"Action shots of seniors hiking, cycling, and laughing, framed by bright, energizing green light paths symbolizing enriched airflow.","compositionStrategy":{"opening_relationship":"The storefront feels rhythmic and alive. Visual elements softly pulse in sync with a relaxed resting heart rate, creating a bio-harmonic breathing pattern throughout the layout.","reading_path":"Synchronized respiratory support that works in harmony with human inhalation.","product_presentation":"Action shots of seniors hiking, cycling, and laughing, framed by bright, energizing green light paths symbolizing enriched airflow."},"motionDirection":{"mode":"immersive","purpose":"The primary purchase button pulses with a gentle, glowing aura that mirrors a deep, steady inhalation-exhalation cycle.","techniques":["The primary purchase button pulses with a gentle, glowing aura that mirrors a deep, steady inhalation-exhalation cycle."],"reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"An integrated bar that features an active, glowing respiratory pulse visualizer, showing the device is ready to sync with you.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Action shots of seniors hiking, cycling, and laughing, framed by bright, energizing green light paths symbolizing enriched airflow.","mobile_treatment":"Recompose without cropping away the product"},"productPageExtras":["shipping_delivery","trust highlights"],"homePageRules":["This is a single-product store — 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 — not a generic lifestyle banner.","Use sections for features, benefits, testimonials, brand story, and trust — 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":"Synchronized respiratory support that works in harmony with human inhalation.","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."]}}}