.lf3d{--lf3d-bruin: #4A3C31;--lf3d-lijn: rgba(74, 60, 49, .16);--lf3d-zacht: #F4F1EC;--lf3d-rond: 10px;--lf3d-rond-klein: 6px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"beeld paneel" "voet voet";gap:0;border:1px solid var(--lf3d-lijn);background:#fff;color:var(--lf3d-bruin);font-family:Gotu,system-ui,sans-serif;overflow:hidden;border-radius:var(--lf3d-rond);min-height:720px}@media(max-width:900px){.lf3d{min-height:620px}}.lf3d__beeld{grid-area:beeld;position:relative;background:linear-gradient(180deg,#fff 0%,var(--lf3d-zacht) 100%);min-height:380px}.lf3d__vlak{position:absolute;top:0;right:0;bottom:0;left:0}.lf3d__vlak canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.lf3d__laden,.lf3d__fout{position:absolute;inset:auto 0 50% 0;margin:0;text-align:center;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:#4a3c318c;pointer-events:none}.lf3d__hint{position:absolute;top:10px;right:12px;margin:0;font-size:.625rem;letter-spacing:.04em;color:#4a3c3180;background:#ffffffb8;padding:4px 9px;border-radius:var(--lf3d-rond-klein);pointer-events:none}.lf3d__hint-vinger{display:none}@media(hover:none){.lf3d__hint-muis{display:none}.lf3d__hint-vinger{display:inline}}.lf3d__paneel{grid-area:paneel;border-left:1px solid var(--lf3d-lijn);padding:20px 20px 8px;max-height:560px;overflow-y:auto;overscroll-behavior:contain}.lf3d__blok+.lf3d__blok{margin-top:22px}.lf3d__blok[hidden]{display:none}.lf3d__kop{margin:0 0 10px;font-family:Aboreto,Gotu,serif;font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#4a3c31b3}.lf3d__rij{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.lf3d__rij--stof{margin-top:12px}.lf3d__tegel{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:9px 7px 8px;border:1px solid var(--lf3d-lijn);border-radius:var(--lf3d-rond-klein);background:#fff;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background-color .15s}.lf3d__tegel img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:3px}.lf3d__tegel-naam{font-size:.625rem;line-height:1.3;text-align:center;letter-spacing:.02em;color:#4a3c31bf;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;min-height:2.6em;white-space:normal;display:flex;align-items:center;justify-content:center}.lf3d__tegel:hover{border-color:#4a3c3173}.lf3d__tegel.is-gekozen{border-color:var(--lf3d-bruin);background:var(--lf3d-zacht)}.lf3d__tegel.is-uit{opacity:.3;cursor:not-allowed}.lf3d__tegel--rond{width:52px;border:none;padding:0;background:none;align-self:flex-start}.lf3d__tegel--rond img{border-radius:50%;border:1px solid var(--lf3d-lijn);object-fit:cover}.lf3d__tegel--rond .lf3d__tegel-naam{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lf3d__tegel--rond.is-gekozen{background:none}.lf3d__tegel--rond.is-gekozen img{border-width:2px;border-color:var(--lf3d-bruin);box-shadow:0 0 0 2px #fff inset}.lf3d__tegel--tekst{width:auto;min-width:88px;padding:9px 14px}.lf3d__tegel--tekst .lf3d__tegel-naam{min-height:0}.lf3d__groep{flex:0 0 100%;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:#4a3c3180;margin:2px 0 -2px}@media(max-width:900px){.lf3d__groep{flex:0 0 auto;align-self:center;margin:0 2px 0 6px}}.lf3d__chip{border:1px solid var(--lf3d-lijn);background:#fff;color:#4a3c31cc;font:inherit;font-size:.6875rem;line-height:1.3;letter-spacing:.04em;padding:6px 11px;border-radius:var(--lf3d-rond-klein);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.lf3d__chip:hover{border-color:#4a3c3173}.lf3d__chip.is-gekozen{border-color:var(--lf3d-bruin);background:var(--lf3d-bruin);color:#fff}.lf3d__voorraad{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--lf3d-lijn);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:#4a3c3199;white-space:nowrap}.lf3d__voorraad.is-voorraad{border-color:#4a3c3159;color:var(--lf3d-bruin)}.lf3d__voet{grid-area:voet;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--lf3d-lijn);background:var(--lf3d-zacht)}.lf3d__samenvatting{margin:0;font-size:.8125rem;line-height:1.4;letter-spacing:.01em;color:#4a3c31d9;flex:1 1 220px}.lf3d__voet-rechts{display:flex;align-items:center;gap:14px}.lf3d__prijs{font-family:Aboreto,Gotu,serif;font-size:1.125rem;white-space:nowrap}.lf3d__bestel{border:none;background:var(--lf3d-bruin);color:#fff;font:inherit;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:12px 24px;border-radius:var(--lf3d-rond-klein);cursor:pointer;transition:opacity .15s}.lf3d__bestel:hover{opacity:.88}.lf3d__bestel:disabled{opacity:.45;cursor:default}@media(max-width:900px){.lf3d{grid-template-columns:minmax(0,1fr);grid-template-areas:"beeld" "paneel" "voet"}.lf3d__beeld{min-height:min(62vh,420px)}.lf3d__paneel{border-left:none;border-top:1px solid var(--lf3d-lijn);max-height:none;padding:16px 16px 4px}.lf3d__rij{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin}.lf3d__rij>*{flex:0 0 auto;scroll-snap-align:start}.lf3d__voet{position:sticky;bottom:0;z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.lf3d__samenvatting{font-size:.75rem;flex-basis:100%}.lf3d__voet-rechts{width:100%;justify-content:space-between}.lf3d__bestel{flex:1;text-align:center}}@media(max-width:480px){.lf3d__tegel{width:84px}.lf3d__tegel--rond{width:46px}}.lf3d--bericht{display:block;min-height:0;padding:44px 24px;text-align:center}.lf3d__bericht{max-width:34rem;margin:0 auto}.lf3d__bericht-kop{margin:0 0 10px;font-family:Aboreto,Gotu,serif;font-size:1rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--lf3d-bruin)}.lf3d__bericht-tekst{margin:0 0 20px;font-size:.8125rem;line-height:1.6;color:#4a3c31cc}.lf3d__bericht-link{display:inline-block;border:1px solid var(--lf3d-bruin);border-radius:var(--lf3d-rond-klein);padding:11px 22px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--lf3d-bruin);transition:background-color .15s,color .15s}.lf3d__bericht-link:hover{background:var(--lf3d-bruin);color:#fff}@media(prefers-reduced-motion:reduce){.lf3d__tegel,.lf3d__chip,.lf3d__bestel,.lf3d__bericht-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/lf-3d.css.map */