{"version":"1.0","directionName":"The Daily Rinse","globalCss":":root {\n --bg-page: #f7fafc;\n --text-primary: #0f172a;\n --text-muted: #64748b;\n --brand-primary: #1e293b;\n --brand-secondary: #0284c7;\n --brand-accent: #ca8a04;\n --font-heading: 'Cabinet Grotesk', sans-serif;\n --font-body: 'Satoshi', sans-serif;\n --radius-pill: 100px;\n --radius-fluid: 200px;\n --ds-color-bg: #ffffff;\n --ds-color-elevated: #ffffff;\n --ds-color-surface: #ebeced;\n --ds-color-ink: #111827;\n --ds-color-muted: #6B7280;\n --ds-color-border: #cfd0d4;\n --ds-color-primary: #0f172a;\n --ds-color-accent: #0f172a;\n --ds-color-secondary: #090d18;\n --ds-font-heading: 'Cabinet Grotesk', sans-serif;\n --ds-font-body: 'Satoshi', sans-serif;\n --ds-radius-standard: 12px;\n --ds-radius-pill: 100px;\n --theme-primary: var(--ds-color-primary);\n --theme-bg: var(--ds-color-bg);\n --theme-ink: var(--ds-color-ink);\n --theme-accent: var(--ds-color-accent);\n --theme-secondary: var(--ds-color-secondary);\n --c-bg: #f7fafc;\n --c-ink: #0f172a;\n --c-primary: #1e293b;\n --c-accent: var(--ds-color-accent);\n --c-secondary: var(--ds-color-secondary);\n --c-success: #1e293b;\n --theme-success: #1e293b;\n --bg: #f7fafc;\n --ink: #0f172a;\n --border: #cfd0d4;\n}\n\n/* Fonts */\n \n \n\n \n\n /* Reset & Base Styles */\n *, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \n\n /* Keyframe Animations */\n @keyframes fluidFlow {\n 0% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate(0, 0) scale(1) rotate(0deg); }\n 33% { border-radius: 70% 30% 52% 48% / 60% 40% 60% 40%; transform: translate(10px, -15px) scale(1.02) rotate(4deg); }\n 66% { border-radius: 50% 50% 30% 70% / 40% 60% 40% 60%; transform: translate(-10px, 10px) scale(0.98) rotate(-3deg); }\n 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate(0, 0) scale(1) rotate(0deg); }\n }\n\n @keyframes streamDown {\n 0% { transform: translateY(-100%); opacity: 0; }\n 50% { opacity: 0.3; }\n 100% { transform: translateY(100vh); opacity: 0; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n[data-layout-root] .fluid-container, .water-stream {\n animation: none !important;\n transition: none !important;\n }\n }\n\n /* Stream Simulator Background */\n[data-layout-root] .stream-bg {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 100%;\n background: linear-gradient(to bottom, transparent, rgba(2, 132, 199, 0.4) 15%, rgba(2, 132, 199, 0.4) 85%, transparent);\n z-index: 1;\n pointer-events: none;\n }\n\n[data-layout-root] .water-stream {\n position: absolute;\n width: 100%;\n height: 120px;\n background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.8), #0284c7, transparent);\n animation: streamDown 6s infinite linear;\n }\n\n /* Floating Bottom Header (Soap Bar Design) */\n[data-layout-root] .soapbar-header {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n width: 90%;\n max-width: 900px;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.6);\n border-radius: var(--radius-pill);\n padding: 10px 24px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.8);\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s;\n }\n\n[data-layout-root] .soapbar-header:hover {\n background: rgba(255, 255, 255, 0.95);\n }\n\n[data-layout-root] .header-logo {\n font-family: var(--font-heading);\n font-weight: 800;\n font-size: 1.25rem;\n text-decoration: none;\n color: var(--brand-primary);\n letter-spacing: -0.5px;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n[data-layout-root] .header-logo span {\n width: 8px;\n height: 8px;\n background-color: var(--brand-secondary);\n border-radius: 50%;\n display: inline-block;\n }\n\n[data-layout-root] .header-nav {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n[data-layout-root] .header-nav a {\n font-family: var(--font-body);\n font-weight: 500;\n font-size: 0.875rem;\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n[data-layout-root] .header-nav a:hover {\n color: var(--brand-secondary);\n }\n\n[data-layout-root] .header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .action-btn {\n background: none;\n border: none;\n color: var(--text-primary);\n cursor: pointer;\n padding: 8px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s;\n text-decoration: none;\n }\n\n[data-layout-root] .action-btn:hover {\n background-color: rgba(2, 132, 199, 0.1);\n color: var(--brand-secondary);\n }\n\n[data-layout-root] .action-btn svg {\n width: 18px;\n height: 18px;\n }\n\n[data-layout-root] .mobile-menu-trigger {\n display: none;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .header-nav {\n display: none;\n }\n[data-layout-root] .mobile-menu-trigger {\n display: flex;\n }\n }\n\n /* Main Container Section */\n[data-layout-root] .home-section {\n position: relative;\n width: 100%;\n padding: 60px 24px;\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 60px;\n align-items: center;\n z-index: 10;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .home-section {\n grid-template-columns: 1fr;\n text-align: center;\n padding-top: 40px;\n gap: 40px;\n }\n }\n\n /* Content Area */\n[data-layout-root] .content-box {\n display: flex;\n flex-direction: column;\n gap: 24px;\n z-index: 5;\n }\n\n[data-layout-root] .collection-badge {\n align-self: flex-start;\n background: rgba(2, 132, 199, 0.1);\n color: var(--brand-secondary);\n border-radius: var(--radius-pill);\n padding: 6px 16px;\n font-size: 0.813rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .collection-badge {\n align-self: center;\n }\n }\n\n[data-layout-root] .h1-brand-promise {\n font-family: var(--font-heading);\n font-size: clamp(2.5rem, 6vw, 4.25rem);\n line-height: 1.05;\n color: var(--brand-primary);\n font-weight: 800;\n letter-spacing: -1.5px;\n }\n\n[data-layout-root] .h1-brand-promise span.gradient-text {\n background: linear-gradient(135deg, var(--brand-accent) 20%, var(--brand-secondary) 80%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n[data-layout-root] .narrative-p {\n font-size: clamp(1rem, 2vw, 1.125rem);\n color: var(--text-muted);\n max-width: 580px;\n line-height: 1.6;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .narrative-p {\n margin: 0 auto;\n }\n }\n\n /* Feature Grid (The Daily Rinse Story) */\n[data-layout-root] .daily-rinse-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 16px;\n text-align: left;\n }\n\n[data-layout-root] .feature-tile {\n background: #ffffff;\n padding: 24px;\n border-radius: 24px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\n border: 1px solid rgba(0,0,0,0.03);\n }\n\n[data-layout-root] .feature-tile h3 {\n font-family: var(--font-heading);\n font-size: 1.1rem;\n color: var(--brand-primary);\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .feature-tile h3 svg {\n color: var(--brand-secondary);\n flex-shrink: 0;\n }\n\n[data-layout-root] .feature-tile p {\n font-size: 0.875rem;\n color: var(--text-muted);\n line-height: 1.4;\n }\n\n @media (max-width: 560px) {\n[data-layout-root] .daily-rinse-features {\n grid-template-columns: 1fr;\n }\n }\n\n /* Hero Visual & Organic Shape Container */\n[data-layout-root] .visual-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n[data-layout-root] .fluid-container {\n position: relative;\n width: 100%;\n aspect-ratio: 1 / 1;\n max-width: 500px;\n background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);\n animation: fluidFlow 12s infinite ease-in-out;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(2, 132, 199, 0.15);\n border: 6px solid #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n[data-layout-root] .product-hero-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n mix-blend-mode: multiply;\n transition: transform 0.5s ease;\n }\n\n[data-layout-root] .fluid-container:hover .product-hero-image {\n transform: scale(1.05) rotate(2deg);\n }\n\n /* Dynamic Water Overlay Elements inside Image container */\n[data-layout-root] .water-droplet-glow {\n position: absolute;\n top: 10%;\n right: 15%;\n width: 80px;\n height: 80px;\n background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n /* Action Block with binding label and button */\n[data-layout-root] .action-block {\n background: #ffffff;\n border-radius: 32px;\n padding: 24px;\n box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n margin-top: 12px;\n }\n\n[data-layout-root] .ds-product-meta {\n display: flex;\n flex-direction: column;\n }\n\n[data-layout-root] .ds-product-meta .label {\n font-size: 0.75rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .ds-product-meta .name {\n font-family: var(--font-heading);\n font-size: 1.125rem;\n font-weight: 700;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .btn-primary {\n background-color: var(--brand-primary);\n color: #ffffff;\n font-family: var(--font-body);\n font-weight: 700;\n font-size: 1rem;\n text-decoration: none;\n padding: 14px 28px;\n border-radius: var(--radius-pill);\n transition: background-color 0.2s, transform 0.2s;\n white-space: nowrap;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .btn-primary:hover {\n background-color: var(--brand-secondary);\n transform: translateY(-1px);\n }\n\n @media (max-width: 560px) {\n[data-layout-root] .action-block {\n flex-direction: column;\n align-items: stretch;\n text-align: center;\n }\n[data-layout-root] .btn-primary {\n justify-content: center;\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 /* Continuation & Extension of the Design Seed: Kinetic-Minimalism & The Daily Rinse */\n \n /* Feature Grid Layout Styles (ds-features) */\n[data-layout-root] .ds-features-section {\n position: relative;\n background-color: #ffffff;\n padding: 100px 24px;\n z-index: 10;\n }\n\n[data-layout-root] .ds-section-container {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n }\n\n[data-layout-root] .ds-section-header {\n max-width: 680px;\n margin-bottom: 64px;\n }\n\n[data-layout-root] .ds-micro-eyebrow {\n font-size: 0.75rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--brand-secondary);\n margin-bottom: 12px;\n display: inline-block;\n }\n\n[data-layout-root] .ds-h2-title {\n font-family: var(--font-heading);\n font-size: clamp(2rem, 4vw, 3rem);\n line-height: 1.1;\n font-weight: 800;\n color: var(--brand-primary);\n letter-spacing: -1px;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-lead-p {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n /* Split Showcase Grid */\n[data-layout-root] .ds-showcase-grid {\n display: grid;\n grid-template-columns: 1.10fr 0.90fr;\n gap: 80px;\n align-items: center;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-showcase-grid {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\n\n /* Rich Alternating Action/Detail Cards */\n[data-layout-root] .ds-features-list {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n[data-layout-root] .ds-feature-item-row {\n display: flex;\n gap: 24px;\n align-items: flex-start;\n padding-bottom: 32px;\n border-bottom: 1px solid rgba(15, 23, 42, 0.06);\n }\n\n[data-layout-root] .ds-feature-item-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n[data-layout-root] .ds-feature-icon-wrapper {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: rgba(2, 132, 199, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--brand-secondary);\n flex-shrink: 0;\n }\n\n[data-layout-root] .ds-feature-text h3 {\n font-family: var(--font-heading);\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--brand-primary);\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n }\n\n[data-layout-root] .ds-feature-text p {\n font-size: 0.95rem;\n color: var(--text-muted);\n line-height: 1.5;\n margin-bottom: 12px;\n }\n\n /* Recommended Accessories Sub-section */\n[data-layout-root] .ds-accessories-box {\n margin-top: 24px;\n background: #f8fafc;\n border-radius: 16px;\n padding: 20px;\n border: 1px solid rgba(15, 23, 42, 0.04);\n }\n\n[data-layout-root] .ds-accessories-title {\n font-size: 0.813rem;\n font-weight: 700;\n text-transform: uppercase;\n color: var(--text-primary);\n letter-spacing: 0.5px;\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-accessory-pill-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n[data-layout-root] .ds-accessory-tag {\n font-size: 0.813rem;\n font-weight: 600;\n color: var(--text-muted);\n background: #ffffff;\n padding: 6px 14px;\n border-radius: 100px;\n border: 1px solid rgba(15, 23, 42, 0.08);\n transition: all 0.2s;\n }\n\n[data-layout-root] .ds-accessory-tag:hover {\n color: var(--brand-secondary);\n border-color: var(--brand-secondary);\n transform: translateY(-1px);\n }\n\n /* Dual Action Image Composite with Real World Flow */\n[data-layout-root] .ds-media-mosaic {\n position: relative;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 16px;\n align-items: end;\n }\n\n[data-layout-root] .ds-mosaic-primary {\n grid-column: 1 / span 10;\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.12);\n }\n\n[data-layout-root] .ds-mosaic-primary img {\n width: 100%;\n height: 480px;\n object-fit: cover;\n display: block;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .ds-mosaic-primary:hover img {\n transform: scale(1.03);\n }\n\n[data-layout-root] .ds-mosaic-secondary {\n grid-column: 7 / span 6;\n grid-row: 1;\n z-index: 2;\n transform: translateY(40px);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 16px 32px rgba(15, 23, 42, 0.15);\n border: 4px solid #ffffff;\n }\n\n[data-layout-root] .ds-mosaic-secondary img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-media-mosaic {\n display: flex;\n flex-direction: column;\n }\n[data-layout-root] .ds-mosaic-primary img {\n height: 320px;\n }\n[data-layout-root] .ds-mosaic-secondary {\n transform: none;\n width: 100%;\n }\n }\n\n /* Section 2: Trust and Quality Assurance Strip */\n[data-layout-root] .ds-trust-strip {\n background-color: var(--brand-primary);\n color: #ffffff;\n padding: 64px 24px;\n position: relative;\n overflow: hidden;\n z-index: 10;\n }\n\n[data-layout-root] .ds-trust-strip::before {\n content: '';\n position: absolute;\n top: 0;\n left: 20%;\n width: 60%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n }\n\n[data-layout-root] .ds-trust-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\n }\n\n @media (max-width: 560px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n }\n\n[data-layout-root] .ds-trust-card {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--brand-secondary);\n }\n\n[data-layout-root] .ds-trust-card h4 {\n font-family: var(--font-heading);\n font-size: 1.125rem;\n font-weight: 700;\n letter-spacing: -0.2px;\n color: #ffffff;\n }\n\n[data-layout-root] .ds-trust-card p {\n font-size: 0.875rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n }\n\n /* --- BASE EXTENSIONS & THEME TOKENS --- */\n \n\n /* Core Layout Override and Resets for PDP */\n[data-layout-root] .ds-pdp-container {\n background-color: var(--ds-color-bg);\n color: var(--ds-color-ink);\n font-family: var(--ds-font-body);\n line-height: 1.6;\n padding-bottom: 120px; /* Space for the floating soapbar header */\n }\n\n /* Stream Backdrop Simulator for PDP */\n[data-layout-root] .ds-pdp-stream-bg {\n position: absolute;\n top: 0;\n left: 10%;\n width: 2px;\n height: 100%;\n background: linear-gradient(to bottom, rgba(2, 132, 199, 0.1) 0%, rgba(2, 132, 199, 0.3) 50%, transparent);\n z-index: 1;\n pointer-events: none;\n }\n\n /* Breadcrumb Navigation */\n[data-layout-root] .ds-breadcrumbs {\n max-width: 1300px;\n margin: 40px auto 20px auto;\n padding: 0 24px;\n font-size: 0.85rem;\n color: var(--ds-color-muted);\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 8px;\n z-index: 10;\n position: relative;\n }\n\n[data-layout-root] .ds-breadcrumbs span {\n color: var(--ds-color-ink);\n }\n\n /* Main Product Grid Split */\n[data-layout-root] .ds-pdp-main {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 24px 80px 24px;\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 64px;\n position: relative;\n z-index: 10;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-pdp-main {\n grid-template-columns: 1fr;\n gap: 40px;\n padding-bottom: 40px;\n }\n }\n\n /* Left Column: Gallery Design */\n[data-layout-root] .ds-gallery-column {\n position: relative;\n }\n\n[data-layout-root] .slot-gallery {\n width: 100%;\n border-radius: var(--ds-radius-standard);\n overflow: hidden;\n background: #f8fafc;\n border: 1px solid var(--ds-color-border);\n transition: transform 0.3s ease;\n }\n\n /* Right Column: Information Flow */\n[data-layout-root] .ds-info-column {\n display: flex;\n flex-direction: column;\n gap: 28px;\n }\n\n[data-layout-root] .ds-product-badge {\n align-self: flex-start;\n background: rgba(2, 132, 199, 0.08);\n color: #0284c7;\n border-radius: var(--ds-radius-pill);\n padding: 6px 16px;\n font-size: 0.8rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n\n /* Slot Styles & Overrides */\n[data-layout-root] .slot-title {\n font-family: var(--ds-font-heading);\n font-size: clamp(2rem, 4vw, 2.85rem);\n line-height: 1.1;\n color: var(--ds-color-ink);\n font-weight: 800;\n letter-spacing: -1px;\n }\n\n[data-layout-root] .slot-price {\n font-family: var(--ds-font-heading);\n font-size: 1.85rem;\n font-weight: 700;\n color: var(--ds-color-ink);\n border-bottom: 1px solid var(--ds-color-border);\n padding-bottom: 20px;\n }\n\n[data-layout-root] .slot-description {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--ds-color-muted);\n }\n\n /* Structured Variants UI Selection */\n[data-layout-root] .slot-variants {\n padding: 16px 0;\n border-top: 1px solid var(--ds-color-border);\n border-bottom: 1px solid var(--ds-color-border);\n }\n\n[data-layout-root] .slot-variants .slot-variant-label {\n font-family: var(--ds-font-heading);\n font-size: 0.9rem;\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.5px;\n color: var(--ds-color-ink);\n margin-bottom: 12px;\n display: block;\n }\n\n[data-layout-root] .slot-variants .slot-variant-btn {\n background: #ffffff;\n border: 1px solid var(--ds-color-border);\n padding: 10px 18px;\n border-radius: var(--ds-radius-standard);\n font-size: 0.9rem;\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 border-color: var(--ds-color-primary);\n background: var(--ds-color-primary);\n color: #ffffff;\n }\n\n /* Quantity */\n[data-layout-root] .slot-quantity {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: 8px;\n }\n\n /* Large Prominent Primary Conversion Button */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n visibility: visible !important;\n opacity: 1 !important;\n margin-top: 12px;\n }\n\n[data-layout-root] .slot-add-to-cart-control,\n[data-layout-root] .slot-add-to-cart button {\n display: flex !important;\n align-items: center;\n justify-content: center;\n width: 100% !important;\n background-color: var(--ds-color-primary) !important;\n color: #ffffff !important;\n border: none !important;\n padding: 18px 32px !important;\n font-family: var(--ds-font-body) !important;\n font-size: 1.1rem !important;\n font-weight: 700 !important;\n border-radius: var(--ds-radius-standard) !important;\n cursor: pointer !important;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15) !important;\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !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: translateY(-2px) !important;\n box-shadow: 0 15px 30px rgba(15, 23, 42, 0.25) !important;\n background-color: var(--ds-color-secondary) !important;\n }\n\n /* Secondary CTA Button */\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\n\n[data-layout-root] .slot-buy-now-control,\n[data-layout-root] .slot-buy-now button {\n display: flex !important;\n align-items: center;\n justify-content: center;\n width: 100% !important;\n background-color: transparent !important;\n color: var(--ds-color-primary) !important;\n border: 2px solid var(--ds-color-primary) !important;\n padding: 16px 32px !important;\n font-family: var(--ds-font-body) !important;\n font-size: 1.05rem !important;\n font-weight: 700 !important;\n border-radius: var(--ds-radius-standard) !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n }\n\n[data-layout-root] .slot-buy-now-control:hover,\n[data-layout-root] .slot-buy-now button:hover {\n background-color: rgba(15, 23, 42, 0.04) !important;\n }\n\n /* Trust & Delivery Highlights Section */\n[data-layout-root] .ds-pdp-trust-highlights {\n grid-column: span 2;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n padding-top: 48px;\n border-top: 1px solid var(--ds-color-border);\n margin-top: 48px;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-pdp-trust-highlights {\n grid-column: span 1;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n }\n\n[data-layout-root] .ds-trust-card {\n background: #ffffff;\n border: 1px solid rgba(0, 0, 0, 0.05);\n padding: 24px;\n border-radius: var(--ds-radius-standard);\n box-shadow: 0 4px 12px rgba(0,0,0,0.01);\n }\n\n[data-layout-root] .ds-trust-card h4 {\n font-family: var(--ds-font-heading);\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--ds-color-primary);\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n[data-layout-root] .ds-trust-card h4 svg {\n color: #0284c7;\n }\n\n[data-layout-root] .ds-trust-card p {\n font-size: 0.9rem;\n color: var(--ds-color-muted);\n line-height: 1.45;\n }\n\n /* Recommended Accessories (Matching Plumbing) */\n[data-layout-root] .ds-matching-fixtures {\n background-color: #f8fafc;\n border-top: 1px solid var(--ds-color-border);\n padding: 80px 24px;\n position: relative;\n z-index: 10;\n }\n\n[data-layout-root] .ds-matching-container {\n max-width: 1300px;\n margin: 0 auto;\n }\n\n[data-layout-root] .ds-section-label {\n color: #0284c7;\n text-transform: uppercase;\n font-size: 0.8rem;\n font-weight: 700;\n letter-spacing: 1px;\n display: block;\n margin-bottom: 8px;\n }\n\n[data-layout-root] .ds-section-title {\n font-family: var(--ds-font-heading);\n font-size: clamp(1.8rem, 3vw, 2.4rem);\n color: var(--ds-color-ink);\n font-weight: 800;\n margin-bottom: 40px;\n letter-spacing: -0.5px;\n }\n\n[data-layout-root] .ds-accessory-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-accessory-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n\n[data-layout-root] .ds-accessory-card {\n background: #ffffff;\n border: 1px solid var(--ds-color-border);\n border-radius: var(--ds-radius-standard);\n padding: 24px;\n display: flex;\n gap: 24px;\n align-items: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n[data-layout-root] .ds-accessory-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.03);\n }\n\n[data-layout-root] .ds-accessory-visual {\n width: 100px;\n height: 100px;\n background-color: var(--ds-color-surface);\n border-radius: var(--ds-radius-standard);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-accessory-visual svg {\n color: #ca8a04; /* saturated brass gold color */\n }\n\n[data-layout-root] .ds-accessory-info {\n flex-grow: 1;\n }\n\n[data-layout-root] .ds-accessory-info h5 {\n font-family: var(--ds-font-heading);\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--ds-color-ink);\n margin-bottom: 4px;\n }\n\n[data-layout-root] .ds-accessory-info p {\n font-size: 0.85rem;\n color: var(--ds-color-muted);\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-accessory-price {\n font-weight: 700;\n color: var(--ds-color-ink);\n font-size: 1rem;\n }\n\n /* UGC Real Installations Gallery */\n[data-layout-root] .ds-ugc-section {\n padding: 80px 24px;\n max-width: 1300px;\n margin: 0 auto;\n z-index: 10;\n position: relative;\n }\n\n[data-layout-root] .ds-ugc-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 32px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-ugc-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 560px) {\n[data-layout-root] .ds-ugc-grid {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-ugc-card {\n position: relative;\n aspect-ratio: 1 / 1;\n border-radius: var(--ds-radius-standard);\n overflow: hidden;\n background-color: var(--ds-color-surface);\n }\n\n[data-layout-root] .ds-ugc-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n[data-layout-root] .ds-ugc-card:hover img {\n transform: scale(1.05);\n }\n\n[data-layout-root] .ds-ugc-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);\n padding: 16px;\n color: #ffffff;\n font-size: 0.8rem;\n font-weight: 500;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n[data-layout-root] .ds-ugc-card:hover .ds-ugc-overlay {\n opacity: 1;\n }\n\n /* Reset and System Overrides inside DS Scope */\n[data-layout-root] .ds-footer-root {\n --ds-bg-footer: #ffffff;\n --ds-border-color: #e2e8f0;\n --ds-text-main: #0f172a;\n --ds-text-muted: #64748b;\n --ds-brand-gold: #ca8a04;\n --ds-brand-blue: #0284c7;\n --ds-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n \n background-color: var(--ds-bg-footer);\n color: var(--ds-text-main);\n font-family: var(--font-body), 'Satoshi', sans-serif;\n border-top: 1px solid var(--ds-border-color);\n position: relative;\n overflow: hidden;\n padding: 80px 24px 140px 24px; /* Generous bottom spacing to respect the floating soapbar header */\n }\n\n /* Water reflection accent lines on footer top */\n[data-layout-root] .ds-footer-water-line {\n position: absolute;\n top: 0;\n left: 10%;\n width: 80%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(2, 132, 199, 0.2) 20%, rgba(202, 138, 4, 0.2) 80%, transparent);\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;\n gap: 64px;\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 /* Left Side: Brand & Newsletter */\n[data-layout-root] .ds-footer-brand-side {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n[data-layout-root] .ds-footer-logo-wrapper {\n display: flex;\n align-items: center;\n }\n\n[data-layout-root] .ds-footer-logo {\n font-family: var(--font-heading), 'Cabinet Grotesk', sans-serif;\n font-weight: 800;\n font-size: 1.5rem;\n text-decoration: none;\n color: var(--ds-text-main);\n letter-spacing: -0.5px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n\n[data-layout-root] .ds-footer-logo span {\n width: 10px;\n height: 10px;\n background-color: var(--ds-brand-blue);\n border-radius: 50%;\n display: inline-block;\n }\n\n[data-layout-root] .ds-footer-description {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--ds-text-muted);\n max-width: 360px;\n }\n\n /* Newsletter Box */\n[data-layout-root] .ds-newsletter-box {\n display: flex;\n flex-direction: column;\n gap: 12px;\n max-width: 360px;\n }\n\n[data-layout-root] .ds-newsletter-title {\n font-family: var(--font-heading), 'Cabinet Grotesk', sans-serif;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n color: var(--ds-text-main);\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n gap: 8px;\n width: 100%;\n }\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: #f8fafc;\n border: 1px solid var(--ds-border-color);\n padding: 12px 16px;\n border-radius: 100px;\n font-size: 0.875rem;\n font-family: var(--font-body), sans-serif;\n color: var(--ds-text-main);\n transition: var(--ds-transition);\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n outline: none;\n border-color: var(--ds-brand-blue);\n background: #ffffff;\n box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.1);\n }\n\n[data-layout-root] .ds-newsletter-btn {\n background-color: var(--ds-text-main);\n color: #ffffff;\n border: none;\n border-radius: 100px;\n padding: 12px 24px;\n font-size: 0.875rem;\n font-weight: 700;\n cursor: pointer;\n transition: var(--ds-transition);\n }\n\n[data-layout-root] .ds-newsletter-btn:hover {\n background-color: var(--ds-brand-blue);\n }\n\n /* Right Side: Links Columns */\n[data-layout-root] .ds-footer-links-side {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-footer-links-side {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\n }\n\n @media (max-width: 480px) {\n[data-layout-root] .ds-footer-links-side {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-footer-col {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n[data-layout-root] .ds-footer-col-title {\n font-family: var(--font-heading), 'Cabinet Grotesk', sans-serif;\n font-size: 0.813rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n color: var(--ds-text-muted);\n }\n\n[data-layout-root] .ds-footer-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: 0.938rem;\n color: var(--ds-text-main);\n text-decoration: none;\n transition: var(--ds-transition);\n font-weight: 500;\n }\n\n[data-layout-root] .ds-footer-link:hover {\n color: var(--ds-brand-blue);\n transform: translateX(2px);\n }\n\n /* Bottom Utility Bar */\n[data-layout-root] .ds-footer-bottom {\n margin-top: 64px;\n padding-top: 32px;\n border-top: 1px solid var(--ds-border-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n }\n\n[data-layout-root] .ds-copyright {\n font-size: 0.813rem;\n color: var(--ds-text-muted);\n }\n\n[data-layout-root] .ds-payment-badges {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n[data-layout-root] .ds-payment-icon {\n height: 20px;\n opacity: 0.6;\n transition: var(--ds-transition);\n }\n\n[data-layout-root] .ds-payment-icon:hover {\n opacity: 1;\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/* launchify-runtime-slot-guards:v1 */\n/* Generated headers often use a child span as a decorative dot. At runtime,\n the storefront replaces that markup with the functional logo text span.\n Keep the concept-owned logo container, but prevent decorative child rules\n from collapsing or absolutely positioning the injected brand name. */\n[data-layout-root] [data-slot=\"logo\"].dynamic-header-logo > .dynamic-header-logo-text {\n display: inline !important;\n position: static !important;\n inset: auto !important;\n width: auto !important;\n height: auto !important;\n min-width: 0 !important;\n min-height: 0 !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n padding: 0 !important;\n background: transparent !important;\n border: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transform: none !important;\n font: inherit !important;\n letter-spacing: inherit !important;\n color: inherit !important;\n}\n\n/* Visual QA auto-fixes */\nheader.fixed, header.sticky, [data-slot=\"header\"] {\n z-index: 50; /* Ensure the floating pill header stays on top of all content layers correctly without layout collisions. */\n}\n@media (max-width: 844px) {\n .product-single__meta, .product-title-container {\n margin-top: 80px; /* Add top margin on mobile to prevent the floating bar-shaped header from overlapping the product title. */\n }\n .hero__cta-container, .shop-flow-btn-wrapper {\n margin-bottom: 40px; /* Provide extra clearance at the bottom of the hero section so the floating bottom header does not obscure the primary CTA. */\n }\n}\n","globalHtml":"","fonts":[],"animations":[],"theme":{"mode":"light","palette":{"primary":"#1e293b","secondary":"var(--ds-color-secondary)","accent":"var(--ds-color-accent)","success":"#0f172a"},"surfaces":{"bg":"#f7fafc","bgElevated":"#FFFFFF","surface":"#ebeced","surfaceAlt":"#edeeee","ink":"#0f172a","inkMuted":"#64748b","border":"#cfd0d4","surfaceInk":"#111827","surfaceInkMuted":"#4B5563"},"typography":{"headingFont":"var(--font-heading)","bodyFont":"var(--font-body)"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":12},"header":{"html":"

\n \n\n \n\n

\n \n \n \n \n\n \n \n USD\n \n\n \n \n \n \n\n \n \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 Featured Collection\n \n

\n The effortless brilliance of flowing pure water.\n

\n \n

\n Transform the pulse of your daily clean. Insideasa redefines basin styling with solid brass craftsmanship shaped for zero-resistance run-off. Experience a simple, micro-smooth glide that wards off limescale with a single swift swipe of a cloth.\n

\n\n \n

\n \n Easy Maintenance\n

The smooth surface makes cleaning simple and quick, keeping the sink looking new for years.

\n \n Solid Brass Build\n

Made of high-quality solid brass for long-lasting beauty, durability, and resistance to corrosion.

\n\n \n

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

\n \n Shop the Flow\n \n \n

\n\n \n

\n $\"\"$ \n

\n\n

\n\n\n\n

\n \n

\n \n \n

\n \n

\n Corrosion-Resistant Durability\n

Engineered for Lifelong Luster

\n Crafted from solid brass block construction, our premium vessel sink offers a timeless structural integrity that resists corrosion and thrives through constant daily rinse dynamics.\n

\n\n \n

\n \n

Solid Brass Construction

Made of high-quality solid brass for long-lasting beauty, durability, and robust resistance to structural corrosion.

\n\n

\n \n

Micro-Smooth Surface Finish

Micro-fine brushed finish repels water rings and allows a lint-free microfiber cloth to sweep water down the rim with zero effort.

\n\n

\n \n

Matching Plumbing Accessories

Ensure a fully synchronized interior architectural statement across your entire powder room or master bathroom setup.

\n \n \n

Finish Consistency Recommendations

\n Matching Brass Pop-Up Drains\n Solid Brass Bottle Traps\n Brushed Brass Deck Mount Mixers\n

\n\n

\n\n \n

\n \n

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

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

\n $\"{{homeVisuals.[1].alt}}\"$ \n

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

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

\n {{/if}}\n {{/if}}\n

\n\n

\n\n\n

\n \n \n

\n \n

Insured Shipping

Secure premium packaging ensures your solid brass fittings arrive flawless and ready for professional installation.

\n\n \n

\n \n

5-Year Quality Warranty

We stand confidently behind our structural integrity and corrosion resistance with an extensive product guarantee.

\n\n \n

\n \n

Curated Interior Support

Consult our designers to coordinate matching brass traps, basin mixers, and waste grids for architectural harmony.

\n\n \n

\n \n

UGC Realist Gallery

Browse true residential settings and real-world bathrooms designed with Insideasa brass sinks by our active community.

\n\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1572742482459-e04d6cfdd6f3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxsdXh1cnklMjBicmFzcyUyMGJhdGhyb29tfGVufDF8MHx8fDE3ODQyOTU5Njh8MA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Insideasa luxury","theme":"luxury","query":"luxury brass bathroom","source":"unsplash","photographer":"Ronnie George","photographerUrl":"https://unsplash.com/@realestateron","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1763485957127-5645e9348426?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxtaW5pbWFsaXN0JTIwcG93ZGVyJTIwcm9vbXxlbnwxfDB8fHwxNzg0Mjk1OTY4fDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Insideasa minimalist","theme":"minimalist","query":"minimalist powder room","source":"unsplash","photographer":"Peter Muniz","photographerUrl":"https://unsplash.com/@petepxl","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1771817239657-1b66cc1f7d23?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxjaGljJTIwaW50ZXJpb3IlMjBkZXRhaWx8ZW58MXwwfHx8MTc4NDMwNTE1MHww&ixlib=rb-4.1.0&q=80&w=1080","alt":"Insideasa chic","theme":"chic","query":"chic interior detail","source":"unsplash","photographer":"MChe Lee","photographerUrl":"https://unsplash.com/@mclee","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

\n \n

\n\n \n

Solid Brass Durability

\n \n \n

\n\n \n

\n \n Solid Construction\n

Forged from high-purity solid brass for absolute protection against daily oxidation and scratching.

\n \n Secure Delivery\n

Dispatched in double-reinforced premium protective foam molding. Free transit coverage included.

\n \n Easy Cleaning\n

The micro-brushed golden finish shrugs off persistent hard water stains and dried mineral soap scum.

\n\n \n

\n Cohesive Aesthetic\n

Complete the Brass Suite

\n \n

Matching Brass Pop-Up Waste

Perfect-match brushed brass drain with water seal spring action.

$49.00

\n \n

Minimalist Brass Bottle Trap

Seamless clean lines under the sink for architectural consistency.

$120.00

\n\n \n

\n Real Living Spaces\n

In Residential Bathrooms

\n \n

\n $\"Minimalist$ \n

@home.on.the.terrace

\n $\"Luxury$ \n

@studiomilk

\n $\"Macro$ \n

@inside_space

\n $\"Saturated$ \n

@the.bath.collective

","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"A bright, energetic, and water-focused...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"A bright, energetic, and water-focused storefront centered on the satisfying ease of cleaning a seamless, non-porous surface.","headerPattern":"a-rounded-pill-shaped-header-th...","copyTone":"Clean, brisk, hygienic, and highly practical.","imageStrategy":"Action shots of water dynamic-spraying off the brass, hand-washing closeups, and lint-free microfiber cloths wiping the curved rim.","compositionStrategy":{"opening_relationship":"A refreshing, high-velocity shopping experience that mimics the cleanliness of flowing water. It emphasizes active, daily life over static staging, showcasing real water swirling down the basin and the effortless swipe...","reading_path":"A bright, energetic, and water-focused storefront centered on the satisfying ease of cleaning a seamless, non-porous surface.","product_presentation":"Action shots of water dynamic-spraying off the brass, hand-washing closeups, and lint-free microfiber cloths wiping the curved rim."},"motionDirection":{"mode":"immersive","purpose":"Interactive scroll triggers that simulate a continuous stream of water flowing smoothly down the page, washing away technical text blocks to reveal the buy button.","techniques":["Interactive scroll triggers that simulate a continuous stream of water flowing smoothly down the page, washing away tec..."],"reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"A rounded, pill-shaped header that mimics a soap bar, floating anchored at the bottom of the viewport for easy mobile reach.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Action shots of water dynamic-spraying off the brass, hand-washing closeups, and lint-free microfiber cloths wiping the curved rim.","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 bright, energetic, and water-focused storefront centered on the satisfying ease of cleaning a seamless, non-porous surface.","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."]}}}