The Leil Viva 250 is a spacious 4-5 person outdoor sauna featuring premium Nordic timber construction, full-height tempered glass door with side windows, and vertical slatted exterior. Customisable with optional HUUM electric heater, UKU WiFi control, decorative hexagonal back panel, and dimmable LED lighting. Estonian craftsmanship, made to order. Coverage area 4.5m², steam room volume 8.6m³, weighs 850kg.
/* 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; background: var(
