:root{--os-fg-rgb: var(--color-foreground-rgb, 18 18 18);--os-fg: rgb(var(--os-fg-rgb));--os-muted: rgb(var(--os-fg-rgb) / .65);--os-line: rgb(var(--os-fg-rgb) / .14);--os-soft: rgb(var(--os-fg-rgb) / .045);--os-accent: var(--color-primary-button-background, var(--os-fg));--os-on-accent: var(--color-primary-button-text, #fff);--os-bg: var(--color-background, #fff);--os-radius: var(--style-border-radius-inputs, 8px);--os-radius-lg: calc(var(--os-radius) * 2)}.os-step{margin:1.75rem 0 0}.os-step-head{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem}.os-step-num{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--os-accent);color:var(--os-on-accent);font-weight:700;font-variant-numeric:tabular-nums}.os-step-title{margin:0;font-weight:700;font-size:1.1em;line-height:2rem}.os-step-sub{margin:.1rem 0 0;color:var(--os-muted);font-size:.92em}.os-link{color:inherit;text-underline-offset:3px;white-space:nowrap}.os-schets{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--os-radius-lg);background:var(--os-soft)}.os-schets svg{display:block;width:100%;max-width:22rem;margin:0 auto}.os-schets__body{fill:rgb(var(--os-fg-rgb) / .12);stroke:rgb(var(--os-fg-rgb) / .35);stroke-width:1.2}.os-schets__glas{fill:rgb(var(--os-fg-rgb) / .08)}.os-schets__ruit{fill:var(--os-bg);stroke:rgb(var(--os-fg-rgb) / .3);stroke-width:1;transition:fill .2s}.os-schets__ruit.is-on{fill:var(--os-fg);stroke:var(--os-fg)}.os-schets__wiel{fill:var(--os-bg);stroke:rgb(var(--os-fg-rgb) / .4);stroke-width:3}.os-schets__label{margin-top:.5rem;text-align:center;font-size:.9em;color:var(--os-muted)}.os-schets__label strong{color:var(--os-fg)}.os-cards{display:grid;gap:.6rem}.os-card{position:relative;display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--os-line);border-radius:var(--os-radius-lg);cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.os-card:hover{border-color:rgb(var(--os-fg-rgb) / .45)}.os-card__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.os-card:has(.os-card__input:checked){border-color:var(--os-fg);box-shadow:inset 0 0 0 1px var(--os-fg);background:var(--os-soft)}.os-card:has(.os-card__input:focus-visible){outline:2px solid var(--os-fg);outline-offset:2px}.os-card__body{display:grid;gap:.15rem;flex:1;min-width:0}.os-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.os-card__name{font-weight:700}.os-card__desc{color:var(--os-muted);font-size:.9em}.os-card__price{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.os-cards--tint{grid-template-columns:repeat(3,minmax(0,1fr))}.os-card--tint{flex-direction:column;align-items:flex-start;gap:.35rem}.os-swatch{width:100%;height:2.25rem;border-radius:var(--os-radius);background:linear-gradient(135deg,rgb(0 0 0 / var(--os-donker)),rgb(0 0 0 / calc(var(--os-donker) * .8)));border:1px solid var(--os-line)}.os-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--os-accent);color:var(--os-on-accent);font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1.5}.os-sec{padding:clamp(2.5rem,6vw,5rem) 0;color:var(--os-fg)}.os-sec--tint{background:var(--os-soft)}.os-sec--marquee{padding:0}.os-wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}.os-smal{max-width:48rem}.os-center{text-align:center}.os-kop{max-width:44rem;margin:0 auto 2.25rem;text-align:center}.os-eyebrow{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--os-muted)}.os-h2{margin:0 0 .75rem;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15}.os-h3{margin:0 0 .6rem;font-size:1.3rem;line-height:1.25}.os-lead{margin:0;color:var(--os-muted);font-size:1.05rem}.os-noot{margin:1.5rem 0 0;text-align:center;font-size:.85rem;color:var(--os-muted)}.os-img{display:block;width:100%;height:auto;border-radius:var(--os-radius-lg)}.os-grid2,.os-grid3{display:grid;gap:1.25rem}.os-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.os-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.os-split+.os-split{margin-top:clamp(2rem,5vw,4rem)}.os-split--omgekeerd>:first-child{order:2}.os-marquee{overflow:hidden;border-block:1px solid var(--os-line);padding:.9rem 0}.os-marquee__track{display:flex;width:max-content;animation:os-band 30s linear infinite}.os-marquee__track span{padding:0 1.5rem;font-weight:600;white-space:nowrap}.os-marquee__track span:before{content:"\2713";margin-right:.5rem}@keyframes os-band{to{transform:translate(-50%)}}.os-lijst-num{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1.25rem}.os-lijst-num li{display:flex;gap:1rem}.os-lijst-num span{font-weight:800;font-size:1.4rem;color:var(--os-muted);font-variant-numeric:tabular-nums}.os-lijst-num h3{margin:0 0 .25rem;font-size:1.05rem}.os-lijst-num p{margin:0;color:var(--os-muted)}.os-check,.os-kruis{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem}.os-check li,.os-kruis li{position:relative;padding-left:1.6rem}.os-check li:before,.os-kruis li:before{position:absolute;left:0;font-weight:700}.os-check li:before{content:"\2713"}.os-kruis li:before{content:"\2715";color:var(--os-muted)}.os-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 0}.os-chips span{padding:.3rem .8rem;border:1px solid var(--os-line);border-radius:999px;font-size:.9rem;font-weight:600}.os-stap{margin:0}.os-stap figcaption{margin-top:1rem}.os-stap h3{margin:.2rem 0 .4rem;font-size:1.1rem}.os-stap p{margin:0;color:var(--os-muted)}.os-tint{position:relative;padding:1rem;border:1px solid var(--os-line);border-radius:var(--os-radius-lg);background:var(--os-bg)}.os-tint--uitgelicht{border-color:var(--os-fg);box-shadow:inset 0 0 0 1px var(--os-fg)}.os-tint>.os-badge{position:absolute;top:-.7rem;left:1rem;z-index:1}.os-tint__foto{position:relative;overflow:hidden;border-radius:var(--os-radius);margin-bottom:.9rem}.os-tint__foto img{display:block;width:100%;height:auto}.os-tint__foto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--os-donker))}.os-tint__foto span{position:absolute;right:.75rem;bottom:.6rem;z-index:1;color:#fff;font-weight:800;font-size:1.6rem}.os-tint h3{margin:0 0 .4rem;font-size:1.1rem}.os-tint p{margin:0;color:var(--os-muted)}.os-voorwie{margin-top:.75rem!important;font-size:.9rem;color:var(--os-fg)!important;font-weight:600}.os-vergelijk{align-items:stretch}.os-prijskaart{position:relative;padding:1.5rem;border:1px solid var(--os-line);border-radius:var(--os-radius-lg);background:var(--os-bg)}.os-prijskaart--wij{border-color:var(--os-fg);box-shadow:inset 0 0 0 1px var(--os-fg)}.os-prijskaart>.os-badge{position:absolute;top:-.7rem;left:1.5rem}.os-prijskaart h3{margin:0;font-size:1.05rem}.os-prijskaart__prijs{margin:.5rem 0 0;font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums}.os-prijskaart__sub{margin:0;color:var(--os-muted);font-size:.9rem}.os-slot{margin:2rem 0 1rem;text-align:center;font-size:1.15rem}.os-slot p{margin:0}.os-knop{display:inline-block;padding:.9rem 1.6rem;border-radius:var(--style-border-radius-buttons-primary, var(--os-radius));background:var(--os-accent);color:var(--os-on-accent);font-weight:700;text-decoration:none}.os-knop:hover{opacity:.9}.os-carousel{display:block}.os-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(15rem,30%);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:thin;overscroll-behavior-x:contain}.os-carousel__item{margin:0;scroll-snap-align:start}.os-carousel__item img{aspect-ratio:1;object-fit:cover}.os-carousel__item figcaption{margin-top:.5rem;font-size:.9rem;font-style:italic;color:var(--os-muted)}.os-carousel__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;font-variant-numeric:tabular-nums}.os-rond{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--os-line);background:var(--os-bg);color:var(--os-fg);font-size:1.4rem;line-height:1;cursor:pointer}.os-rond:hover{border-color:var(--os-fg)}.os-faq details{border-bottom:1px solid var(--os-line)}.os-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-weight:700;cursor:pointer;list-style:none}.os-faq summary::-webkit-details-marker{display:none}.os-faq summary:after{content:"+";font-size:1.3rem;line-height:1;transition:transform .2s}.os-faq details[open] summary:after{transform:rotate(45deg)}.os-faq details p{margin:0 0 1.1rem;color:var(--os-muted)}.os-voorna{position:relative;margin:0}.os-voorna figcaption{position:absolute;left:.75rem;top:.75rem;padding:.2rem .7rem;border-radius:999px;background:#000000a6;color:#fff;font-weight:700;font-size:.85rem}.os-voordelen>div{padding:1.4rem;border:1px solid var(--os-line);border-radius:var(--os-radius-lg);background:var(--os-bg)}.os-voordelen h3{margin:0 0 .4rem;font-size:1.05rem}.os-voordelen p{margin:0;color:var(--os-muted)}.os-footer{padding:3rem 0 1.5rem;border-top:1px solid var(--os-line);color:var(--os-fg)}.os-footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:2rem}.os-footer__merk p{color:var(--os-muted);margin:.75rem 0 0}.os-footer__naam{margin:0!important;font-weight:800;font-size:1.3rem;color:var(--os-fg)!important}.os-footer nav,.os-footer__grid>div{display:flex;flex-direction:column;gap:.45rem}.os-footer__grid p{margin:0}.os-footer a{color:var(--os-muted);text-decoration:none}.os-footer a:hover{color:var(--os-fg);text-decoration:underline}.os-footer__kop{font-weight:700;margin-bottom:.25rem!important}.os-footer__onder{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--os-line);font-size:.85rem;color:var(--os-muted)}.os-footer__onder p{margin:0}.os-footer__betaal{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.os-footer__betaal svg{display:block;height:1.5rem;width:auto}@media(max-width:749px){.os-grid2,.os-grid3,.os-split{grid-template-columns:1fr}.os-split--omgekeerd>:first-child{order:0}.os-cards--tint{grid-template-columns:1fr}.os-card--tint{flex-direction:row;align-items:center}.os-card--tint .os-swatch{width:2.25rem;flex:none}.os-carousel__track{grid-auto-columns:78%}.os-footer__grid{grid-template-columns:1fr 1fr}.os-footer__merk{grid-column:1 / -1}.os-tint>.os-badge,.os-prijskaart>.os-badge{top:-.7rem}.os-vergelijk{gap:1.75rem}}@media(prefers-reduced-motion:reduce){.os-marquee__track{animation:none}.os-card,.os-schets__ruit,.os-faq summary:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/os-landing.css.map */