.ok3 .kt-label{display:inline-flex;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--klei-diep);background:var(--klei);padding:7px 11px;border-radius:999px}.ok3 .kt-open{padding:clamp(32px,5vw,72px) 0 clamp(24px,4vw,48px);overflow:hidden}.ok3 .kt-open-rij{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}.ok3 .kt-open h1{margin-top:16px;font-size:clamp(40px,5.2vw,70px);line-height:1.02;letter-spacing:-.02em}.ok3 .kt-open-tekst>p{margin-top:18px;font-size:18px;color:var(--soft);max-width:44ch}.ok3 .kt-tonen{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}.ok3 .kt-tonen button{-webkit-appearance:none;appearance:none;border:1.5px solid transparent;background:var(--cream);padding:9px 14px 9px 9px;border-radius:999px;font-size:14.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 6px 14px -12px #462d0f99;transition:background .25s,color .25s,transform .35s var(--veer)}.ok3 .kt-tonen button i{width:24px;height:24px;border-radius:50%;background-size:240%;background-position:center;box-shadow:0 0 0 1px #00000014}.ok3 .kt-tonen button small{font:400 11px/1 var(--mono);color:var(--mute)}.ok3 .kt-tonen button:hover{transform:translateY(-2px)}.ok3 .kt-tonen button[aria-selected=true]{background:var(--ink);color:var(--cream)}.ok3 .kt-tonen button[aria-selected=true] small{color:#fbf6eca6}.ok3 .kt-waaier{--stap: 7.4deg;position:relative;height:clamp(360px,40vw,520px)}.ok3 .kt-blad{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;position:absolute;left:50%;bottom:4%;width:clamp(70px,7.4vw,104px);height:clamp(280px,32vw,420px);margin-left:calc(clamp(70px,7.4vw,104px)/-2);border-radius:16px;background-size:cover;background-position:center;transform-origin:50% 94%;transform:rotate(0);box-shadow:0 18px 30px -18px #3c280fbf,inset 0 0 0 1px #ffffff40;transition:transform 1.1s var(--veer),filter .4s,box-shadow .4s;transition-delay:calc(var(--n) * 28ms)}.ok3 .kt-blad span{position:absolute;left:50%;top:14px;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);white-space:nowrap;opacity:0;transition:opacity .3s}.ok3 .kt-waaier.is-open .kt-blad{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * var(--stap, 7.4deg)))}.ok3 .kt-waaier.is-open .kt-blad.is-gekozen{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * var(--stap, 7.4deg))) translateY(-26px);box-shadow:0 26px 40px -20px #3c280fd9,inset 0 0 0 2px #fff9}.ok3 .kt-waaier.is-open .kt-blad:not(.is-gekozen){filter:saturate(.85) brightness(.97)}.ok3 .kt-blad:hover span,.ok3 .kt-blad.is-gekozen span{opacity:1}.ok3 .kt-waaier.is-open .kt-blad:hover{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * var(--stap, 7.4deg))) translateY(-14px)}.ok3 .kt-waaier.is-open .kt-blad.is-gekozen:hover{transform:rotate(calc((var(--n) - (var(--tot) - 1) / 2) * var(--stap, 7.4deg))) translateY(-30px)}.ok3 .kt-waaier:after{content:"";position:absolute;left:50%;bottom:calc(4% + 10px);width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 4px var(--deep),0 6px 12px -4px #0006;z-index:2}.ok3 .kt-toon{--vlak: var(--salie-licht);--diep: var(--salie-diep);background:var(--vlak);padding:clamp(48px,7vw,96px) 0;transition:background .6s ease}.ok3 .kt-toon-rij{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}.ok3 .kt-kamer{margin:0}.ok3 .kt-kamer-foto{position:relative;aspect-ratio:5 / 4;border-radius:28px;overflow:hidden;background:#fff6}.ok3 .kt-kamer-foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 75%;opacity:0;transition:opacity .7s ease}.ok3 .kt-kamer-foto img.is-aan{opacity:1}.ok3 .kt-kamer figcaption{margin-top:10px;font:400 11px/1.4 var(--mono);color:var(--mute)}.ok3 .kt-kamer figcaption a{color:var(--mute)}.ok3 .kt-toon-tekst{background:var(--cream);border-radius:26px;padding:clamp(22px,3vw,34px);box-shadow:var(--schaduw);display:grid;gap:14px;transition:opacity .2s ease}.ok3 .kt-toon-tekst.is-wissel{opacity:0}.ok3 .kt-toon-ook{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--diep)}.ok3 .kt-toon-tekst h2{font-size:clamp(40px,4.4vw,58px);line-height:1}.ok3 .kt-doet{font:400 20px/1.4 var(--serif);color:var(--ink)}.ok3 .kt-aspecten{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ok3 .kt-aspecten div{background:var(--bg);border-radius:14px;padding:10px 12px}.ok3 .kt-aspecten dt{font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--diep)}.ok3 .kt-aspecten dd{margin:3px 0 0;font-size:14px;line-height:1.4;color:var(--soft)}.ok3 .kt-stijlen{display:flex;flex-wrap:wrap;gap:6px}.ok3 .kt-stijlen span{font-size:13px;font-weight:500;padding:6px 11px;border-radius:999px;background:var(--vlak);color:var(--diep)}.ok3 .kt-letop{font-size:14.5px;color:var(--soft);padding-top:12px;border-top:1px solid var(--line-soft)}.ok3 .kt-letop b{color:var(--ink)}.ok3 .kt-vloeren-kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:clamp(32px,4vw,48px) 0 16px}.ok3 .kt-vloeren-kop h3{font-size:26px}.ok3 .kt-vloeren-kop .ok-pijl{color:var(--diep)}.ok3 .kt-soortkeuze{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px}.ok3 .kt-soortkeuze button{-webkit-appearance:none;appearance:none;border:1.5px solid rgba(0,0,0,.12);background:var(--cream);padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:background .25s,color .25s,border-color .25s,transform .3s var(--veer)}.ok3 .kt-soortkeuze button small{font:400 11px/1 var(--mono);color:var(--mute)}.ok3 .kt-soortkeuze button:hover{transform:translateY(-1px);border-color:var(--diep)}.ok3 .kt-soortkeuze button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.ok3 .kt-soortkeuze button[aria-pressed=true] small{color:#fbf6ecb3}.ok3 .kt-vloer-staal{position:relative}.ok3 .kt-vloer-soort{position:absolute;left:8px;top:8px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--honing);color:var(--honing-diep);box-shadow:0 4px 10px -6px #0006}.ok3 .kt-vloer-soort.is-klik{background:var(--salie);color:var(--salie-diep)}.ok3 .kt-vloer-soort.is-laminaat{background:var(--klei);color:var(--klei-diep)}.ok3 .kt-vloeren{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.ok3 .kt-vloeren li{animation:ok-op .5s var(--veer) both;animation-delay:calc(var(--i) * 60ms)}.ok3 .kt-vloeren a{display:grid;gap:4px;text-decoration:none;background:var(--cream);border-radius:20px;padding:10px 10px 14px;transition:transform .4s var(--veer),box-shadow .35s}.ok3 .kt-vloeren a:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}.ok3 .kt-vloer-staal{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;margin-bottom:6px}.ok3 .kt-vloer-staal img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--veer)}.ok3 .kt-vloeren a:hover img{transform:scale(1.08)}.ok3 .kt-vloeren b{font:400 17px/1.2 var(--serif);padding:0 4px}.ok3 .kt-vloeren small{font:400 10.5px/1.4 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;padding:0 4px}.ok3 .kt-vloeren em{font-style:normal;font-size:13.5px;font-weight:600;padding:0 4px}.ok3 .kt-regels{padding:clamp(56px,8vw,104px) 0}.ok3 .kt-regellijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ok3 .kt-regel{position:relative;background:var(--cream);border-radius:26px;padding:22px;display:grid;gap:8px;align-content:start}.ok3 .kt-regel-duo{display:flex;height:64px;margin-bottom:8px}.ok3 .kt-regel-duo i{width:64px;height:64px;border-radius:50%;background-size:220%;background-position:center;box-shadow:0 0 0 4px var(--cream),0 8px 16px -10px #3c280f99}.ok3 .kt-regel-duo i+i{margin-left:-14px}.ok3 .kt-regel-nr{position:absolute;right:22px;top:22px;font:400 44px/1 var(--serif);color:var(--line)}.ok3 .kt-regel h3{font-size:23px}.ok3 .kt-regel p{font-size:14.5px;color:var(--soft)}.ok3 .kt-licht{padding:clamp(56px,8vw,104px) 0}.ok3 .kt-licht-rij{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:start}.ok3 .kt-licht h2{font-size:clamp(34px,4vw,52px);line-height:1.04}.ok3 .kt-licht-rij>div>p{margin-top:12px;color:var(--soft);font-size:17px}.ok3 .kt-licht-twee{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ok3 .kt-licht-kaart{border-radius:26px;padding:24px;display:grid;gap:8px}.ok3 .kt-licht-kaart.is-noord{background:linear-gradient(160deg,var(--dauw),var(--dauw-licht))}.ok3 .kt-licht-kaart.is-zuid{background:linear-gradient(160deg,var(--honing),var(--honing-licht))}.ok3 .kt-licht-kaart span{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.ok3 .kt-licht-kaart h3{font-size:28px}.ok3 .kt-licht-kaart p{color:var(--soft);font-size:15px}.ok3 .kt-slot{padding:clamp(48px,7vw,88px) 0}.ok3 .kt-slot-rij{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ok3 .kt-slot h2{font-size:clamp(30px,3.4vw,44px)}.ok3 .kt-slot p{margin-top:10px;color:var(--soft);max-width:60ch}@media(max-width:1080px){.ok3 .kt-open-rij,.ok3 .kt-toon-rij,.ok3 .kt-licht-rij{grid-template-columns:minmax(0,1fr)}.ok3 .kt-vloeren{grid-template-columns:repeat(3,minmax(0,1fr))}.ok3 .kt-regellijst{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ok3 .kt-open h1{font-size:40px}.ok3 .kt-waaier{height:320px;--stap: 5.6deg}.ok3 .kt-blad{width:58px;height:250px;margin-left:-29px}.ok3 .kt-tonen{flex-wrap:nowrap;overflow-x:auto;margin:22px calc(var(--rand) * -1) 0;padding:4px var(--rand) 8px;scrollbar-width:none}.ok3 .kt-tonen::-webkit-scrollbar{display:none}.ok3 .kt-tonen button{flex:none}.ok3 .kt-aspecten{grid-template-columns:1fr}.ok3 .kt-vloeren{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;margin:0 calc(var(--rand) * -1);padding:2px var(--rand) 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.ok3 .kt-vloeren li{scroll-snap-align:start}.ok3 .kt-regellijst,.ok3 .kt-licht-twee{grid-template-columns:1fr}.ok3 .kt-vloeren-kop{flex-direction:column;gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/oaklyn-kleurtips.css.map */