.winkel.fijn:is(.fijn, #f#f) { --f-foto-grond: var(--f-tegel); --f-w: 1360px; --f-gut: 40px; --f-gat: 24px; --f-r: 4px; --f-mk: 113px; --f-mg: 24px; --f-kop: 68px; --f-balk: 48px; --f-sec: 80px; --f-sec-s: 56px;
--f-sub: #59625b; --f-zacht: #6f7771; --f-lijn: #e7e6e1; --f-lijn2: #cfcec8; --f-vlak: #f5f4f0; --f-tegel: #f3f2ee; --f-stip: #1a8a4a; --f-bos: #11251b;
--kop-h: calc(var(--f-kop) + var(--f-balk)); --ink: #141a16; --sub: var(--f-sub); --muted: var(--f-zacht); --line: var(--f-lijn); --wash: var(--f-vlak);
font-size: 15px; line-height: 1.55; word-spacing: .05em; -webkit-font-smoothing: antialiased; --hoek: var(--f-r); --hoek-klein: 2px; --foto-hoek: var(--f-r); --site-breedte: var(--f-w); }
html:has(.winkel.fijn:is(.fijn, #f#f)) { scroll-padding-top: calc(var(--f-kop, 68px) + 69px); touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.winkel.fijn:is(.fijn, #f#f) h1, .winkel.fijn:is(.fijn, #f#f) h2, .winkel.fijn:is(.fijn, #f#f) h3, .winkel.fijn:is(.fijn, #f#f) h4, .winkel.fijn:is(.fijn, #f#f) b, .winkel.fijn:is(.fijn, #f#f) strong { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .fijn-meer { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); white-space: nowrap; transition: text-decoration-color .15s; }
.winkel.fijn:is(.fijn, #f#f) .fijn-meer:hover { text-decoration-color: currentColor; }
.winkel.fijn:is(.fijn, #f#f) .nu-open { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .nu-open i { width: 6px; height: 6px; border-radius: 50%; background: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .nu-open.dicht i { background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .shop-mededeling, .winkel.fijn:is(.fijn, #f#f) .shop-usp { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header { position: sticky; top: 0; z-index: 51; height: auto; background: #fff; border: 0; box-shadow: none; transition: box-shadow .2s; }
.winkel.fijn:is(.fijn, #f#f).menu-uit .shop-header { box-shadow: 0 1px 0 var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in { display: flex; align-items: center; gap: 0; width: 100%; height: var(--f-kop); max-width: calc(var(--f-w) + 2 * var(--f-gut)); margin-inline: auto; padding-inline: var(--f-gut); }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in::before, .winkel.fijn:is(.fijn, #f#f) .shop-header-in::after { display: none; content: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-logo-link { flex: none; justify-content: flex-start; width: var(--f-mk); margin-right: calc(2 * var(--f-mg) + 1px); }
.winkel.fijn:is(.fijn, #f#f) .shop-header .logo-beeld.licht { display: block; height: 40px; width: auto; max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .logo-beeld.klein, .winkel.fijn:is(.fijn, #f#f) .shop-header .logo-beeld.donker { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .ontw-kop, .winkel.fijn:is(.fijn, #f#f) .shop-menu .ontw-menu, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-kopknop, .winkel.fijn:is(.fijn, #f#f) .shop-header .kop-hulp, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-btw, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-koptel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-paneel-knop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek { position: relative; display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 200px; width: auto; max-width: 560px; height: 44px; margin: 0; padding: 0 12px 0 10px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; transition: border-color .15s; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek:focus-within { border-color: var(--ink); box-shadow: none; outline: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek > svg { display: block; order: -1; flex: none; position: static; inset: auto; transform: none; margin: 0; width: 18px; height: 18px; color: var(--f-sub); stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; color: var(--ink); -webkit-appearance: none; appearance: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek input::placeholder { color: var(--f-zacht); opacity: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek input::-webkit-search-cancel-button { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek-ga, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek-knopje, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek-terug, .winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek-toets { display: none; }
.winkel.fijn:is(.fijn, #f#f) .kop-info { display: grid; margin-left: auto; padding-left: var(--f-gat); font-size: 13px; line-height: 1.4; color: var(--f-sub); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .kop-info a, .winkel.fijn:is(.fijn, #f#f) .kop-link, .winkel.fijn:is(.fijn, #f#f) .shop-header-in > .duin-btw a { color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .kop-info a:hover, .winkel.fijn:is(.fijn, #f#f) .kop-link:hover, .winkel.fijn:is(.fijn, #f#f) .shop-header-in > .duin-btw a:hover { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .kop-link { flex: none; margin-left: var(--f-gat); font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in > .duin-btw { display: inline-flex; flex: none; gap: 8px; margin-left: 20px; padding: 0; border: 0; border-radius: 0; background: none; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in > .duin-btw > * { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--f-sub); font-size: 13px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in > .duin-btw > .aan { color: var(--ink); font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts { display: flex; flex: none; align-items: center; gap: 16px; margin-left: var(--f-gat); padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts > a { margin: 0; position: relative; display: inline-flex; flex-direction: row; align-items: center; gap: 4px; width: auto; min-width: 0; height: 40px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts > a:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts > a svg { display: block; width: 22px; height: 22px; stroke-width: 1.5; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts .kop-woord, .winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts .wagen-woord { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts .shop-wagen { min-width: 40px; justify-content: flex-end; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts .topbar-badge { position: static; display: inline; min-width: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: none !important; box-shadow: none; color: var(--ink); font-size: 13px; font-weight: 500; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts .topbar-badge.is-leeg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu { position: sticky; top: var(--f-kop); z-index: 50; box-sizing: content-box; height: var(--f-balk); background: #fff; border: 0; border-bottom: 1px solid var(--f-lijn); box-shadow: none; transition: transform .22s ease; }
.winkel.fijn:is(.fijn, #f#f).menu-uit .shop-menu { transform: translateY(-100%); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu > .shop-menu-in { position: static; display: flex; align-items: stretch; justify-content: flex-start; gap: var(--f-mg); width: 100%; height: var(--f-balk); max-width: calc(var(--f-w) + 2 * var(--f-gut)); margin-inline: auto; padding: 0 var(--f-gut) !important; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item { position: static; display: flex; align-items: stretch; flex: none; height: auto; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > summary, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item > a, .winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop { display: inline-flex; align-items: center; gap: 8px; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; box-shadow: inset 0 0 0 transparent; transition: box-shadow .12s, color .12s; cursor: pointer; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > summary::-webkit-details-marker { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > summary:hover, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item[open] > summary, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.hier > summary, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item > a:hover, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.hier > a, .winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop:hover, .winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop[aria-expanded="true"] { background: none; color: var(--ink); box-shadow: inset 0 -2px 0 var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-pijl { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop { position: relative; flex: none; width: var(--f-mk); margin-right: calc(var(--f-mg) + 1px); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop svg { width: 18px; height: 18px; stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop::after { content: ""; position: absolute; top: 15px; bottom: 15px; right: calc(-1 * var(--f-mg) - 1px); width: 1px; background: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon + .shop-menu-item:not(.heeft-onder):not(.alleen-telefoon) { margin-left: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item:not(.heeft-onder):not(.alleen-telefoon) + .shop-menu-item:not(.heeft-onder) { margin-left: calc(20px - var(--f-mg)); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item:not(.heeft-onder) > a { font-size: 14px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > a.menu-accent { gap: 6px; color: var(--winkel-accent); font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > a.menu-accent::before { content: ""; display: block !important; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8 20.5 7.4v9.2L12 21.2l-8.5-4.6V7.4z'/><path d='M3.5 7.4 12 12l8.5-4.6M12 12v9.2'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8 20.5 7.4v9.2L12 21.2l-8.5-4.6V7.4z'/><path d='M3.5 7.4 12 12l8.5-4.6M12 12v9.2'/></svg>") center / contain no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item > a.menu-accent:hover, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.hier > a.menu-accent { box-shadow: inset 0 -2px 0 var(--winkel-accent); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-rechts { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.heeft-paneel .shop-menu-paneel { position: absolute; top: 100%; left: 0; right: 0; width: auto; max-width: none; max-height: calc(100vh - var(--kop-h)); margin: 0; padding: 0; overflow-y: auto; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: #fff; box-shadow: 0 32px 48px -32px rgba(17, 37, 27, .25); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.heeft-paneel .shop-menu-paneel-in { display: block; width: 100%; max-width: calc(var(--f-w) + 2 * var(--f-gut)); margin-inline: auto; padding: 24px var(--f-gut) 32px; }
.winkel.fijn:is(.fijn, #f#f) .mb { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); min-height: 244px; font-size: 14px; font-weight: 400; white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .mb-links { grid-column: span 8; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .mb-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 14px; }
.winkel.fijn:is(.fijn, #f#f) .mb-kop h3 { margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .mb-kop h3 a { color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .mb-kop h3 a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .mb-rijen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px var(--f-gat); margin-inline: -8px; }
.winkel.fijn:is(.fijn, #f#f) .mb-groep { grid-column: 1 / -1; margin: 12px 8px 2px; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .mb-groep:first-child { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij, .winkel.fijn:is(.fijn, #f#f) .mb-hulprij { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; color: var(--ink); line-height: 1.3; white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij { padding: 6px 8px; border-radius: var(--f-r); transition: background .12s; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij:hover { background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) .mb-rij img, .winkel.fijn:is(.fijn, #f#f) .mb-hulprij img, .winkel.fijn:is(.fijn, #f#f) .mb-geen { display: block; width: 64px; height: 48px; border-radius: 2px; background: var(--f-tegel); object-fit: contain; }
.winkel.fijn:is(.fijn, #f#f) .mb-hulprij img { object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij b, .winkel.fijn:is(.fijn, #f#f) .mb-hulprij b { display: block; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .mb-hulprij b { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij small, .winkel.fijn:is(.fijn, #f#f) .mb-hulprij small { display: block; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .mb-hulp { grid-column: 9 / span 4; min-width: 0; padding-left: 32px; border-left: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .mb-hulp h4 { margin: 0 0 8px; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .mb-hulprij { padding: 6px 0; }
.winkel.fijn:is(.fijn, #f#f) .mb-hulprij:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-paneel { z-index: 49; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: #fff; box-shadow: 0 32px 48px -32px rgba(17, 37, 27, .25); }
.winkel.fijn:is(.fijn, #f#f) .mt-paneel { width: 100%; max-width: calc(var(--f-w) + 2 * var(--f-gut)); margin-inline: auto; padding: 24px var(--f-gut) 32px; }
.winkel.fijn:is(.fijn, #f#f) .mt-raster { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 20px 16px; }
.winkel.fijn:is(.fijn, #f#f) .mt { display: block; min-width: 0; color: var(--ink); font-size: 14px; line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) .mt-foto { display: block; overflow: hidden; margin-bottom: 8px; border-radius: var(--f-r); background: var(--f-tegel); aspect-ratio: 3 / 2; }
.winkel.fijn:is(.fijn, #f#f) .mt-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.winkel.fijn:is(.fijn, #f#f) .mt:hover .mt-foto img { transform: scale(1.03); }
.winkel.fijn:is(.fijn, #f#f) .mt b { display: block; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .mt small { display: block; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .mt:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .mt-service { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 20px; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--f-lijn); font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .mt-service b { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .mt-service a { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .mt-service a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer { margin: 0; padding: 0; border: 0; background: var(--f-bos); color: rgba(255, 255, 255, .76); font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-naam, .winkel.fijn:is(.fijn, #f#f) .shop-voet-boven { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a { color: inherit; transition: color .12s; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a:hover { color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop, .winkel.fijn:is(.fijn, #f#f) .voet-contact, .winkel.fijn:is(.fijn, #f#f) .shop-footer-in, .winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in { width: 100%; max-width: calc(var(--f-w) + 2 * var(--f-gut)); margin-inline: auto; padding-inline: var(--f-gut); }
.winkel.fijn:is(.fijn, #f#f) .voet-kop { display: flex; justify-content: space-between; align-items: center; gap: 24px 48px; padding-block: 56px 40px; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin { display: flex; align-items: center; gap: 20px; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin img { flex: none; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; background: rgba(255, 255, 255, .1); }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin p { margin: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; color: #fff; text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a.voet-kop-knop { flex: none; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px; border: 1px solid #fff; border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 15px; font-weight: 500; white-space: nowrap; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a.voet-kop-knop, .winkel.fijn:is(.fijn, #f#f) .shop-footer a.voet-kop-knop:hover { color: var(--ink) !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a.voet-kop-knop:hover { background: #ecebe6; border-color: #ecebe6; }
.winkel.fijn:is(.fijn, #f#f) .voet-contact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--f-gat); }
.winkel.fijn:is(.fijn, #f#f) .voet-vak { display: block; min-width: 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .24); }
.winkel.fijn:is(.fijn, #f#f) .voet-vak svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak small { display: block; font-size: 13px; line-height: 1.4; color: rgba(255, 255, 255, .62); }
.winkel.fijn:is(.fijn, #f#f) .voet-vak b { display: block; margin-top: 2px; font-size: 20px; line-height: 1.3; letter-spacing: -.01em; color: #fff; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak > span { display: block; margin-top: 2px; font-size: 14px; line-height: 1.4; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak .nu-open { display: inline-flex; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak:hover b { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); padding-block: 56px 48px; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div { grid-column: span 2; min-width: 0; margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk { grid-column: span 4; display: flex; flex-direction: column; gap: 14px; padding-right: 48px; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-logo { display: block; height: 44px; width: auto; max-width: none; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-logoplaat { display: block; padding: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-merkregel, .winkel.fijn:is(.fijn, #f#f) p.voet-uren { margin: 0; color: rgba(255, 255, 255, .76); font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) dl.voet-uren { display: grid; grid-template-columns: max-content max-content; gap: 2px 16px; margin: 0; font-size: 14px; line-height: 1.55; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) dl.voet-uren dt { margin: 0; font-weight: 400; color: rgba(255, 255, 255, .76); }
.winkel.fijn:is(.fijn, #f#f) dl.voet-uren dd { margin: 0; color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-merkadres, .winkel.fijn:is(.fijn, #f#f) .shop-voet-merkcontact, .winkel.fijn:is(.fijn, #f#f) .shop-voet-socials { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in h4, .winkel.fijn:is(.fijn, #f#f) .shop-footer-in .shop-voet-kolomkop { margin: 0 0 10px; padding: 0; font-size: 14px; font-weight: 500; color: #fff; text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder { padding: 0; border: 0; background: none; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 24px; position: relative; width: 100%; max-width: none; margin: 0; padding: 18px 0 24px; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in > span { margin: 0; padding: 0; color: rgba(255, 255, 255, .76); }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onderlinks { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder a { color: inherit; text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder a:hover { color: #fff; }
.winkel.fijn:is(.fijn, #f#f).fijn-tint { --f-foto-grond: #f7f0e6; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-blok { margin: 0; padding: var(--f-sec) 0 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .site-blok:last-child { padding-bottom: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-blok.opm-vlak-grijs { margin-top: var(--f-sec); padding-block: var(--f-sec); background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) .site-blok.opm-vlak-grijs + .site-blok:not(.opm-vlak-grijs) { padding-top: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-blok > section, .winkel.fijn:is(.fijn, #f#f) .site-blok > div, .winkel.fijn:is(.fijn, #f#f) .site-blok > form { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-blok-kopje { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 32px; width: 100%; max-width: none; margin: 0 0 32px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop h2, .winkel.fijn:is(.fijn, #f#f) .site-blok h2 { margin: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; color: var(--ink); text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop::before, .winkel.fijn:is(.fijn, #f#f) .site-rijkop h2::before { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-rijzin { margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); max-width: 62ch; }
.winkel.fijn:is(.fijn, #f#f) .site-rijlink, .winkel.fijn:is(.fijn, #f#f) .site-rijknop { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; background: none; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .site-rijlink:hover, .winkel.fijn:is(.fijn, #f#f) .site-rijknop:hover { background: none; text-decoration-color: currentColor; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-rijknop { height: auto; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-rijlink svg, .winkel.fijn:is(.fijn, #f#f) .site-rijknop svg { width: 16px; height: 16px; stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .btn-primary, .winkel.fijn:is(.fijn, #f#f) .site-blok .btn, .winkel.fijn:is(.fijn, #f#f) a.btn-primary { border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .soort-hero { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .soort-hero > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-hero, .winkel.fijn:is(.fijn, #f#f) .site-hero-dias, .winkel.fijn:is(.fijn, #f#f) .site-hero-dia { position: relative; display: block; min-height: 0; height: auto; aspect-ratio: auto; margin: 0; border-radius: 0; background: var(--f-bos); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-foto { position: static; display: block; width: 100%; height: clamp(440px, 42vw, 640px); object-fit: cover; object-position: 50% 40%; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-waas { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 16, 12, .72) 0%, rgba(9, 16, 12, .46) 34%, rgba(9, 16, 12, 0) 62%); opacity: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0 0 56px; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in h1 { max-width: 680px; margin: 0; font-size: 52px; line-height: 1.05; letter-spacing: -.026em; font-weight: 500; color: #fff; text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in p { max-width: 46ch; margin: 16px 0 24px; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .88); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in .site-blok-kopje, .winkel.fijn:is(.fijn, #f#f) .site-hero-kopje { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-knoppen, .winkel.fijn:is(.fijn, #f#f) .site-hero-in > div:last-child { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 24px; border: 1px solid #fff; border-radius: var(--f-r); background: #fff; color: var(--ink) !important; font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; text-decoration: none; box-shadow: none; transition: background .15s, border-color .15s; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a::after { display: none; content: none; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a:hover { background: #ecebe6; border-color: #ecebe6; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a + a { border-color: rgba(255, 255, 255, .6); background: rgba(9, 16, 12, .25); color: #fff !important; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a + a:hover { border-color: #fff; background: rgba(9, 16, 12, .4); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .soort-maatzoeker { padding: 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; position: static; inset: auto; transform: none; margin-top: 0 !important; padding-block: 16px !important; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-vorm { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-kop { flex: none; margin-right: 12px; width: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-kop b { display: block; font-size: 15px; font-weight: 500; line-height: 1.55; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-kop small { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld, .winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-soort { position: relative; display: inline-flex; align-items: center; width: auto; height: 44px; padding: 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; transition: border-color .15s; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld:focus-within, .winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-soort:focus-within { border-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld input { width: 72px; height: 100%; padding: 0 12px; border: 0; background: none; box-shadow: none; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld em { position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%); font-size: 14px; font-style: normal; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld:has(em) { margin-right: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld:last-of-type:has(em) { margin-right: 28px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x + .site-maatzoeker-veld em { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld:not(.site-maatzoeker-x + .site-maatzoeker-veld) em { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x + .site-maatzoeker-veld { margin-right: 42px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x { flex: none; width: auto; margin: 0; font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-soort select { width: 188px; height: 100%; padding: 0 28px 0 12px; border: 0; background-color: transparent; box-shadow: none; font-size: 15px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-knop { height: 44px; padding: 0 20px; border-radius: var(--f-r); font-size: 14px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 0 0 0 auto; padding: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chipskop { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chip:nth-of-type(n) { display: inline-flex; height: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chip { padding: 0; border: 0; border-radius: 0; background: none; color: var(--ink); font-size: 14px; font-weight: 400; text-decoration: underline; text-decoration-color: var(--f-lijn2); text-decoration-thickness: 1px; text-decoration-skip-ink: none; text-underline-offset: 4px; white-space: nowrap; word-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chip:hover { background: none; color: var(--ink); text-decoration-color: currentColor; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--f-gat); margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-categorie { display: block; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .site-categorie:hover { background: none; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .site-categoriefoto { display: block; overflow: hidden; margin: 0 0 12px; border-radius: var(--f-r); background: var(--f-vlak); aspect-ratio: 3 / 2; }
.winkel.fijn:is(.fijn, #f#f) .site-categoriefoto img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.02); transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.winkel.fijn:is(.fijn, #f#f) .site-categorie:hover .site-categoriefoto img { transform: scale(1.025); }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam { position: static; display: block; padding: 0; background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam b { display: block; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam small { display: block; margin-top: 2px; font-size: 14px; line-height: 1.55; color: var(--f-sub); font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .site-categoriepijl, .winkel.fijn:is(.fijn, #f#f) .site-categorieknop-pijl { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorien-in, .winkel.fijn:is(.fijn, #f#f) .soort-categorietegels:has(.compact) .site-categorien-in { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--f-gat); border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorie { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categoriefoto { width: 64px; height: 48px; margin: 0; border-radius: 2px; aspect-ratio: auto; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorienaam b { font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorienaam small { margin: 0; font-size: 13px; line-height: 1.35; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorie:hover .site-categorienaam b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .soort-categorietegels:has(.compact) { padding-top: 48px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam.duin-hk b { font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hk-prijs { display: block; font-size: 13px; color: var(--f-sub); font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam.duin-hk { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam.duin-hk > * { grid-column: auto; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hk-prijs b { display: inline; font-size: inherit; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-categorienaam.duin-hk small { margin-top: 4px; font-size: 13px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .duin-hk-tal { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-categorie:hover .duin-hk > b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-kop { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: end; margin-bottom: 40px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-kop h2 { grid-column: span 8; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-kop p { grid-column: 9 / span 4; margin: 0; font-size: 15px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontwt { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: stretch; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-l { grid-column: span 4; display: flex; flex-direction: column; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-r { grid-column: 5 / span 8; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tabs { border-top: 1px solid var(--f-lijn2); margin-bottom: 24px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; width: 100%; padding: 14px 0; border: 0; border-bottom: 1px solid var(--f-lijn2); border-radius: 0; background: none; color: var(--ink); text-align: left; cursor: pointer; transition: box-shadow .15s; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab b { font-size: 15px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab span { grid-row: 2; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 15px; font-style: normal; font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab.aan { box-shadow: inset 0 -1.5px 0 var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab.aan b, .winkel.fijn:is(.fijn, #f#f) .ontwt-tab.aan em { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: auto; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-paneel { display: none; overflow: hidden; border-radius: var(--f-r); background: #e8e8e4; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-paneel.aan { display: block; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-paneel img { display: block; width: 100%; height: auto; }
.winkel.fijn:is(.fijn, #f#f) a.fijn-knop { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border: 1px solid var(--winkel-accent); border-radius: var(--f-r); background: var(--winkel-accent); color: #fff; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; text-decoration: none; box-shadow: none; transition: background .15s, border-color .15s, color .15s; }
.winkel.fijn:is(.fijn, #f#f) a.fijn-knop:hover { filter: brightness(.9); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .site-producten { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-producten .site-rijkop { margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-producten .site-rijzin { margin-bottom: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-chips { display: flex; flex-wrap: wrap; gap: 0 24px; width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-chip { margin-bottom: -1px; padding: 4px 0 12px; border: 0; border-bottom: 1.5px solid transparent; border-radius: 0; background: none; color: var(--f-sub); font-size: 14px; font-weight: 400; white-space: nowrap; transition: color .15s; }
.winkel.fijn:is(.fijn, #f#f) .site-chip:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-chip.aan { background: none; color: var(--ink); font-weight: 500; border-bottom-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl { width: 100%; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-rij { display: grid; grid-template-columns: 56px minmax(0, 4fr) minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(0, 1.3fr) minmax(0, 1.5fr) 96px; column-gap: var(--f-gat); align-items: center; min-height: 0; padding: 8px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; color: var(--ink); transition: background .15s; }
.winkel.fijn:is(.fijn, #f#f) a.duin-hl-rij:hover { background: var(--f-vlak); box-shadow: -12px 0 0 var(--f-vlak), 12px 0 0 var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-kop { padding: 12px 0 8px; background: none; color: var(--f-sub); font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-kop > * { font-size: 13px; font-weight: 400; color: var(--f-sub); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-voet span { font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-voet { display: block; padding: 12px 0 0; border: 0; background: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-foto { display: block; width: 56px; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-foto img, .winkel.fijn:is(.fijn, #f#f) .duin-hl-rij img { display: block; width: 56px; height: 44px; border-radius: 2px; object-fit: cover; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam { min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam b { display: block; font-size: 15px; font-weight: 500; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam span { display: block; font-size: 13px; color: var(--f-sub); line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat { font-size: 15px; font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat small { font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-lengte { font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs { text-align: right; font-size: 15px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-kop .duin-hl-prijs { font-size: 13px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs small { display: block; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip::before { width: 6px; height: 6px; background: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip.duin-plek-lev { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip.duin-plek-lev::before { background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naar { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; width: auto; height: auto; font-size: 14px; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naar i { display: block; width: 14px; height: 14px; border: 0; border-radius: 0; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naar i::before, .winkel.fijn:is(.fijn, #f#f) .duin-hl-naar i::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naar::before { content: "Kies lengte"; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-meer { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-actie, .winkel.fijn:is(.fijn, #f#f) .duin-hl-knop { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; padding: 0; border: 0; background: none; font-size: 14px; color: var(--ink); white-space: nowrap; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst .site-rijkop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--f-gat); }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-kaart { min-width: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-label { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-kaart h3 { margin: 0 0 12px; padding: 0; font-size: 16px; line-height: 1.3; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-kaart > p { margin: 0 0 12px; max-width: 42ch; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-kaart:has(.duin-dienst-tarief) .duin-dienst-label { display: block; margin: 0 0 12px; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-kaart:has(.duin-dienst-tarief) h3 { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief { margin: 0 0 12px; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border: 0; border-top: 1px solid var(--f-lijn2); font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief b { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief span span { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief em { font-style: normal; font-weight: 500; font-size: 14px; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 7px 0; border: 0; border-top: 1px solid var(--f-lijn2); border-radius: 0; background: none; font-size: 14px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links b, .winkel.fijn:is(.fijn, #f#f) .duin-dienst-tarief b { font-size: 14px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links span span { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-links i { flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: center; min-height: 0; border: 0; border-radius: 0; background: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-foto { grid-column: span 8; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--f-r); filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-in { grid-column: 9 / span 4; min-width: 0; margin: 0; padding: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-in > p { margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px var(--f-gat); margin: 24px 0 0; padding: 24px 0 0; border: 0; border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels > div { display: block; margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels dt { display: block; margin: 0; padding: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.018em; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels dt svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels dd { display: block; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-nu { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 24px 0 16px; padding-top: 16px; border-top: 1px solid var(--f-lijn); font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a + a { height: auto; padding: 0; border: 0; background: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a + a:hover { text-decoration-color: currentColor; }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken .site-bericht-tekst > * { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px var(--f-gat); margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht { display: block; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht:hover { background: none; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht img { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; margin: 0 0 12px; border-radius: var(--f-r); filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-rubriek { display: block; position: static; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-naam { display: block; margin: 2px 0 0; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht:hover .site-bericht-naam { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht .cell-sub { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-samenvatting { display: block; margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-bericht h3 { margin: 2px 0 0; font-size: 16px; line-height: 1.3; font-weight: 500; text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht:hover h3 { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht p { margin: 6px 0 0; font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f).fijn-tint img[src*="/shop/foto/"], .winkel.fijn:is(.fijn, #f#f).fijn-tint .mb-rij img, .winkel.fijn:is(.fijn, #f#f).fijn-tint .shop-subtegel img, .winkel.fijn:is(.fijn, #f#f).fijn-tint .duin-catland-tegelfoto img, .winkel.fijn:is(.fijn, #f#f).fijn-tint .mt-foto img[src*="v=2"] { filter: url(#fijn-tegel); background-color: #f7f0e6; }
.winkel.fijn:is(.fijn, #f#f) .shop-main { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; height: auto; min-height: 0; margin: 0; padding-block: 16px; border: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels a { color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels a:hover { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-nu { font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl { display: inline-flex; width: auto; height: auto; color: var(--f-lijn2); font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl { display: inline-block; width: auto; height: auto; margin: 0; background: none; border: 0; transform: none; font-size: 13px; line-height: 18px; color: var(--f-lijn2); opacity: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl::before { content: "/"; display: inline; width: auto; height: auto; margin: 0; border: 0; background: none; transform: none; }
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .shop-lijst { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto; padding: 0 0 var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-kruimels { grid-column: 1 / -1; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-cattitelrij { grid-column: 1 / -1; grid-row: 2; display: block; margin: 0; padding: 16px 0 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-cattekst { grid-column: 1 / -1; grid-row: 3; max-width: 62ch; margin: 12px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .duin-catlink { grid-column: 1 / -1; grid-row: 4; justify-self: start; margin: 12px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-zijbalk { grid-column: 1 / span 3; grid-row: 6 / span 4; position: static; margin: 0; padding: 32px 32px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-lijstbalk, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) .shop-lijstbalk { grid-column: 4 / span 9; grid-row: 6; margin: 64px 0 20px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-subtegels) .shop-lijstbalk { margin-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-tegels, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) .shop-tegels { grid-column: 4 / span 9; grid-row: 7; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .duin-laadmeer, .winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-blader { grid-column: 4 / span 9; grid-row: 8; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-catblokken-onder { grid-column: 4 / span 9; grid-row: 9; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-catblokken-boven { grid-column: 1 / -1; grid-row: 5; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) { grid-template-rows: auto minmax(0, 1fr) auto auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom > .shop-catkop { position: relative; grid-column: 1 / -1; grid-row: 2 / 5; justify-self: center; width: 100vw; height: clamp(300px, 30vw, 440px); min-height: 0; margin: 0; border-radius: 0; overflow: hidden; background: var(--f-bos); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom > .shop-catkop .shop-catkop-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom > .shop-catkop::after { content: ""; position: absolute; inset: 0; height: auto; background: linear-gradient(90deg, rgba(9, 16, 12, .72) 0%, rgba(9, 16, 12, .46) 36%, rgba(9, 16, 12, 0) 66%); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattitelrij { position: relative; z-index: 1; grid-column: 1 / span 7; grid-row: 2; align-self: end; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst { position: relative; z-index: 1; grid-column: 1 / span 6; grid-row: 3; align-self: end; max-width: 620px; margin: 12px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-lijsttitel { font-size: 40px; line-height: 1.1; letter-spacing: -.022em; color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst-in, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst-in p { margin: 0; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .9); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .duin-catlink { display: none; }
.winkel.fijn:is(.fijn, #f#f) .catkop-knoppen { position: relative; z-index: 1; grid-column: 1 / span 7; grid-row: 4; display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 20px 0 0; padding: 0 0 40px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .laadmeer { grid-column: 4 / span 9; grid-row: 8; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-subtegels { grid-column: 1 / -1; grid-row: 5; margin: 0; padding: var(--f-sec-s) 0; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-lijsttitel { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .shop-cattekst-in, .winkel.fijn:is(.fijn, #f#f) .shop-cattekst-in p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-meer { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px; border: 1px solid #fff; border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; text-decoration: none; box-shadow: none; transition: background .15s, border-color .15s; }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop:hover { background: #ecebe6; border-color: #ecebe6; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop.tweede { border-color: rgba(255, 255, 255, .6); background: rgba(9, 16, 12, .25); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop.tweede:hover { border-color: #fff; background: rgba(9, 16, 12, .4); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .duin-catlink { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .duin-catlink::after { width: 14px; height: 14px; }
.winkel.fijn:is(.fijn, #f#f) .duin-catlink:hover { color: var(--ink); text-decoration-color: currentColor; }
.winkel.fijn:is(.fijn, #f#f) .duin-snel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels-kop { display: block; margin-bottom: 32px; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij, .winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij-in { display: block; overflow: visible; margin: 0; padding: 0; mask: none; -webkit-mask: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px var(--f-gat); }
.winkel.fijn:is(.fijn, #f#f) .duin-schuifrij-pijl { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel { display: block; min-width: 0; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel:hover { background: none; border: 0; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel-beeld { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; margin: 0 0 10px; overflow: hidden; border-radius: var(--f-r); background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel-beeld img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel-beeld img.vrij { object-fit: contain; padding: 6%; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel b { display: block; font-size: 15px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel small { display: block; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterkaart { display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-zijbalk .shop-catgroep:not(.catnav-los), .winkel.fijn:is(.fijn, #f#f) .shop-zijbalk .shop-filterkaart:has(.shop-filtervorm) > .shop-catgroep { display: none; }
.winkel.fijn:is(.fijn, #f#f) .catnav { padding: 6px 0 16px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .catnav h4 { margin: 0 0 8px; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .catnav h5, .winkel.fijn:is(.fijn, #f#f) .catnav-tel h5 { margin: 12px 0 2px; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .catnav a, .winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 3px 0; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .catnav a:hover, .winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a:hover { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .catnav a.aan, .winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a.aan { color: var(--ink); font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .catnav a small, .winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a small, .winkel.fijn:is(.fijn, #f#f) .shop-filterregel .shop-filteraantal { flex: none; display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 12px; background: var(--f-vlak); font-size: 13px; font-weight: 400; line-height: 1; color: var(--f-sub); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .catnav a.aan small, .winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a.aan small { background: var(--ink); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtervorm { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtergroep { margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtergroep > summary, .winkel.fijn:is(.fijn, #f#f) .shop-filtergroep .shop-catgroep-kop { display: block; margin: 0 0 8px; padding: 0; font-size: 14px; font-weight: 500; color: var(--ink); cursor: default; pointer-events: none; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtergroep .shop-catgroep-kop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtergroep .shop-catgroep-kop::-webkit-details-marker { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterlijst { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterregel { display: flex; align-items: center; gap: 10px; min-height: 0; margin: 0; padding: 3px 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: var(--ink); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterregel input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterregel .shop-catvak { flex: none; width: 16px; height: 16px; margin: 0; border: 1px solid var(--f-lijn2); border-radius: 2px; background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-filterregel input:checked + .shop-catvak { border-color: var(--ink); background: var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5 10 18 19 7'/></svg>") center no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .shop-filternaam { flex: 1; min-width: 0; font-size: 14px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtermeer { margin: 6px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtermeer > summary { display: inline; padding: 0; font-size: 13px; font-weight: 400; color: var(--f-sub); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .shop-filtermeer > summary svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk { display: flex; justify-content: flex-start; align-items: center; gap: 12px 24px; flex-wrap: wrap; min-height: 32px; padding: 0; border: 0; background: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .shop-telling { margin-right: auto; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-telling[data-zin]::after { content: attr(data-zin); font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-catkop) .shop-weergave, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:not(:has(.nova-permeter, .duin-hl)) .shop-weergave { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-weergave { display: flex; gap: 16px; padding: 0; border: 0; border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-weergave button { display: inline; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-weergave button.aan { background: none; box-shadow: none; color: var(--ink); font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-select { width: 215px; height: 32px; padding: 0 22px 0 0; border: 0; border-radius: 0; appearance: none; -webkit-appearance: none; background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23141a16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") right center no-repeat; box-shadow: none; font-size: 14px; color: var(--ink); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 var(--f-gat); grid-auto-rows: auto; align-content: start; align-self: start; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels[data-per-rij="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0 0 40px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart:hover { background: none; border: 0; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart > img, .winkel.fijn:is(.fijn, #f#f) .shop-kaart > .kaart-foto, .winkel.fijn:is(.fijn, #f#f) .shop-kaart picture > img { order: 0; display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0 0 12px; border-radius: var(--f-r); object-fit: cover; background: var(--f-tegel); transition: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .kaart-vlak { position: absolute; inset: 0; z-index: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .kaart-labels { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-titel { order: 1; grid-row: 2; min-height: 0; margin: 0; font-size: 15px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart:hover .nova-titel { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .shop-kaart-spec, .winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-specs { order: 2; grid-row: 3; margin: 2px 0 0; font-size: 13px; line-height: 1.55; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels > .shop-kaart { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart > img { grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart > img.vrij { object-fit: contain; padding: 7%; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-voet { order: 3; grid-row: 4; align-self: start; display: block; min-height: 0; margin: 8px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijsvak { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijsvak { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijs { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 500; letter-spacing: 0; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-permeter, .winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijs .btw-inline { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-tweedeprijs { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chiprij { order: 4; grid-row: 5; display: block; min-height: 0; margin: 6px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chip { display: inline-flex; align-items: center; gap: 6px; line-height: 1.55; height: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; color: var(--ink); white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chip::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chip:not(.duin-plek-eigen) { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chip:not(.duin-plek-eigen)::before { background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .duin-chiptekst { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-label, .winkel.fijn:is(.fijn, #f#f) .shop-kaart .kaart-label, .winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-labels { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels .ontw-banner { order: 1; position: relative; display: block; grid-column: auto; grid-row: span 5; min-width: 0; margin: 0 0 40px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels .shop-kaart:nth-child(n+6) { order: 2; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels .ontw-banner > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0 0 12px; border-radius: var(--f-r); object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner-inhoud { display: block; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner-tekst b { display: block; font-size: 15px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner-tekst span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner .site-knop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-laadmeer { display: grid; justify-items: center; gap: 10px; margin: 16px 0 0; padding: 0; border: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.duin-laadmeer-knop { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 44px; margin-top: 6px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) a.duin-laadmeer-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken { margin: var(--f-sec-s) 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken .site-blok { padding-top: var(--f-sec-s); }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijs .btw-inline:not(.nova-permeter) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .laadmeer { display: grid; justify-items: center; gap: 10px; margin-top: 16px; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .balkje { width: 160px; height: 1px; background: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .balkje i { display: block; height: 1px; background: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.laadmeer-knop { display: inline-flex; align-items: center; justify-content: center; height: 44px; margin-top: 6px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; text-decoration: none; transition: background .15s, border-color .15s; }
.winkel.fijn:is(.fijn, #f#f) a.laadmeer-knop:hover { border-color: var(--ink); color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.laadmeer-knop.bezig { opacity: .6; }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken .soort-cta { display: none; }
.winkel.fijn:is(.fijn, #f#f) .catnav h4, .winkel.fijn:is(.fijn, #f#f) .shop-filtergroep summary, .winkel.fijn:is(.fijn, #f#f) .duin-catlink { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .catland.duin-catland { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland > .shop-kruimels { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-kop { position: relative; display: flex; align-items: flex-end; width: 100%; max-width: none; height: clamp(300px, 30vw, 440px); min-height: 0; margin: 0; padding: 0; overflow: hidden; background: var(--f-bos); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 16, 12, .72) 0%, rgba(9, 16, 12, .46) 36%, rgba(9, 16, 12, 0) 66%); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst { display: block; position: relative; z-index: 1; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0 0 40px; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst .site-blok-kopje, .winkel.fijn:is(.fijn, #f#f) .duin-catland-feiten { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst h1 { max-width: 620px; margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: #fff; text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-intro { max-width: 620px; margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .9); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst .catkop-knoppen { margin: 20px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten { width: 100%; max-width: none; margin: 0; padding: var(--f-sec-s) 0; border: 0; border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten-in { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten .site-rijkop { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 32px; margin: 0 0 32px; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten .site-blok-kopje { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soortkop h2 { margin: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tel { font-size: 13px; color: var(--f-sub); white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px var(--f-gat); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegel { display: block; min-width: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegel:hover { background: none; border: 0; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegel > i { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegelfoto { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; margin: 0 0 10px; overflow: hidden; border-radius: var(--f-r); background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegelfoto img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegelfoto img.vrij { object-fit: contain; padding: 6%; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegeltekst { display: block; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegeltekst b { display: block; font-size: 15px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegeltekst small { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegel:hover .duin-catland-tegeltekst b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .catland-blokken { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .catland-blokken .site-blok > section { width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .catland-blokken .site-blok:first-child { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .catland-blokken .site-blok:last-of-type { padding-bottom: var(--f-sec); }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-kop { height: auto; display: block; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto { position: relative; aspect-ratio: 16 / 9; height: auto; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst h1 { font-size: 36px; }
}
.winkel.fijn:is(.fijn, #f#f) .duin-ookhandig { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.duin-zoekkop) .shop-weergave { display: none; }
@media (min-width: 1181px) {
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.duin-zoekkop) .shop-tegels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.winkel.fijn:is(.fijn, #f#f) .duin-zoekkop { margin: 12px 0 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-zoekuitleg { max-width: 62ch; margin: 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-zoekuitleg b { font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.duin-zoekletterlijk { display: inline-block; margin: 8px 0 0; font-size: 13px; font-weight: 400; color: var(--f-sub); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel { order: 99; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-items: center; min-height: 0; margin: 0 0 16px; padding: 16px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-tussentegel-label, .winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel > img, .winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel .shop-tussentegel-foto { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-tussentegel-titel { grid-column: 1; margin: 0; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-tussentegel-tekst { grid-column: 1; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel a { grid-column: 2; grid-row: 1 / span 2; display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; white-space: nowrap; text-decoration: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel a svg { display: none; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) aside.shop-tussentegel a { grid-column: 1; grid-row: auto; justify-self: start; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-main > .shop-kruimels.kruimels-pad { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 8px auto 0; padding: 0 0 var(--f-sec); border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld { grid-column: 1 / span 7; grid-row: 1; display: flex; flex-direction: column; width: auto; max-width: none; min-width: 0; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info { grid-column: 8 / span 5; grid-row: 1; align-self: start; position: sticky; top: calc(var(--f-kop) + var(--f-balk) + 20px); width: auto; max-width: none; min-width: 0; margin: 0; padding: 0 0 0 32px; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info .pdp-titelregel, .winkel.fijn:is(.fijn, #f#f) .shop-pdp-info .pdp-kort, .winkel.fijn:is(.fijn, #f#f) .shop-pdp-info .pdp-bovenregel, .winkel.fijn:is(.fijn, #f#f) .shop-pdp-info .pdp-hulp, .winkel.fijn:is(.fijn, #f#f) .shop-usp-lijst, .winkel.fijn:is(.fijn, #f#f) .pdp-duin-vakmini, .winkel.fijn:is(.fijn, #f#f) .ontw-pdp, .winkel.fijn:is(.fijn, #f#f) .pdp-levering, .winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > * { order: 3; }
.winkel.fijn:is(.fijn, #f#f) .pdp-galerij, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.met-strook { order: 0; display: flex; flex-direction: column; width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-fotokaart { position: relative; width: 100%; height: auto; aspect-ratio: 4 / 3; min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: var(--f-r); background: var(--f-tegel); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-fotoknop { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) img.pdp-hoofdfoto { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) img.pdp-hoofdfoto.vrij { object-fit: contain; padding: 7%; }
.winkel.fijn:is(.fijn, #f#f) .pdp-pijl { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld .pdp-strook, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links .pdp-strook { order: 2; flex: none; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; width: 100%; height: auto; max-height: none; margin: 8px 0 0; padding: 0; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .pdp-fotokaart { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini, .winkel.fijn:is(.fijn, #f#f) button.pdp-mini { position: relative; display: block; width: auto; height: auto; aspect-ratio: 1 / 1; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 2px; background: var(--f-tegel); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini img.vrij { object-fit: contain; padding: 8%; }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini::after { content: ""; position: absolute; inset: 0; border-radius: 2px; box-shadow: inset 0 0 0 0 var(--ink); transition: box-shadow .15s; }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini:hover::after { box-shadow: inset 0 0 0 1px var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .pdp-mini.aan::after { box-shadow: inset 0 0 0 1.5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-maattegel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .hf-3d { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 13px; font-weight: 500; text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .hf-3d:hover { background: var(--f-vlak); color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav { order: 1; display: flex; flex-wrap: wrap; gap: 4px 24px; flex: none; margin-top: 48px; padding-bottom: 12px; border-bottom: 1px solid var(--f-lijn); scroll-margin-top: calc(var(--f-kop) + var(--f-balk) + 16px); }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav a { font-size: 14px; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav a:hover, .winkel.fijn:is(.fijn, #f#f) .pdp-nav a.aan { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav a.aan { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past { order: 2; display: block; margin: 0; padding: 40px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past > img { display: block; width: 100%; max-width: 460px; height: auto; aspect-ratio: 4 / 3; margin: 16px 0 20px; padding: 4%; object-fit: contain; border-radius: var(--f-r); background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past { display: flex; flex-direction: column; align-items: stretch; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past > img { order: 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past > div { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past b { order: 0; margin: 0 0 14px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past p { order: 1; margin: 0; font-size: 15px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past ul { order: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px var(--f-gat); margin: 0; padding: 16px 0 0; border-top: 1px solid var(--f-lijn); list-style: none; font-size: 14px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past li { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal { order: 3; display: block; width: auto; margin: 0; padding: 40px 0 0; border: 0; scroll-margin-top: calc(var(--f-kop) + var(--f-balk) + 16px); }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal h2, .winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-titel, .winkel.fijn:is(.fijn, #f#f) .duin-vgl h2, .winkel.fijn:is(.fijn, #f#f) .pdp-specblok h2, .winkel.fijn:is(.fijn, #f#f) .pdp-duin-past h2, .winkel.fijn:is(.fijn, #f#f) .pdp-goed h2 { margin: 0 0 14px; padding: 0; border: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; color: var(--ink); text-transform: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal-tekst { max-width: 66ch; font-size: 15px; line-height: 1.65; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal-tekst p { margin: 0; font-size: 15px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal-tekst p + p { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verhaal-tekst h3 { margin: 12px 0 0; font-size: 15px; line-height: 1.65; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed { order: 4; margin: 20px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed > h2 { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px var(--f-gat); margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst li { display: flex; gap: 8px; min-height: 0; margin: 0; padding: 0; font-size: 14px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst li::before { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-teken { flex: none; display: block; width: 12px; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.55; text-align: left; color: var(--winkel-accent); }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst li.min .pdp-goed-teken { color: var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip { order: 5; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; margin: 24px 0 0; padding: 16px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip img { width: 44px; height: 44px; margin: 0; border-radius: 50%; object-fit: cover; object-position: 50% 20%; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip b { display: inline; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip b::after { content: ". "; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip > div { display: block; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip p { display: inline; margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet { order: 6; margin: 40px 0 0; padding: 40px 0 0; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-kop { display: block; margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-vorm { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-lijst { display: block; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-item { display: grid; grid-template-columns: 16px 48px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-vink { width: 16px; height: 16px; margin: 0; border: 1px solid var(--f-lijn2); border-radius: 2px; background: #fff; -webkit-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-vink:checked { border-color: var(--ink); background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 18 19 7'/%3E%3C/svg%3E") center no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-foto { display: block; width: 48px; height: 40px; overflow: hidden; border-radius: 2px; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-foto img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-foto img.vrij { object-fit: contain; padding: 2px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-voet { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 12px 0 0; padding: 0; border: 0; background: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-som { margin: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-totaal { font-size: 15px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-uitleg { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-uitleg-compleet-knop { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 36px; padding: 0 14px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 13px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-uitleg-compleet-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.pdp-uitleg-compleet-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl { order: 7; margin: 40px 0 0; padding: 40px 0 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-zin { margin: -8px 0 16px; font-size: 15px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-tabel { margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij.is-kop { background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij > * { padding: 10px 12px 10px 0; border: 0; background: none; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij > :first-child { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij.is-kop > * { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-link { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-specblok { order: 8; margin: 40px 0 0; padding: 40px 0 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-spectabel { margin: 0; border: 0; border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .pdp-specregel { display: grid; grid-template-columns: 42% minmax(0, 1fr); margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-specregel dt, .winkel.fijn:is(.fijn, #f#f) .pdp-specregel dd { margin: 0; padding: 8px 12px 8px 0; font-size: 14px; line-height: 1.55; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-specregel dt { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-kop-fijn h1 { margin: 0; font-size: 28px; line-height: 1.15; letter-spacing: -.018em; font-weight: 500; color: var(--ink); text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .pdp-meta { margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopblok, .winkel.fijn:is(.fijn, #f#f) .pdp-koopblok.pdp-koopblok-vlak { display: flex; flex-direction: column; gap: 0; margin: 20px 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-prijsvak, .winkel.fijn:is(.fijn, #f#f) .pdp-prijsvak.pdp-permeter { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-prijs { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-prijs-bedrag { font-size: 28px; line-height: 1.15; letter-spacing: -.018em; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-prijs .klein, .winkel.fijn:is(.fijn, #f#f) .duin-samenbasis { font-size: 14px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-prijsvak > .pdp-tweedeprijs:not(.duin-m2) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-tweedeprijs.duin-m2 { margin: 0 0 0 8px; padding: 0 0 0 16px; border: 0; border-left: 1px solid var(--f-lijn2); border-radius: 0; background: none; font-size: 14px; font-weight: 400; line-height: 1.55; color: var(--f-sub); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopblok > * { order: 3; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopblok > .pdp-prijsvak { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopblok > .pdp-voorraad { order: 2; display: block; min-height: 0; margin: 8px 0 0; padding: 0; border: 0; background: none; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px var(--f-gat); margin: 20px 0 0; padding: 16px 0 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten > div { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten span { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten b { display: block; font-size: 14px; line-height: 1.55; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad-fijn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad-fijn i { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad-fijn.lev { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad-fijn.lev i { background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel.bestellijst, .winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel { display: flex; flex-direction: column; margin: 20px 0 0; padding: 0; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel > * { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-kop, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij { display: grid; grid-template-columns: 64px minmax(0, .9fr) minmax(0, 1.1fr) 108px; column-gap: 12px; align-items: center; margin: 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-kop { padding: 8px 0 6px; font-size: 13px; font-weight: 400; color: var(--f-sub); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-kop span { padding: 0; font-size: 13px; font-weight: 400; color: var(--f-sub); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij { padding: 8px 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij:hover { background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-naam, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-prijs, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-aantal { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-naam b { font-size: 15px; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-prijs b { font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-permeter { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering.stand-ja, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering.stand-wacht { display: inline-flex; align-items: center; gap: 6px; padding: 0; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering i { flex: none; width: 6px; height: 6px; margin: 0; border-radius: 50%; background: var(--f-stip); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering:not(.duin-plek-eigen) { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-levering:not(.duin-plek-eigen) i { background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .teller.klein { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; width: 108px; height: 36px; padding: 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .teller.klein button { width: auto; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--f-sub); font-size: 16px; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) .teller.klein button:hover { color: var(--ink); background: none; }
.winkel.fijn:is(.fijn, #f#f) .teller.klein input { width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center; font-size: 14px; font-weight: 400; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel > .rekenhulp { order: 2; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; list-style: none; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp summary::-webkit-details-marker { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp summary svg { color: var(--f-sub); transition: transform .15s; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp[open] summary svg { transform: rotate(180deg); }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken { margin: 0; padding: 0 0 12px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-kop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij { display: flex; align-items: center; gap: 8px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij label { display: inline-flex; align-items: center; flex: 1; min-width: 0; height: 44px; margin: 0; padding: 0 10px 0 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij input { flex: 1; min-width: 0; width: 100%; height: 100%; padding: 0 0 0 12px; border: 0; background: none; box-shadow: none; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij span { font-size: 13px; color: var(--f-sub); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij i { font-style: normal; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij button { flex: none; height: 44px; padding: 0 16px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-uit { margin: 8px 0 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-voet { order: 3; display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 16px 0 0; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-som { display: block; min-width: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-som [data-vstuks] { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-som b { display: block; font-size: 20px; line-height: 1.2; letter-spacing: -.01em; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; max-width: 300px; height: 48px; margin: 0; padding: 0 24px; border: 1px solid var(--winkel-accent); border-radius: var(--f-r); background: var(--winkel-accent); color: #fff; font-size: 15px; font-weight: 500; line-height: 1; box-shadow: none; opacity: 1; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop[disabled] { border-color: var(--f-lijn2); background: #fff; color: var(--f-sub); cursor: default; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop[disabled] .als-gekozen, .winkel.fijn:is(.fijn, #f#f) button.pdp-koop:not([disabled]) .als-leeg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag { order: 4; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; margin: 14px 0 0; padding: 0; border: 0; background: none; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag a { display: inline; font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag a svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg.vorm-kiezen { display: block; margin: 14px 0 0; padding: 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaarten { display: flex; flex-direction: column; gap: 0; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; min-height: 0; height: auto; margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; font-size: 13px; cursor: default; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart.soort-afhalen { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart.soort-bezorgen { order: 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart:hover, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart:has(input:checked) { border-color: var(--f-lijn); background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart input, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart svg, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-vink, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart > .pdp-bezorg-ico, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaartuitleg, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-retour { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart b { grid-column: 1; grid-row: 1; margin: 0; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart .pdp-bezorg-zin { grid-column: 1; grid-row: 2; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart .pdp-bezorg-waarde, .winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart .pdp-bezorg-waarde.groen { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; font-size: 13px; font-style: normal; font-weight: 400; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-kaart .pdp-bezorg-dag { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verwant.duin-verwant { width: 100%; max-width: none; margin: 0; padding: 0 0 var(--f-sec); border: 0; border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-verwant-in { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-verwant .site-rijkop { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 32px; margin: 0 0 32px; }
.winkel.fijn:is(.fijn, #f#f) .duin-verwant-rij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 var(--f-gat); grid-auto-rows: auto; align-content: start; margin: 0; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info { position: static; margin-top: 24px; padding-left: 0; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld .pdp-strook, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links .pdp-strook { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .pdp-kop-fijn h1 { font-size: 26px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-tweedeprijs.duin-m2 { width: 100%; margin-left: 0; padding-left: 0; border-left: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-kop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij { grid-template-columns: 52px minmax(0, 1fr) 108px; row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-naam { grid-row: span 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-prijs { grid-column: 2; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-plekhoek, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-levering { grid-column: 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-aantal { grid-column: 3; grid-row: 1 / span 2; }
.winkel.fijn:is(.fijn, #f#f) .teller.klein { height: 40px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-item { grid-template-columns: 16px 44px minmax(0, 1fr); row-gap: 2px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-foto { width: 44px; }
.winkel.fijn:is(.fijn, #f#f) .duin-verwant-rij { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
}
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-item small, .winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-soort { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: var(--f-sub); text-transform: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-item b { display: block; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-item > em, .winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-prijs { font-size: 14px; font-style: normal; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-compleet-reken, .winkel.fijn:is(.fijn, #f#f) .duin-compleet-voor { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij.is-kop small { display: block; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-deze { margin: 0; padding: 0; border: 0; background: none; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel > .pdp-vtabel-voet { order: 3; }
.winkel.fijn:is(.fijn, #f#f) form.pdp-vtabel > .duin-vtabel-zaag { order: 4; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop[disabled] { border: 1px solid var(--f-lijn2); background: #fff; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart > img[src*="/shop/foto/"], .winkel.fijn:is(.fijn, #f#f) .pdp-mini img[src*="/shop/foto/"], .winkel.fijn:is(.fijn, #f#f) img.pdp-hoofdfoto[src*="/shop/foto/"], .winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-foto img[src*="/shop/foto/"] { background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) .duin-verwant-rij { grid-template-rows: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-pdp { margin: 16px 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .sm-pdp-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-pdp-kop h2 { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-teller { font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .sm-raster { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-stappen { margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-samvat { position: static; margin: 16px 0 0; padding: 16px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) { display: flex; flex-direction: column; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) > * { order: 3; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) > .pdp-artikelblokken { order: 4; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) > .pdp-verwant { order: 5; }
.winkel.fijn:is(.fijn, #f#f) .pdp-artikelblokken { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-artikelblokken .site-blok { padding: var(--f-sec) 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-artikelblokken .site-blok > section { width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info > * { min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap { margin: 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap-kop { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; column-gap: 12px; align-items: center; min-height: 0; padding: 10px 0; border: 0; background: none; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .sm-bol { display: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap-naam { display: block; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap-naam b { display: block; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-stap-naam > span { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .sm-stapprijs { font-size: 13px; font-weight: 400; color: var(--f-sub); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap-lijf { margin: 0; padding: 0 0 12px; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-opties { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap:first-child .sm-opties { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: center; min-height: 0; margin: 0; padding: 8px 12px; border: 1px solid var(--f-lijn); border-radius: var(--f-r); background: #fff; box-shadow: none; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie:hover { border-color: var(--f-lijn2); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie.sm-aan { border-color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-optie-naam { grid-column: 1; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-optie-prijs { grid-column: 2; grid-row: 1 / span 3; font-size: 13px; font-style: normal; font-weight: 400; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap:first-child .sm-optie { display: flex; align-items: center; gap: 8px; padding: 6px 8px; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap:first-child .sm-optie-prijs { display: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap:first-child .sm-optie-naam { font-size: 13px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie small, .winkel.fijn:is(.fijn, #f#f) .sm-optie-zin { grid-column: 1; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .sm-chips { grid-column: 1; display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) button.sm-chip { height: auto; padding: 2px 8px; border: 1px solid var(--f-lijn); border-radius: 2px; background: #fff; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) button.sm-chip.sm-aan { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-regel { font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .sm-tot { margin: 12px 0 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-tot-l { display: block; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .sm-knop { height: 48px; border-radius: var(--f-r); font-size: 15px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-knop-hoofd { border: 1px solid var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .sm-knop-rand { border: 1px solid var(--f-lijn2); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-deelrij { font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen, .winkel.fijn:is(.fijn, #f#f) .duin-wagentitel, .winkel.fijn:is(.fijn, #f#f) .wagen-vlak.duin-wagenvlak, .winkel.fijn:is(.fijn, #f#f) .afr-intro, .winkel.fijn:is(.fijn, #f#f) form.afr-vorm, .winkel.fijn:is(.fijn, #f#f) .wagen-leeg-in, .winkel.fijn:is(.fijn, #f#f) .duin-wagenleeg { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .afr { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen { margin-block: 0; padding: 24px 0 8px; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li { display: inline-flex; align-items: center; gap: 6px; width: auto; margin: 0; padding: 0; font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li::before, .winkel.fijn:is(.fijn, #f#f) .afr-stappen li::after { display: none; content: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen i { display: inline; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-style: normal; font-weight: inherit; line-height: inherit; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen i svg { width: 12px; height: 12px; }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li span { font-size: 13px; font-weight: inherit; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li.aan { font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li.klaar { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel { margin-block: 0 24px; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel h1, .winkel.fijn:is(.fijn, #f#f) h1.wagen-titel { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel p { margin: 8px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel p span { font-size: inherit; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .wagen-vlak.duin-wagenvlak { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; margin-block: 0; padding: 0 0 var(--f-sec); border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .wagen-regels.duin-met-groepen { grid-column: span 8; min-width: 0; margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep { margin: 0 0 24px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; margin: 0; padding: 0 0 10px; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop h2 { display: inline-flex; align-items: center; gap: 0; margin: 0; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop h2::before, .winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop h2 svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop small { font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .wagen-regel.duin-wagenregel { display: grid; grid-template-columns: 64px minmax(0, 1fr) 108px 120px 24px; grid-template-rows: auto auto; column-gap: 16px; align-items: center; margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .wagen-fotolink { grid-column: 1; grid-row: 1 / span 2; display: block; width: 64px; height: 52px; overflow: hidden; border-radius: 2px; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .wagen-fotolink img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) .wagen-fotolink img.vrij { object-fit: contain; padding: 3px; }
.winkel.fijn:is(.fijn, #f#f) .wagen-kern { grid-column: 2; grid-row: 1 / span 2; min-width: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .wagen-kern a, .winkel.fijn:is(.fijn, #f#f) .wagen-kern b, .winkel.fijn:is(.fijn, #f#f) .wagen-kern strong { font-size: 14px; line-height: 1.35; font-weight: 500; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .wagen-kern small, .winkel.fijn:is(.fijn, #f#f) .wagen-kern span { font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm { grid-column: 3; grid-row: 1 / span 2; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm .teller { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; width: 108px; height: 36px; padding: 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm .teller button { width: auto; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--f-sub); font-size: 16px; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm .teller button:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm .teller input { width: 100%; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center; font-size: 14px; font-weight: 400; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) span.num.wagen-totaal { grid-column: 4; grid-row: 1; align-self: end; font-size: 14px; font-weight: 500; line-height: 1.55; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) span.wagen-stuk { grid-column: 4; grid-row: 2; align-self: start; font-size: 13px; font-weight: 400; line-height: 1.55; text-align: right; white-space: nowrap; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .wagen-wegvorm { grid-column: 5; grid-row: 1 / span 2; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .wagen-wegvorm button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .wagen-wegvorm button:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner.ontw-wagen { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 20px 0 0; padding: 16px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner.ontw-wagen > img { display: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner.ontw-wagen .ontw-banner-inhoud { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner.ontw-wagen .ontw-banner-tekst b { display: block; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ontw-banner.ontw-wagen .ontw-banner-tekst span { display: block; max-width: 58ch; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.ontw-wagen-link { flex: none; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenonder { display: flex; justify-content: space-between; align-items: center; margin: 16px 0 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.wagen-terug { font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) aside.wagen-telling.duin-wagentelling { grid-column: 9 / span 4; position: sticky; top: calc(var(--f-kop) + var(--f-balk) + 20px); min-width: 0; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) h2.duin-wagentelling-kop { margin: 0 0 12px; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-keuzes { display: grid; gap: 6px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; column-gap: 10px; align-items: center; min-height: 0; margin: 0; padding: 10px 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze.aan { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze i { display: block; width: 16px; height: 16px; border: 1px solid var(--f-lijn2); border-radius: 50%; background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze.aan i { border: 5px solid var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze span { display: block; min-width: 0; font-size: 13px; line-height: 1.45; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze span b { display: block; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.duin-keuze em { font-size: 13px; font-style: normal; font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .wagen-telling-lijf { margin: 12px 0 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .wagen-rij { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 4px 0; border: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .wagen-rij .num { font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .wagen-rij.wagen-totaalrij { align-items: baseline; margin: 8px 0 0; padding: 12px 0 0; border-top: 1px solid var(--f-lijn2); font-size: 20px; font-weight: 500; letter-spacing: -.01em; }
.winkel.fijn:is(.fijn, #f#f) .wagen-rij.wagen-totaalrij .num, .winkel.fijn:is(.fijn, #f#f) #sc-totaal { font-size: 20px; font-weight: 500; line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) small.duin-wagenbtw { display: block; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .wagen-telling-voet { margin: 16px 0 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) a.btn-primary.wagen-afrekenen { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 24px; border-radius: var(--f-r); font-size: 15px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) a.btn-primary.wagen-afrekenen svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenkorting summary { font-size: 13px; color: var(--f-sub); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro { position: relative; margin-block: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin { margin: 0; text-align: right; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin > :not(span) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin { font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin span { font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin a { font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) form.afr-vorm { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; margin-block: 0; padding: 0 0 var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .afr-links { grid-column: span 8; min-width: 0; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie { margin: 0; padding: 32px 0; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie:first-child { padding-top: 8px; border-top: 0; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie header { margin: 0 0 16px; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie header h2 { margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie header p { margin: 4px 0 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-seg { display: inline-flex; gap: 8px; margin: 0 0 16px; padding: 0; border: 0; border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label, .winkel.fijn:is(.fijn, #f#f) .afr-seg button { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label:has(input:checked), .winkel.fijn:is(.fijn, #f#f) .afr-seg .aan { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-raster { gap: 12px var(--f-gat); margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-raster label, .winkel.fijn:is(.fijn, #f#f) .afr-veld label { margin: 0 0 4px; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-raster input, .winkel.fijn:is(.fijn, #f#f) .afr-raster select, .winkel.fijn:is(.fijn, #f#f) .afr-veld input, .winkel.fijn:is(.fijn, #f#f) .afr-veld textarea { height: 44px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-veld textarea { height: auto; padding: 10px 12px; }
.winkel.fijn:is(.fijn, #f#f) .afr-tussenkop { margin: 20px 0 8px; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-tussenkop small { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuzes, .winkel.fijn:is(.fijn, #f#f) .afr-betaal { display: grid; gap: 6px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-keuze, .winkel.fijn:is(.fijn, #f#f) .afr-keuzes label, .winkel.fijn:is(.fijn, #f#f) .afr-betaal label { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; column-gap: 10px; align-items: center; min-height: 0; margin: 0; padding: 10px 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuzes label:has(input:checked), .winkel.fijn:is(.fijn, #f#f) .afr-betaal label:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuzes input, .winkel.fijn:is(.fijn, #f#f) .afr-betaal input { width: 16px; height: 16px; margin: 0; accent-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuzes b, .winkel.fijn:is(.fijn, #f#f) .afr-betaal b { display: block; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuzes em, .winkel.fijn:is(.fijn, #f#f) .afr-betaal em { font-size: 13px; font-style: normal; font-weight: 400; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .afr-onder { margin: 8px 0 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) aside.afr-bestelling { grid-column: 9 / span 4; position: sticky; top: calc(var(--f-kop) + var(--f-balk) + 20px); min-width: 0; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) aside.afr-bestelling h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 12px; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) aside.afr-bestelling h3 span { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) aside.afr-bestelling h3 a { margin-left: auto; font-size: 13px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-regel { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 10px; align-items: center; margin: 0; padding: 6px 0; border: 0; background: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-regel img { width: 44px; height: 36px; object-fit: cover; border-radius: 2px; background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) .afr-regel img.vrij { object-fit: contain; padding: 2px; }
.winkel.fijn:is(.fijn, #f#f) .afr-regel b { display: block; font-size: 13px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) dl.afr-totalen { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; margin: 12px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) dl.afr-totalen dt, .winkel.fijn:is(.fijn, #f#f) dl.afr-totalen dd { margin: 0; padding: 4px 0; border: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) dl.afr-totalen dt.tot, .winkel.fijn:is(.fijn, #f#f) dl.afr-totalen dd.tot { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--f-lijn2); font-size: 20px; font-weight: 500; letter-spacing: -.01em; line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) button.btn-primary.afr-knop { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; margin: 16px 0 0; padding: 0 24px; border-radius: var(--f-r); font-size: 15px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .afr-veilig { margin: 12px 0 0; font-size: 13px; color: var(--f-sub); }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .wagen-vlak.duin-wagenvlak, .winkel.fijn:is(.fijn, #f#f) form.afr-vorm { display: block; }
.winkel.fijn:is(.fijn, #f#f) aside.wagen-telling.duin-wagentelling, .winkel.fijn:is(.fijn, #f#f) aside.afr-bestelling { position: static; margin-top: 24px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .wagen-regel.duin-wagenregel { grid-template-columns: 56px minmax(0, 1fr) 24px; grid-template-rows: auto auto auto; column-gap: 12px; row-gap: 6px; }
.winkel.fijn:is(.fijn, #f#f) .wagen-fotolink { grid-row: 1 / span 2; width: 56px; height: 46px; }
.winkel.fijn:is(.fijn, #f#f) .wagen-kern { grid-row: 1; grid-column: 2; }
.winkel.fijn:is(.fijn, #f#f) .wagen-wegvorm { grid-column: 3; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .wagen-aantalvorm { grid-column: 2; grid-row: 2 / span 2; }
.winkel.fijn:is(.fijn, #f#f) span.num.wagen-totaal { grid-column: 2 / span 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) span.wagen-stuk { grid-column: 2 / span 2; grid-row: 3; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel h1, .winkel.fijn:is(.fijn, #f#f) h1.wagen-titel { font-size: 36px; }
}
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:not(:has(> .shop-lijstkolom > .shop-subtegels)) > .shop-zijbalk { padding-top: 64px; }
.winkel.fijn:is(.fijn, #f#f) a.kop-tel { display: none; }
}
@media (max-width: 1400px) {
.winkel.fijn:is(.fijn, #f#f) { --f-mg: 18px; }
}
@media (max-width: 1340px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > div.shop-menu-item:last-child { display: none; }
}
@media (max-width: 1280px) {
.winkel.fijn:is(.fijn, #f#f) { --f-gut: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in h1 { font-size: 44px; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info { padding-left: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chips { width: 100%; margin-left: 0; }
}
@media (max-width: 1240px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > div.shop-menu-item:not(.alleen-telefoon):not(:has(.menu-accent)) { display: none; }
}
@media (max-width: 1180px) {
.winkel.fijn:is(.fijn, #f#f) { --f-sec: 72px; --f-mg: 16px; --f-mk: 104px; }
.winkel.fijn:is(.fijn, #f#f) .shop-logo-link img { height: 36px; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-kop { font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .kop-link { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-zijbalk { padding-right: 16px; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels, .winkel.fijn:is(.fijn, #f#f) .shop-tegels[data-per-rij="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin p { font-size: 24px; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin p span { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk { grid-column: span 12; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 16px 32px; margin-bottom: 32px; padding-right: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk .shop-voet-merkregel { flex: 1 1 280px; max-width: 46ch; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div { grid-column: span 3; }
}
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) { --f-gut: 24px; --f-sec: 64px; --f-sec-s: 48px; --f-kop: 60px; --f-balk: 44px; --f-zoek: 64px; }
.winkel.fijn:is(.fijn, #f#f) .shop-header { position: sticky; top: 0; z-index: 60; height: var(--f-kop); margin: 0 0 var(--f-zoek); padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in { display: flex; align-items: center; gap: 12px; position: static; width: 100%; max-width: none; height: var(--f-kop); margin: 0; padding: 0 var(--f-gut); background: #fff; box-shadow: 0 1px 0 var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in > * { grid-column: auto; grid-row: auto; }
.winkel.fijn:is(.fijn, #f#f) button.shop-lade-knop { display: inline-flex; align-items: center; gap: 6px; flex: none; width: auto; height: 44px; margin: 0 0 0 -4px; padding: 0 4px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); font-size: 15px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) button.shop-lade-knop::after { content: "Menu"; }
.winkel.fijn:is(.fijn, #f#f) button.shop-lade-knop:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.shop-lade-knop svg { width: 22px; height: 22px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.shop-zoek-knop { display: none; flex: none; width: 32px; height: 40px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-logo-link { flex: none; width: auto; height: auto; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-logo-link img { height: 34px; width: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .kop-link, .winkel.fijn:is(.fijn, #f#f) .shop-header .duin-btw { display: none; }
.winkel.fijn:is(.fijn, #f#f) .kop-info { flex: none; margin: 0 0 0 auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-header a.kop-tel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts { flex: none; display: flex; align-items: center; gap: 12px; margin: 0 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .shop-header form.shop-zoek { visibility: visible; opacity: 1; transform: none; pointer-events: auto; position: absolute; z-index: -1; left: var(--f-gut); right: var(--f-gut); top: calc(var(--f-kop) + 12px - var(--f-sy, 0px)); display: flex; width: auto; max-width: none; height: 44px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f).zoek-uit .shop-header form.shop-zoek { visibility: hidden; }
.winkel.fijn:is(.fijn, #f#f).zoek-uit .shop-header form.shop-zoek.open, .winkel.fijn:is(.fijn, #f#f).zoek-uit .shop-header form.shop-zoek:focus-within { visibility: visible; top: calc(var(--f-kop) + 8px); }
.winkel.fijn:is(.fijn, #f#f).zoek-uit button.shop-zoek-knop { display: inline-grid; place-items: center; margin-left: auto; }
.winkel.fijn:is(.fijn, #f#f).zoek-uit .kop-info { margin-left: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu { display: block; position: static; z-index: auto; box-sizing: border-box; height: auto; transform: none; border-bottom: 1px solid var(--f-lijn); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f).menu-uit .shop-menu { transform: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu > .shop-menu-in { display: flex; align-items: stretch; gap: 20px; height: var(--f-balk); padding: 0 var(--f-gut) !important; overflow: hidden; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > details.shop-menu-item, .winkel.fijn:is(.fijn, #f#f) .shop-menu-in > div.shop-menu-item:not(.alleen-telefoon) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > .shop-menu-item.alleen-telefoon { display: flex; flex: none; width: auto; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > .shop-menu-item.alleen-telefoon::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.shop-menu-kop.is-hier, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon.hier a.shop-menu-kop { box-shadow: inset 0 -2px 0 var(--ink); color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.shop-menu-kop { display: inline-flex; align-items: center; width: auto; min-width: 0; height: 100%; margin: 0; padding: 0; font-size: 15px; font-weight: 500; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst { display: block; width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom { display: flex; flex-direction: column; width: auto; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > * { order: 10; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-kruimels { order: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-catkop { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-cattitelrij { order: 2; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-cattekst { order: 3; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .duin-catlink { order: 4; align-self: flex-start; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .catkop-knoppen { order: 5; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-subtegels { order: 6; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .catnav-tel { order: 7; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-lijstbalk { order: 8; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstkolom > .shop-tegels { order: 9; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-catkop) .catnav-tel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-cattekst { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijsttitel::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-kruimels { width: auto; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-cattitelrij { display: block; width: auto; margin: 0; padding: 8px 0 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-cattekst { max-width: none; margin: 12px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijsttitel { font-size: 36px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .duin-catlink { display: inline-flex; margin: 12px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .shop-lijsttitel + * , .winkel.fijn:is(.fijn, #f#f) .shop-lijst .site-blok-kopje { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .catnav { display: none; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel { display: block; margin: 24px 0 12px; border-block: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel summary { display: grid; grid-template-columns: auto minmax(0, 1fr) 16px; align-items: center; gap: 8px; min-height: 48px; list-style: none; font-size: 14px; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel summary::-webkit-details-marker { display: none; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel summary span { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel summary b { font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel summary svg { color: var(--f-sub); transition: transform .15s; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel[open] summary svg { transform: rotate(180deg); }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel nav { padding-bottom: 12px; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .catnav-tel nav a { padding: 7px 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk { position: relative; display: flex; justify-content: space-between; margin: 0 0 20px; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk:has(> select[name="sorteer"] option[value=""]:checked) > select[name="sorteer"] { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk:has(> select[name="sorteer"] option[value=""]:checked)::after { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) button.shop-balk-filterknop { display: inline-flex; align-items: center; gap: 8px; order: 0; width: auto; height: 36px; padding: 0 14px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 13px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk .shop-telling { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk .shop-weergave { order: 2; margin-left: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk select.shop-select { order: 3; display: block; width: 215px; max-width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk select.shop-select[hidden], .winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk select.shop-select:not([name="sorteer"]) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop { position: relative; width: 100vw; height: clamp(300px, 30vw, 440px); margin-inline: calc(50% - 50vw); overflow: hidden; border-radius: 0; background: var(--f-bos); }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop .shop-catkop-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 16, 12, .72) 0%, rgba(9, 16, 12, .46) 36%, rgba(9, 16, 12, 0) 66%); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels { margin: 0; padding: var(--f-sec-s) 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij, .winkel.fijn:is(.fijn, #f#f) .shop-subtegels .duin-schuifrij-in { -webkit-mask-image: none; mask-image: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst > .shop-lijstkolom > .shop-subtegels .shop-subtegel { width: auto; white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel b { white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegel small { font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-categorien-in, .winkel.fijn:is(.fijn, #f#f) .site-categorien.foto .site-categorien-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tegels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .ontwt-kop { display: block; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-kop p { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt { display: flex; flex-direction: column-reverse; gap: 24px; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-l, .winkel.fijn:is(.fijn, #f#f) .ontwt-r { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-in { margin-top: 24px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-rij { grid-template-columns: 56px minmax(0, 1fr) auto auto; row-gap: 2px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-kop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-foto { grid-row: span 2; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam { grid-column: 2; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat { grid-column: 3; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs { grid-column: 4; grid-row: 1 / span 2; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-lengte { grid-column: 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip { grid-column: 3; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naar { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) .shop-kruimels { margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { display: flex; flex-direction: column; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-info { order: 1; position: static; margin-top: 24px; padding-left: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-galerij { order: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld .pdp-strook, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links .pdp-strook { position: static; inset: auto; background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-nav { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .duin-acc { display: block; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-duin-tip { display: grid; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .duin-acc:not(.duin-acc-open) > :not(.duin-acc-kop):not(.duin-acc-extra):not(.duin-acc-dubbel) { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .duin-acc > .duin-acc-kop { display: block; min-height: 0; padding: 0; pointer-events: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .duin-acc > .duin-acc-kop::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-goed > .duin-acc-kop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-voet { text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk, .winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk[hidden] { position: fixed; z-index: 44; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 10px var(--f-gut); border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: #fff; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: center; width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-in > img, .winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-naam b, .winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-som .klein { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-naam { grid-column: 1; grid-row: 1; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-naam span { display: block; font-size: 13px; line-height: 1.4; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-som { grid-column: 1; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk-som b { display: block; font-size: 18px; line-height: 1.2; letter-spacing: -.005em; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopbalk button.pdp-koop { grid-column: 2; grid-row: 1 / span 2; flex: none; width: auto; max-width: none; height: 44px; padding: 0 20px; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f):has(.pdp-koopbalk) .shop-voet-onder-in { padding-bottom: 96px; }
.winkel.fijn:is(.fijn, #f#f) input:not([type="checkbox"]):not([type="radio"]), .winkel.fijn:is(.fijn, #f#f) select, .winkel.fijn:is(.fijn, #f#f) textarea { font-size: 16px !important; }
}
@media (pointer: coarse) {
.winkel.fijn:is(.fijn, #f#f) input:not([type="checkbox"]):not([type="radio"]), .winkel.fijn:is(.fijn, #f#f) select, .winkel.fijn:is(.fijn, #f#f) textarea { font-size: 16px !important; }
}
@media (max-width: 900px) {
.winkel.fijn:is(.fijn, #f#f) .site-hero, .winkel.fijn:is(.fijn, #f#f) .site-hero-dias, .winkel.fijn:is(.fijn, #f#f) .site-hero-dia { background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-waas { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-foto { height: auto; aspect-ratio: 1600 / 622; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in { position: static; display: block; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 24px 0 28px; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in h1 { max-width: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in p { max-width: none; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a, .winkel.fijn:is(.fijn, #f#f) .site-hero-in a.site-hero-knop { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff !important; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a + a, .winkel.fijn:is(.fijn, #f#f) .site-hero-in a.site-hero-pijllink { border-color: var(--f-lijn2); background: #fff; color: var(--ink) !important; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-knoppen { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop { height: auto; aspect-ratio: 21 / 9; background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop .shop-catkop-foto { position: static; height: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-catkop) .shop-lijsttitel { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-catkop) .shop-cattekst-in, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-catkop) .shop-cattekst-in p { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop.tweede { border-color: var(--f-lijn2); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .catkop-knoppen { margin: 20px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-kop { display: block; height: auto; background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto { position: static; height: auto; aspect-ratio: 21 / 9; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst { padding: 24px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-tekst h1 { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-intro { color: var(--f-sub); }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) { --f-gut: 16px; --f-gat: 12px; --f-sec: 56px; --f-sec-s: 40px; --f-kop: 56px; }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in { gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-logo-link { position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); }
.winkel.fijn:is(.fijn, #f#f) .kop-info, .winkel.fijn:is(.fijn, #f#f).zoek-uit .kop-info { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-header a.kop-tel { display: inline-grid; place-items: center; flex: none; width: 32px; height: 40px; margin-left: auto; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f).zoek-uit .shop-header a.kop-tel { display: none; }
.winkel.fijn:is(.fijn, #f#f).zoek-uit .shop-kop-rechts { margin-left: 8px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kop-rechts { gap: 8px; margin: 0 -3px 0 0; }
.winkel.fijn:is(.fijn, #f#f) a.kop-account { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.shop-wagen { min-width: 32px; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > .shop-menu-item.alleen-telefoon:nth-child(n+12) { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop { order: 9; display: inline-flex; align-items: center; flex: none; gap: 0; width: auto; min-width: 0; margin-left: auto; padding: 0; border: 0; background: none; box-shadow: none; font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop::after { content: "Meer"; display: block !important; position: static; width: auto; height: auto; margin: 0; background: none; font-size: 15px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > * { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a:nth-last-child(3) { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a:nth-last-child(3)::before { content: ""; width: 7px; height: 7px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop h2, .winkel.fijn:is(.fijn, #f#f) .site-blok h2, .winkel.fijn:is(.fijn, #f#f) .duin-catland-soortkop h2 { font-size: 24px; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop, .winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten .site-rijkop, .winkel.fijn:is(.fijn, #f#f) .duin-verwant .site-rijkop { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop h2 { width: 100%; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop .site-rijlink, .winkel.fijn:is(.fijn, #f#f) .site-rijkop .site-rijknop { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijsttitel { font-size: 30px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-kop-fijn h1 { font-size: 26px; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-foto { aspect-ratio: 16 / 9; object-position: 88% 50%; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in { padding: 20px 0 24px; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in h1 { font-size: min(32px, 8.1vw); }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in p { margin: 8px 0 16px; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-hero-in a, .winkel.fijn:is(.fijn, #f#f) .site-hero-in a.site-hero-knop, .winkel.fijn:is(.fijn, #f#f) .site-hero-in a.site-hero-pijllink { flex: 1 1 0; height: 48px; padding: 0 8px; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker { gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-kop { width: 100%; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld { width: auto; min-width: 0; flex: none; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld input { width: 60px; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chipskop { display: inline; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x + .site-maatzoeker-veld { margin-right: 42px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-knop { order: 1; flex: 1 1 0; min-width: 72px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-soort { flex: 1 1 100%; order: 2; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-soort select { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chips { order: 3; gap: 4px 10px; margin: 2px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorien-in, .winkel.fijn:is(.fijn, #f#f) .soort-categorietegels:has(.compact) .site-categorien-in { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorie { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categoriefoto { width: 48px; height: 36px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorienaam, .winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorienaam * { min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorienaam b { font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorie:last-child:nth-child(odd) { grid-column: span 2; }
.winkel.fijn:is(.fijn, #f#f) .ontwt-tab { padding: 10px 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-dienst-in { grid-template-columns: minmax(0, 1fr); row-gap: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten-in { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 12px; align-content: start; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-foto { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-foto img { grid-column: 1; grid-row: 1 / span 3; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-rubriek { grid-column: 2; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-tekst { grid-column: 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht img { aspect-ratio: 1 / 1; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht h3 { font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht p { margin-top: 2px; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-catkop { aspect-ratio: 16 / 9; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-foto { aspect-ratio: 16 / 9; }
.winkel.fijn:is(.fijn, #f#f) .shop-tegels, .winkel.fijn:is(.fijn, #f#f) .shop-tegels[data-per-rij="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart, .winkel.fijn:is(.fijn, #f#f) .shop-tegels .ontw-banner { margin-bottom: 28px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-titel { font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
.winkel.fijn:is(.fijn, #f#f) button.shop-balk-filterknop { grid-column: 1; grid-row: 1; justify-self: start; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk .shop-telling { grid-column: 1; grid-row: 2; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .shop-telling[data-zin]::after { content: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk select.shop-select { grid-column: 2; grid-row: 1; justify-self: end; width: auto; min-width: 150px; max-width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijstbalk .shop-weergave { grid-column: 2; grid-row: 2; justify-self: end; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-rij { grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 10px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-foto, .winkel.fijn:is(.fijn, #f#f) .duin-hl-foto img, .winkel.fijn:is(.fijn, #f#f) .duin-hl-rij img { width: 44px; height: 36px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-foto { grid-row: span 3; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam { grid-column: 2; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-naam b { font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat { grid-column: 2; grid-row: 2; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-lengte { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-stip { grid-column: 2; grid-row: 3; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs { grid-column: 3; grid-row: 1 / span 3; align-self: center; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-fotokaart { aspect-ratio: 1 / 1; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer { display: flex; flex-direction: column; padding-inline: var(--f-gut); }
.winkel.fijn:is(.fijn, #f#f) .voet-kop { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin { order: 1; align-items: flex-start; gap: 14px; padding-block: 32px 20px; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin img { width: 48px; height: 48px; }
.winkel.fijn:is(.fijn, #f#f) .voet-kop-zin p { font-size: 22px; line-height: 1.22; letter-spacing: -.012em; }
.winkel.fijn:is(.fijn, #f#f) .voet-contact { order: 2; display: block; width: 100%; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; align-items: center; min-height: 64px; padding-block: 10px; border-top-color: rgba(255, 255, 255, .14); }
.winkel.fijn:is(.fijn, #f#f) .voet-vak svg { display: block; grid-row: span 2; color: rgba(255, 255, 255, .6); }
.winkel.fijn:is(.fijn, #f#f) .voet-vak small { display: none; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak b { margin: 0; font-size: 16px; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .voet-vak > span { margin: 0; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer a.voet-kop-knop { order: 3; display: flex; width: 100%; margin-block: 8px 28px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in { order: 4; display: flex; flex-direction: column; align-items: stretch; width: 100%; padding: 0 0 24px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div { grid-column: auto; border-top: 1px solid rgba(255, 255, 255, .14); }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div:nth-last-child(1) { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div > .shop-voet-kolomkop { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 52px; margin: 0 !important; font-size: 15px; font-weight: 500 !important; color: #fff !important; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in .shop-voet-kolomkop::after { content: ""; width: 8px; height: 8px; margin-right: 4px; border-right: 1.5px solid rgba(255, 255, 255, .6); border-bottom: 1.5px solid rgba(255, 255, 255, .6); transform: rotate(45deg); transition: transform .15s; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .open .shop-voet-kolomkop::after { transform: rotate(-135deg); }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div > .shop-voet-kolomkop + div { display: none !important; padding-bottom: 10px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .open > .shop-voet-kolomkop + div { display: block !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div > .shop-voet-kolomkop + div a { display: block; padding: 8px 0; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk { order: 5; flex-direction: column; gap: 12px; margin: 24px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-logo { height: 40px; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-merkregel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder { order: 6; width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in { flex-direction: column; align-items: flex-start; padding-block: 16px 20px; text-align: left; }
}
@media (max-width: 600px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in > .shop-menu-item.alleen-telefoon:nth-child(n+8) { display: none; }
}
@media (max-width: 345px) {
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorien-in, .winkel.fijn:is(.fijn, #f#f) .soort-categorietegels:has(.compact) .site-categorien-in { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .site-categorien.compact .site-categorie:last-child:nth-child(odd) { grid-column: auto; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-weergave button svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug { padding: 0; border: 1px solid var(--f-lijn); border-radius: var(--f-r); background: #fff; box-shadow: 0 16px 32px -16px rgba(17, 37, 27, .25); overflow: hidden; }
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .shop-sug { left: -1px; right: auto; width: 920px; max-width: calc(100vw - 2 * var(--f-gut)); }
.winkel.fijn:is(.fijn, #f#f) .duin-zoeklade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); }
.winkel.fijn:is(.fijn, #f#f) .duin-zoeklade > .duin-sug-groep { grid-column: 1; min-width: 0; padding: 14px 16px 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-zoeklade > .duin-sug-groep:first-child { grid-column: 2; grid-row: 1 / span 4; padding: 14px 16px; border-left: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .duin-zoeklade > .duin-sug-groep:first-child:has(+ .shop-sug-alles) { grid-column: 1 / -1; grid-row: auto; border-left: 0; }
}
.winkel.fijn:is(.fijn, #f#f) .duin-zoeklade { max-height: min(640px, calc(100vh - 96px)); overflow-y: auto; }
.winkel.fijn:is(.fijn, #f#f) .duin-sug-groep { margin: 0; padding: 14px 16px 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-kop { margin: 0 0 4px; padding: 0; font-size: 13px; font-weight: 400; line-height: 1.55; letter-spacing: 0; text-transform: none; color: var(--f-sub); background: none; }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; margin-inline: -8px; padding: 6px 8px; border: 0; border-radius: var(--f-r); background: none; line-height: 1.3; transition: background .1s; }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel:hover, .winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel.act, .winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel[aria-selected="true"] { background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel img { width: 60px; height: 45px; border-radius: 2px; object-fit: cover; background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-artikel img.vrij { object-fit: contain; padding: 2px; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-tekst { display: block; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-naam { display: block; font-size: 14px; font-weight: 400; line-height: 1.3; white-space: normal; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-sub { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; white-space: normal; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-prijs, .winkel.fijn:is(.fijn, #f#f) .duin-sug-prijs { font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-sug-chips { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) a.duin-sug-chip, .winkel.fijn:is(.fijn, #f#f) a.shop-sug-regel { display: block; height: auto; margin-inline: -8px; padding: 6px 8px; border: 0; border-radius: var(--f-r); background: none; box-shadow: none; font-size: 14px; font-weight: 400; line-height: 1.3; color: var(--ink); white-space: normal; text-decoration: none; transition: background .1s; }
.winkel.fijn:is(.fijn, #f#f) a.duin-sug-chip:hover, .winkel.fijn:is(.fijn, #f#f) a.shop-sug-regel:hover { background: var(--f-vlak); color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-regel svg, .winkel.fijn:is(.fijn, #f#f) a.shop-sug-regel::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-alles { display: flex; justify-content: space-between; align-items: center; grid-column: 1 / -1; margin: 14px 0 0; padding: 12px 16px; border: 0; border-top: 1px solid var(--f-lijn); border-radius: 0; background: #fff; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-alles:hover { background: var(--f-vlak); color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.shop-sug-alles svg { width: 16px; height: 16px; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn { position: fixed; top: 0; bottom: 0; left: 0; z-index: 90; width: min(420px, 100vw); max-width: none; height: auto; padding: 0; overflow: hidden; background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn[hidden] { display: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-kop { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 16px; border-bottom: 1px solid var(--f-lijn); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-logo img { display: block; width: auto; height: 34px; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-in { display: inline-flex; align-items: center; gap: 6px; margin: 0 12px 0 auto; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-kop .shop-lade-sluit { position: static; display: grid; place-items: center; width: 44px; height: 44px; margin: 0 -10px 0 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn .shop-lade-vlak { position: absolute; top: 57px; bottom: 0; left: 0; right: 0; display: block; height: auto; overflow-y: auto; margin: 0; padding: 12px 16px 40px; background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn .shop-lade-vlak[hidden] { display: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn h4 { margin: 20px 0 4px; padding: 0; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-snel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-snel a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; padding: 0 6px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); font-size: 14px; font-weight: 500; text-align: center; text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn .lade-fijn-rij { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; min-height: 56px; margin: 0; padding: 6px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; color: var(--ink); text-align: left; text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-foto { display: block; width: 56px; height: 42px; overflow: hidden; border-radius: 2px; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-foto img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f).fijn-tint .lade-fijn-foto img { background: #f7f0e6; filter: url(#fijn-tegel); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-foto img.vrij { object-fit: contain; padding: 3px; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-tekst { display: block; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-tekst b { display: block; font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--ink); white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-tekst small { display: block; font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--f-sub); white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-pijl { color: var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-link { display: block; padding: 9px 0; font-size: 15px; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn .nu-open { display: flex; padding: 0 0 8px; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) button.lade-fijn-terug { display: inline-flex; align-items: center; gap: 8px; width: auto; height: 44px; padding: 0; border: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-titel { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 4px 0 12px; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-titel h3 { margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-titel a { font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .mb-titel, .winkel.fijn:is(.fijn, #f#f) .mb-kop h3 { font-size: 16px; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn .lade-fijn-rij::before, .winkel.fijn:is(.fijn, #f#f) .lade-fijn .lade-fijn-rij::after { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .lade-fijn-titel + h4 { display: none; }
.winkel.fijn:is(.fijn, #f#f) .mt-foto img.vrij { object-fit: contain; padding: 6%; }
.winkel.fijn:is(.fijn, #f#f) .mb-rij img.vrij { object-fit: contain; padding: 3px; }
.winkel.fijn:is(.fijn, #f#f) .shop-paneel a { text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-paneel a:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto; padding-block: 16px; font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad > span:not([aria-current]) { color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad a { color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) a.kruimel-terug { font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) a.kruimel-terug svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.kruimel-terug::before { content: "Home"; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) h1.site-paginakop { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 16px auto 0; padding: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-paginakop + .site-pagina > .soort-tekst:first-child { padding: 12px 0 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-paginakop + .site-pagina > .soort-tekst:first-child .site-tekst > p { max-width: 62ch; margin: 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-paginakop + .site-pagina > .site-blok:nth-child(2) { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-paginakop + .site-pagina > .site-blok:last-child, .winkel.fijn:is(.fijn, #f#f) .site-pagina > .site-blok:last-child:not(.opm-vlak-grijs) { padding-bottom: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) h1.site-paginakop:has(+ .site-pagina > .soort-hero:first-child) { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in h2 { max-width: 620px; margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: #fff; text-wrap: balance; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina > .soort-hero:first-child { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-foto { height: clamp(300px, 30vw, 440px); }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in { padding-bottom: 40px; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in h1 { max-width: 620px; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in p { max-width: 620px; margin: 12px 0 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .soort-hero + .site-blok { padding-top: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-voordelen h2, .winkel.fijn:is(.fijn, #f#f) .site-stappen h2 { margin: 0 0 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-voordelen-in, .winkel.fijn:is(.fijn, #f#f) .site-stappen-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px var(--f-gat); margin: 0; padding: 0; list-style: none; counter-reset: st; }
.winkel.fijn:is(.fijn, #f#f) .site-voordeel, .winkel.fijn:is(.fijn, #f#f) .site-stap { position: static; display: block; min-width: 0; margin: 0; padding: 12px 0 0; border: 0; border-top: 1px solid var(--f-lijn2); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-voordeel-icoon { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-voordeel b, .winkel.fijn:is(.fijn, #f#f) .site-stap b { position: static; display: block; margin: 0; padding: 0; font-size: 15px; line-height: 1.55; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-voordeel > span:last-child, .winkel.fijn:is(.fijn, #f#f) .site-stap > span:last-child { position: static; display: block; margin: 2px 0 0; padding: 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-stap { counter-increment: st; }
.winkel.fijn:is(.fijn, #f#f) .site-stap-nummer { position: static; display: block; width: auto; height: auto; margin: 0 0 4px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-stap::before, .winkel.fijn:is(.fijn, #f#f) .site-stap::after { display: none; content: none; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag h2 { margin: 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag > details { width: calc((100% - 11 * var(--f-gat)) / 12 * 8 + 7 * var(--f-gat)); }
.winkel.fijn:is(.fijn, #f#f) .site-vraag-regel { margin: 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag > h2 + .site-vraag-regel { border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-vraag-regel summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; font-size: 15px; font-weight: 500; line-height: 1.55; color: var(--ink); list-style: none; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag-antwoord { max-width: 66ch; margin: 0; padding: 0 0 12px; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-formulier { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier > h2, .winkel.fijn:is(.fijn, #f#f) .site-formulier > p, .winkel.fijn:is(.fijn, #f#f) .site-formulier-in { width: calc((100% - 11 * var(--f-gat)) / 12 * 8 + 7 * var(--f-gat)); }
.winkel.fijn:is(.fijn, #f#f) .site-formulier > h2 { margin: 0 0 4px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier > p { margin: 0 0 16px; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in { gap: 12px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in label { margin: 0; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .winkel.fijn:is(.fijn, #f#f) .site-formulier-in select { width: 100%; height: 44px; margin-top: 4px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in textarea { width: 100%; height: 104px; margin-top: 4px; padding: 10px 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in button[type="submit"] { justify-self: start; height: 44px; padding: 0 20px; border-radius: var(--f-r); font-size: 14px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--f-gat); margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) a.site-kaart { display: block; min-width: 0; margin: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) a.site-kaart:hover { background: none; box-shadow: none; transform: none; }
.winkel.fijn:is(.fijn, #f#f) a.site-kaart > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; margin: 0 0 12px; border-radius: var(--f-r); object-fit: cover; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) a.site-kaart > img { aspect-ratio: 3 / 2; }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-in { display: block; margin: 0; padding: 0; background: none; font-size: 15px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-in b { display: block; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-in > * { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-zin { max-width: 54ch; margin: 4px 0 0; font-size: 15px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-noot { margin: 8px 0 0; font-size: 15px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-kaart-in .site-kaart-knop, .winkel.fijn:is(.fijn, #f#f) .site-kaart-in svg, .winkel.fijn:is(.fijn, #f#f) .site-kaart-in i { display: none; }
.winkel.fijn:is(.fijn, #f#f).fijn-tint .site-kaarten-in:has(> :nth-child(3)) a.site-kaart > img { filter: url(#fijn-tegel); background: #f7f0e6; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) .site-kaart-in b { font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) .site-kaart-zin { margin-top: 4px; font-size: 13px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .site-gegevenskaarten h2 { margin: 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-gegevenskaarten-in { display: block; width: calc((100% - 11 * var(--f-gat)) / 12 * 8 + 7 * var(--f-gat)); margin: 0; border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-gegevenskaart { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 0; padding: 10px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-gegevenskop { font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-gegevenswaarde { font-size: 14px; font-weight: 500; line-height: 1.55; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten + .soort-tekst) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten + .soort-tekst) > .site-blok { grid-column: 1 / -1; padding-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten + .soort-tekst) > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:has(+ .soort-tekst) { grid-column: 1 / span 8; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst { grid-column: 10 / span 3; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst + .soort-tekst, .winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst + .soort-tekst + .soort-faq { grid-column: 1 / span 8; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst + .soort-tekst { padding-top: 10px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:has(+ .soort-tekst) .site-gegevenskaarten-in { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten + .soort-tekst) .site-vraag > details { width: 100%; }
}
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst h2 { margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; font-weight: 500; line-height: 1.55; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst li { padding: 6px 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst li::before { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten + .soort-tekst + .soort-tekst .site-tekst > p { font-size: 13px; line-height: 1.55; color: var(--f-sub); }
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) > .site-blok { grid-column: 1 / span 8; padding-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) > .soort-tekst:first-child { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) > .soort-contactkaart { grid-column: 10 / span 3; grid-row: 2 / span 3; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) .site-formulier > h2, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) .site-formulier > p, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart) .site-formulier-in { width: 100%; }
}
.winkel.fijn:is(.fijn, #f#f) .site-contactkaart, .winkel.fijn:is(.fijn, #f#f) .site-contactkaart-in { display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .site-contactfotovak { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-contactrechts { display: flex; flex-direction: column-reverse; gap: 24px; width: auto; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-contactwie h2 { margin: 0 0 8px; font-size: 16px; line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) .site-contactadres { font-size: 14px; font-style: normal; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-contactnoot { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tijden { margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tijden h3 { margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; font-weight: 500; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-tijden dl { margin: 0; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel { margin: 16px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow-x: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel th, .winkel.fijn:is(.fijn, #f#f) .site-tabel td { padding: 10px 12px 10px 0; border: 0; border-bottom: 1px solid var(--f-lijn); background: none; text-align: left; vertical-align: top; font-weight: 400; color: var(--ink); overflow-wrap: anywhere; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel thead th { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel tbody tr > :first-child { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-rubriekfilter { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 0 0 32px; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) button.site-rubriekknop { height: auto; margin: 0 0 -1px; padding: 4px 0 12px; border: 0; border-bottom: 1.5px solid transparent; border-radius: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--f-sub); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) button.site-rubriekknop:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.site-rubriekknop.aan { border-color: var(--ink); background: none; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht .site-berichten-in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: center; margin-bottom: 16px; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-foto { grid-column: 1 / span 8; display: block; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-foto img { aspect-ratio: 16 / 10; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-foto .site-bericht-rubriek { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-tekst { grid-column: 9 / span 4; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-naam { font-size: 28px; line-height: 1.18; letter-spacing: -.018em; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-foto { display: block; height: auto; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-tekst { display: block; height: auto; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-tekst::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht { align-self: start; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > * { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-berichtkop { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { grid-column: 1 / span 8; width: auto; padding-top: 56px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-inhoud { grid-column: 10 / span 3; position: sticky; top: calc(var(--f-kop) + var(--f-balk) + 20px); margin: 56px 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok + .site-blok { padding-top: 40px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-leesook { grid-column: 1 / -1; width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-leesook > * { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-kop { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud ol { margin: 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel { margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel a { display: block; padding: 4px 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel a:hover, .winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel.aan a { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpbanner .ontw-banner { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 16px; align-items: center; margin: 0; padding: 12px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpbanner .ontw-banner > img { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 2px; object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpbanner .ontw-banner-tekst b { display: block; font-size: 15px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpbanner .ontw-banner-tekst span { display: block; font-size: 13px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpbanner .ontw-banner .btn-primary { display: inline-flex; width: auto; height: 36px; margin-top: 8px; padding: 0 14px; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto; padding: 0; text-align: left; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra .shop-kruimels.site-kruimelpad { width: auto; margin: 0; padding-block: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop-oog { margin: 16px 0 8px; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra h1 { max-width: 900px; margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop-door { margin: 12px 0 24px; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) img.site-berichtfoto { display: block; width: 100%; height: auto; aspect-ratio: 1360 / 590; margin: 0; border-radius: var(--f-r); object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .site-tekst { font-size: 16px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook { width: 100%; max-width: none; margin: 0; padding: var(--f-sec) 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook > * { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpers:has(.ontw-rij) { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: center; padding-block: 48px; border-top: 1px solid var(--f-lijn); scroll-margin-top: calc(var(--f-kop) + var(--f-balk)); }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij:first-of-type { padding-top: 16px; border-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-scherm { grid-column: span 7; position: relative; overflow: hidden; border-radius: var(--f-r); background: #e8e8e4; }
.winkel.fijn:is(.fijn, #f#f) .ontw-scherm img { display: block; width: 100%; height: auto; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst { grid-column: 9 / span 4; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij.om .ontw-scherm { grid-column: 6 / span 7; order: 2; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij.om .ontw-rij-tekst { grid-column: 1 / span 4; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kick { display: block; margin: 0 0 8px; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst h2 { margin: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst p { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst ul { margin: 12px 0 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst li { display: flex; gap: 8px; padding: 2px 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst li::before { content: ""; flex: none; width: 6px; height: 6px; margin-top: 8px; border-radius: 50%; background: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .ontw-prijs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 12px; margin: 16px 0; padding: 10px 0; border-block: 1px solid var(--f-lijn); font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-prijs b { font-size: 20px; font-weight: 500; letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--ink); }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .site-voordelen-in, .winkel.fijn:is(.fijn, #f#f) .site-stappen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) h1.site-paginakop, .winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra h1 { font-size: 36px; }
.winkel.fijn:is(.fijn, #f#f) .site-vraag > details, .winkel.fijn:is(.fijn, #f#f) .site-formulier > h2, .winkel.fijn:is(.fijn, #f#f) .site-formulier > p, .winkel.fijn:is(.fijn, #f#f) .site-formulier-in, .winkel.fijn:is(.fijn, #f#f) .site-gegevenskaarten-in { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij, .winkel.fijn:is(.fijn, #f#f) .ontw-rij.om { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-inhoud { position: static; margin: 24px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { padding-top: 24px; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij-tekst { margin-top: 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { display: block; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-tekst { display: block; margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-foto { height: auto; }
}
@media (max-width: 900px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-foto { aspect-ratio: 21 / 9; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad > * { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad > a:first-child { display: inline-flex; align-items: center; gap: 6px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad > a:first-child::before { font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) h1.site-paginakop, .winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra h1 { font-size: 30px; }
.winkel.fijn:is(.fijn, #f#f) .site-voordelen-in, .winkel.fijn:is(.fijn, #f#f) .site-stappen-in { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in, .winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-foto { aspect-ratio: 16 / 9; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in h1, .winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in h2 { font-size: 30px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht .site-berichten-in { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) img.site-berichtfoto { aspect-ratio: 16 / 9; }
}
@media (max-width: 900px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in h2 { max-width: none; color: var(--ink); }
}
.winkel.fijn:is(.fijn, #f#f) .rh { max-width: none; margin: 0; padding: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-kop { margin: 0; padding: 16px 0 32px; border: 0; background: none; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) h1.rh-titel { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-lead { max-width: 62ch; margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) form.rh-kaart { grid-column: span 8; min-width: 0; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-lijst { grid-column: 9 / span 4; position: sticky; top: calc(var(--f-kop) + var(--f-balk) + 20px); min-width: 0; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-stap { margin: 0 0 20px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-stapkop { display: block; margin: 0 0 8px; padding: 0; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-bol { display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; text-align: left; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-bol::before { content: "Stap "; }
.winkel.fijn:is(.fijn, #f#f) .rh-staptitel { display: block; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh input:not([type="checkbox"]):not([type="radio"]), .winkel.fijn:is(.fijn, #f#f) .rh select { height: 44px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background-color: #fff; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh label { font-size: 13px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-knop { height: 44px; border-radius: var(--f-r); font-size: 14px; font-weight: 500; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.rh-knop-donker, .winkel.fijn:is(.fijn, #f#f) button.rh-knop-wagen { border: 1px solid var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .rh-knop-licht, .winkel.fijn:is(.fijn, #f#f) a.rh-knop-tweede, .winkel.fijn:is(.fijn, #f#f) button.rh-knop-tweede { border: 1px solid var(--f-lijn2); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-lijst-kop { margin: 0 0 12px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-lijst-titel { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .rh-lijst-sub { display: block; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-plan-kop { font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .rh-plan-rij { padding: 6px 0; border: 0; border-bottom: 1px solid var(--f-lijn2); font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .rh-regel { font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .rh-regel img { background: var(--f-foto-grond); }
.winkel.fijn:is(.fijn, #f#f) .rh-som { margin: 12px 0; padding: 12px 0 0; border: 0; border-top: 1px solid var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .rh-noot { margin: 12px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-uitleg { margin: 0; padding: var(--f-sec) 0 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) h2.rh-uitleg-kop { margin: 0 0 8px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; }
.winkel.fijn:is(.fijn, #f#f) .rh-uitleg-zin { margin: 0 0 16px; font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-uitleg-kaart { padding: 12px 0 0; border: 0; border-top: 1px solid var(--f-lijn2); border-radius: 0; background: none; box-shadow: none; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .rh-raster { display: block; }
.winkel.fijn:is(.fijn, #f#f) .rh-lijst { position: static; margin-top: 24px; }
.winkel.fijn:is(.fijn, #f#f) h1.rh-titel { font-size: 36px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) h1.rh-titel { font-size: 30px; }
.winkel.fijn:is(.fijn, #f#f) form.rh-kaart, .winkel.fijn:is(.fijn, #f#f) .rh-lijst { padding: 16px; }
}