:root{--oat: #f1ece4;--oat-2: #e6ded2;--wit: #fbf9f6;--houtskool: #1e1c1a;--houtskool-2: #34302c;--grijs: #7a726a;--lijn: #d9cfc2;--klei: #9a6a4c;--klei-licht: #c79b7b;--groen: #4f6b4c;--kop: "Bodoni Moda", Georgia, serif;--tekst: "Jost", system-ui, sans-serif;--schaduw: 0 30px 80px rgba(30,28,26,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--oat);color:var(--houtskool);font-family:var(--tekst);font-weight:400;font-size:16px;line-height:1.6;overflow-x:hidden}body.vast{overflow:hidden}h1,h2,h3{font-family:var(--kop);font-weight:400;line-height:1.05;margin:0;letter-spacing:-.01em}a{color:inherit}img{display:block;max-width:100%}button{font:inherit;color:inherit}.wrap{width:min(1320px,100% - 40px);margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;z-index:500;background:var(--houtskool);color:#fff;padding:8px 14px}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--klei);outline-offset:3px}.kicker{font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--klei)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.voorstel{background:var(--klei);color:#fff;text-align:center;font-size:12px;font-weight:500;padding:5px 16px;letter-spacing:.02em}.aankondiging{background:var(--houtskool);color:var(--oat);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;white-space:nowrap}.aankondiging div{display:flex;justify-content:center;gap:46px;padding:10px 16px}.aankondiging span:before{content:"\b7";margin-right:46px;opacity:.4}.aankondiging span:first-child:before{display:none}.knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border:0;cursor:pointer;font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}.knop.donker{background:var(--houtskool);color:var(--oat)}.knop.donker:hover{background:var(--houtskool-2)}.knop.licht{background:var(--oat);color:var(--houtskool)}.knop.licht:hover{background:#fff}.knop.rand{background:transparent;box-shadow:inset 0 0 0 1px currentColor}.knop:disabled{opacity:.45;cursor:not-allowed}header.top{position:sticky;top:0;z-index:100;background:#f1ece4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lijn)}header.top .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px}header.top nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}header.top nav a{white-space:nowrap;text-decoration:none;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--houtskool-2)}header.top nav a:hover{color:var(--klei)}.logo{font-family:var(--kop);font-size:30px;letter-spacing:.28em;text-decoration:none;padding-left:.28em}.acties{display:flex;justify-content:flex-end;gap:6px}.icoon{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;position:relative}.icoon svg{width:22px;height:22px}.teller{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--klei);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;padding:0 5px;transform:scale(0);transition:transform .25s}.teller.zichtbaar{transform:scale(1)}.teller.bump{animation:bump .4s ease}@keyframes bump{50%{transform:scale(1.35)}}.menu-knop{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 150px)}.hero .tekst{display:flex;flex-direction:column;justify-content:center;padding:80px max(20px,calc((100vw - 1320px)/2)) 80px max(20px,calc((100vw - 1320px)/2));padding-right:60px}.hero h1{font-size:clamp(48px,6.4vw,104px);margin:22px 0 26px}.hero h1 em{color:var(--klei)}.hero p{font-size:18px;color:var(--grijs);max-width:460px;margin:0 0 36px;font-weight:300}.hero .knoppen{display:flex;flex-wrap:wrap;gap:12px}.hero .beelden{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;background:var(--oat-2)}.hero .beelden figure{margin:0;overflow:hidden;background:var(--oat-2);position:relative}.hero .beelden figure:first-child{grid-row:span 2}.hero .beelden img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.hero .beelden figure:hover img{transform:scale(1.04)}.hero .beelden figcaption{position:absolute;left:14px;bottom:14px;background:#fbf9f6eb;padding:6px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.bundel{background:var(--houtskool);color:var(--oat)}.bundel .wrap{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));align-items:center}.bundel .titel{padding:30px 30px 30px 0}.bundel .titel b{display:block;font-family:var(--kop);font-weight:400;font-size:28px;line-height:1.1}.bundel .titel span{font-size:13px;opacity:.65}.trap{padding:30px 20px;border-left:1px solid rgba(241,236,228,.14);text-align:center}.trap b{display:block;font-family:var(--kop);font-size:40px;font-weight:400;color:var(--klei-licht);line-height:1}.trap span{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.collecties{padding:110px 0 40px}.sectiekop{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}.sectiekop h2{font-size:clamp(36px,4.4vw,62px);margin-top:14px}.sectiekop p{color:var(--grijs);max-width:420px;margin:0;font-weight:300}.tegels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tegel{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--oat-2);border:0;padding:0;cursor:pointer;text-align:left}.tegel img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.tegel:hover img{transform:scale(1.05)}.tegel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(30,28,26,.55),transparent 50%)}.tegel span{position:absolute;left:20px;bottom:18px;right:20px;z-index:1;color:#fff;font-family:var(--kop);font-size:28px;line-height:1.05}.tegel small{display:block;font-family:var(--tekst);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:6px}.winkel{padding:80px 0 120px}.filterbalk{position:sticky;top:76px;z-index:50;background:var(--oat);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--lijn);margin-bottom:34px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--lijn);background:transparent;padding:9px 16px;font-size:13px;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:all .2s}.chip:hover{border-color:var(--houtskool)}.chip[aria-pressed=true]{background:var(--houtskool);color:var(--oat);border-color:var(--houtskool)}.rechts-filters{display:flex;gap:10px;align-items:center}.zoek{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--houtskool-2);padding:4px 2px}.zoek svg{width:16px;height:16px;flex:none}.zoek input{border:0;background:transparent;font:inherit;font-size:14px;width:170px;padding:4px 0}.zoek input:focus{outline:none}select.sort{font:inherit;font-size:14px;border:1px solid var(--lijn);background:transparent;padding:8px 10px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 18px}.kaart{position:relative}.kaart .foto{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--oat-2);cursor:pointer;display:block;width:100%;border:0;padding:0}.kaart .foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform 1s ease}.kaart .foto img.tweede{opacity:0}.kaart:hover .foto img.tweede{opacity:1}.kaart:hover .foto img{transform:scale(1.03)}.kaart .label-op{position:absolute;top:12px;left:12px;z-index:2;background:var(--wit);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px}.snel{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;background:#fbf9f6f5;padding:12px;transform:translateY(12px);opacity:0;transition:all .3s ease}.kaart:hover .snel,.kaart:focus-within .snel{transform:none;opacity:1}.snel small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grijs);margin-bottom:8px}.maten{display:flex;flex-wrap:wrap;gap:6px}.maat{min-width:38px;padding:7px 8px;border:1px solid var(--lijn);background:var(--wit);font-size:13px;cursor:pointer}.maat:hover:not(:disabled){background:var(--houtskool);color:var(--oat);border-color:var(--houtskool)}.maat:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.kaart .info{padding:14px 2px 0}.kaart h3{font-family:var(--tekst);font-size:15.5px;font-weight:500;letter-spacing:.01em;line-height:1.35;cursor:pointer}.kaart .sub{font-size:13.5px;color:var(--grijs);font-weight:300;margin-top:2px}.kaart .prijs{margin-top:8px;font-size:15px}.kleurtjes{display:flex;gap:5px;margin-top:8px;font-size:12px;color:var(--grijs)}.status{text-align:center;padding:60px 20px;color:var(--grijs)}.skelet{aspect-ratio:3 / 4;background:linear-gradient(90deg,var(--oat-2) 0%,#ece5da 50%,var(--oat-2) 100%);background-size:200% 100%;animation:glans 1.4s infinite}@keyframes glans{to{background-position:-200% 0}}.beloften{background:var(--wit);border-block:1px solid var(--lijn)}.beloften .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.belofte{padding:50px 40px;text-align:center;border-left:1px solid var(--lijn)}.belofte:first-child{border-left:0}.belofte svg{width:34px;height:34px;margin:0 auto 18px}.belofte h3{font-size:26px;margin-bottom:8px}.belofte p{margin:0;color:var(--grijs);font-weight:300}.merk{padding:130px 0;text-align:center}.merk h2{font-size:clamp(38px,5vw,72px);max-width:980px;margin:18px auto 26px}.merk h2 em{color:var(--klei)}.merk p{max-width:620px;margin:0 auto;color:var(--grijs);font-size:18px;font-weight:300}footer{background:var(--houtskool);color:#f1ece4b3;padding:70px 0 40px;font-size:14px}footer .wrap{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:40px}footer .logo{color:var(--oat);font-size:26px;display:inline-block;margin-bottom:14px}footer h4{margin:0 0 14px;font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--oat)}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer a{text-decoration:none}footer a:hover{color:var(--oat)}footer .onder{grid-column:1 / -1;border-top:1px solid rgba(241,236,228,.12);padding-top:24px;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px}.scherm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1e1c1a73;opacity:0;pointer-events:none;transition:opacity .3s}.scherm.open{opacity:1;pointer-events:auto}dialog.product{width:min(1100px,100% - 40px);max-height:calc(100svh - 60px);padding:0;border:0;background:var(--wit);box-shadow:var(--schaduw);overflow:auto}dialog.product::backdrop{background:#1e1c1a80}.pd{display:grid;grid-template-columns:1.1fr .9fr}.galerij{background:var(--oat-2);position:relative}.galerij .groot{aspect-ratio:3 / 4;width:100%;object-fit:cover}.duimen{display:flex;gap:6px;padding:8px;overflow-x:auto;background:var(--oat-2)}.duimen button{flex:none;width:64px;aspect-ratio:3 / 4;border:0;padding:0;cursor:pointer;opacity:.55;background:none}.duimen button[aria-current=true]{opacity:1;outline:1px solid var(--houtskool)}.duimen img{width:100%;height:100%;object-fit:cover}.pd .rechts{padding:44px 40px;position:relative}.sluit{position:absolute;top:14px;right:14px;width:42px;height:42px;border:0;background:var(--oat);cursor:pointer;display:grid;place-items:center;z-index:3}.sluit svg{width:18px;height:18px}.pd h2{font-size:36px;margin:10px 0 6px}.pd .sub{color:var(--grijs);font-weight:300}.pd .prijs{font-size:22px;margin:18px 0 26px}.optie{margin-bottom:22px}.optie .naam{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between}.optie .naam span{color:var(--grijs);letter-spacing:.04em;text-transform:none}.waarden{display:flex;flex-wrap:wrap;gap:8px}.waarde{min-width:46px;padding:10px 14px;border:1px solid var(--lijn);background:transparent;cursor:pointer;font-size:14px}.waarde[aria-pressed=true]{border-color:var(--houtskool);background:var(--houtskool);color:var(--oat)}.waarde.op{opacity:.4;text-decoration:line-through}.pd .knop{width:100%;margin-top:8px}.pd .bundelhint{margin-top:14px;font-size:14px;color:var(--groen)}.pd .beschrijving{margin-top:28px;padding-top:22px;border-top:1px solid var(--lijn);color:var(--houtskool-2);font-weight:300;font-size:15px}.pd .beschrijving p{margin:0 0 12px}.pd .zeker{display:grid;gap:8px;margin-top:22px;font-size:14px;color:var(--grijs)}.pd .zeker span:before{content:"\2713";color:var(--groen);margin-right:8px}.wagen{position:fixed;top:0;right:0;bottom:0;z-index:300;width:min(440px,100%);background:var(--wit);box-shadow:var(--schaduw);display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.wagen.open{transform:none}.wagen .kop{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--lijn)}.wagen .kop h2{font-size:26px}.voortgang{padding:18px 24px;background:var(--oat);font-size:14px}.voortgang .balk{height:5px;background:var(--oat-2);margin-top:10px;overflow:hidden}.voortgang .balk i{display:block;height:100%;background:var(--groen);transition:width .5s ease}.regels{flex:1;overflow:auto;padding:8px 24px}.regel{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--lijn)}.regel img{width:76px;aspect-ratio:3 / 4;object-fit:cover;background:var(--oat-2)}.regel b{display:block;font-weight:500;font-size:14.5px;line-height:1.3}.regel .var{font-size:13px;color:var(--grijs)}.aantal{display:inline-flex;align-items:center;border:1px solid var(--lijn);margin-top:10px}.aantal button{width:30px;height:30px;border:0;background:none;cursor:pointer}.aantal span{min-width:26px;text-align:center;font-size:14px}.regel .weg{background:none;border:0;cursor:pointer;font-size:12px;color:var(--grijs);text-decoration:underline;padding:0;margin-left:12px}.regel .bedrag{font-size:14.5px;white-space:nowrap}.leeg{text-align:center;padding:60px 10px;color:var(--grijs)}.wagen .voet{padding:20px 24px 24px;border-top:1px solid var(--lijn)}.wagen .rij{display:flex;justify-content:space-between;margin-bottom:6px;font-size:15px}.wagen .rij.korting{color:var(--groen)}.wagen .rij.totaal{font-size:18px;font-weight:500;margin:10px 0 4px}.wagen .noot{font-size:12.5px;color:var(--grijs);margin:0 0 16px}.wagen .knop{width:100%}.melding{position:fixed;left:50%;bottom:24px;z-index:400;transform:translate(-50%,120px);background:var(--houtskool);color:var(--oat);padding:14px 22px;font-size:14px;transition:transform .35s ease}.melding.toon{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1080px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tegels{grid-template-columns:repeat(2,minmax(0,1fr))}.bundel .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.bundel .titel{grid-column:1 / -1;padding:26px 0 0}.trap:first-of-type{border-left:0}}@media(max-width:1000px){header.top nav{display:none}header.top nav.open{display:block;position:fixed;top:128px;left:0;right:0;background:var(--oat);border-bottom:1px solid var(--lijn);padding:6px 20px 20px}header.top nav.open ul{flex-direction:column;gap:0}header.top nav.open a{display:block;padding:14px 0;font-family:var(--kop);text-transform:none;letter-spacing:0;font-size:26px;border-bottom:1px solid var(--lijn)}.menu-knop{display:grid}header.top .wrap{grid-template-columns:auto 1fr auto}.logo{text-align:center}}@media(max-width:860px){header.top nav{display:none}header.top nav.open{display:block;position:fixed;top:128px;left:0;right:0;background:var(--oat);border-bottom:1px solid var(--lijn);padding:6px 20px 20px}header.top nav.open ul{flex-direction:column;gap:0}header.top nav.open a{display:block;padding:14px 0;font-family:var(--kop);text-transform:none;letter-spacing:0;font-size:26px;border-bottom:1px solid var(--lijn)}.menu-knop{display:grid}header.top .wrap{grid-template-columns:auto 1fr auto}.logo{text-align:center;font-size:24px}.hero{grid-template-columns:1fr;min-height:0}.hero .tekst{padding:56px 20px}.hero .beelden{height:70vw;max-height:560px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.snel{display:none}.filterbalk{top:76px}.rechts-filters{width:100%;justify-content:space-between}.zoek input{width:130px}.beloften .wrap{grid-template-columns:1fr}.belofte{border-left:0;border-top:1px solid var(--lijn);padding:36px 20px}.belofte:first-child{border-top:0}.pd{grid-template-columns:1fr}.pd .rechts{padding:30px 22px}dialog.product{width:100%;max-width:100%;max-height:100svh;height:100svh;margin:0}footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1 / -1}.aankondiging div{justify-content:flex-start;animation:lopen 22s linear infinite;width:max-content}@keyframes lopen{to{transform:translate(-50%)}}}@media(max-width:520px){.bundel .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.trap:nth-of-type(3){border-left:0}.trap{border-top:1px solid rgba(241,236,228,.14);padding:20px 10px}.kaart h3{font-size:14px}.tegel span{font-size:22px;left:14px;bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vunketa-storefront.css.map */