.shop-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px);display:grid}@media (min-width:700px){.shop-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1040px){.shop-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}.shop-kaart{text-align:start;flex-direction:column;min-width:0;display:flex;position:relative}.shop-kaart-beeld{aspect-ratio:1;border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 14%, var(--surface-cream));position:relative;overflow:hidden}.shop-kaart-foto{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shop-kaart-foto--tweede{opacity:0}.shop-kaart-leeg{width:100%;height:100%;color:var(--accent-diep);justify-content:center;align-items:center;display:flex}.shop-kaart-tekst{justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;display:flex}.shop-kaart-naam{color:inherit;min-width:0;font-size:.95rem;font-weight:500;line-height:1.35}.shop-kaart-link:after{content:"";z-index:1;position:absolute;inset:0}.shop-kaart-prijs{color:inherit;white-space:nowrap;flex-shrink:0;font-size:.95rem}.shop-prijs--actie{color:var(--danger,#b3261e);font-weight:600}.shop-prijs-van{opacity:.65;margin-inline-start:6px;font-size:.85em}.shop-vanaf{opacity:.65;font-size:.85em}.shop-kaart-eenheid{opacity:.7;padding-top:2px;font-size:.75rem}.shop-kaart-labels{z-index:2;gap:6px;display:flex;position:absolute;inset-block-start:10px;inset-inline-start:10px}.shop-label{letter-spacing:.01em;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.shop-label--actie{background:var(--brand-primary);color:var(--on-brand)}.shop-label--uit{background:color-mix(in srgb, var(--text-primary) 82%, transparent);color:var(--surface)}.shop-label--video{background:color-mix(in srgb, var(--text-primary) 62%, transparent);color:var(--surface);padding:6px}.shop-hart,.shop-oog{z-index:2;width:44px;height:44px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s ease-out,color .16s ease-out;display:flex;position:absolute}.shop-hart{background:color-mix(in srgb, var(--surface) 88%, transparent);inset-block-start:8px;inset-inline-end:8px}.shop-hart--aan{color:var(--brand-primary)}.shop-oog{background:color-mix(in srgb, var(--surface) 88%, transparent);display:none;inset-block-start:58px;inset-inline-end:8px}.shop-hart:hover,.shop-oog:hover{background:var(--surface)}.shop-kaart-actie{z-index:2;position:absolute;inset-block-end:12px;inset-inline:12px}.shop-knop{border-radius:var(--radius-sm);background:var(--brand-primary);letter-spacing:.02em;text-transform:uppercase;width:100%;min-height:44px;color:var(--on-brand);justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.8rem;font-weight:600;transition:opacity .16s ease-out;display:inline-flex}.shop-knop:hover{opacity:.9}.shop-knop:focus-visible{outline:2px solid var(--brand-glow,var(--brand-primary));outline-offset:2px}@media (hover:hover) and (pointer:fine){.shop-kaart-actie{opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(8px)}.shop-kaart:hover .shop-kaart-actie,.shop-kaart:focus-within .shop-kaart-actie{opacity:1;transform:translateY(0)}.shop-oog{opacity:0;transition:opacity .2s ease-out,background-color .16s ease-out;display:flex}.shop-kaart:hover .shop-oog,.shop-kaart:focus-within .shop-oog{opacity:1}.shop-kaart-foto--tweede{transition:opacity .32s ease-out}.shop-kaart:hover .shop-kaart-foto--tweede{opacity:1}}@media not all and (hover:hover) and (pointer:fine){.shop-kaart-actie{inset-block-end:10px;inset-inline:auto 10px}.shop-kaart-actie .shop-knop{letter-spacing:0;border-radius:999px;gap:0;width:48px;min-width:48px;height:48px;padding:0;font-size:0;box-shadow:0 2px 12px #00000047}.shop-kaart-actie .shop-knop svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.shop-kaart-actie{transition:opacity .12s ease-out;transform:none}.shop-kaart-foto--tweede{transition:opacity .12s ease-out}}.shop-venster{grid-template-columns:1fr;display:grid}@media (min-width:800px){.shop-venster{grid-template-columns:1fr 1fr}}.shop-venster-media{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 14%, var(--surface-cream));position:relative;overflow:hidden}.shop-venster-media img,.shop-venster-media video{object-fit:cover;width:100%;height:100%}.shop-venster-kant{flex-direction:column;gap:16px;padding:clamp(20px,3vw,32px);display:flex}.shop-venster-titel{font-family:var(--font-display,inherit);color:var(--text-primary);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2}.shop-media-bolletjes{justify-content:center;gap:6px;display:flex;position:absolute;inset-block-end:10px;inset-inline:0}.shop-media-bolletje{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.shop-media-bolletje:after{content:"";background:color-mix(in srgb, var(--text-primary) 35%, transparent);border-radius:999px;width:7px;height:7px;transition:background-color .16s ease-out}.shop-media-bolletje[aria-current=true]:after{background:var(--text-primary)}.shop-varianten{flex-wrap:wrap;gap:8px;display:flex}.shop-variant{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, currentColor 26%, transparent);min-height:44px;color:inherit;padding:8px 14px;font-size:.85rem;transition:border-color .16s ease-out,background-color .16s ease-out}.shop-variant[aria-pressed=true]{border-color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 8%, transparent)}.shop-variant:disabled{opacity:.45;text-decoration:line-through}.shop-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.shop-balk-knop{border-radius:var(--radius-sm);min-height:44px;color:inherit;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:inline-flex}.shop-balk-knop:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.shop-telling{color:inherit;opacity:.75;font-size:.85rem}.shop-facet{border:1px solid color-mix(in srgb, currentColor 26%, transparent);min-height:40px;color:inherit;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:border-color .16s ease-out,background-color .16s ease-out;display:inline-flex}.shop-facet[aria-pressed=true]{border-color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}.shop-facet:disabled{opacity:.4}.shop-facet-aantal{color:inherit;opacity:.7;font-size:.8em}