.product-card__content>div:has(>.hds-vgl-kaart){display:contents}.hds-vgl-kaart{position:absolute;inset-block-start:var(--padding-xs, .5rem);inset-inline-start:var(--padding-xs, .5rem);z-index:var(--layer-raised, 2);display:flex;align-items:center;justify-content:center;min-block-size:38px;min-inline-size:38px;padding:.5rem;background-color:#ffffffe0;border:1px solid rgb(0 0 0 / 13%);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hds-vgl-kaart[hidden]{display:none}.hds-vgl-kaart .checkbox__label{min-width:0}.hds-vgl-kaart .checkbox__label-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;font-size:var(--font-size--sm)}.product-grid__item--0 .hds-vgl-kaart .checkbox__label-text{position:static;width:auto;height:auto;padding-inline-start:var(--checkbox-label-padding, 6px);overflow:visible;clip-path:none}.hds-vgl-kaart .checkbox--disabled{opacity:var(--opacity-60, .6)}.hds-vgl-tray{position:fixed;right:var(--page-margin, 1rem);bottom:1rem;z-index:var(--layer-temporary, 20);width:19rem;max-width:calc(100% - 2rem);background-color:var(--color-background);color:var(--color-foreground);border:var(--style-border-width-primary, 1px) solid var(--color-border);border-radius:var(--style-border-radius-popover, .75rem);box-shadow:var(--shadow-popover, 0 .75rem 2rem -.75rem rgb(0 0 0 / 35%));overflow:hidden}.hds-vgl-tray[hidden]{display:none}.hds-vgl-tray-kop{display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem;border-bottom:1px solid rgb(var(--color-border-rgb) / var(--opacity-60, .6))}.hds-vgl-tray-titel{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0;font-size:var(--font-size--sm);font-weight:600;text-align:left;background:none;border:0;padding:0;margin:0;color:inherit;font-family:inherit;cursor:pointer}.hds-vgl-chev{flex:none;transition:transform var(--animation-speed-medium, .15s) var(--animation-easing, ease)}.hds-vgl-tray.is-dicht .hds-vgl-chev{transform:rotate(-90deg)}.hds-vgl-tray.is-dicht .hds-vgl-tray-body{display:none}.hds-vgl-bubbel{flex:none;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;border-radius:var(--style-border-radius-lg, 1rem);background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);font-size:var(--font-size--2xs);font-weight:600;line-height:1}.hds-vgl-tray-wis{flex:none;font-family:inherit;font-size:var(--font-size--xs);background:none;border:0;padding:0;color:inherit;opacity:var(--opacity-subdued-text, .7);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.hds-vgl-tray-wis:hover{opacity:1}.hds-vgl-tray-lijst{list-style:none;margin:0;padding:0;max-height:14.5rem;overflow-y:auto}.hds-vgl-tray-lijst li{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-bottom:1px solid rgb(var(--color-border-rgb) / var(--opacity-60, .6))}.hds-vgl-tray-lijst li:last-child{border-bottom:0}.hds-vgl-thumb{flex:none;width:2.5rem;height:2.5rem;max-width:2.5rem;object-fit:cover;border-radius:var(--style-border-radius-xs, .25rem);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.hds-vgl-tray-item{display:flex;flex-direction:column;gap:.125rem;min-width:0}.hds-vgl-tray-naam{font-size:var(--font-size--xs);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hds-vgl-tray-prijs{font-size:var(--font-size--xs);opacity:var(--opacity-subdued-text, .7)}.hds-vgl-weg{flex:none;margin-left:auto;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;background:none;border:0;border-radius:var(--style-border-radius-lg, 1rem);color:inherit;opacity:var(--close-icon-opacity, .55);cursor:pointer;transition:opacity var(--animation-speed, .125s) var(--animation-easing, ease),background-color var(--animation-speed, .125s) var(--animation-easing, ease)}.hds-vgl-weg:hover:not(:disabled){opacity:1;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.hds-vgl-weg:disabled{opacity:var(--opacity-25, .25);cursor:not-allowed}.hds-vgl-tray-voet{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;border-top:1px solid rgb(var(--color-border-rgb) / var(--opacity-60, .6))}.hds-vgl-tray-voet .button{width:100%}.hds-vgl-tray-voet .button[aria-disabled=true]{opacity:var(--opacity-40, .4);pointer-events:none}.hds-vgl-hint{font-size:var(--font-size--2xs);text-align:center;opacity:var(--opacity-subdued-text, .7)}.hds-vgl-hint.is-waarschuwing{opacity:1;color:var(--color-error)}.hds-vgl-sectie{display:flex;flex-direction:column;gap:1rem;padding-block:.5rem 4rem}button.hds-vgl-terug{font:inherit;background:none;border:0;padding:0;cursor:pointer}.hds-vgl-terug{align-self:flex-start;font-size:var(--font-size--sm);color:inherit;text-decoration:underline;text-underline-offset:.25em;opacity:var(--opacity-subdued-text, .7)}.hds-vgl-terug:hover{opacity:1}.hds-vgl-houder{border:var(--style-border-width-primary, 1px) solid var(--color-border);border-radius:var(--style-border-radius-lg, 1rem);background-color:var(--color-background);overflow:clip}.hds-vgl-balk{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1rem;padding:.875rem 1rem;border-bottom:1px solid var(--color-border);font-size:var(--font-size--sm)}.hds-vgl-aantal{opacity:var(--opacity-subdued-text, .7)}.hds-vgl-aantal strong{font-weight:600;opacity:1}.hds-vgl-balk .button-secondary{--button-padding-block: .4rem;--button-padding-inline: .85rem;font-size:var(--font-size--xs)}.hds-vgl-schakelaar{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;padding:0;font:inherit;font-size:var(--font-size--sm);background:none;border:0;color:inherit;cursor:pointer;white-space:nowrap}.hds-vgl-spoor{flex:none;position:relative;width:2.25rem;height:1.25rem;border-radius:var(--style-border-radius-lg, 1rem);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-25, .25));transition:background-color var(--animation-speed-medium, .15s) var(--animation-easing, ease)}.hds-vgl-spoor:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background-color:#fff;transition:transform var(--animation-speed-medium, .15s) var(--animation-easing, ease)}.hds-vgl-schakelaar[aria-pressed=true] .hds-vgl-spoor{background-color:var(--color-primary)}.hds-vgl-schakelaar[aria-pressed=true] .hds-vgl-spoor:after{transform:translate(1rem)}.hds-vgl-schakelaar:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hds-vgl-venster{position:relative}.hds-vgl-pijlen{position:sticky;top:45vh;height:0;z-index:var(--layer-temporary, 20)}.hds-vgl-pijl{position:absolute;top:0;transform:translateY(-50%);z-index:var(--layer-temporary, 20);display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:var(--style-border-width-primary, 1px) solid var(--color-border);border-radius:50%;background-color:var(--color-background);color:var(--color-primary);cursor:pointer;box-shadow:0 .25rem .75rem -.25rem #00000040;transition:background-color var(--animation-speed, .125s) var(--animation-easing, ease)}.hds-vgl-pijl:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.hds-vgl-pijl[hidden]{display:none}.hds-vgl-pijl--vorige{left:.5rem}.hds-vgl-pijl--volgende{right:.5rem}.hds-vgl-kopstrip{position:sticky;top:var(--hds-vgl-kop-top, 0px);z-index:calc(var(--layer-sticky, 8) - 1);overflow-x:auto;overflow-y:hidden;background-color:var(--color-background);border-bottom:1px solid var(--color-border);scrollbar-width:thin}@supports (timeline-scope: --hds-vgl-x){.hds-vgl-venster{timeline-scope:--hds-vgl-x}.hds-vgl-scroller{scroll-timeline:--hds-vgl-x inline}.hds-vgl-kopstrip{overflow:hidden;touch-action:pan-y}.hds-vgl-kop-tabel{animation:hds-vgl-kop-mee linear both;animation-timeline:--hds-vgl-x;will-change:transform}.hds-vgl-kop-tabel .hds-vgl-hoek{animation:hds-vgl-hoek-tegen linear both;animation-timeline:--hds-vgl-x;will-change:transform}}@keyframes hds-vgl-kop-mee{to{transform:translate(calc(-1 * var(--hds-vgl-schuif, 0px)))}}@keyframes hds-vgl-hoek-tegen{to{transform:translate(var(--hds-vgl-schuif, 0px))}}.hds-vgl-scroller{overflow-x:auto;overflow-y:hidden}.hds-vgl-tabel{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:var(--font-size--sm)}.hds-vgl-col-label{width:13.5rem}.hds-vgl-tabel col:not(.hds-vgl-col-label){width:var(--kolom, 13rem)}.hds-vgl-kop-tabel{border-bottom:0}.hds-vgl-kop-tabel thead :is(th,td){border-bottom:0}.hds-vgl-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hds-vgl-tabel th,.hds-vgl-tabel td{text-align:left;vertical-align:top;padding:.7rem .875rem}.hds-vgl-tabel tbody tr{--hds-vgl-rij: var(--color-background, #ffffff)}.hds-vgl-tabel tbody tr.hds-vgl-rij--tint{--hds-vgl-rij: #f6f6f6;--hds-vgl-rij: color-mix(in srgb, var(--color-foreground) 4%, var(--color-background))}.hds-vgl-tabel tbody :is(th,td){background-color:var(--hds-vgl-rij)}.hds-vgl-tabel thead :is(th,td){background-color:var(--color-background);vertical-align:top}.hds-vgl-tabel :is(tbody th,.hds-vgl-hoek){position:sticky;left:0;z-index:var(--layer-raised, 2);background-color:var(--hds-vgl-rij, var(--color-background, #ffffff));font-weight:400}.hds-vgl-tabel .hds-vgl-hoek{z-index:calc(var(--layer-sticky, 8) + 1);font-size:var(--font-size--2xs);letter-spacing:.08em;text-transform:uppercase;vertical-align:bottom}.hds-vgl-tabel .hds-vgl-hoek>span{opacity:var(--opacity-subdued-text, .7)}.hds-vgl-tabel thead img{display:block;width:4.5rem;height:4.5rem;max-width:4.5rem;object-fit:cover;border-radius:var(--style-border-radius-xs, .25rem);margin-bottom:.4rem}.hds-vgl-kop-naam{display:block;font-weight:600;line-height:1.3;color:inherit;text-decoration:none}.hds-vgl-kop-naam:hover{text-decoration:underline;text-underline-offset:.25em}.hds-vgl-voor{opacity:var(--opacity-subdued-text, .7);text-decoration:line-through}.hds-vgl-korting{display:inline-block;padding:.125rem .375rem;border-radius:var(--style-border-radius-xs, .25rem);background-color:#fff0e6;color:#f83;font-size:var(--font-size--2xs);font-weight:600;white-space:nowrap}.hds-vgl-kop-prijs{display:block;margin-top:.15rem;font-size:var(--font-size--xs);opacity:var(--opacity-subdued-text, .7)}.hds-vgl-kop-weg{float:right;margin:-.25rem -.35rem 0 .5rem}.hds-vgl-tabel .hds-vgl-groep{--hds-vgl-rij: #ececec;--hds-vgl-rij: color-mix(in srgb, var(--color-foreground) 8%, var(--color-background))}.hds-vgl-tabel .hds-vgl-groep th{position:sticky;left:0;z-index:var(--layer-raised, 2);padding:0}.hds-vgl-groep span{position:sticky;left:0;display:inline-block;padding:.5rem .875rem;font-size:var(--font-size--2xs);letter-spacing:.08em;text-transform:uppercase;opacity:var(--opacity-subdued-text, .7)}.hds-vgl-labelrij,.hds-vgl-tabel.toon-verschillen tr.is-gelijk{display:none}.hds-vgl-leeg-cel{opacity:var(--opacity-40, .4)}.hds-vgl-leeg{margin:0;padding:1.25rem;font-size:var(--font-size--sm);display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}@media screen and (max-width:1080px){.hds-vgl-col-label{width:11rem}}@media screen and (max-width:749px){.hds-vgl-sectie{padding-block-end:2.5rem}.hds-vgl-tray{left:auto;right:1rem;bottom:1rem;width:auto;max-width:calc(100% - 2rem);border-radius:var(--style-border-radius-buttons, 1.5rem)}.hds-vgl-tray-kop{padding:.5rem .8125rem;border-bottom:0}.hds-vgl-tray-titel{font-size:var(--font-size--xs)}.hds-vgl-tray-body,.hds-vgl-tray-wis,.hds-vgl-chev{display:none}.hds-vgl-kaart .checkbox__label-text{font-size:var(--font-size--xs)}.hds-vgl-tabel th,.hds-vgl-tabel td{padding:.6rem;font-size:var(--font-size--xs)}.hds-vgl-labelrij{display:table-row}.hds-vgl-pijl{display:none}.hds-vgl-schakelaar{margin-left:0}.hds-vgl-labelrij th{position:sticky;left:0;z-index:var(--layer-raised, 2);padding:0;border-right:0;background-color:var(--color-background, #ffffff);text-align:left}.hds-vgl-labelrij span{position:sticky;left:0;display:inline-block;padding:.6rem .6rem .15rem;font-size:var(--font-size--xs);font-weight:600}.hds-vgl-tabel .hds-vgl-rij :is(th,td):first-of-type{border-left:0}.hds-vgl-tabel thead img{width:3.5rem;height:3.5rem;max-width:3.5rem;margin-bottom:.25rem}.hds-vgl-kop-tabel thead :is(th,td){padding-block:.5rem}.hds-vgl-kop-naam{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hds-vgl-max{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vergelijken.css.map */