The Leil Viva 180 is a compact 4-6 person outdoor sauna featuring premium Nordic timber construction, full-height tempered bronze glass door, and integrated back wall heater. Customisable with HUUM DROP 6kW or 9kW electric heaters, UKU WiFi control, decorative hexagonal back panel, and dimmable LED lighting. Estonian craftsmanship, made to order. Coverage area 3.3m², steam room volume 5.8m³, weighs 500kg.
/* Scoped variables for lander content */ .lander-content { –color-black: #1a1a1a; –color-dark: #333333; –color-text: #444444; –color-text-light: #666666; –color-text-muted: #888888; –color-border: #e5e5e5; –color-border-light: #f0f0f0; –color-bg: #ffffff; –color-bg-alt: #f9f9f9; –color-bg-dark: #fafafa; –color-accent: #2d2d2d; –font-display: ’Petrona’, Georgia, serif; –font-body: ’Open Sans’, -apple-system, BlinkMacSystemFont, sans-serif; –section-padding: 80px; } /* Scoped reset – only affects elements inside.lander-content */ .lander-content *, .lander-content *::before, .lander-content *::after { box-sizing: border-box; } .lander-content { font-family: var(–font-body); font-size: 15px; line-height: 1.7; color: var(–color-text); -webkit-font-smoothing: antialiased; } .lander-content img { max-width: 100%; height: auto; display: block; } .lander-content.container { width: 100%; padding: 0; } /* Typography */ .lander-content h1, .lander-content h2, .lander-content h3, .lander-content h4 { font-family: var(–font-display); font-weight: 600; color: var(–color-black); margin: 0; } .lander-content h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.15; letter-spacing: -0.02em; } .lander-content h2 { font-size: clamp(26px, 4vw, 36px); line-height: 1.2; margin-bottom: 20px; } .lander-content h3 { font-size: 22px; line-height: 1.3; margin-bottom: 12px; } .lander-content p { margin: 0 0 16px 0; } /* Content Sections */ .lander-content.section { padding: var(–section-padding) 0; } .lander-content.section-alt { background: var(–color-bg-alt); } .lander-content.section-header { text-align: center; max-width: 700px; margin: 0 auto 50px; } .lander-content.section-label { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(–color-text-muted); margin-bottom: 12px; } .lander-content.section-header p { color: var(–color-text-light); font-size: 16px; } /* Heritage/Content Grid */ .lander-content.heritage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .lander-content.heritage-image img { border-radius: 8px; width: 100%; min-height: 400px; object-fit: cover; } .lander-content.heritage-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 32px; padding-top: 32px; border-top: 1px solid var(–color-border); } .lander-content.heritage-stat { text-align: center; } .lander-content.heritage-stat-value { font-family: var(–font-display); font-size: 28px; font-weight: 600; color: var(–color-black); } .lander-content.heritage-stat-label { font-size: 12px; color: var(–color-text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; } /* Features Grid */ .lander-content.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .lander-content.feature-card { text-align: center; padding: 32px 24px; } .lander-content.feature-icon { width: 56px; height: 56px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: var(–color-bg-alt); border-radius: 50%; } .lander-content.feature-icon svg { width: 26px; height: 26px; color: var(–color-black); } .lander-content.feature-card p { color: var(–color-text-light); font-size: 14px; margin-bottom: 0; } /* Specifications */ .lander-content.specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .lander-content.specs-group { background: var(–color-bg); border: 1px solid var(–color-border); border-radius: 8px; overflow: hidden; } .lander-content.specs-group-title { font-family: var(–font-display); font-size: 20px; font-weight: 600; padding: 20px 24px;
