.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 { display: inline-flex; align-items: center; gap: 0; font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad > span[aria-current] { font-weight: 400; color: var(--ink); }
.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:not(.opm-breedte-zij) + .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:not(.opm-breedte-zij) + .soort-tekst) > .site-blok { grid-column: 1 / -1; padding-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst) > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij):has(+ .soort-tekst) { grid-column: 1 / span 8; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst { grid-column: 10 / span 3; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst + .soort-tekst, .winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst + .soort-tekst + .soort-faq { grid-column: 1 / span 8; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst + .soort-tekst { padding-top: 10px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij):has(+ .soort-tekst) .site-gegevenskaarten-in { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst) .site-vraag > details { width: 100%; }
}
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .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:not(.opm-breedte-zij) + .soort-tekst ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst li { padding: 6px 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .soort-tekst li::before { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-gegevenskaarten:not(.opm-breedte-zij) + .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):not(:has(> .opm-breedte-zij)) { 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):not(:has(> .opm-breedte-zij)) > .site-blok { grid-column: 1 / span 8; padding-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart):not(:has(> .opm-breedte-zij)) > .soort-tekst:first-child { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart):not(:has(> .opm-breedte-zij)) > .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):not(:has(> .opm-breedte-zij)) > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart):not(:has(> .opm-breedte-zij)) .site-formulier > h2, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart):not(:has(> .opm-breedte-zij)) .site-formulier > p, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .soort-contactkaart):not(:has(> .opm-breedte-zij)) .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-invoer { display: inline-flex; align-items: center; height: 44px; padding: 0 12px 0 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-invoer:focus-within { border-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-invoer input, .winkel.fijn:is(.fijn, #f#f) .rh-invoer select { width: 100%; min-width: 0; height: 100%; padding: 0 0 0 12px; border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-invoer em { font-size: 13px; font-style: normal; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-etiket { display: block; margin: 0 0 4px; font-size: 13px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-stuk { gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .rh-stuk-x { color: var(--f-sub); font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) button.rh-stuk-weg { width: 44px; height: 44px; border: 0; background: none; box-shadow: none; color: var(--f-zacht); }
.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; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog, .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog:not(.registreer), .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog.registreer { box-sizing: border-box; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 16px auto var(--f-sec); padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-hero > section { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst:first-child > section, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-stappen > section, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-voordelen > section { width: min(100% - 2 * var(--f-gut), var(--f-w)); }
@media (min-width: 1025px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) { display: flow-root; --zij-rand: max(var(--f-gut), calc((100% - var(--f-w)) / 2)); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok { clear: both; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij { float: right; clear: right; width: calc((min(100% - 2 * var(--f-gut), var(--f-w)) - 11 * var(--f-gat)) / 12 * 3 + 2 * var(--f-gat)); margin: 0 var(--zij-rand) 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok.opm-breedte-zij { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok.opm-breedte-zij + .site-blok.opm-breedte-zij { margin-top: 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok:not(.opm-breedte-zij, .soort-voordelen) { clear: none; width: calc((min(100% - 2 * var(--f-gut), var(--f-w)) - 11 * var(--f-gat)) / 12 * 8 + 7 * var(--f-gat)); margin-left: var(--zij-rand); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-voordelen { clear: both; }
}
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) { display: flex; flex-direction: column; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij { order: 5; width: min(100% - 2 * var(--f-gut), var(--f-w)); margin: 24px auto 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-voordelen { order: 9; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok:not(.opm-breedte-zij, .soort-voordelen) { width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
}
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok:not(.opm-breedte-zij, .soort-tekst):has(+ .opm-breedte-zij) { padding-bottom: var(--f-sec-s); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok:not(.opm-breedte-zij, .soort-voordelen) { padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-formulier:not(.opm-breedte-zij), .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-kaart:not(.opm-breedte-zij) { padding: 32px 0; border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij + .site-blok.soort-formulier:not(.opm-breedte-zij) { padding-top: 8px; border-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij + .site-blok.soort-kaarten:not(.opm-breedte-zij) { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij + .site-blok.soort-kaarten:not(.opm-breedte-zij) + .site-blok.soort-formulier:not(.opm-breedte-zij) { margin-top: 32px; padding-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.site-blok:last-child:not(.soort-voordelen, .opm-breedte-zij) { padding-bottom: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) .site-kaarten-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--f-gat); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) a.site-kaart:not(.metfoto) { padding: 24px; border-radius: var(--f-r); background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) a.site-kaart:not(.metfoto) .site-kaart-in { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) a.site-kaart:not(.metfoto) .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-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) a.site-kaart:not(.metfoto) .site-kaart-zin { display: block; margin: 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-cta.duin-tipbalk { display: block; width: 100%; margin: 0; padding: 20px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; font-size: 14px; text-align: left; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .duin-tipbalk-foto { display: block; width: 44px; height: 44px; margin: 0 0 10px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .duin-tipbalk-tekst { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .duin-tipbalk-tekst h2 { margin: 0; font-size: 15px; line-height: 1.55; letter-spacing: 0; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .duin-tipbalk-tekst p { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .duin-tipbalk-knoppen { display: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-contactwie, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij.soort-contactkaart > .site-blok-kopje { display: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-contactrechts { display: block; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden h3 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 12px; margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-nu { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-nu::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: none; box-shadow: inset 0 0 0 1px var(--f-zacht); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-nu.open::before { background: var(--f-stip); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dl > div { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dt, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dd { margin: 0; padding: 6px 0; border-bottom: 1px solid var(--f-lijn); font-size: 14px; font-weight: 400; line-height: 1.55; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dt { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden dd { color: var(--ink); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden .vandaag dt, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-tijden .vandaag dd { color: var(--ink); font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-kaarten-in { display: block; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij a.site-kaart > img { aspect-ratio: 16 / 10; margin: 0 0 8px; border-radius: var(--f-r); background: var(--f-vlak); filter: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-kaart-in { font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-kaart-in b { display: block; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-kaart-zin { display: block; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij a.site-kaart:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-snel { display: flex; flex-direction: column; gap: 0; text-align: left; margin: 0; padding: 20px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-snel-tekst, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-vak, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-midden, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-eind { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-snel h2 { order: 1; margin: 0 0 8px; font-size: 16px; line-height: 1.3; letter-spacing: 0; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-label, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-som, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij textarea.g-snel-veld { order: 2; width: 100%; height: 140px; margin: 0; 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; color: var(--ink); resize: vertical; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij textarea.g-snel-veld::placeholder { color: var(--ink); opacity: 1; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-regels { order: 3; margin: 8px 0 0; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .g-snel-regels[hidden] { display: none; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-snel .site-rijzin { order: 4; margin: 10px 0 0; max-width: none; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij button.g-snel-knop, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij button.g-snel-knop[disabled] { order: 5; width: 100%; height: 44px; margin: 12px 0 0; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; color: var(--ink); opacity: 1; box-shadow: none; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij button.g-snel-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-tekst .site-tekst { max-width: 68ch; margin: 0; padding: 0; font-size: 16px; line-height: 1.65; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-tekst .site-tekst p { margin: 0; font-size: 16px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-tekst .site-tekst p + p { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-tekst:not(.opm-breedte-zij):has(+ .soort-knoppen) { padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-knoppen:not(.opm-breedte-zij) { padding: 20px 0 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-knoppen .site-knoppen { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-knoppen .site-knoppen-in { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-knoppen a.site-knop { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-knoppen a.site-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-knoppen a.site-knop + a.site-knop { 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-pagina:has(> .opm-breedte-zij) .site-formulier { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier > h2 { width: auto; margin: 0 0 16px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier > p { width: auto; max-width: none; margin: 0 0 16px; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > * { grid-column: span 2; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .breed, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > button[type="submit"] { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label[hidden] { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label::after, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label:not(.site-bestandvak) { display: block; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) { display: block; margin-top: 4px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in textarea { display: block; height: 104px; min-height: 0; margin-top: 4px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label:not(.breed):has(+ label > input[name="naam"]), .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label:not(.breed):has(+ label + label > input[name="naam"]) { grid-column: span 3; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > button[type="submit"] { justify-self: start; margin-top: 8px; border: 1px solid var(--winkel-accent); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-keuzeknoppen { margin: 0 0 8px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-keuzeknoppen:not(:last-of-type) { margin-top: 4px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-keuzeknoppen + .site-keuzeknoppen, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label + .site-keuzeknoppen { margin-top: 8px; margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-keuzeknoppen-kop { 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) .site-pagina:has(> .opm-breedte-zij) .site-keuzeknoppen-rij { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) label.site-keuzeknop { display: inline-flex; align-items: center; gap: 8px; width: auto; height: 40px; margin: 0; 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); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) label.site-keuzeknop:has(input:checked) { border-color: var(--ink); background: #fff; color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) label.site-keuzeknop input { position: static; display: block; width: 16px; height: 16px; margin: 0; padding: 0; opacity: 1; clip: auto; clip-path: none; -webkit-appearance: radio; appearance: auto; accent-color: var(--ink); pointer-events: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) label.site-keuzeknop span { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 12px; min-height: 0; padding: 14px 16px; border: 1px dashed var(--f-lijn2); border-radius: var(--f-r); background: none; font-size: 13px; line-height: 1.55; color: var(--f-sub); cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2359625b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 16V4M7 9l5-5 5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/></svg>"); display: block; flex: none; width: 20px; height: 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak > span { display: block; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak b::after, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak > span::after { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak b { display: block; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > .site-bestandvak small { display: block; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in:has(> .site-adres) > .site-adres { order: 2; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in:has(> .site-adres) > * { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in:has(> .site-adres) > .site-adres { order: 2; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in:has(> .site-adres) > .site-keuzeknoppen:last-of-type { order: 3; margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in:has(> .site-adres) > button[type="submit"] { order: 4; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-adres > .site-adres-kop { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-adres > label { grid-column: span 2; margin: 0; font-size: 13px; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-adres > .site-adres-gevonden { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-adres input::placeholder { color: transparent; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route > h2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; margin: 0 0 16px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route > h2 small { font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .site-kaart-vlak { position: relative; aspect-ratio: 16 / 7; min-height: 0; height: auto; overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .site-kaart-vlak > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .fijn-route button.site-kaart-knop { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; opacity: 0; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .site-kaart-frame { display: block; width: 100%; height: 100%; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 12px 0 0; font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder b { display: block; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder span span { display: block; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder a { text-decoration: none; display: inline-flex; align-items: center; justify-content: 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; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder a:hover { border-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .noot { margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in { gap: 10px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > *, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label:not(.breed):has(+ label > input[name="naam"]), .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > label:not(.breed):has(+ label + label > input[name="naam"]), .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-adres > label { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) .site-kaarten-in { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in > .site-hero-tekst:last-child { margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .soort-hero + .site-blok { padding-top: var(--f-sec-s); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .site-blok.soort-voordelen:not(.opm-breedte-zij):has(+ .opm-breedte-zij) { padding-bottom: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-voordelen { padding-top: var(--f-sec); padding-bottom: var(--f-sec-s); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:first-child:has(.site-hoofdkop) { padding: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:first-child:has(.site-hoofdkop) > .site-blok-kopje { display: none; }
.winkel.fijn:is(.fijn, #f#f) h1.site-hoofdkop { margin: 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-tekst:has(> .site-hoofdkop) > p { max-width: 62ch; margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel table { table-layout: fixed; width: 100%; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel th, .winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel td { width: auto; padding: 10px 12px 10px 0; font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel th { font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel tr > td:first-child { color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-tekst:has(> .site-hoofdkop) .site-tabel { margin: 32px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel { margin: 0; border-top: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel table { table-layout: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel tr > :first-child { font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel tr > :nth-child(2) { font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel tr > :last-child { padding-right: 0; font-weight: 500; color: var(--ink); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst h2, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst h3 { margin: 0 0 16px; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst:has(.site-tabel) + .soort-tekst .site-tekst p { margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst:has(.site-tabel) + .soort-tekst { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-faq:not(.opm-breedte-zij) { padding-top: 48px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-faq .site-vraag > h2 { margin: 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-faq .site-vraag > details { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenskaarten > h2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 12px; margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; line-height: 1.55; letter-spacing: 0; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenskaarten > h2 .nu-open { font-size: 13px; font-weight: 400; color: var(--ink); white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenskaarten-in { display: block; width: 100%; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenskaart { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--f-lijn); font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenskop { font-size: 14px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenswaarde { font-size: 14px; font-weight: 400; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto img { grid-column: 1 / span 8; grid-row: 1 / span 4; display: block; width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto .site-bericht-rubriek { grid-column: 9 / span 4; grid-row: 1; align-self: end; display: block; position: static; margin: 0 0 4px; padding: 0; background: none; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-tekst { grid-column: 9 / span 4; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot::after { content: "Lees het artikel  \2192"; grid-column: 9 / span 4; grid-row: 3; align-self: start; margin-top: 12px; 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); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-samenvatting { margin-top: 12px; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra .site-kruimelpad { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop-oog { margin: 16px 0 8px; font-size: 13px; line-height: 1.55; 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; }
.winkel.fijn:is(.fijn, #f#f) .fijn-artikel-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) .fijn-door { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; margin: 20px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-door img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; }
.winkel.fijn:is(.fijn, #f#f) .fijn-door b { display: block; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) img.site-berichtfoto { display: block; width: 100%; height: auto; margin: 13px 0 0; border-radius: var(--f-r); object-fit: cover; filter: saturate(.86) contrast(1.02); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst { max-width: 68ch; margin: 0; padding: 0; font-size: 16px; line-height: 1.65; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst p { margin: 0; font-size: 16px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst p + p { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst h2, .winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst h3 { margin: 40px 0 8px; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst ul { margin: 12px 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst li { position: relative; margin: 4px 0 0; padding: 0 0 0 16px; font-size: 16px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-tekst li::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 1px; border: 0; border-radius: 0; background: var(--f-sub); }
.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-materiaal { max-width: 68ch; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal .site-rijkop { margin: 40px 0 8px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal .site-rijkop h2 { font-size: 20px; line-height: 1.25; letter-spacing: -.01em; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-in { display: block; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-kaart { display: block; margin: 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-materiaal-lijf { display: block; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-kop { margin: 24px 0 4px; font-size: 16px; line-height: 1.3; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-zin { margin: 0; font-size: 16px; line-height: 1.65; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-regels { margin: 12px 0 0; padding: 0; border-top: 1px solid var(--f-lijn); list-style: none; font-size: 14px; line-height: 1.45; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-regels li { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; margin: 0; padding: 6px 0; border: 0; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-regels li::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-regels li > img { width: 52px; height: 40px; object-fit: cover; border-radius: 2px; background: var(--f-tegel); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-regels li > img.vrij { object-fit: contain; padding: 2px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-naam { grid-column: 2; font-size: 14px; line-height: 1.45; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-naam b { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-bedrag { grid-column: 3; font-size: 14px; font-weight: 400; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-voet { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 12px 0 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-totaal { display: block; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-totaal small:first-child { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-totaal b { display: inline; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; font-weight: 500; font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-totaal small:last-child { display: inline; margin-left: 4px; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) button.site-materiaal-knop { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) button.site-materiaal-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) button.site-materiaal-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .soort-cta { max-width: 68ch; margin: 48px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta { width: 100%; margin: 0; padding: 20px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta-in { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta h2 { margin: 0; font-size: 15px; line-height: 1.55; letter-spacing: 0; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta p { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta .fijn-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 12px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta a.site-knop { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 44px; margin: 0; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta a.site-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-berichtstaart { display: none; }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud { font-size: 14px; line-height: 1.55; }
.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) nav.site-inhoud ol { margin: 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel a { display: block; padding: 4px 0; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-regel a:hover { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .soort-ontwerpbanner { margin: 24px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner { position: relative; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; margin: 0 0 8px; border-radius: var(--f-r); object-fit: cover; background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner-inhoud { display: block; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner-tekst b { display: block; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner-tekst span { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner .site-knop { position: absolute; inset: 0; z-index: 1; display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; color: transparent; font-size: 0; opacity: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook { position: relative; margin: 0; padding: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook .site-leesook-alle { position: absolute; top: calc(var(--f-sec) + 8px); right: max(var(--f-gut), calc((100% - var(--f-w)) / 2)); z-index: 1; 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); }
.winkel.fijn:is(.fijn, #f#f) .site-leesook .site-inhoud-pijltekst { font-size: 14px; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook .site-berichten { width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; padding-block: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-leesook .site-berichten > h2 { margin: 0 0 32px; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij):has(a.metfoto) { padding: 0 0 var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:has(a.metfoto):not(.opm-breedte-zij) > section { width: min(100% - 2 * var(--f-gut), var(--f-w)); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok > section { width: auto; margin-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok { font-size: 16px; max-width: 68ch; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal { width: auto; max-width: none; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) button.site-materiaal-knop::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-inhoud-kop { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .soort-ontwerpbanner, .winkel.fijn:is(.fijn, #f#f) nav.site-inhoud .ontw-banner { width: 100%; max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook a.site-leesook-alle { left: auto; flex-direction: row-reverse; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:first-child:has(.site-hoofdkop) + .soort-berichten { padding-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:first-child:has(.site-hoofdkop) + .site-blok:not(.soort-berichten) { padding-top: var(--f-sec-s); }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)) .site-kaart-in b { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { grid-template-rows: 1fr auto auto auto 1fr; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto img { grid-row: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto .site-bericht-rubriek { grid-row: 2; align-self: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-tekst { grid-row: 3; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot::after { grid-row: 4; }
.winkel.fijn:is(.fijn, #f#f) .site-berichtkop.is-terra { margin: 0; padding: 0; }
@media (min-width: 761px) {
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder { width: 100%; max-width: none; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding-inline: 0; }
}
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-header { min-height: 0; height: var(--f-kop); }
.winkel.fijn:is(.fijn, #f#f) .shop-header-in { min-height: 0; height: var(--f-kop); }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-logo-link img.logo-beeld { height: 34px; width: auto; max-height: none; }
.winkel.fijn:is(.fijn, #f#f) .soort-tekst .site-tekst .site-tabel { overflow-x: auto; }
}
@media (max-width: 760px) {
.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 { justify-content: space-between; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop h2 { width: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-rijkop .site-rijlink, .winkel.fijn:is(.fijn, #f#f) .site-rijkop .site-rijknop { margin: 0; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-producten { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .site-rijkop > h2 { grid-column: 1; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .site-rijzin { grid-column: 1; grid-row: 2; margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .site-rijkop > a { grid-column: 1; grid-row: 3; justify-self: start; align-self: start; margin: 16px 0 20px; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .site-chips { grid-row: 4; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .duin-hl { grid-row: 5; }
.winkel.fijn:is(.fijn, #f#f) .site-producten > .site-rijkop:not(:has(+ .site-rijzin)) > h2 { margin-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat { line-height: 1.55; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat small { display: inline; margin-left: 4px; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-voorraad { display: block; grid-column: 2; grid-row: 3; padding: 0; margin: 2px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs { display: block; text-align: right; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs::after, .winkel.fijn:is(.fijn, #f#f) .duin-hl-prijs::before { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-regels dt { font-size: 24px; }
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-knoppen a { flex: none; width: auto; }
.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; aspect-ratio: 1 / 1; width: 100%; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-foto .site-bericht-rubriek { position: static; grid-column: 2; grid-row: 1; display: block; margin: 0; padding: 0; background: none; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-tekst { grid-column: 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-naam { font-size: 15px; line-height: 1.35; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-samenvatting { margin-top: 2px; font-size: 13px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht .site-berichten-in { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { display: block; margin-bottom: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto img { display: block; aspect-ratio: 3 / 2; margin: 0 0 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot::after { display: inline-block; }
.winkel.fijn:is(.fijn, #f#f) a.site-bericht.groot .site-bericht-naam { font-size: 24px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-samenvatting { font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .shop-cattitelrij { padding: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-cattekst, .winkel.fijn:is(.fijn, #f#f) .shop-cattekst p { margin-top: 8px; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .catkop-knoppen { display: flex; gap: 8px; margin: 14px 0 0; }
.winkel.fijn:is(.fijn, #f#f) a.catkop-knop { flex: 1 1 0; height: 48px; padding: 0 8px; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .shop-subtegels-kop { font-size: 24px; margin-bottom: 20px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in { gap: 0; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok { margin: 0; padding: 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .14); background: none; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok > summary { display: flex; justify-content: space-between; align-items: center; min-height: 52px; height: auto; margin: 0; padding: 0; list-style: none; font-size: 15px; font-weight: 500; line-height: 1.55; color: #fff; text-transform: none; letter-spacing: 0; cursor: pointer; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok > summary::-webkit-details-marker { display: none; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin: 0 4px 0 0; border: 0; border-right: 1.5px solid rgba(255, 255, 255, .6); border-bottom: 1.5px solid rgba(255, 255, 255, .6); background: none; transform: rotate(45deg); transition: transform .15s; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok[open] > summary::after { transform: rotate(-135deg); }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok > div { gap: 0 !important; padding: 0 0 10px; }
.winkel.fijn:is(.fijn, #f#f) details.shop-voetblok > div > a { display: block; padding: 8px 0; font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .76); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier > h2 { margin-bottom: 4px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier > p { margin-bottom: 16px; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-tegels .ontw-banner .ontw-zin-telefoon { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-titel { text-wrap: wrap; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.shop-menu-kop, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon.hier a.shop-menu-kop, .winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.shop-menu-kop.is-hier { color: var(--ink); }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-tegels:not(.als-lijst) .shop-kaart .nova-titel { font-size: 14px !important; line-height: 1.35; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; margin: 0 0 20px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk button.shop-balk-filterknop { grid-column: 1; grid-row: 1; justify-self: start; width: auto; height: 36px; padding: 0 14px; font-size: 13px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk .shop-telling { grid-column: 1; grid-row: 2; align-self: center; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk select.shop-select { grid-column: 2; grid-row: 1; justify-self: end; width: auto; min-width: 150px; max-width: 100%; height: 32px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst form.shop-lijstbalk .shop-weergave { grid-column: 2; grid-row: 2; justify-self: end; margin: 0; }
}
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-tip a { color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .site-kaart-vlak > img { border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-formulier-in > button[type="submit"] { height: 44px; min-height: 0; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-galerij, .winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links { gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-verhaal { padding-top: 32px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad { margin-top: 0; padding-block: 16px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a.kruimel-terug:nth-last-child(3) { font-size: 0; gap: 6px; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a.kruimel-terug:nth-last-child(3)::after { content: "Home"; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) h1.site-paginakop, .winkel.fijn:is(.fijn, #f#f) h1.site-hoofdkop { font-size: 30px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-goed-lijst { gap: 4px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-voet { flex-direction: row; justify-content: space-between; align-items: center; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route .site-kaart-vlak { aspect-ratio: 16 / 10; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-menu a.is-hier, .winkel.fijn:is(.fijn, #f#f) .shop-menu .hier > a { color: var(--ink) !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu a.menu-accent.is-hier { color: var(--winkel-accent) !important; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl, .winkel.fijn:is(.fijn, #f#f) .shop-kruimels > span[aria-hidden] { display: none; }
}
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tabel tr > :first-child { width: 44.5%; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-gegevenswaarde { min-width: 88.6px; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-knoppen:not(.opm-breedte-zij) .site-knoppen, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-knoppen:not(.opm-breedte-zij) .site-knoppen-in { margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad a.kruimel-terug { height: 20.15px; line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad a.kruimel-terug::before { line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-knoppen:not(.opm-breedte-zij) a.site-knop { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .soort-hero + .site-blok.opm-breedte-zij { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij .site-snel { align-items: stretch; padding: 24px; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij textarea.g-snel-veld { height: 150px; font-size: 15px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-formulier:not(.opm-breedte-zij):last-child, .winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .site-blok.soort-kaart:not(.opm-breedte-zij):last-child { padding-bottom: calc(var(--f-sec) + 32px); }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook a.site-leesook-alle { width: auto; min-width: 0; height: auto; min-height: 0; padding: 0; border: 0; background: none; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-pdp { align-items: stretch; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > * { width: 100%; max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-lichtbak { width: auto; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .sm-stap[data-sm-kleur] .sm-opties { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij label > span { font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) .rekenhulp .duin-vreken-rij label > span::before { content: "m"; font-size: 13px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) section.duin-wagenleeg-populair { width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin-inline: auto; padding-bottom: var(--f-sec); }
@media (min-width: 761px) and (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-nav { display: flex; order: 2; margin-top: 48px; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp-beeld > .pdp-verhaal { padding-top: 40px; }
}
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu > .shop-menu-in { justify-content: space-between; gap: 0; }
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop { margin-left: 0; }
}
@media (min-width: 900px) and (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.ontw-menu-kop { font-size: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-item.alleen-telefoon a.ontw-menu-kop::after { content: "Ontwerp in 3D"; font-size: 15px; font-weight: 500; color: var(--winkel-accent); }
}
@media (max-width: 1024px) {
html:has(.winkel.fijn:is(.fijn, #f#f)), .winkel.fijn:is(.fijn, #f#f) { overflow-x: clip; }
}
@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: 10px; row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-fotolink { grid-column: 1; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-kern { grid-column: 2; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-wegvorm { grid-column: 3; grid-row: 1; align-self: start; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-aantalvorm { grid-column: 1 / span 2; grid-row: 2 / span 2; align-self: center; width: 108px; margin: 8px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-totaal { grid-column: 2 / span 2; grid-row: 2; justify-self: end; margin: 8px 0 0; text-align: right; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenregel .wagen-stuk { display: block; grid-column: 2 / span 2; grid-row: 3; justify-self: end; margin: 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); text-align: right; white-space: nowrap; }
}
.winkel.fijn:is(.fijn, #f#f) .afr-seg label { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; font-size: 14px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label:has(input:checked) { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .afr-seg input { position: static; display: block; width: 16px; height: 16px; margin: 0; opacity: 1; -webkit-appearance: radio; appearance: auto; accent-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-vorm input[type="radio"] { accent-color: var(--ink); }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) ol.afr-stappen { display: flex; justify-content: flex-start; gap: 4px 14px; border: 0; }
.winkel.fijn:is(.fijn, #f#f) ol.afr-stappen li { flex: none; width: auto; border: 0; }
.winkel.fijn:is(.fijn, #f#f) ol.afr-stappen li:not(.aan) span { display: none; }
}
.winkel.fijn:is(.fijn, #f#f) .site-tekstfoto-in > p.site-tekstfoto-nu { margin: 24px 0 16px; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.duin-dienst-meer { margin-top: 2px; }
.winkel.fijn:is(.fijn, #f#f) .site-rijlink::after { width: 14px; height: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld em { left: calc(100% + 13px); }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-catblokken .site-blok:last-child { padding-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-catland-soorten + .duin-catland-soorten { padding-top: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .soort-stappen + .soort-faq { padding-top: calc(var(--f-sec) + 32px); }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpers + .site-blok.opm-vlak-grijs { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) button.site-rubriekknop { word-spacing: .05em; }
.winkel.fijn:is(.fijn, #f#f) .site-tabel tr > :first-child { width: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst .site-tabel table { table-layout: fixed; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst .site-tabel tr > :first-child { width: 44.56%; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst .site-tabel tr > :nth-child(2) { width: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst .site-tekst .site-tabel tr > :last-child { width: 15%; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kick { display: none; }
.winkel.fijn:is(.fijn, #f#f) .soort-ontwerpers:has(.ontw-rij) { padding-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij ul { margin: 12px 0 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij li { position: static; display: flex; gap: 8px; margin: 0; padding: 2px 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-rij li::before { content: ""; position: static; flex: none; width: 14px; height: 14px; margin-top: 4px; border: 0; border-radius: 0; background: var(--f-stip); -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.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5 10 17.5 19 7.5'/></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.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5 10 17.5 19 7.5'/></svg>") center / contain no-repeat; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina.shop-catblokken > .site-blok:last-child:not(.opm-vlak-grijs) { padding-bottom: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-tekst:has(.site-tabel) .site-tekst { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .catland.duin-catland { padding-bottom: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk, .winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk dl.voet-uren { font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > .shop-voet-merk .shop-voet-merkregel { width: auto; max-width: none; font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) summary.shop-cat-meerknop { margin: 6px 0 0; padding: 0; font-size: 13px; line-height: 1.55; }
@media (max-width: 1180px) {
.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) .duin-catland-soorten ~ .duin-catland-soorten { padding-top: var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten button.site-meerknop { height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-assen { order: 0; display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--f-lijn); background: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as { display: block; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-naam { display: block; margin: 0 0 8px; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--ink); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knoppen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { display: flex; align-items: center; justify-content: center; width: auto; height: auto; min-height: 40px; margin: 0; padding: 4px 8px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; line-height: 1.3; font-weight: 400; color: var(--ink); text-align: center; font-variant-numeric: tabular-nums; white-space: normal; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop:hover:not([disabled]) { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop[disabled] { border-color: var(--f-lijn); background: #fff; color: var(--f-zacht); }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knoppen { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { min-height: 44px; }
}
.winkel.fijn:is(.fijn, #f#f) .btn-primary, .winkel.fijn:is(.fijn, #f#f) a.btn-primary, .winkel.fijn:is(.fijn, #f#f) button.btn-primary, .winkel.fijn:is(.fijn, #f#f) .inlog-knop { font-weight: 500; box-shadow: none; text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main a.ghost, .winkel.fijn:is(.fijn, #f#f) .shop-main button.ghost { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main a.ghost:hover, .winkel.fijn:is(.fijn, #f#f) .shop-main button.ghost:hover { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .kruimel-terug { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) input:not([type="checkbox"], [type="radio"], [type="range"]), .winkel.fijn:is(.fijn, #f#f) select, .winkel.fijn:is(.fijn, #f#f) textarea { border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .teller.groot, .winkel.fijn:is(.fijn, #f#f) .tel-land, .winkel.fijn:is(.fijn, #f#f) .tel-land select { border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .shop-schuif-bel { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) a.chip { 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); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) a.chip:hover { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .site-cta { border-radius: var(--f-r); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .foto-leeg { border-radius: var(--f-r); background: var(--f-vlak); color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .pdp-fotolabels, .winkel.fijn:is(.fijn, #f#f) .pdp-fotolabel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad > .nova-chip { display: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verwant.duin-verwant { background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-verwant.duin-verwant::before, .winkel.fijn:is(.fijn, #f#f) .pdp-verwant.duin-verwant::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .shop-kruimels { box-sizing: border-box; width: min(100% - 2 * var(--f-gut), var(--f-w)); margin-inline: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog, .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog:not(.registreer), .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog.registreer { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; margin-top: 0; padding: 16px 0 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-links { grid-column: 1 / span 6; display: block; min-width: 0; margin: 0; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-vorm { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog h1 { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-uitleg { max-width: 62ch; margin: 12px 0 32px; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .inlog-velden { display: block; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .klant-veld { margin: 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .klant-veld label { display: block; position: static; margin: 0 0 4px; padding: 0; background: none; font-size: 13px; line-height: 1.5; font-weight: 400; color: var(--ink); text-transform: none; letter-spacing: 0; transform: none; }
.winkel.fijn:is(.fijn, #f#f) .klant-veld input:not([type="checkbox"], [type="radio"]), .winkel.fijn:is(.fijn, #f#f) .klant-veld select { box-sizing: border-box; width: 100%; height: 44px; padding: 0 12px; 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) .klant-veld input:focus, .winkel.fijn:is(.fijn, #f#f) .klant-veld select:focus { border-color: var(--ink); outline: 0; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-blijf { display: flex; align-items: center; gap: 8px; margin: 0 0 24px; font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-blijf span { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .inlog-rij { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 20px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .inlog-knop, .winkel.fijn:is(.fijn, #f#f) button.btn-primary.inlog-knop, .winkel.fijn:is(.fijn, #f#f) a.btn-primary.inlog-knop { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 0; height: 44px; min-height: 44px; padding: 0 20px; border-radius: var(--f-r); font-size: 14px; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) a.inlog-vergeten { margin: 0; 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); }
.winkel.fijn:is(.fijn, #f#f) .inlog-rechts { grid-column: 9 / span 4; min-width: 0; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-rechts::before, .winkel.fijn:is(.fijn, #f#f) .inlog-rechts::after, .winkel.fijn:is(.fijn, #f#f) .registreer-links::before, .winkel.fijn:is(.fijn, #f#f) .registreer-links::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-rechts h2 { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-rechts > p { max-width: none; margin: 8px 0 16px; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .inlog-usps { display: block; margin: 0 0 20px; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-usps li { display: block; position: static; margin: 0; padding: 8px 0; border: 0; border-top: 1px solid var(--f-lijn); background: none; font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-usps li::before, .winkel.fijn:is(.fijn, #f#f) .inlog-usps li::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-usps li svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .inlog-knoppen { display: block; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) a.inlog-knop.inlog-knop-wit { border: 1px solid var(--f-lijn2); background: #fff; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.inlog-knop.inlog-knop-wit:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .inlog-anders { display: block; margin: 16px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .inlog-anders a { 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); }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog.registreer { position: relative; padding-top: 53px; }
.winkel.fijn:is(.fijn, #f#f) .inlog.registreer .inlog-kruimels { position: absolute; top: 0; left: 0; width: auto; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .registreer-links { grid-column: 1 / span 4; position: static; min-width: 0; margin: 0; padding: 16px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-links > p { max-width: none; margin: 12px 0 24px; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .registreer-kaart { margin: 24px 0 0; padding: 20px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .registreer-kaart h3 { margin: 0; font-size: 15px; line-height: 1.4; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-kaart p { margin: 4px 0 16px; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .registreer-kaart a.btn-primary.inlog-knop { border: 1px solid var(--f-lijn2); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-kaart a.btn-primary.inlog-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-rechts { grid-column: 5 / span 8; position: static; min-width: 0; margin: 0; padding: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vorm { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .registreer-stappen { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 0 0 32px; padding: 0; border: 0; border-bottom: 1px solid var(--f-lijn); list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .registreer-stappen li { display: inline-flex; align-items: center; gap: 6px; height: auto; margin: 0 0 -1px; padding: 0 0 12px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: none; box-shadow: none; font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .registreer-stappen li.aan { border-bottom-color: var(--ink); background: none; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-stappen li > span, .winkel.fijn:is(.fijn, #f#f) .registreer-stappen li.aan > span { display: inline; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vorm section > h2, .winkel.fijn:is(.fijn, #f#f) .registreer-vorm h2 { margin: 0 0 16px; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden { gap: 0 var(--f-gat); margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vinkjes { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 24px; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vink { display: block; margin: 0; font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-vink a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .registreer-knoppen { display: flex; justify-content: flex-start; gap: 8px; margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .registreer-knoppen button.ghost, .winkel.fijn:is(.fijn, #f#f) .registreer-knoppen .inlog-knop-wit { background: #fff; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog, .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog:not(.registreer), .winkel.fijn:is(.fijn, #f#f) .shop-main > .inlog.registreer { display: block; }
.winkel.fijn:is(.fijn, #f#f) .inlog-rechts { margin: 32px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .registreer-rechts { margin: 32px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .inlog h1 { font-size: 32px; }
}
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-zoekniets) > .shop-zijbalk, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-zoekniets) .shop-lijstbalk, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-zoekniets) .card.empty, .winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(.shop-zoekniets) .shop-tegels { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst .card.empty { grid-column: 4 / span 9; grid-row: 7; box-sizing: border-box; width: auto; max-width: none; height: auto; margin: 0; padding: 24px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; font-size: 14px; line-height: 1.55; color: var(--f-sub); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .shop-zoekniets { box-sizing: border-box; width: calc((100% - 11 * var(--f-gat)) / 12 * 6 + 5 * var(--f-gat)); max-width: 100%; margin: 0; padding: 20px; border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-zoekniets > b { display: block; margin: 0; font-size: 15px; line-height: 1.4; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-zoekniets > span { display: block; margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-opties { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-opties a, .winkel.fijn:is(.fijn, #f#f) .shop-sug-opties a.aan { display: inline-flex; align-items: center; height: 40px; 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); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-opties a:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-pagina { box-sizing: border-box; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto var(--f-sec); padding: 32px 0 0; border: 0; background: none; box-shadow: none; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-cirkel { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-pagina h1 { margin: 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) .shop-leeg-pagina > p:not(.shop-leeg-knoppen) { max-width: 62ch; margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) form.shop-niet-gevonden-zoek { display: flex; justify-content: flex-start; gap: 8px; width: calc((100% - 11 * var(--f-gat)) / 12 * 6 + 5 * var(--f-gat)); max-width: 100%; margin: 32px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) form.shop-niet-gevonden-zoek input { flex: 1 1 auto; width: auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background-color: #fff; box-shadow: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) form.shop-niet-gevonden-zoek button.btn-primary { flex: 0 0 auto; height: 44px; padding: 0 20px; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .shop-niet-gevonden-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; margin: 16px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-niet-gevonden-links a, .winkel.fijn:is(.fijn, #f#f) .shop-niet-gevonden-links a.menu-accent { display: inline-flex; align-items: center; height: 40px; 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); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-niet-gevonden-links a:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-knoppen { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; margin: 32px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-knoppen a.btn-primary, .winkel.fijn:is(.fijn, #f#f) .shop-leeg-knoppen a.ghost { height: 44px; min-height: 44px; padding: 0 20px; font-size: 14px; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-leeg-pagina h1 { font-size: 32px; }
.winkel.fijn:is(.fijn, #f#f) form.shop-niet-gevonden-zoek, .winkel.fijn:is(.fijn, #f#f) .shop-zoekniets { width: 100%; }
}
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek { box-sizing: border-box; height: 44px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek:focus-within { border-color: var(--ink); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek input { height: 100%; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek button { width: 36px; height: 36px; margin: 3px; border: 0; border-radius: var(--f-r); background: none; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenleeg-knoppen { gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) a.duin-wagenleeg-knop { display: inline-flex; align-items: center; justify-content: center; height: 44px; min-height: 44px; padding: 0 20px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 14px; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.duin-wagenleeg-knop:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) a.duin-wagenleeg-knop.is-eerste { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) a.duin-wagenleeg-knop.is-eerste:hover { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.fijn:is(.fijn, #f#f) .rh-keuzes { gap: 6px; }
.winkel.fijn:is(.fijn, #f#f) .rh-chip span, .winkel.fijn:is(.fijn, #f#f) .rh-chip input:checked + span { display: inline-flex; align-items: center; height: 40px; 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) .rh-chip:hover span { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .rh-chip input:checked + span { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-bedrag { font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .rh-foto { border-radius: 2px; }
.winkel.fijn:is(.fijn, #f#f) button.rh-stuk-weg { border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .rh-regel a { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .kies-waarde { font-size: 14px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-categorietegels:has(h1.site-hoofdkop) { padding-top: 16px; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-categorietegels:has(h1.site-hoofdkop) .site-categorien { margin-top: 0; padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien .site-rijkop:has(> h1.site-hoofdkop) { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien .site-rijkop:has(> h1.site-hoofdkop) + .site-rijzin { max-width: 62ch; margin: 12px 0 32px; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) article.ontw-kaart, .winkel.fijn:is(.fijn, #f#f) article.ontw-kaart.met-foto { border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) article.ontw-kaart.met-foto > img { border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart-tekst { padding: 12px 0 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-oog { font-size: 13px; line-height: 1.5; font-weight: 400; color: var(--f-sub); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart h3 { margin: 4px 0 0; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart ul { margin: 8px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart ul li { margin: 0; padding: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart ul li::before { display: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-pijl { -webkit-mask: none; mask: none; background: none; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-chip::before { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main > .shop-kruimels { padding-inline: 0; }
.winkel.fijn:is(.fijn, #f#f) .inlog-knop svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-areas: "etiket etiket" "land veld"; gap: 0 8px; align-items: stretch; }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel > label { grid-area: etiket; position: static; left: auto; }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel .tel-land { grid-area: land; display: block; position: relative; box-sizing: border-box; width: 100%; height: 44px; margin: 0; padding: 0; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel .tel-vlag { display: none; }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel .tel-land select { position: static; box-sizing: border-box; width: 100%; height: 100%; min-width: 0; margin: 0; padding: 0 24px 0 12px; border: 0; border-radius: var(--f-r); background-color: transparent; font-size: 14px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .registreer-velden .klant-veld.ov-tel input { grid-area: veld; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vink { position: relative; padding-left: 26px; }
.winkel.fijn:is(.fijn, #f#f) .registreer-vink input { position: absolute; top: 2px; left: 0; width: 18px; height: 18px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek > svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) form.duin-wagenleeg-zoek input { padding: 0 0 0 12px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenleeg-populair .site-rijkop h2 { margin-bottom: 24px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenleeg-populair .site-producten-in { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-zoekkop:has(.shop-zoekniets) { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .ontw-vink { display: none; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart ul li { display: block; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaart a.btn-primary.site-knop { height: 44px; min-height: 44px; padding: 0 20px; font-size: 14px; }
.winkel.fijn:is(.fijn, #f#f) .rh-kiesvak .kies-knop { padding-left: 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst > :first-child { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst :is(h2, h3) { max-width: 62ch; height: auto; margin: 32px 0 8px; font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst p { max-width: 62ch; margin: 0 0 12px; font-size: 15px; line-height: 1.6; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst ul { max-width: 62ch; margin: 0 0 12px; padding: 0 0 0 18px; list-style: disc; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst ol { max-width: 62ch; margin: 0 0 12px; padding: 0 0 0 18px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst li { margin: 0 0 6px; padding: 0; font-size: 15px; line-height: 1.6; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .site-pagina > .soort-tekst:only-child .site-tekst strong { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .pdp-aantal-kop { font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopregel { display: flex; align-items: stretch; gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopregel .pdp-teller { flex: 0 0 128px; box-sizing: border-box; height: 48px; border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopregel .pdp-teller input { height: 100%; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopregel button.pdp-koop { flex: 1 1 auto; width: auto; max-width: none; height: 48px; }
.winkel.fijn:is(.fijn, #f#f) { --f-pijl: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>"); --f-klep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2359625b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.winkel.fijn:is(.fijn, #f#f) :is(.site-rijknop, .duin-catlink, .duin-hl-meer, .duin-melding-naar, .duin-mm-promo-meer, .duin-mm-voet a, .duin-vgl-link, .duin-zl-open, .shop-sug-alles, .site-tekstfoto-regel.duin-tegel, .wagen-afrekenen)::after, .winkel.fijn:is(.fijn, #f#f) .duin-hl-naar i::before, .winkel.fijn:is(.fijn, #f#f) .duin-ookhandig-pijl { -webkit-mask-image: var(--f-pijl); mask-image: var(--f-pijl); }
.winkel.fijn:is(.fijn, #f#f) select:not(.shop-select, [multiple]) { background-image: var(--f-klep); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; background-size: auto; }
.winkel.fijn:is(.fijn, #f#f) .shop-header .shop-zoek input { padding-left: 2px; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu-kop, .winkel.fijn:is(.fijn, #f#f) .shop-menu-paneelknop { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-knop { border: 1px solid var(--winkel-accent); }
@media (min-width: 761px) { .winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x + .site-maatzoeker-veld { margin-right: 41.8px; } }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chipskop { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-chip { height: auto; min-height: 0; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat, .winkel.fijn:is(.fijn, #f#f) .duin-hl-maat small, .winkel.fijn:is(.fijn, #f#f) .duin-hl-lengte, .winkel.fijn:is(.fijn, #f#f) .duin-hl-stip { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-maat small { margin-left: 3.7px; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in .shop-voet-kolomkop { word-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div > div:not([class]) > a { color: rgba(255, 255, 255, .76) !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-footer-in > div > div:not([class]) > a:hover { color: #fff !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in > span, .winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in a { line-height: 1.55; }
.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 { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-chipskop { margin-right: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-hl-voet, .winkel.fijn:is(.fijn, #f#f) .duin-hl-voet span { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onderlinks { color: rgba(255, 255, 255, .76); }
.winkel.fijn:is(.fijn, #f#f) .btw-inline.nova-permeter { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-kaart .nova-prijs { column-gap: 3.7px; }
.winkel.fijn:is(.fijn, #f#f) .laadmeer-knop { word-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) summary.shop-catgroep-kop { height: 21.7px; min-height: 0; }
.winkel.fijn:is(.fijn, #f#f) details.shop-filtermeer > summary { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .woord-meer { word-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in .shop-voet-onderlinks a { color: rgba(255, 255, 255, .76) !important; }
.winkel.fijn:is(.fijn, #f#f) .shop-voet-onder-in .shop-voet-onderlinks a:hover { color: #fff !important; }
.winkel.fijn:is(.fijn, #f#f) .pdp-galerij.strook-links { row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) button.pdp-koop[disabled][data-leeg] { gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag { align-items: center; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag a { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-bezorg-waarde { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > span { font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a, .winkel.fijn:is(.fijn, #f#f) .shop-kruimels .kruimel-nu { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij b, .winkel.fijn:is(.fijn, #f#f) .opm-breedte-zij h3 { letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-route-onder a { line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in button.btn-primary, .winkel.fijn:is(.fijn, #f#f) button.btn-primary.g-snel-knop { word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-hero-tekst { color: rgba(255, 255, 255, .9); }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in label span { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-knop, .winkel.fijn:is(.fijn, #f#f) .pdp-uitleg-compleet-knoptekst { line-height: 1; word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-kopje { display: block; margin: 0 0 8px; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-staptitel { font-size: 16px; line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-raster { align-items: start; row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst form.rh-kaart { grid-column: 1 / span 8; grid-row: 1; padding: 24px 24px 0; border-radius: var(--f-r) var(--f-r) 0 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stap { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stap + .rh-stap { margin-top: 28px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-bol { margin: 0 0 8px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stapkop { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaag-zoek, .winkel.fijn:is(.fijn, #f#f) .rh-zaag-kies .rh-etiket { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaag-kies { display: block; margin: 8px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaag-kies .rh-kiesvak { display: flex; width: 100%; background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .rh-stukken { display: block; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-invoer { display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-invoer input { box-sizing: border-box; flex: none; width: 72px; height: 40px; padding: 0 10px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; font-size: 15px; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-invoer input:focus { border-color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-stuk-aantal em { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-stuk-lengte em { font-size: 14px; font-style: normal; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk-x { font-size: 14px; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst button.rh-stuk-weg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst button.rh-stuk-erbij { display: inline-flex; width: auto; height: auto; min-height: 0; margin: 6px 0 0; padding: 0; border: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst button.rh-stuk-erbij svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst.rh-live button.rh-uitreken { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst { position: static; grid-column: 1 / span 8; grid-row: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; margin: 0; padding: 0 24px 24px; border: 0; border-radius: 0 0 var(--f-r) var(--f-r); background: var(--f-vlak); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst > * { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst-kop, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-plan, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-regels, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-som, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-knop-tweede { display: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zl-uit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px var(--f-gat); margin: 21.1px 0 0; padding: 16px 0 0; border-top: 1px solid var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .rh-zl-uit span { display: block; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-zl-uit b { display: block; font-size: 20px; line-height: 1.55; font-weight: 500; letter-spacing: -.01em; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-noot { grid-column: 1; grid-row: 20; margin: 16px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-knoppen { grid-column: 2; grid-row: 20; display: block; margin: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-melding { grid-row: 21; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst button.rh-knop-wagen { display: inline-flex; width: auto; height: 44px; padding: 0 20px; font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij { grid-column: 10 / span 3; grid-row: 1 / span 2; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-kaart { padding: 20px; border-radius: var(--f-r); background: var(--f-vlak); font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-kaart img { display: block; width: 44px; height: 44px; margin: 0 0 10px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-kaart b { display: block; font-size: 15px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-kaart p { margin: 4px 0 0; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.rh-zij-knop { display: inline-flex; align-items: center; justify-content: center; height: 44px; margin: 12px 0 0; padding: 0 20px; border-radius: var(--f-r); background: var(--winkel-accent); font-size: 14px; font-weight: 500; line-height: 1; color: #fff; text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst { margin: 24px 0 0; font-size: 15px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst > b { display: block; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst ul { margin: 16px 0 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst li { display: flex; gap: 8px; padding: 2px 0; font-size: 13px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst svg { flex: none; width: 14px; height: 14px; margin-top: 3px; color: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst:has(.rh-zij) [data-rh-regels], .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst:has(.rh-zij) .rh-balk { display: none; }
@media (max-width: 1180px) {
.winkel.fijn:is(.fijn, #f#f) .rh-zij { grid-column: 9 / span 4; }
}
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-raster { display: block; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij { margin-top: 32px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .rh-zl-uit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.winkel.fijn:is(.fijn, #f#f) section.rh { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stap + .rh-stap { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaag-kies { margin: 0; padding: 8px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-stukken { display: flow-root; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk-x, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-stuk-lengte em { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .rh-invoer.rh-kiesvak .kiesveld .kies-knop { padding: 0 12px; font-weight: 400; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst button.rh-knop-wagen, .winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst button.rh-knop-wagen span { line-height: 1; word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-kaart p { font-size: 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst li { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) a.rh-zij-knop { border: 1px solid var(--winkel-accent); word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .site-blok:is(.soort-zaaglijst, .soort-houtrekenhulp):has(> section.rh) { padding-top: 0; margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zij-lijst li { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst button.rh-stuk-erbij { display: flex; width: max-content; }
.winkel.fijn:is(.fijn, #f#f) a.kop-link.is-hier { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) img.site-berichtfoto { width: 100%; height: auto; aspect-ratio: 2.4 / 1; margin: 32px 0 0; object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) b.site-inhoud-kop { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-materiaal-zin { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .site-materiaal-knop { word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .site-materiaal-totaal b { line-height: 33px; }
.winkel.fijn:is(.fijn, #f#f) .site-materiaal-totaal small { line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-cta:has(.fijn-knoppen) { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .soort-cta .site-cta-in:has(.fijn-knoppen) h2 { line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .soort-cta .site-cta-in:has(.fijn-knoppen) p, .winkel.fijn:is(.fijn, #f#f) .soort-cta .site-cta-in a.fijn-meer { line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .site-rubriekknop { word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto img { grid-row: 1 / span 5; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto .site-bericht-rubriek { grid-row: 2; align-self: start; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-tekst { grid-row: 3; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-naam { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot::after { content: "Lees het artikel"; grid-row: 4; justify-self: start; margin-top: 20px; padding-right: 20px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141a16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") no-repeat right center / 14px 14px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok.soort-materiaallijsten { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal .site-rijkop { margin-top: 28px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-totaal b { line-height: 33px; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta h2, .winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) > .site-pagina .site-cta p { line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) { row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-main.site-main:has(> .site-inhoud) .site-materiaal-zin { max-width: none; }
.winkel.fijn:is(.fijn, #f#f) .pdp-voorraad-fijn { word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) .duin-samenbasis { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap, .winkel.fijn:is(.fijn, #f#f) .sm-stap-kop { word-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-teller, .winkel.fijn:is(.fijn, #f#f) .sm-teller b { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie-naam, .winkel.fijn:is(.fijn, #f#f) .sm-optie-prijs { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) button.sm-knop.sm-knop-hoofd { line-height: 1; word-spacing: .75px; }
.winkel.fijn:is(.fijn, #f#f) b.geen-punt { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie[aria-checked="false"] .sm-chips { display: none; }
.winkel.fijn:is(.fijn, #f#f) .sm-stap[data-sm-kleur]:first-child .sm-optie, .winkel.fijn:is(.fijn, #f#f) .sm-stap[data-sm-kleur] .sm-optie { padding: 4px 8px 4px 4px; min-height: 40px; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie.sm-aan { box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .sm-pdp-kop h2 { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten b { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .sm-optie .sm-optie-prijs { grid-row: 1 / span 2; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen { min-height: 0; height: auto; padding: 24px 0 8px; border: 0; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen::before, .winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen .afr-stappen { height: auto; margin: 0; padding: 0; border: 0; line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen .afr-stappen li, .winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen .afr-stappen i, .winkel.fijn:is(.fijn, #f#f) .duin-wagenstappen .afr-stappen span { line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel { position: relative; margin-bottom: 32px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentitel p { margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) .wagen-vlak.duin-wagenvlak { position: relative; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenonder { position: absolute; top: -54px; right: 0; display: block; width: auto; margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenonder > span { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenonder a.wagen-terug { font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop { height: auto; min-height: 0; margin: 0; padding: 0 0 10px; align-items: baseline; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop h2, .winkel.fijn:is(.fijn, #f#f) .duin-wagengroep-kop small { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling { display: flex; flex-direction: column; align-self: start; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .wagen-telling-lijf { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling-kop { order: 0; margin: 0 0 12px; font-size: 16px; line-height: 1.3; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling #sc-korting-fout { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .fijn-keuzes-kop { order: 2; margin: 12px 0 8px; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .duin-keuzes { order: 3; margin: 0 0 12px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .wagen-telling-lijf > * { order: 4; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .wagen-telling-lijf > .wagen-totaalrij { order: 5; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .wagen-telling-lijf > .duin-wagenbtw { order: 6; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling #sc-korting-fout + .wagen-rij { order: 1; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling a.wagen-afrekenen::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .wagen-telling-voet { order: 7; margin-top: 16px; }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .betaalmerken { display: none; }
.winkel.fijn:is(.fijn, #f#f) a.fijn-wagen-offerte { order: 8; align-self: flex-start; margin: 12px 0 0; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) ul.fijn-wagen-zeker { order: 9; margin: 16px 0 0; padding: 0; list-style: none; }
.winkel.fijn:is(.fijn, #f#f) ul.fijn-wagen-zeker li { display: flex; gap: 8px; margin: 0; padding: 2px 0; font-size: 13px; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) ul.fijn-wagen-zeker svg { flex: none; width: 14px; height: 14px; margin-top: 3px; color: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagentelling .duin-wagenkorting { order: 10; margin-top: 12px; }
.winkel.fijn:is(.fijn, #f#f) section.fijn-wagenerbij { width: 100%; margin: 48px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-wagenerbij .site-rijkop { display: block; margin: 0 0 16px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-wagenerbij .site-rijkop h2 { font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-wagenerbij .site-producten-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--f-gat); margin: 0; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .fijn-wagenerbij .site-producten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .duin-wagenonder { position: static; margin: 16px 0 0; }
}
.winkel.fijn:is(.fijn, #f#f) .afr-intro { position: relative; margin: 0 auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .duin-wagenstappen { width: 100%; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin { position: absolute; top: 66px; right: calc((100% - 11 * var(--f-gat)) / 12 * 4 + 4 * var(--f-gat)); width: auto; height: auto; margin: 0; z-index: 1; font-size: 0; line-height: 1.25; }
.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-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) form.afr-vorm { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie { display: block; margin: 0; padding: 8px 0 32px; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie + section.afr-sectie { padding-top: 32px; border-top: 1px solid var(--f-lijn); }
.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; font-weight: 500; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) section.afr-sectie > header p { margin: 4px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .afr-seg { display: flex; gap: 6px; margin: 0 0 20px; padding: 0; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label span { display: inline; height: auto; padding: 0; border: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-seg label:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 .5px var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-veld { display: block; margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .afr-veld .afr-label { display: block; margin: 0 0 4px; font-size: 13px; line-height: 1.55; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-veld input:not([type="checkbox"], [type="radio"]), .winkel.fijn:is(.fijn, #f#f) .afr-veld select { box-sizing: border-box; width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background-color: #fff; box-shadow: none; font-size: 15px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-veld .afr-hint { display: none; }
.winkel.fijn:is(.fijn, #f#f) label.afr-herinnering { order: 20; display: flex; align-items: center; gap: 8px; min-height: 0; margin: 0; padding: 0; font-size: 13px; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) label.afr-herinnering input { flex: none; width: 16px; height: 16px; margin: 0; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .afr-raster { grid-template-columns: minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .afr-intro .afr-zin { position: static; margin: 8px 0 0; }
}
.winkel.fijn:is(.fijn, #f#f) .afr-stappen li a { font-weight: 400; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .afr-radio { width: 16px; height: 16px; border: 1px solid var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .afr-keuze input:checked + .afr-radio { border-color: var(--ink); background: radial-gradient(circle at center, var(--ink) 0 4px, #fff 4.5px); box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-radio::before, .winkel.fijn:is(.fijn, #f#f) .afr-radio::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .afr-sectie a { color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-sectie label:has(> input[type="checkbox"]), .winkel.fijn:is(.fijn, #f#f) .afr-sectie label:has(> input[type="checkbox"]) span { font-size: 13px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) [class*="opmerking"] > summary { 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); }
.winkel.fijn:is(.fijn, #f#f) [class*="opmerking"] > summary svg { display: none; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-header a.kop-tel { margin-right: -8px; }
.winkel.fijn:is(.fijn, #f#f) .shop-menu > .shop-menu-in { justify-content: space-between; gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-veld em { left: calc(100% + 8px); }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-x + .site-maatzoeker-veld { margin-right: 38px; }
.winkel.fijn:is(.fijn, #f#f) .site-maatzoeker-kop { margin-top: 9.2px; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien > .site-rijkop { display: block; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien > .site-rijkop > h2 { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-categorien > .site-rijkop > a { display: inline-flex; margin: 14px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag { display: block; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag a { display: inline-block; margin-top: 4px; }
.winkel.fijn:is(.fijn, #f#f) summary.shop-voet-kolomkop, .winkel.fijn:is(.fijn, #f#f) .shop-footer-in summary { word-spacing: 0; }
}
.winkel.fijn:is(.fijn, #f#f) a.duin-vgl-link { display: none; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) button.shop-menu-paneelknop { margin-left: 0; }
.winkel.fijn:is(.fijn, #f#f) section:not(.site-producten) > .site-rijkop { display: block; }
.winkel.fijn:is(.fijn, #f#f) section:not(.site-producten) > .site-rijkop > h2 { margin: 0; text-align: left; }
.winkel.fijn:is(.fijn, #f#f) section:not(.site-producten) > .site-rijkop > a { display: inline-flex; margin: 14px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-naam b { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-plekhoek.in-tabel { min-height: 0; line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag { margin-top: 14px; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag span { display: block; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-vtabel-zaag a { min-height: 0; height: auto; margin: 4px 0 0; line-height: 1.55; }
.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 > span { grid-column: auto; grid-row: auto; padding: 10px 8px 10px 0; font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij .duin-vgl-label { grid-column: auto; font-size: 13px; hyphens: auto; overflow-wrap: anywhere; }
.winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij .duin-vgl-kop b, .winkel.fijn:is(.fijn, #f#f) .duin-vgl-rij .duin-vgl-kop small { font-size: 13px; line-height: 1.55; hyphens: auto; }
.winkel.fijn:is(.fijn, #f#f) .pdp-specregel { grid-template-columns: 153.2px minmax(0, 1fr); }
.winkel.fijn:is(.fijn, #f#f) .pdp-specregel dt { hyphens: none; overflow-wrap: normal; word-break: normal; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels a.kruimel-terug { gap: 1px; margin-block: -11.15px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-koopblok .klein { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) section.pdp-uitleg-compleet { margin-top: 32px; padding-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-formulier-in label { font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .site-kaarten-in { row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij { margin-top: 0; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-menu-in button.shop-menu-paneelknop { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .shop-pdp ul li.plus + li, .winkel.fijn:is(.fijn, #f#f) .shop-pdp ul li.min + li { margin-top: 4px; }
.winkel.fijn:is(.fijn, #f#f) form.site-formulier-in label { font-size: 13px; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) form.site-formulier-in label input, .winkel.fijn:is(.fijn, #f#f) form.site-formulier-in label textarea, .winkel.fijn:is(.fijn, #f#f) form.site-formulier-in label select { margin-top: 4px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) .soort-kaarten .site-kaarten-in { gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij.soort-gegevenskaarten { padding-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-vtabel-prijs, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-vtabel-naam { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-plekhoek.in-tabel { display: block; height: auto; min-height: 0; margin: 0; padding: 0; line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-plekhoek.in-tabel > span { height: auto; min-height: 0; margin: 0; padding: 0; line-height: 20.15px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij .pdp-plekhoek.in-tabel .pdp-plekkaart { display: none; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad:has(> a:not(.kruimel-terug)) > a.kruimel-terug { width: 12px; overflow: hidden; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad:has(> a:not(.kruimel-terug)) > a:not(.kruimel-terug):not(:nth-last-child(3)) { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad:has(> a:not(.kruimel-terug)) > a.kruimel-terug { display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad > a:not(.kruimel-terug) { font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) section.duin-vgl.duin-acc { margin-top: -15px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-foto .site-bericht-rubriek { margin: 12px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-tekst { margin-top: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-naam { line-height: 1.3; }
.winkel.fijn:is(.fijn, #f#f) .site-bericht-samenvatting { line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-invoer input { height: 40px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-noot { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-knoppen { grid-column: 1 / -1; grid-row: 21; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst .rh-melding { grid-row: 22; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) form.site-formulier-in label:not(.site-keuzeknop) { font-size: 13px !important; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .soort-kaarten:not(.opm-breedte-zij) .site-kaarten-in { row-gap: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij):has(> .soort-kaart) > .opm-breedte-zij:not(.opm-breedte-zij + .opm-breedte-zij) { margin-top: -24px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad:has(> a:not(.kruimel-terug)) > a.kruimel-terug::before, .winkel.fijn:is(.fijn, #f#f) .site-kruimelpad:has(> a:not(.kruimel-terug)) > a.kruimel-terug::after { content: none; display: none; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad > a { margin-block: -11.15px; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-stuk .rh-invoer input { min-height: 0; }
.winkel.fijn:is(.fijn, #f#f) .rh-zaaglijst .rh-lijst button.rh-knop-wagen { min-height: 0; height: 44px; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot .site-bericht-samenvatting { font-size: 16px; line-height: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .site-berichten.uitgelicht a.site-bericht.groot { margin-bottom: 40px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) { padding-bottom: 56px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) ol.site-stappen, .winkel.fijn:is(.fijn, #f#f) .site-stappen-in { row-gap: 24px; }
}
.winkel.fijn:is(.fijn, #f#f) section.shop-rij { box-sizing: border-box; display: block; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto; padding: var(--f-sec-s) 0 40px; border: 0; background: none; }
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > h2 { margin: 0 0 32px; padding: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.018em; font-weight: 500; color: var(--ink); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > .shop-tegels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: auto; gap: 0 var(--f-gat); width: 100%; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > .shop-tegels > .shop-kaart { position: relative; display: grid; grid-column: auto; grid-row: auto; grid-template-rows: auto auto auto auto auto; align-content: start; row-gap: 0; min-width: 0; height: auto; margin: 0 0 40px; padding: 0; border: 0; background: none; box-shadow: none; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > .shop-tegels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > h2 { margin-bottom: 20px; font-size: 24px; }
.winkel.fijn:is(.fijn, #f#f) section.shop-rij > .shop-tegels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
}
.winkel.fijn:is(.fijn, #f#f) .duin-melding-kop { height: auto; min-height: 0; padding: 16px 24px; border-bottom: 1px solid var(--f-lijn); }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-kop b { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-kop b i { display: inline-flex; flex: none; width: 16px; height: 16px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-kop b i svg { width: 16px; height: 16px; stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-regel img { border-radius: 2px; }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-regel b { font-size: 14px; font-weight: 500; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-som, .winkel.fijn:is(.fijn, #f#f) .duin-melding-som span { font-size: 14px; font-weight: 400; line-height: 1.55; }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-som b { font-size: 14px; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) a.duin-melding-naar, .winkel.fijn:is(.fijn, #f#f) button.duin-melding-verder { display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; min-height: 44px; padding: 0 20px; border-radius: var(--f-r); box-shadow: none; font-size: 14px; font-weight: 500; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) a.duin-melding-naar::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.duin-melding-verder { border: 1px solid var(--f-lijn2); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.duin-melding-verder:hover { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-erbij > p { margin: 0 0 8px; font-size: 14px; line-height: 1.55; font-weight: 500; color: var(--ink); text-transform: none; letter-spacing: 0; }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra { padding: 8px 12px; border: 1px solid var(--f-lijn); border-radius: var(--f-r); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra:hover { border-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .duin-melding-extra-foto img { border-radius: 2px; }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra span a { font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra small { font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra button { width: 36px; height: 36px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra button:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) form.duin-melding-extra button svg { width: 16px; height: 16px; stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .shop-sug-voorraad, .winkel.fijn:is(.fijn, #f#f) .shop-sug-voorraad.ja { font-size: 13px; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .shop-weergave { display: none; }
.winkel.fijn:is(.fijn, #f#f) button.shop-filterchip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background: #fff; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) button.shop-filterchip:hover { border-color: var(--ink); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) button.shop-filterchip span { font-size: 14px; font-weight: 400; line-height: 1; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) a.shop-wisalles { font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.winkel.fijn:is(.fijn, #f#f) .shop-lijst:has(> .shop-lijstkolom > .ontw-lijst) .shop-lijstbalk { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .ontw-lijst .duin-hl-rij { grid-template-columns: 96px minmax(0, 1fr) 155px 155px 144px 166px 96px; }
.winkel.fijn:is(.fijn, #f#f) .ontw-lijst .ontw-banner { border: 0; border-radius: var(--f-r); background: var(--f-vlak); box-shadow: none; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .ontw-lijst .duin-hl-rij { grid-template-columns: none; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-sug { top: 116px !important; max-height: calc(100dvh - 124px) !important; }
}
.winkel.fijn:is(.fijn, #f#f) .ma-schil { box-sizing: border-box; width: min(100% - 2 * var(--f-gut), var(--f-w)); max-width: none; margin: 0 auto; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; height: auto; margin: 0; padding: 16px 0; font-size: 13px; line-height: 1.55; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel a { font-size: 13px; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel > span:last-child { font-size: 13px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel-tussen { display: inline; width: auto; height: auto; color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel-tussen svg { display: none; }
.winkel.fijn:is(.fijn, #f#f) .ma-kruimel-tussen::before { content: "/"; }
.winkel.fijn:is(.fijn, #f#f) .ma-raster { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--f-gat); align-items: start; margin: 0; padding: 128px 0 var(--f-sec); }
.winkel.fijn:is(.fijn, #f#f) .ma-nav { grid-column: 1 / span 3; position: static; width: auto; min-width: 0; margin: 0; padding: 0 32px 0 0; border: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .ma-navgroep { display: none; }
.winkel.fijn:is(.fijn, #f#f) .ma-navlink, .winkel.fijn:is(.fijn, #f#f) .ma-navlink.is-nu, .winkel.fijn:is(.fijn, #f#f) button.ma-navlink { display: flex; align-items: center; gap: 10px; width: 100%; height: auto; min-height: 0; margin: 0; padding: 7px 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; line-height: 1.55; font-weight: 400; color: var(--f-sub); text-align: left; }
.winkel.fijn:is(.fijn, #f#f) .ma-navlink:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ma-navlink.is-nu { font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ma-navlink svg { flex: none; width: 16px; height: 16px; stroke-width: 1.5; }
.winkel.fijn:is(.fijn, #f#f) .ma-navnaam { font-size: 14px; line-height: 1.55; font-weight: inherit; color: inherit; }
.winkel.fijn:is(.fijn, #f#f) .ma-navuit { margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .ma-inhoud { grid-column: 4 / span 9; position: static; width: auto; min-width: 0; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .ma-paginakop { position: absolute; top: 16px; left: 0; right: 0; margin: 0; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .ma-h1 { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.022em; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .ma-paginakop-tekst p { margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .ma-schil :is(b, strong, th, h2, h3) { font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .ma-schil :is(div, section, article, a, button, input, select, textarea) { box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .ma-inhoud :is(div, section, article, a, button, input, select, textarea) { border-radius: var(--f-r); }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) .ma-raster { display: block; padding-top: 96px; }
.winkel.fijn:is(.fijn, #f#f) .ma-nav { padding: 0 0 24px; }
.winkel.fijn:is(.fijn, #f#f) .ma-h1 { font-size: 32px; }
}
.winkel.fijn:is(.fijn, #f#f) .ma-inhoud > * { box-sizing: border-box; max-width: 100%; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .ma-inhoud form label, .winkel.fijn:is(.fijn, #f#f) .ma-inhoud .ma-veld > label { font-size: 13px; line-height: 1.55; font-weight: 400; color: var(--ink); }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .shop-kruimels > a.kruimel-terug:nth-last-child(3), .winkel.fijn:is(.fijn, #f#f) .shop-main > .site-kruimelpad > a:first-child { gap: 2.5px; }
.winkel.fijn:is(.fijn, #f#f) .inlog-rij { flex-direction: row; align-items: center; justify-content: flex-start; }
.winkel.fijn:is(.fijn, #f#f) .inlog-rij .inlog-knop { width: auto; }
}
.winkel.fijn:is(.fijn, #f#f) .ma-inhoud form :is(label, label > span, label > b) { font-size: 13px; line-height: 1.55; font-weight: 400; }
@media (min-width: 761px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-vtabel-kop, .winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-vtabel-rij { grid-template-columns: var(--vt-kol, 64px) minmax(0, .9fr) minmax(0, 1.1fr) 108px; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel.duin-brede-as .pdp-vtabel-kop > :nth-child(n) { display: block; grid-column: auto; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-naam { grid-column: 1; grid-row: 1; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-prijs { grid-column: 2; grid-row: 1; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-plekhoek.in-tabel { grid-column: 3; grid-row: 1; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-aantal { grid-column: 4; grid-row: 1; align-self: center; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel .pdp-vtabel-rij { grid-template-columns: var(--vt-kol, 52px) minmax(0, 1fr) 108px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-feiten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.fijn:is(.fijn, #f#f) .catkop-knoppen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.winkel.fijn:is(.fijn, #f#f) .catkop-knoppen a.catkop-knop { width: 100%; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaarten.ontw-in-tegels { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; overflow: visible; }
.winkel.fijn:is(.fijn, #f#f) .ontw-kaarten.ontw-in-tegels > article.ontw-kaart { width: auto; min-width: 0; flex: none; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .ontw-kaarten.ontw-in-tegels.ontw-drie { grid-template-columns: minmax(0, 1fr); grid-auto-flow: row; width: 100%; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook a.site-leesook-alle { top: 103px; right: auto; left: 0; width: auto; flex-direction: row; justify-content: flex-start; }
.winkel.fijn:is(.fijn, #f#f) .site-leesook section > h2, .winkel.fijn:is(.fijn, #f#f) .site-leesook section > .site-rijkop h2 { margin-bottom: 52px; }
}
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"]:has(> div + div > a.shop-kaart) { box-sizing: border-box; width: min(100% - 2 * var(--f-gut), var(--f-w)); margin: 0 auto !important; padding: var(--f-sec-s) 0 40px; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"]:has(> div + div > a.shop-kaart) > div:first-child { margin: 0 0 32px !important; font-size: 28px !important; line-height: 1.18; letter-spacing: -.018em; font-weight: 500 !important; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div:last-child:has(> a.shop-kaart) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 var(--f-gat) !important; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart { position: relative; display: block; min-width: 0; height: auto; margin: 0 0 40px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ink); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; object-fit: cover; border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > img.vrij { object-fit: contain; padding: 7%; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > div:last-child { padding: 12px 0 0 !important; gap: 2px !important; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > div:last-child > div:first-child { font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > div:last-child > div:nth-child(2) > span:first-child { font-size: 15px !important; line-height: 1.55; font-weight: 500 !important; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart > div:last-child > div:nth-child(2) > span:last-child:not(:first-child) { font-size: 13px !important; color: var(--f-sub) !important; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div > a.shop-kaart:hover > div:last-child > div:first-child { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
@media (max-width: 1024px) {
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div:last-child:has(> a.shop-kaart) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"]:has(> div + div > a.shop-kaart) > div:first-child { margin-bottom: 20px !important; font-size: 24px !important; }
.winkel.fijn:is(.fijn, #f#f) div[style^="margin-top:26px"] > div:last-child:has(> a.shop-kaart) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 12px !important; }
.winkel.fijn:is(.fijn, #f#f) .pdp-duin-past ul:has(> li > span + b) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-naam { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-prijs { grid-column: 2; grid-row: 1; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-plekhoek.in-tabel { grid-column: 2; grid-row: 2; }
.winkel.fijn:is(.fijn, #f#f) .pdp-vtabel-rij > .pdp-vtabel-aantal { grid-column: 3; grid-row: 1 / span 2; align-self: center; }
}
.winkel.fijn:is(.fijn, #f#f) .wagen-paneel-kop { min-height: 0; padding: 16px 24px; border: 0; border-bottom: 1px solid var(--f-lijn); background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .wagen-paneel-kop :is(b, h2, strong, span) { font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .wagen-paneel-in:has(> .fijn-paneel) { background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .wagen-paneel-regels.fijn-paneel { display: block; flex: 1 1 auto; min-height: 0; overflow-y: auto; margin: 0; padding: 0 24px 8px; background: #fff; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-groep > h3 { margin: 16px 0 0; padding: 0 0 8px; border-bottom: 1px solid var(--f-lijn); font-size: 14px; line-height: 1.55; font-weight: 500; letter-spacing: 0; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-regel { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 12px; align-items: start; margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid var(--f-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-foto { display: block; width: 64px; height: 52px; margin: 0; border: 0; border-radius: 2px; object-fit: cover; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: start; min-width: 0; margin: 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern > b { grid-column: 1; grid-row: 1; font-size: 14px; line-height: 1.35; font-weight: 500; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern > small { grid-column: 1; grid-row: 2; align-self: center; margin: 4px 0 0; font-size: 13px; line-height: 1.55; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-onder { display: contents; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-prijs { grid-column: 2; grid-row: 1; display: block; margin: 0; text-align: right; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-prijs b { font-size: 14px; line-height: 1.35; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern > .wagen-paneel-onder > .teller { grid-column: 2; grid-row: 2; justify-self: end; height: 32px; margin: 4px 28px 0 0; border-radius: var(--f-r); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern:not(:has(> small)) > .wagen-paneel-onder > .teller { grid-column: 1 / -1; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel button.wagen-paneel-weg { position: absolute; right: -4px; bottom: 16px; top: auto; left: auto; display: grid; place-items: center; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: var(--f-r); background: none; box-shadow: none; font-size: 16px; line-height: 1; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel button.wagen-paneel-weg:hover { background: none; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet { flex: none; margin: 0; padding: 16px 24px 24px; border: 0; border-top: 1px solid var(--f-lijn); background: #fff; box-shadow: none; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-telling { margin: 0 0 16px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 2px 0; font-size: 14px; line-height: 1.55; font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij span:last-child { color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij.totaal { align-items: baseline; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--f-lijn2); font-size: 16px; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij.totaal span:last-child { font-size: 20px; line-height: 1.2; font-weight: 500; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-btw { display: block; margin: 2px 0 0; font-size: 13px; line-height: 1.55; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet a.wagen-paneel-afrekenen { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 24px; border-radius: var(--f-r); box-shadow: none; font-size: 15px; font-weight: 500; line-height: 1; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet a.wagen-paneel-afrekenen::after { display: none; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-links { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 0; padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-links a { font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet button.wagen-paneel-leeg-knop { padding: 0; border: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; color: var(--f-sub); text-decoration: none; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet button.wagen-paneel-leeg-knop:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.winkel.fijn:is(.fijn, #f#f) .wagen-paneel, .winkel.fijn:is(.fijn, #f#f) .wagen-paneel:has(.duin-melding) { border-radius: 0; }
.winkel.fijn:is(.fijn, #f#f) p.fijn-paneel-erin { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--f-lijn); font-size: 14px; line-height: 1.45; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) p.fijn-paneel-erin svg { flex: none; width: 14px; height: 14px; margin-top: 3px; color: var(--f-stip); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .duin-melding-erbij { margin: 16px 0 8px; padding: 0; border: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet button.fijn-paneel-verder { padding: 0; border: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 500; line-height: 1.55; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: var(--f-lijn2); }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-regel { padding: 10px 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .wagen-paneel-kern > .wagen-paneel-onder > .teller { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; width: 108px; height: 32px; min-height: 0; overflow: hidden; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel .teller button, .winkel.fijn:is(.fijn, #f#f) .fijn-paneel .teller input { height: 30px; min-height: 0; margin: 0; padding: 0; line-height: 30px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet { padding: 12px 24px 16px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-telling { margin-bottom: 12px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij { padding: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-rij.totaal { margin-top: 6px; padding-top: 8px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-btw { margin: 0; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-links { margin-top: 8px; }
.winkel.fijn:is(.fijn, #f#f) .fijn-paneel-voet .wagen-paneel-links a { padding: 0; }
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in { min-height: 0; padding: 16px 0 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-in .site-hero-tekst { margin-top: 8px; }
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina .site-hero-knoppen { margin-top: 14px; }
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij) > .opm-breedte-zij ~ .soort-tekst .site-tekst :is(p, li) { font-size: 15px; line-height: 1.65; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) table { display: table; width: 100%; table-layout: auto; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) tbody { display: table-row-group; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) tr { display: table-row; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) :is(td, th) { display: table-cell; width: auto; padding: 10px 8px 10px 0; border-bottom: 1px solid var(--f-lijn); font-size: 14px; line-height: 1.55; vertical-align: top; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) :is(td, th):first-child { width: 42%; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(4))) :is(td, th):last-child { padding-right: 0; text-align: right; white-space: nowrap; }
.winkel.fijn:is(.fijn, #f#f) .ma-navlink, .winkel.fijn:is(.fijn, #f#f) button.ma-navlink { min-height: 44px; }
}
@media (min-width: 761px) and (max-width: 1180px) {
.winkel.fijn:is(.fijn, #f#f) a.ma-cijfer { height: auto; min-height: 0; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kruimelpad ~ .site-pagina :is(.site-hero.metfoto, .site-hero-dias, .site-hero-dia) { height: auto !important; min-height: 0 !important; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-pagina:has(> .opm-breedte-zij):not(:has(> .soort-kaart)) > .opm-breedte-zij:not(.opm-breedte-zij + .opm-breedte-zij) { margin-top: 32px; }
.winkel.fijn:is(.fijn, #f#f) .site-voordelen-in { row-gap: 24px; }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> .site-kaart img), .winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> :nth-child(3)):has(> .site-kaart img) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) table { display: table; width: 100%; table-layout: fixed; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) :is(thead, tbody) { display: table-row-group; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) tr { display: table-row; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) :is(td, th) { display: table-cell; width: auto; padding: 10px 8px 10px 0; border-bottom: 1px solid var(--f-lijn); font-size: 13px; line-height: 1.55; vertical-align: top; text-align: left; hyphens: auto; overflow-wrap: anywhere; }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) tr > :first-child { font-weight: 400; color: var(--f-sub); }
.winkel.fijn:is(.fijn, #f#f) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) tr:first-child > * { font-weight: 500; color: var(--ink); }
}
@media (max-width: 760px) {
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> .site-kaart img) > .site-kaart { grid-column: auto; width: auto; min-width: 0; }
.winkel.fijn:is(.fijn, #f#f) .site-kaarten-in:has(> .site-kaart img) > .site-kaart > img { aspect-ratio: 3 / 2; }
.winkel.fijn:is(.fijn, #f#f) .shop-main:has(> .shop-pdp) > .pdp-verwant.duin-verwant { display: block; }
}
@media (min-width: 761px) and (max-width: 1180px) {
.winkel.fijn:is(.fijn, #f#f) .duin-verwant-rij { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.winkel.fijn:is(.fijn, #f#f) .afr-sub label.afr-sub-lbl { display: block; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.55; letter-spacing: 0; text-transform: none; color: var(--ink); cursor: default; }
.winkel.fijn:is(.fijn, #f#f) .afr-sub input[type="text"] { box-sizing: border-box; display: block; width: 100%; height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--f-lijn2); border-radius: var(--f-r); background-color: #fff; box-shadow: none; font: inherit; font-size: 15px; font-weight: 400; color: var(--ink); }
.winkel.fijn:is(.fijn, #f#f) .afr-sub label.afr-sub-lbl + input[type="text"] { margin-top: -4px; }