.pu-shop{position:relative;border-radius:var(--pu-radius-groot);background:var(--pu-cream);overflow:hidden}.pu-shop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:var(--pu-radius-groot);box-shadow:inset 0 0 0 1px var(--pu-line)}.pu-shop__kop{padding:var(--pu-s-16) var(--pu-s-16) var(--pu-s-12);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pu-s-16)}.pu-shop__titels{display:flex;flex-direction:column;gap:var(--pu-s-4)}.pu-shop__eyebrow{font-size:var(--pu-caps);line-height:var(--pu-caps-lh);letter-spacing:var(--pu-caps-ls);font-weight:var(--pu-fw-bold);text-transform:uppercase;color:var(--pu-green)}.pu-shop .pu-shop__titel{margin:0;font-size:var(--pu-h3);line-height:var(--pu-h3-lh);font-weight:var(--pu-fw-semi);letter-spacing:-.1px;color:var(--pu-ink-strong);text-wrap:balance}.pu-shop__hint{display:none;flex:0 0 auto;font-size:var(--pu-small);line-height:var(--pu-small-lh);color:var(--pu-ink)}.pu-shop__lijst{margin:0 var(--pu-s-8);padding:0;list-style:none;border-radius:var(--pu-radius-kaart);background:var(--pu-white);box-shadow:inset 0 0 0 1px var(--pu-line);overflow:hidden}.pu-shop__rij{position:relative;padding:var(--pu-s-12);border-top:1px solid var(--pu-line-soft);display:flex;align-items:flex-start;gap:var(--pu-s-12)}.pu-shop__rij:first-child{border-top:0}.pu-shop__check{position:absolute;opacity:0;pointer-events:none}.pu-shop__vak{flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:6px;background:var(--pu-white);box-shadow:inset 0 0 0 1.5px var(--pu-chevron);color:var(--pu-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.pu-shop__vak svg{stroke-width:2.4;opacity:0}.pu-shop__check:checked+.pu-shop__vak{background:var(--pu-green);box-shadow:inset 0 0 0 1.5px var(--pu-green)}.pu-shop__check:checked+.pu-shop__vak svg{opacity:1}.pu-shop__check:focus-visible+.pu-shop__vak{outline:2px solid var(--pu-ink-strong);outline-offset:3px}.pu-shop__foto{position:relative;flex:0 0 44px;width:44px;height:56px;border-radius:6px;background:var(--pu-white);box-shadow:inset 0 0 0 1px var(--pu-line);display:block;overflow:hidden;cursor:pointer;transition:opacity .12s ease}.pu-shop__foto img{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain}.pu-shop__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--pu-s-8);cursor:pointer}.pu-shop__info>label{display:flex;flex-direction:column;gap:var(--pu-s-4)}.pu-shop__naam{display:block;font-size:var(--pu-knoplabel);line-height:var(--pu-knoplabel-lh);font-weight:var(--pu-fw-semi);color:var(--pu-ink-strong);text-wrap:pretty}.pu-shop__rol{display:none;font-size:var(--pu-small);line-height:var(--pu-small-lh);color:var(--pu-ink)}.pu-shop__benodigd{display:block}.pu-shop__rij:has(.pu-shop__check:not(:checked)) .pu-shop__naam,.pu-shop__rij:has(.pu-shop__check:not(:checked)) .pu-shop__prijs{color:var(--pu-ink-muted)}.pu-shop__rij:has(.pu-shop__check:not(:checked)) .pu-shop__foto{opacity:.45}.pu-shop__rij:has(.pu-shop__maten){display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"vak foto info prijs" "vak maten maten maten";align-items:start}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__vak{grid-area:vak}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__foto{grid-area:foto}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__info{grid-area:info}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__prijs{grid-area:prijs}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__maten{grid-area:maten}.pu-shop__maten{align-self:flex-start;margin:0;padding:3px;border:0;border-radius:17px;background:var(--pu-cream-band);display:flex;flex-wrap:wrap;gap:2px}.pu-shop__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pu-shop__maat input{position:absolute;opacity:0;pointer-events:none}.pu-shop__maat span{flex:0 0 auto;height:28px;padding:0 var(--pu-s-12);border-radius:var(--pu-radius-pil);display:flex;align-items:center;font-size:var(--pu-micro);line-height:var(--pu-micro-lh);font-weight:var(--pu-fw-semi);color:var(--pu-ink);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer}.pu-shop__maat input:checked+span{background:var(--pu-white);box-shadow:inset 0 0 0 1px var(--pu-green-track);color:var(--pu-green-dark)}.pu-shop__maat input:disabled+span{color:var(--pu-ink-muted);cursor:default;text-decoration:line-through}.pu-shop__maat input:focus-visible+span{outline:2px solid var(--pu-ink-strong);outline-offset:2px}.pu-shop__prijs{flex:0 0 auto;font-size:var(--pu-knoplabel);line-height:var(--pu-knoplabel-lh);font-weight:var(--pu-fw-semi);color:var(--pu-ink-strong);font-variant-numeric:tabular-nums}.pu-shop__rij--keuken{background:var(--pu-cream);align-items:center}.pu-shop__punt{flex:0 0 22px;text-align:center;color:var(--pu-chevron)}.pu-shop__keuken-naam{flex:1 1 auto;font-size:var(--pu-knoplabel);line-height:var(--pu-knoplabel-lh);color:var(--pu-ink)}.pu-shop__keuken-label{flex:0 0 auto;font-size:var(--pu-micro);line-height:var(--pu-micro-lh);color:var(--pu-ink-muted)}.pu-shop__voet{padding:var(--pu-s-12) var(--pu-s-16) var(--pu-s-16);display:flex;flex-direction:column;gap:var(--pu-s-12)}.pu-shop__som{display:none}.pu-shop__knop{--pu-knop-hoogte: 52px;width:100%}.pu-shop__knop.is-klaar{background:var(--pu-green-dark);border-color:var(--pu-green-dark)}.pu-shop__wagen{align-self:center;display:flex;align-items:center;gap:var(--pu-s-8);font-size:var(--pu-knoplabel);line-height:var(--pu-knoplabel-lh);font-weight:var(--pu-fw-semi);color:var(--pu-green);text-decoration:none}.pu-shop__wagen[hidden]{display:none}.pu-shop__regel{text-align:center;font-size:var(--pu-small);line-height:var(--pu-small-lh);color:var(--pu-ink)}.pu-shop__fout{color:var(--pu-error)}@media(prefers-reduced-motion:reduce){.pu-shop *{transition:none!important}}@media(min-width:1024px){.pu-shop__kop{padding:var(--pu-s-24) var(--pu-s-24) var(--pu-s-16)}.pu-shop__hint{display:block}.pu-shop__lijst{margin:0 var(--pu-s-12)}.pu-shop__rij{padding:var(--pu-s-16);gap:var(--pu-s-16);align-items:flex-start}.pu-shop__foto{flex:0 0 56px;width:56px;height:70px}.pu-shop__rij:has(.pu-shop__maten){grid-template-areas:"vak foto info prijs" "vak foto maten maten"}.pu-shop__rij:has(.pu-shop__maten) .pu-shop__foto{align-self:stretch;height:auto}.pu-shop__foto img{top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.pu-shop__naam{font-size:var(--pu-h4);line-height:var(--pu-h4-lh)}.pu-shop__rol{display:block}.pu-shop__maat span{font-size:var(--pu-small);line-height:var(--pu-small-lh)}.pu-shop__prijs{font-size:var(--pu-h4);line-height:var(--pu-h4-lh)}.pu-shop__keuken-naam{font-size:var(--pu-body);line-height:var(--pu-body-lh)}.pu-shop__keuken-label{font-size:var(--pu-small);line-height:var(--pu-small-lh)}.pu-shop--inline .pu-shop__voet,.pu-shop--kolom .pu-shop__voet{padding:var(--pu-s-16) var(--pu-s-24) var(--pu-s-24)}.pu-shop--inline .pu-shop__voet{flex-direction:row;align-items:center;gap:var(--pu-s-20)}.pu-shop--inline .pu-shop__som{display:flex;flex:0 0 auto;flex-direction:column}.pu-shop--inline .pu-shop__knop{flex:1 1 auto;width:auto}.pu-shop--inline .pu-shop__wagen{align-self:auto}.pu-shop__som-tel{font-size:var(--pu-small);line-height:var(--pu-small-lh);color:var(--pu-ink)}.pu-shop__som-bedrag{font-size:var(--pu-h3);line-height:var(--pu-h3-lh);font-weight:var(--pu-fw-semi);letter-spacing:-.2px;color:var(--pu-ink-strong);font-variant-numeric:tabular-nums}.pu-shop--mini .pu-shop__kop{padding:var(--pu-s-16) var(--pu-s-16) var(--pu-s-12)}.pu-shop--mini .pu-shop__titel,.pu-shop--mini .pu-shop__hint,.pu-shop--mini .pu-shop__maten,.pu-shop--mini .pu-shop__rol,.pu-shop--mini .pu-shop__prijs,.pu-shop--mini .pu-shop__vak{display:none}.pu-shop--mini .pu-shop__lijst{margin:0 var(--pu-s-16);background:none;box-shadow:none;display:flex;flex-direction:column;gap:var(--pu-s-8)}.pu-shop--mini .pu-shop__rij{padding:0;border:0;gap:var(--pu-s-12)}.pu-shop--mini .pu-shop__rij{align-items:center}.pu-shop--mini .pu-shop__foto{flex-basis:44px;width:44px;height:54px}.pu-shop--mini .pu-shop__rij:has(.pu-shop__maten){display:flex}.pu-shop--mini .pu-shop__rij:has(.pu-shop__maten) .pu-shop__foto{align-self:center;height:54px}.pu-shop--mini .pu-shop__naam{font-size:var(--pu-small);line-height:var(--pu-small-lh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pu-shop--mini .pu-shop__voet{padding:var(--pu-s-12) var(--pu-s-16) var(--pu-s-16)}.pu-shop--mini .pu-shop__knop{--pu-knop-hoogte: 44px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pu-shop.css.map */