.winkelwagen-kopje{font-size:15px;line-height:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.winkelwagen-regels{display:flex;flex-direction:column;gap:24px}.winkelwagen-regel{display:flex;gap:14px}.winkelwagen-regel__foto{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:96px;height:96px;overflow:hidden;border-radius:var(--hoek);background:var(--vlak)}.winkelwagen-regel__foto img{width:84px;height:84px;object-fit:contain;mix-blend-mode:multiply}.winkelwagen-regel__info{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:12px}.winkelwagen-regel__boven{display:flex;justify-content:space-between;gap:12px}.winkelwagen-regel__namen{display:flex;flex-direction:column;gap:2px;min-width:0}.winkelwagen-regel__naam{font-size:14px;line-height:20px;font-weight:500}.winkelwagen-regel__naam:hover{text-decoration:underline;text-underline-offset:3px}.winkelwagen-regel__variant{font-size:13px;line-height:18px;color:var(--grijs-donker)}.winkelwagen-regel__prijs{flex-shrink:0;max-width:50%;text-align:right}.winkelwagen-regel__prijs .prijs,.winkelwagen-aanrader__prijs .prijs{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;white-space:nowrap}.winkelwagen-regel__prijs .prijs{justify-content:flex-end}.winkelwagen-levertijd{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border-radius:var(--hoek-klein);background:var(--vlak);font-size:13px;line-height:17px}.winkelwagen-levertijd svg{flex-shrink:0}.winkelwagen-regel__bediening{display:flex;align-items:center;justify-content:space-between;gap:12px}.winkelwagen-aantal{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:96px;height:36px;padding-inline:12px;border:1px solid var(--lijn);border-radius:var(--hoek);font-size:15px;line-height:18px}.winkelwagen-aantal__knop{position:relative;color:var(--grijs)}.winkelwagen-aantal__knop[aria-disabled=true]{opacity:.4}.winkelwagen-aantal__getal{width:3ch;min-width:0;height:24px;padding:0;border:0;background:transparent;color:var(--tekst);font-size:15px;line-height:18px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.winkelwagen-aantal__getal::-webkit-outer-spin-button,.winkelwagen-aantal__getal::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.winkelwagen-regel__weg,.winkelwagen-afrekenen__verder,.winkelwagen-aanrader__toevoegen{position:relative;text-decoration:underline 1px;text-underline-offset:3px}.winkelwagen-regel__weg{font-size:13px;line-height:17px;color:var(--grijs-donker)}.winkelwagen-aantal__knop:after,.winkelwagen-regel__weg:after,.winkelwagen-afrekenen__verder:after,.winkelwagen-aanrader__toevoegen:after{content:"";position:absolute;left:50%;top:50%;width:100%;min-width:44px;height:44px;transform:translate(-50%,-50%)}.winkelwagen-regel__fout,.winkelwagen-aanrader__fout{font-size:13px;line-height:18px;color:var(--tekst)}.winkelwagen-regel__fout[hidden],.winkelwagen-aanrader__fout[hidden]{display:none}.is-bezig .winkelwagen-regels,.is-bezig .winkelwagen-afrekenen{opacity:.6;pointer-events:none;transition:opacity .15s ease}.winkelwagen-afrekenen{display:flex;flex-direction:column;gap:14px}.winkelwagen-afrekenen__bedragen{display:flex;flex-direction:column;gap:4px}.winkelwagen-afrekenen__rij{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;line-height:20px;font-weight:500}.winkelwagen-afrekenen__rij--korting{font-size:13px;line-height:18px;font-weight:400}.winkelwagen-afrekenen__noot{font-size:13px;line-height:18px;color:var(--grijs-donker)}.winkelwagen-afrekenen__verder{align-self:center;font-size:14px;line-height:18px;font-weight:500}.winkelwagen-afrekenen--pagina{gap:16px;padding:20px;border-radius:var(--hoek);background:var(--vlak)}.winkelwagen-aanraders{display:flex;flex-direction:column;gap:16px}.winkelwagen-aanraders__lijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.winkelwagen-aanrader{display:flex;flex-direction:column;gap:8px;min-width:0}.winkelwagen-aanrader__foto{display:flex;align-items:center;justify-content:center;height:108px;background:var(--vlak)}.winkelwagen-aanrader__foto img{width:80px;height:80px;object-fit:contain;mix-blend-mode:multiply}.winkelwagen-aanrader__onder{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.winkelwagen-aanrader__tekst{display:flex;flex-direction:column;gap:2px;width:100%}.winkelwagen-aanrader__naam{display:-webkit-box;height:34px;overflow:hidden;font-size:13px;line-height:17px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.winkelwagen-aanrader__prijs .prijs{font-size:13px;line-height:17px}.winkelwagen-aanrader__toevoegen{font-size:13px;line-height:17px;font-weight:500;color:var(--tekst)}.winkelwagen-leeg__blok{display:flex;flex-direction:column;gap:20px}.winkelwagen-leeg__tekst{display:flex;flex-direction:column;gap:6px}.winkelwagen-leeg__titel{font-size:20px;line-height:26px;font-weight:400}.winkelwagen-leeg__zin{font-size:14px;line-height:20px;color:var(--grijs-donker)}.winkelwagen-leeg__verder{display:flex;flex-direction:column;gap:12px}.winkelwagen-leeg__lijst{border-top:1px solid var(--lijn)}.winkelwagen-leeg__rij{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid var(--lijn);font-size:15px;line-height:20px}.winkelwagen-leeg__rij svg{flex-shrink:0}.winkelwagen-leeg__rij:hover span{text-decoration:underline;text-underline-offset:3px}.winkelwagen-lade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;width:100%;height:100%;background:var(--wit);visibility:hidden;transform:translate(100%);transition:transform .25s ease,visibility 0s linear .25s}.winkelwagen-lade.is-open{visibility:visible;transform:none;transition:transform .25s ease,visibility 0s linear 0s}.winkelwagen-lade__binnen{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.winkelwagen-lade__kop{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px}.winkelwagen-lade__titels{display:flex;align-items:baseline;gap:10px;min-width:0}.winkelwagen-lade__titel{font-family:var(--letter-kop);font-weight:400;font-size:38px;line-height:40px;letter-spacing:-.01em}.winkelwagen-lade__titel:focus{outline:none}.winkelwagen-lade__aantal{font-size:14px;line-height:18px;color:var(--grijs-donker);white-space:nowrap}.winkelwagen-lade__dicht{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-6px;color:var(--tekst)}.winkelwagen-lade__midden{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;gap:56px;padding:8px 20px 16px;overflow-y:auto;overscroll-behavior:contain}.winkelwagen-lade__aanraders:empty{display:none}.winkelwagen-lade__onder{flex-shrink:0;padding:16px 20px 20px;border-top:1px solid var(--lijn);background:var(--wit)}.winkelwagen-pagina{max-width:1440px;margin-inline:auto}.winkelwagen-pagina__kop{display:flex;flex-direction:column;gap:6px;padding:16px 20px 24px}.winkelwagen-pagina__titel{font-family:var(--letter-kop);font-weight:400;font-size:46px;line-height:52px;letter-spacing:-.01em}.winkelwagen-pagina__titel:focus{outline:none}.winkelwagen-pagina__aantal{font-size:14px;line-height:20px;color:var(--grijs-donker)}.winkelwagen-pagina__raster{display:flex;flex-direction:column}.winkelwagen-pagina__regels{gap:0}.winkelwagen-pagina__regels .winkelwagen-regel{padding:20px 20px 24px;border-top:1px solid var(--lijn)}.winkelwagen-pagina__overzicht{padding-inline:20px}.winkelwagen-pagina__aanraders{padding:40px 20px 48px}.winkelwagen-pagina__aanraders:empty{padding:0 0 48px}.winkelwagen-leeg--pagina .winkelwagen-leeg__blok{padding:28px 20px 40px;border-top:1px solid var(--lijn)}.winkelwagen-leeg--pagina .winkelwagen-leeg__verder{padding:8px 20px 48px}.winkelwagen-leeg--lade{display:flex;flex-direction:column;gap:40px;padding-top:12px}@media(min-width:990px){.winkelwagen-lade{left:auto;width:480px}.winkelwagen-lade__kop{padding:24px 28px 16px}.winkelwagen-lade__midden{padding:8px 28px 16px}.winkelwagen-lade__onder{padding:16px 28px 24px}.winkelwagen-lade .winkelwagen-aanrader__foto{height:132px}.winkelwagen-lade .winkelwagen-aanrader__foto img{width:96px;height:96px}.winkelwagen-pagina__kop{padding:24px 64px 32px}.winkelwagen-pagina__raster{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"regels overzicht" "aanraders overzicht";grid-template-rows:auto 1fr;align-items:start;column-gap:64px;padding:0 64px 96px}.winkelwagen-pagina__regels{grid-area:regels;gap:24px}.winkelwagen-pagina__regels .winkelwagen-regel{gap:24px;padding:24px 0 0}.winkelwagen-pagina .winkelwagen-regel__foto{width:140px;height:140px}.winkelwagen-pagina .winkelwagen-regel__foto img{width:120px;height:120px}.winkelwagen-pagina__overzicht{grid-area:overzicht;padding:0}.winkelwagen-afrekenen--pagina{padding:24px}.winkelwagen-pagina__aanraders{grid-area:aanraders;padding:56px 0 0}.winkelwagen-pagina__aanraders:empty{padding:0}.winkelwagen-pagina .winkelwagen-aanrader__foto{height:220px}.winkelwagen-pagina .winkelwagen-aanrader__foto img{width:168px;height:168px}.winkelwagen-pagina .winkelwagen-aanrader__naam{height:auto}.winkelwagen-leeg--pagina{padding-inline:64px}.winkelwagen-leeg--pagina .winkelwagen-leeg__blok{gap:24px;padding:40px 0 64px}.winkelwagen-leeg--pagina .winkelwagen-leeg__knop{width:280px}.winkelwagen-leeg--pagina .winkelwagen-leeg__verder{padding:0 0 96px}.winkelwagen-leeg--pagina .winkelwagen-leeg__lijst{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:24px;border-top:0}.winkelwagen-leeg--pagina .winkelwagen-leeg__rij{border-top:1px solid var(--lijn)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/winkelwagen.css.map */