.winkel.terra.stramien-zaal {
--zk-zij: 72px;
--zk-breed: 1296px;
--zk-obj-w: 800px;
--zk-obj-h: 520px;
--zk-prent-w: 632px;
--zk-prent-h: 440px;
}
.winkel.terra.stramien-zaal .shop-main:has(> .zaal-pdp) { max-width: none; padding: 0; background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-pdp { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; padding-bottom: 0; }
.winkel.terra.stramien-zaal :where(.zaal-pdp, .zaal-lade) :where(h1, h2, h3, p, dl, dd, dt, figure, fieldset) { margin: 0; }
.winkel.terra.stramien-zaal :where(.zaal-pdp, .zaal-lade) :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-zaal :where(.zaal-pdp, .zaal-lade) :where(button, input) { font: inherit; color: inherit; letter-spacing: inherit; }
.winkel.terra.stramien-zaal :where(.zaal-pdp, .zaal-lade) :where(a) { color: inherit; text-decoration: none; }
.winkel.terra.stramien-zaal :where(.zaal-pdp) :where(em) { font-style: italic; }
.winkel.terra.stramien-zaal .zaal-pdp :where(p):not(#zk), .winkel.terra.stramien-zaal .zaal-lade :where(p):not(#zk) { font-size: inherit; line-height: inherit; margin: 0; color: inherit; }
.winkel.terra.stramien-zaal .zaal-breed { width: min(var(--zk-breed), calc(100% - 2 * var(--zk-zij))); margin-inline: auto; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-krij { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
.winkel.terra.stramien-zaal .zaal-k1-4 { grid-column: 1 / 5; }
.winkel.terra.stramien-zaal .zaal-k1-5 { grid-column: 1 / 6; }
.winkel.terra.stramien-zaal .zaal-k1-8 { grid-column: 1 / 9; }
.winkel.terra.stramien-zaal .zaal-k6-12 { grid-column: 6 / 13; }
.winkel.terra.stramien-zaal .zaal-k7-12 { grid-column: 7 / 13; }
.winkel.terra.stramien-zaal .zaal-k9-12 { grid-column: 9 / 13; }
.winkel.terra.stramien-zaal .zaal-sectie { padding-top: 128px; }
.winkel.terra.stramien-zaal .zaal-kop-inhoud { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-pdp .zaal-label, .winkel.terra.stramien-zaal .zaal-lade .zaal-label, .winkel.terra.stramien-zaal .zaal-koopbalk .zaal-label { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :where(.zaal-h1), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1 { font-weight: 500; font-size: 56px; line-height: 60px; letter-spacing: -.025em; text-wrap: balance; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal :where(.zaal-h1), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1, .winkel.terra.stramien-zaal :where(.zaal-h2), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h2 { overflow-wrap: break-word; hyphens: auto; }
.winkel.terra.stramien-zaal :where(.zaal-h1.zaal-h1--lang), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1.zaal-h1--lang { font-size: 40px; line-height: 44px; letter-spacing: -.02em; }
.winkel.terra.stramien-zaal :where(.zaal-h2), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h2 { font-weight: 500; font-size: 40px; line-height: 44px; letter-spacing: -.02em; text-wrap: balance; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal :where(.zaal-inleiding:not(#zk)), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-inleiding:not(#zk) { font-size: 20px; line-height: 32px; max-width: 760px; }
.winkel.terra.stramien-zaal :where(.zaal-gegevens), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-gegevens { font-family: var(--zaal-mono); font-size: 14px; line-height: 20px; font-weight: 400; color: var(--zaal-leisteen); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-zaal :where(.zaal-bedrag), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-bedrag { font-variant-numeric: lining-nums proportional-nums; white-space: nowrap; }
.winkel.terra.stramien-zaal :where(.zaal-klein), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-klein { font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-min { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal :where(.zaal-grijs), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-grijs { color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :where(.zaal-kopblok), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kopblok { display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kopblok > .zaal-label + * { margin-top: 16px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kopblok > .zaal-inleiding:not(#zk) { margin-top: 16px; }
.winkel.terra.stramien-zaal :where(.zaal-haar), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-haar { border: 0; border-top: 1px solid var(--zaal-vorst); width: 100%; margin: 24px 0 20px; }
.winkel.terra.stramien-zaal :where(.zaal-ic), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-ic { flex: none; }
.winkel.terra.stramien-zaal :where(.zaal-knop), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 28px; border: 0; border-radius: 999px;
font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: .005em; white-space: nowrap; cursor: pointer; text-decoration: none; box-sizing: border-box;
transition: background 200ms, box-shadow 200ms; }
.winkel.terra.stramien-zaal :where(.zaal-knop--primair) { background: var(--zaal-inkt); color: var(--zaal-wand); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--primair { background: var(--zaal-inkt); color: var(--zaal-wand) !important; }
.winkel.terra.stramien-zaal :where(.zaal-knop--primair:hover), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--primair:hover { background: var(--zaal-inkt-hover); }
.winkel.terra.stramien-zaal :where(.zaal-knop--secundair), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--secundair { background: transparent; color: var(--zaal-inkt); box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal :where(.zaal-knop--secundair:hover), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--secundair:hover { background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal :where(.zaal-knop:focus-visible), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop:focus-visible { outline: none; box-shadow: var(--zaal-focus); }
.winkel.terra.stramien-zaal :where(.zaal-knop--secundair:focus-visible), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--secundair:focus-visible { box-shadow: inset 0 0 0 1px var(--zaal-inkt), var(--zaal-focus); }
.winkel.terra.stramien-zaal :where(.zaal-knop--groot), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--groot { height: 56px; }
.winkel.terra.stramien-zaal :where(.zaal-knop--klein), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--klein { height: 36px; padding: 0 16px; font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-zaal :where(.zaal-knop--breed), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop--breed { width: 100%; }
.winkel.terra.stramien-zaal :where(.zaal-knop:disabled) { background: var(--zaal-sokkel); color: var(--zaal-leisteen); cursor: default; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop:disabled { background: var(--zaal-sokkel); color: var(--zaal-leisteen) !important; cursor: default; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop .zaal-stip { width: 8px; height: 8px; }
.winkel.terra.stramien-zaal :where(.zaal-knop.bezig), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knop.bezig { opacity: .8; }
.winkel.terra.stramien-zaal :where(.zaal-link), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-link { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--zaal-inkt);
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; cursor: pointer; background: none; border: 0; padding: 0; }
.winkel.terra.stramien-zaal :where(.zaal-link:hover), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-link:hover { text-decoration-thickness: 2px; }
.winkel.terra.stramien-zaal :where(.zaal-link--klein), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-link--klein { font-size: 13px; line-height: 18px; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal .zaal-pdp :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)), .winkel.terra.stramien-zaal .zaal-lade :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)) { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
.winkel.terra.stramien-zaal :where(.zaal-stip.is-grijs), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-stip.is-grijs { background: var(--zaal-sokkel); box-shadow: inset 0 0 0 1px var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :where(.zaal-vink), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-vink { width: 20px; height: 20px; border-radius: 2px; box-shadow: inset 0 0 0 1.5px var(--zaal-inkt); flex: none; position: relative; background: var(--zaal-wand); box-sizing: border-box; }
.winkel.terra.stramien-zaal input:checked + .zaal-vink { background: var(--zaal-inkt); }
.winkel.terra.stramien-zaal input:checked + .zaal-vink::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: border-box; }
.winkel.terra.stramien-zaal input:focus-visible + .zaal-vink { box-shadow: inset 0 0 0 1.5px var(--zaal-inkt), var(--zaal-focus); }
.winkel.terra.stramien-zaal .zaal-verborgen-invoer, .winkel.terra.stramien-zaal .zaal-samen-vink input, .winkel.terra.stramien-zaal .zaal-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.winkel.terra.stramien-zaal :where(.zaal-tab), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-tab { display: inline-flex; align-items: center; gap: 8px; height: 40px; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--zaal-leisteen);
white-space: nowrap; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none; }
.winkel.terra.stramien-zaal :where(.zaal-tab:hover), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-tab:hover, .winkel.terra.stramien-zaal :where(.zaal-tab.is-aan), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-tab.is-aan { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-tab .zaal-stip { display: none; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-tab.is-aan .zaal-stip { display: inline-block; }
.winkel.terra.stramien-zaal :where(.zaal-kruimel), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kruimel { display: flex; flex-wrap: wrap; gap: 0 4px; margin-top: 24px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kruimel a:hover { color: var(--zaal-inkt); text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kruimel [aria-current] { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-melding { margin-top: 16px; padding: 12px 16px; background: var(--zaal-vloer); font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-koopzone { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; margin-top: 32px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-podiumkolom { grid-column: 1 / 9; min-width: 0; position: sticky; top: min(104px, calc(100vh - 800px)); }
.winkel.terra.stramien-zaal .zaal-podium { position: relative; height: 720px; outline: none; }
.winkel.terra.stramien-zaal .zaal-podium:focus-visible { box-shadow: var(--zaal-focus); }
.winkel.terra.stramien-zaal .zaal-podium-wand { position: absolute; left: 0; right: 0; top: 0; height: 576px; overflow: clip; }
.winkel.terra.stramien-zaal .zaal-podium-vloer { position: absolute; left: 0; right: 0; top: 576px; height: 144px; background: var(--zaal-vloer); border-top: 1px solid var(--zaal-horizon); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-podium-bijschrift { position: absolute; left: 24px; top: 24px; right: 24px; display: flex; flex-direction: column; gap: 6px; font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-zaal .zaal-stoplaag { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 400ms var(--zaal-ease), visibility 0s 400ms; }
.winkel.terra.stramien-zaal .zaal-stoplaag.is-aan { opacity: 1; visibility: visible; transition: opacity 400ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-stopknop { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: none; cursor: zoom-in; }
.winkel.terra.stramien-zaal .zaal-stopknop:focus-visible { box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-kobj { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; line-height: 0; transition: transform 300ms var(--zaal-ease), opacity 300ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-kobj img { position: relative; display: block; width: auto; height: auto; }
.winkel.terra.stramien-zaal .zaal-podium .zaal-kobj img { max-width: var(--zk-obj-w); max-height: var(--zk-obj-h); }
.winkel.terra.stramien-zaal .zaal-kschaduw { position: absolute; left: 18%; width: 64%; bottom: -12px; height: 24px; background: var(--zaal-contact); pointer-events: none; }
.winkel.terra.stramien-zaal .zaal-kprent { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); padding: 24px; background: var(--zaal-vloer); box-shadow: inset 0 0 0 1px var(--zaal-vorst); line-height: 0; }
.winkel.terra.stramien-zaal .zaal-kprent img { display: block; width: auto; height: auto; max-width: var(--zk-prent-w); max-height: var(--zk-prent-h); }
.winkel.terra.stramien-zaal .zaal-podium-pijl { position: absolute; top: 252px; z-index: 3; width: 48px; height: 48px; border: 0; border-radius: 50%; padding: 0; cursor: pointer;
background: var(--zaal-wand); box-shadow: inset 0 0 0 1px var(--zaal-vorst); display: flex; align-items: center; justify-content: center; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-podium-pijl:hover { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-podium-pijl--l { left: 24px; }
.winkel.terra.stramien-zaal .zaal-podium-pijl--r { right: 24px; }
.winkel.terra.stramien-zaal .zaal-stoprij { height: 56px; border-top: 1px solid var(--zaal-vorst); display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 24px; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-stop { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen);
height: 55px; white-space: nowrap; flex: none; background: none; border: 0; padding: 0; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-stop:hover, .winkel.terra.stramien-zaal .zaal-stop.is-aan { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-stop-stip { position: absolute; top: -6px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--zaal-stip); opacity: 0; transition: left 350ms var(--zaal-ease); pointer-events: none; }
.winkel.terra.stramien-zaal .zaal-stoprij[data-klaar] .zaal-stop-stip { opacity: 1; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-veel { justify-content: flex-start; gap: 24px; overflow-x: auto; scrollbar-width: none; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-veel::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-veel .zaal-stop-stip { top: 0; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-duimen { justify-content: flex-start; gap: 12px; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-duimen .zaal-stop { display: flex; align-items: center; }
.winkel.terra.stramien-zaal .zaal-kvak { width: 48px; height: 48px; background: var(--zaal-vloer); display: flex; align-items: flex-end; justify-content: center; padding: 4px; box-sizing: border-box; overflow: hidden; flex: none; }
.winkel.terra.stramien-zaal .zaal-kvak img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-duimen .zaal-kvak { width: 40px; height: 40px; }
.winkel.terra.stramien-zaal .zaal-stoprij.is-duimen .zaal-stop.is-aan .zaal-kvak { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-koopkaart { grid-column: 9 / 13; position: sticky; top: 104px; display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-koopkaart > .zaal-label { align-self: flex-start; }
.winkel.terra.stramien-zaal .zaal-koopkaart > .zaal-h1 { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-ondertitel:not(#zk) { font-size: 20px; line-height: 32px; color: var(--zaal-leisteen); margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-modelrij { display: flex; flex-wrap: wrap; align-items: center; gap: 0 24px; margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-koopprijs { margin-top: 44px; font-weight: 600; font-size: 40px; line-height: 44px; letter-spacing: -.02em; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-koopkaart > .zaal-h1 + .zaal-koopprijs, .winkel.terra.stramien-zaal .zaal-ondertitel + .zaal-koopprijs { margin-top: 22px; }
.winkel.terra.stramien-zaal .zaal-btwregel:not(#zk) { margin-top: 8px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :where(.zaal-voorraad), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-voorraad { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-koopkaart > .zaal-voorraad { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-bezorg { margin-top: 16px; font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-zaal .zaal-bezorg b { font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-bezorg-landen { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; margin-top: 6px; }
.winkel.terra.stramien-zaal .zaal-bezorg-kop { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); margin-right: -4px; }
.winkel.terra.stramien-zaal .zaal-bezorg .zaal-tab { font-size: 14px; line-height: 20px; height: 32px; }
.winkel.terra.stramien-zaal .zaal-koopvorm { margin: 24px 0 0; }
.winkel.terra.stramien-zaal .zaal-uitvoeringen { border: 0; margin: 0 0 24px; padding: 0; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-uitvoeringen legend { padding: 0; margin-bottom: 12px; }
.winkel.terra.stramien-zaal .zaal-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-chip { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--zaal-vorst);
font-size: 14px; line-height: 20px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-chip:hover { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-chip .zaal-stip { display: none; }
.winkel.terra.stramien-zaal .zaal-chip:has(input:checked) { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-chip:has(input:checked) .zaal-stip { display: inline-block; }
.winkel.terra.stramien-zaal .zaal-chip:has(input:focus-visible) { box-shadow: inset 0 0 0 1px var(--zaal-inkt), var(--zaal-focus); }
.winkel.terra.stramien-zaal .zaal-chip-prijs { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 400; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-chip.is-uit { color: var(--zaal-leisteen); cursor: default; }
.winkel.terra.stramien-zaal .zaal-chip.is-uit .zaal-chip-naam { text-decoration: line-through; }
.winkel.terra.stramien-zaal .zaal-achteraf:not(#zk) { margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-drieregels { margin-top: 24px !important; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-drieregels li { min-height: 48px; display: flex; align-items: center; border-bottom: 1px solid var(--zaal-vorst); font-size: 14px; line-height: 22px; padding: 8px 0; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-winkellink { margin-top: 16px; align-self: flex-start; }
.winkel.terra.stramien-zaal .zaal-inlogprijs { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-artnr { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-kbordje-paren { column-count: 2; column-gap: 48px; }
.winkel.terra.stramien-zaal .zaal-wandpaar { break-inside: avoid; border-top: 1px solid var(--zaal-vorst); padding: 20px 0; display: flex; flex-direction: column; }
.winkel.terra.stramien-zaal .zaal-wandpaar dd { font-weight: 500; font-size: 28px; line-height: 34px; letter-spacing: -.01em; margin-top: 8px; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-wandpaar .zaal-gegevens { margin-top: 4px; }
.winkel.terra.stramien-zaal .zaal-alles { border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-alles summary { list-style: none; height: 56px; display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 20px; font-weight: 500; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-alles summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-zaal .zaal-alles summary .zaal-ic { transition: transform 200ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-alles[open] summary .zaal-ic { transform: rotate(180deg); }
.winkel.terra.stramien-zaal .zaal-alles table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.winkel.terra.stramien-zaal .zaal-alles table + table { margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-alles caption { text-align: left; padding: 20px 0 8px; }
.winkel.terra.stramien-zaal .zaal-alles th, .winkel.terra.stramien-zaal .zaal-alles td { border: 0; border-top: 1px solid var(--zaal-vorst); padding: 12px 0; vertical-align: top; text-align: left; background: none; overflow-wrap: anywhere; }
.winkel.terra.stramien-zaal .zaal-alles table:last-child tr:last-child > :is(th, td) { border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-alles th { width: 40%; padding-right: 24px; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: normal; text-transform: none; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-alles.is-zonder-bordje { border-top: 0; }
.winkel.terra.stramien-zaal .zaal-alles td { font-size: 16px; line-height: 24px; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-punten { border-top: 1px solid var(--zaal-vorst); margin-bottom: 40px !important; }
.winkel.terra.stramien-zaal .zaal-punten li { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--zaal-vorst); font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-zaal .zaal-punten .zaal-stip { transform: translateY(-2px); }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst { max-width: 660px; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst.is-gevouwen { max-height: 560px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.winkel.terra.stramien-zaal .zaal-verhaal-meer { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst h3 { font-weight: 500; font-size: 24px; line-height: 30px; letter-spacing: -.01em; margin: 40px 0 12px; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst h3:first-child { margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst p:not(#zk) { font-size: 16px; line-height: 26px; margin: 0 0 16px; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst ul, .winkel.terra.stramien-zaal .zaal-verhaal-tekst ol { margin: 0 0 16px; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst li { position: relative; padding-left: 16px; font-size: 16px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-verhaal-tekst li::before { content: ""; position: absolute; left: 0; top: 12px; width: 6px; height: 1px; background: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-past-velden { display: grid; grid-template-columns: 196px 196px; column-gap: 24px; }
.winkel.terra.stramien-zaal :where(.zaal-veld), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-veld { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-veld > span:first-child { font-size: 14px; line-height: 20px; font-weight: 500; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-veld input { height: 48px; border: 1px solid var(--zaal-horizon); border-radius: 2px; padding: 0 16px; font: inherit; font-size: 16px; line-height: 20px; color: var(--zaal-inkt);
background: var(--zaal-wand); width: 100%; min-width: 0; box-sizing: border-box; -webkit-appearance: none; appearance: none; box-shadow: none; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-veld input:focus-visible { outline: none; border-color: var(--zaal-inkt); box-shadow: 0 0 0 3px rgba(79, 167, 48, .25); border-radius: 2px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-veld.is-fout input { border-color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-fout { font-size: 13px; line-height: 18px; color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-past-uitkomst:not(#zk) { margin-top: 24px; font-size: 20px; line-height: 32px; font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-past-doos:not(#zk) { margin-top: 16px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-plattegrond { display: block; width: 100%; height: auto; aspect-ratio: 636 / 300; background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-svgtekst { font-family: var(--zaal-mono); font-size: 13px; letter-spacing: .04em; fill: #14201B; }
.winkel.terra.stramien-zaal .zaal-kreeks { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: stretch; }
.winkel.terra.stramien-zaal .zaal-kreeks-zaal { grid-column: 1 / 9; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-kreeks-rij { position: relative; display: grid; grid-template-columns: repeat(var(--zk-reeks-n, 5), minmax(0, 1fr)); grid-template-rows: repeat(var(--zk-reeks-rijen, 7), auto); column-gap: 24px; row-gap: 0; }
.winkel.terra.stramien-zaal .zaal-kreeks-rij::before { content: ""; position: absolute; left: 0; right: 0; top: 240px; height: 49px; background: var(--zaal-vloer); border-top: 1px solid var(--zaal-horizon); box-sizing: border-box; pointer-events: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak { position: relative; display: grid; grid-row: span var(--zk-reeks-rijen, 7); grid-template-rows: subgrid; align-items: start; justify-items: start; text-align: left; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak:focus-visible { box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak:focus-visible .zaal-kreeks-naam { box-shadow: var(--zaal-focus); }
.winkel.terra.stramien-zaal .zaal-kreeks-wand { position: relative; display: block; width: 100%; height: 240px; overflow: clip; }
.winkel.terra.stramien-zaal .zaal-kreeks-wand .zaal-kobj img { max-height: 200px; max-width: 152px; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak.is-aan .zaal-kobj { transform: translate(-50%, -6px); }
.winkel.terra.stramien-zaal .zaal-kreeks-naam { display: flex; align-items: center; gap: 8px; margin: 65px 0 6px; font-weight: 500; font-size: 20px; line-height: 26px; letter-spacing: -.005em; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-kreeks-naam .zaal-stip { display: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak:hover .zaal-kreeks-naam, .winkel.terra.stramien-zaal .zaal-kreeks-vak.is-aan .zaal-kreeks-naam { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-kreeks-vak.is-aan .zaal-kreeks-naam .zaal-stip { display: inline-block; }
.winkel.terra.stramien-zaal .zaal-kreeks-regel { display: block; margin-top: 2px; min-width: 0; max-width: 100%; }
.winkel.terra.stramien-zaal .zaal-kreeks-regel:empty { margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-kreeks-prijs { margin-top: 8px; font-weight: 500; font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-kreeks-keuzes { grid-column: 9 / 13; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-kkeuze { background: var(--zaal-vloer); padding: 32px; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; height: 100%; }
.winkel.terra.stramien-zaal .zaal-kkeuze[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-kkeuze-naam { font-weight: 500; font-size: 24px; line-height: 30px; letter-spacing: -.01em; margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-kkeuze-prijs { font-weight: 600; font-size: 32px; line-height: 36px; letter-spacing: -.02em; margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-kkeuze .zaal-voorraad { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-kkeuze-verschil { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
.winkel.terra.stramien-zaal .zaal-kkeuze-verschil li { font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-kkeuze-plus { font-weight: 600; }
.winkel.terra.stramien-zaal .zaal-kkeuze > .zaal-knop, .winkel.terra.stramien-zaal .zaal-kkeuze-vorm { margin-top: 28px; width: 100%; }
.winkel.terra.stramien-zaal .zaal-kkeuze > .zaal-link { margin-top: 18px; }
.winkel.terra.stramien-zaal .zaal-samen { display: flex; align-items: flex-start; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-samen-vak { flex: 1 1 0; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-samen-plus { flex: 0 0 44px; height: 248px; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 26px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-samen-link { display: block; }
.winkel.terra.stramien-zaal .zaal-ksokkel { display: flex; flex-direction: column; position: relative; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-ksokkel-wand { position: relative; display: block; height: 200px; overflow: clip; }
.winkel.terra.stramien-zaal .zaal-ksokkel-vloer { display: block; height: 48px; background: var(--zaal-vloer); border-top: 1px solid var(--zaal-horizon); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-kobj img { max-height: 170px; max-width: 210px; }
.winkel.terra.stramien-zaal .zaal-samen-link:hover .zaal-kobj { transform: translate(-50%, -6px); }
.winkel.terra.stramien-zaal .zaal-samen-bordje { padding-top: 16px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-samen-naam { font-weight: 500; font-size: 16px; line-height: 22px; margin-top: 6px; }
.winkel.terra.stramien-zaal .zaal-samen-naam:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.winkel.terra.stramien-zaal .zaal-samen-prijs { font-weight: 500; font-size: 16px; line-height: 22px; margin-top: 2px; }
.winkel.terra.stramien-zaal .zaal-samen-vink { position: relative; display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 14px; line-height: 22px; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-samen-vast { display: none; }
.winkel.terra.stramien-zaal .zaal-samen-vast .zaal-vink { background: var(--zaal-inkt); opacity: .45; }
.winkel.terra.stramien-zaal .zaal-samen-vast .zaal-vink::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-samenkaart { background: var(--zaal-vloer); padding: 32px; display: flex; flex-direction: column; }
.winkel.terra.stramien-zaal .zaal-samenkaart ul { margin-top: 12px !important; }
.winkel.terra.stramien-zaal .zaal-samenkaart li { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; line-height: 24px; padding: 6px 0; }
.winkel.terra.stramien-zaal .zaal-samenkaart li.is-uit { color: var(--zaal-leisteen); text-decoration: line-through; }
.winkel.terra.stramien-zaal .zaal-samenkaart .zaal-haar { margin: 16px 0; }
.winkel.terra.stramien-zaal .zaal-totaal { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-weight: 600; font-size: 24px; line-height: 30px; }
.winkel.terra.stramien-zaal .zaal-samenkaart .zaal-knop { margin-top: 24px; }
.winkel.terra.stramien-zaal :where(.zaal-faq), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq { border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq details { border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq summary { list-style: none; min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 18px; line-height: 26px; font-weight: 500;
cursor: pointer; padding: 16px 0; box-sizing: border-box; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq summary .zaal-ic { transition: transform 200ms var(--zaal-ease); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq details[open] summary .zaal-ic { transform: rotate(45deg); }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq details > div { padding: 0 0 24px; font-size: 16px; line-height: 26px; max-width: 660px; }
.winkel.terra.stramien-zaal .zaal-koopbalk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; background: var(--zaal-wand); border-top: 1px solid var(--zaal-vorst);
transform: translateY(100%); visibility: hidden; transition: transform 250ms var(--zaal-ease), visibility 0s 250ms; }
.winkel.terra.stramien-zaal .zaal-koopbalk.is-aan { transform: none; visibility: visible; transition: transform 250ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-koopbalk-in { height: 79px; display: flex; align-items: center; gap: 24px; }
.winkel.terra.stramien-zaal .zaal-koopbalk-naam { display: flex; align-items: baseline; gap: 16px; min-width: 0; flex: 1; }
.winkel.terra.stramien-zaal .zaal-koopbalk-naam b { font-weight: 500; font-size: 16px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-zaal .zaal-koopbalk-naam .zaal-bedrag { font-weight: 600; font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-zaal.zaal-lade-open .zaal-koopbalk { visibility: hidden; }
.winkel.terra.stramien-zaal .zaal-lichtbak { position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--zaal-wand); color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-lichtbak::backdrop { background: rgba(20, 32, 27, .32); }
.winkel.terra.stramien-zaal .zaal-lichtbak-kop { height: 80px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--zk-zij); border-bottom: 1px solid var(--zaal-vorst); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-lichtbak-sluit { width: 40px; height: 40px; border: 0; border-radius: 50%; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-lichtbak-sluit:hover { background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-lichtbak-beeld { height: calc(100vh - 80px); display: flex; align-items: center; justify-content: center; padding: 24px 96px; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-lichtbak-beeld img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.winkel.terra.stramien-zaal .zaal-lichtbak .zaal-podium-pijl { top: calc(50% + 40px - 24px); }
.winkel.terra.stramien-zaal .wagen-waas { background: transparent; }
.winkel.terra.stramien-zaal .wagen-paneel { top: var(--zk-lade-top, 80px); right: max(var(--zk-zij), calc((100vw - var(--zk-breed)) / 2)); bottom: auto; width: 440px; max-width: calc(100vw - 32px);
max-height: calc(100vh - var(--zk-lade-top, 80px) - 16px); overflow: auto; overscroll-behavior: contain; display: block; background: var(--zaal-wand); color: var(--zaal-inkt);
box-shadow: var(--zaal-schaduw-lade); border-radius: 0; opacity: 0; transform: translateY(-8px); transition: opacity 240ms var(--zaal-ease), transform 240ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .wagen-paneel.open { opacity: 1; transform: none; }
.winkel.terra.stramien-zaal .wagen-paneel-kop { display: none; }
.winkel.terra.stramien-zaal .wagen-paneel-in { display: block; }
.winkel.terra.stramien-zaal .zaal-lade { padding: 24px; font-size: 16px; line-height: 26px; text-align: left; }
.winkel.terra.stramien-zaal .zaal-lade-kop { display: flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-zaal .zaal-lade-kop b { font-weight: 500; font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-lade-kop .zaal-gegevens { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.winkel.terra.stramien-zaal .zaal-lade-sluit { margin-left: auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: none; cursor: pointer; padding: 0; }
.winkel.terra.stramien-zaal .zaal-lade-sluit:hover { background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-lade-toegevoegd { margin-top: 10px; display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 22px; font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-lade-toegevoegd .zaal-stip { margin-top: 7px; }
.winkel.terra.stramien-zaal .zaal-lade-toegevoegd[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-laderegels { margin-top: 10px; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-lade-leeg:not(#zk) { padding: 16px 0; font-size: 14px; line-height: 22px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-lade.is-leeg > .zaal-knop { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-laderegel { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; column-gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--zaal-vorst); align-items: start; min-height: 96px; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-laderegel .zaal-kvak { width: 72px; height: 72px; }
.winkel.terra.stramien-zaal .zaal-laderegel-kern { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-laderegel-naam b { font-weight: 500; font-size: 16px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.winkel.terra.stramien-zaal .zaal-laderegel-naam:hover b { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal .zaal-laderegel .zaal-gegevens { font-size: 13px; line-height: 18px; display: block; }
.winkel.terra.stramien-zaal .zaal-laderegel-onder { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-laderegel-prijs { font-weight: 500; font-size: 16px; line-height: 22px; text-align: right; }
.winkel.terra.stramien-zaal .teller.zaal-aantal { display: inline-flex; align-items: center; height: 36px; border-radius: 18px; box-shadow: inset 0 0 0 1px var(--zaal-vorst); background: none; border: 0; gap: 0; padding: 0; width: auto; }
.winkel.terra.stramien-zaal .teller.zaal-aantal button { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 0; background: none; padding: 0; font-size: 18px; line-height: 1; color: var(--zaal-inkt); cursor: pointer; }
.winkel.terra.stramien-zaal .teller.zaal-aantal button:hover { background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .teller.zaal-aantal input { width: 22px; min-width: 0; height: 36px; border: 0; padding: 0; background: none; text-align: center; font: inherit; font-weight: 500; font-size: 14px; line-height: 20px; color: var(--zaal-inkt); -moz-appearance: textfield; appearance: textfield; box-shadow: none; }
.winkel.terra.stramien-zaal .teller.zaal-aantal input::-webkit-outer-spin-button, .winkel.terra.stramien-zaal .teller.zaal-aantal input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.winkel.terra.stramien-zaal .zaal-drempel { margin-top: 14px; font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-drempel-lijn { height: 2px; background: var(--zaal-vorst); margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-drempel-lijn i { display: block; height: 2px; background: var(--zaal-stip); transition: width 300ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-drempel--gratis { display: flex; align-items: center; gap: 10px; color: var(--zaal-mos); font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-lade-sug { margin-top: 18px; }
.winkel.terra.stramien-zaal .zaal-lade-sug .zaal-label { display: block; margin-bottom: 8px; }
.winkel.terra.stramien-zaal .zaal-sugregel { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; }
.winkel.terra.stramien-zaal .zaal-sug-kern { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-zaal .zaal-sug-kern b { font-weight: 500; font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-zaal .zaal-overzicht { margin-top: 18px; border-top: 1px solid var(--zaal-vorst); padding-top: 12px; display: flex; flex-direction: column; }
.winkel.terra.stramien-zaal .zaal-overzicht-r { display: flex; justify-content: space-between; font-size: 16px; line-height: 28px; }
.winkel.terra.stramien-zaal .zaal-overzicht .zaal-totaal { margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-lade-afrekenen { margin-top: 18px; }
.winkel.terra.stramien-zaal .zaal-snel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.winkel.terra.stramien-zaal .zaal-snelknop { height: 44px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 20px; font-weight: 500; white-space: nowrap; width: 100%; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-snelknop--donker { background: var(--zaal-inkt); color: var(--zaal-wand) !important; }
.winkel.terra.stramien-zaal .zaal-snelknop--donker:hover { background: var(--zaal-inkt-hover); }
.winkel.terra.stramien-zaal .zaal-snelknop--licht { box-shadow: inset 0 0 0 1px var(--zaal-vorst); background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-snelknop--licht:hover { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-lade-slot { margin-top: 14px; display: flex; flex-direction: column; gap: 4px; }
.winkel.terra.stramien-zaal .zaal-lade-slot [hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-vlieg { position: fixed; width: 10px; height: 10px; border-radius: 50%; background: var(--zaal-stip); z-index: 9999; pointer-events: none; }
.winkel.terra.stramien-zaal .zaal-puls { animation: zaal-puls 240ms var(--zaal-ease); }
@keyframes zaal-puls { 50% { transform: scale(1.25); } }
@media (max-width: 1199px) {
.winkel.terra.stramien-zaal { --zk-zij: 40px; --zk-obj-w: 560px; --zk-obj-h: 420px; --zk-prent-w: 440px; --zk-prent-h: 360px; }
.winkel.terra.stramien-zaal .zaal-podiumkolom { grid-column: 1 / 8; top: min(104px, calc(100vh - 680px)); }
.winkel.terra.stramien-zaal .zaal-koopkaart { grid-column: 8 / 13; }
.winkel.terra.stramien-zaal .zaal-podium { height: 600px; }
.winkel.terra.stramien-zaal .zaal-podium-wand { height: 480px; }
.winkel.terra.stramien-zaal .zaal-podium-vloer { top: 480px; height: 120px; }
.winkel.terra.stramien-zaal .zaal-podium-pijl { top: 208px; }
.winkel.terra.stramien-zaal :where(.zaal-h1), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1 { font-size: 44px; line-height: 48px; }
.winkel.terra.stramien-zaal :where(.zaal-h1.zaal-h1--lang), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1.zaal-h1--lang { font-size: 32px; line-height: 36px; }
.winkel.terra.stramien-zaal .zaal-stoprij { justify-content: flex-start; gap: 24px; overflow-x: auto; scrollbar-width: none; }
.winkel.terra.stramien-zaal .zaal-stoprij::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-stoprij .zaal-stop-stip { top: 0; }
.winkel.terra.stramien-zaal .zaal-k6-12 { grid-column: 5 / 13; }
.winkel.terra.stramien-zaal .zaal-kreeks-zaal { grid-column: 1 / 13; }
.winkel.terra.stramien-zaal .zaal-kreeks-keuzes { grid-column: 1 / 13; margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-samen, .winkel.terra.stramien-zaal .zaal-k1-8.zaal-samen { grid-column: 1 / 13; }
.winkel.terra.stramien-zaal .zaal-k9-12 { grid-column: 1 / 13; margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-k1-5 { grid-column: 1 / 7; }
.winkel.terra.stramien-zaal .zaal-k7-12 { grid-column: 7 / 13; }
}
@media (max-width: 899px) {
.winkel.terra.stramien-zaal { --zk-zij: 20px; --zk-obj-w: 330px; --zk-obj-h: 290px; --zk-prent-w: 260px; --zk-prent-h: 260px; }
.winkel.terra.stramien-zaal .zaal-krij, .winkel.terra.stramien-zaal .zaal-koopzone, .winkel.terra.stramien-zaal .zaal-kreeks { display: block; }
.winkel.terra.stramien-zaal :where(.zaal-kruimel), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kruimel { margin-top: 16px; font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal .zaal-koopzone { margin-top: 0; width: 100%; }
.winkel.terra.stramien-zaal .zaal-podiumkolom { position: static; }
.winkel.terra.stramien-zaal .zaal-podium { height: 420px; margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-podium-wand { height: 330px; }
.winkel.terra.stramien-zaal .zaal-podium-vloer { top: 330px; height: 90px; }
.winkel.terra.stramien-zaal .zaal-podium-bijschrift { left: 20px; right: 20px; top: 16px; font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-kprent { bottom: 20px; padding: 16px; }
.winkel.terra.stramien-zaal .zaal-podium-pijl { display: none; }
.winkel.terra.stramien-zaal .zaal-stoprij { height: 48px; padding: 0 20px; }
.winkel.terra.stramien-zaal .zaal-stop { height: 47px; }
.winkel.terra.stramien-zaal .zaal-koopkaart { position: static; margin: 24px var(--zk-zij) 0; }
.winkel.terra.stramien-zaal :where(.zaal-h1), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1, .winkel.terra.stramien-zaal :where(.zaal-h1.zaal-h1--lang), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1.zaal-h1--lang { font-size: 36px; line-height: 40px; }
.winkel.terra.stramien-zaal :where(.zaal-h1.zaal-h1--lang), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h1.zaal-h1--lang { font-size: 28px; line-height: 32px; }
.winkel.terra.stramien-zaal :where(.zaal-h2), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h2 { font-size: 28px; line-height: 32px; }
.winkel.terra.stramien-zaal .zaal-ondertitel:not(#zk) { font-size: 18px; line-height: 28px; }
.winkel.terra.stramien-zaal :where(.zaal-inleiding:not(#zk)), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-inleiding:not(#zk) { font-size: 18px; line-height: 28px; }
.winkel.terra.stramien-zaal .zaal-koopprijs { font-size: 32px; line-height: 36px; }
.winkel.terra.stramien-zaal .zaal-modelrij { flex-wrap: nowrap; overflow-x: auto; gap: 0 20px; scrollbar-width: none; }
.winkel.terra.stramien-zaal .zaal-modelrij::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-sectie { padding-top: 80px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kopblok > .zaal-label + *, .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-kopblok > .zaal-inleiding:not(#zk) { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-kop-inhoud { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-k6-12, .winkel.terra.stramien-zaal .zaal-k1-8, .winkel.terra.stramien-zaal .zaal-k1-4 { grid-column: auto; }
.winkel.terra.stramien-zaal .zaal-kbordje { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-kbordje-paren { column-count: 1; }
.winkel.terra.stramien-zaal .zaal-wandpaar dd { font-size: 22px; line-height: 28px; }
.winkel.terra.stramien-zaal .zaal-verhaal { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-past-velden { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 10px; }
.winkel.terra.stramien-zaal .zaal-k7-12 { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-plattegrond { aspect-ratio: 350 / 220; }
.winkel.terra.stramien-zaal .zaal-kreeks-zaal { margin: 0 calc(-1 * var(--zk-zij)); }
.winkel.terra.stramien-zaal .zaal-kreeks-rij { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 var(--zk-zij); scroll-padding: 0 var(--zk-zij); }
.winkel.terra.stramien-zaal .zaal-kreeks-rij::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-rij::before { display: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-vak { flex: 0 0 150px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-kreeks-wand { width: 150px; height: 170px; border-bottom: 1px solid var(--zaal-horizon); box-shadow: 0 40px 0 0 var(--zaal-vloer); overflow: visible; }
.winkel.terra.stramien-zaal .zaal-kreeks-wand .zaal-kobj img { max-height: 150px; max-width: 140px; }
.winkel.terra.stramien-zaal .zaal-kreeks-naam { font-size: 16px; line-height: 22px; margin: 56px 0 0; }
.winkel.terra.stramien-zaal .zaal-kreeks-regel { font-size: 13px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-zaal .zaal-kreeks-regel ~ .zaal-kreeks-regel { display: none; }
.winkel.terra.stramien-zaal .zaal-kreeks-prijs { font-size: 16px; line-height: 22px; margin-top: 4px; }
.winkel.terra.stramien-zaal .zaal-kreeks-keuzes { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-kkeuze { padding: 24px; }
.winkel.terra.stramien-zaal .zaal-samen { display: block; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-samen-plus { display: none; }
.winkel.terra.stramien-zaal .zaal-samen-vak { display: grid; grid-template-columns: 20px 64px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; min-height: 80px; border-bottom: 1px solid var(--zaal-vorst); padding: 8px 0; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-samen-link { grid-column: 2; grid-row: 1; width: 64px; height: 64px; }
.winkel.terra.stramien-zaal .zaal-samen-bordje { display: contents; }
.winkel.terra.stramien-zaal .zaal-samen-vink, .winkel.terra.stramien-zaal .zaal-samen-vast { grid-column: 1; grid-row: 1; display: flex; margin: 0; }
.winkel.terra.stramien-zaal .zaal-samen-vinktekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-samen-vak:has(input:not(:checked)) .zaal-samen-naam, .winkel.terra.stramien-zaal .zaal-samen-vak:has(input:not(:checked)) .zaal-samen-prijs { color: var(--zaal-leisteen); text-decoration: line-through; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-ksokkel { width: 64px; height: 64px; background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-samen .zaal-ksokkel-wand { height: 64px; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-ksokkel-vloer { display: none; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-kobj { bottom: 4px; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-kobj img { max-height: 56px; max-width: 56px; }
.winkel.terra.stramien-zaal .zaal-samen .zaal-kschaduw { display: none; }
.winkel.terra.stramien-zaal .zaal-samen-bordje .zaal-label { display: none; }
.winkel.terra.stramien-zaal .zaal-samen-naam { grid-column: 3; grid-row: 1; margin-top: 0; font-size: 15px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-samen-prijs { grid-column: 4; grid-row: 1; margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-k9-12 { margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-samenkaart { padding: 0; background: none; }
.winkel.terra.stramien-zaal .zaal-samenkaart > .zaal-label, .winkel.terra.stramien-zaal .zaal-samenkaart ul, .winkel.terra.stramien-zaal .zaal-samenkaart .zaal-haar { display: none; }
.winkel.terra.stramien-zaal .zaal-samenkaart .zaal-totaal { margin: 20px 0 0; }
.winkel.terra.stramien-zaal .zaal-samenkaart .zaal-knop { margin-top: 16px; height: 56px; }
.winkel.terra.stramien-zaal .zaal-koopbalk-in { height: auto; padding: 8px 0 calc(8px + env(safe-area-inset-bottom)); gap: 12px; }
.winkel.terra.stramien-zaal .zaal-koopbalk-naam { flex-direction: column; gap: 0; }
.winkel.terra.stramien-zaal .zaal-koopbalk-naam b { font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-zaal .zaal-koopbalk .zaal-knop { padding: 0 20px; }
.winkel.terra.stramien-zaal .zaal-lichtbak-beeld { padding: 16px; }
.winkel.terra.stramien-zaal .zaal-lichtbak .zaal-podium-pijl { display: flex; top: auto; bottom: 24px; }
.winkel.terra.stramien-zaal .wagen-paneel { left: 16px; right: 16px; width: auto; max-width: none; max-height: calc(100vh - var(--zk-lade-top, 64px) - 16px); }
.winkel.terra.stramien-zaal .zaal-lade { padding: 20px; }
.winkel.terra.stramien-zaal .zaal-laderegel { grid-template-columns: 64px minmax(0, 1fr) auto; }
.winkel.terra.stramien-zaal .zaal-laderegel .zaal-kvak { width: 64px; height: 64px; }
.winkel.terra.stramien-zaal .zaal-laderegel { grid-template-rows: auto auto auto; }
.winkel.terra.stramien-zaal .zaal-laderegel .zaal-kvak { grid-column: 1; grid-row: 1 / 4; }
.winkel.terra.stramien-zaal .zaal-laderegel-kern { display: contents; }
.winkel.terra.stramien-zaal .zaal-laderegel-naam { grid-column: 2; grid-row: 1; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-laderegel-prijs { grid-column: 3; grid-row: 1; }
.winkel.terra.stramien-zaal .zaal-laderegel .zaal-gegevens { grid-column: 2 / 4; grid-row: 2; }
.winkel.terra.stramien-zaal .zaal-laderegel-onder { grid-column: 2 / 4; grid-row: 3; gap: 14px; flex-wrap: nowrap; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-zaal.met-onderbalk .zaal-koopbalk { bottom: var(--onderbalk-h, 66px); }
.winkel.terra.stramien-zaal.met-onderbalk .zaal-koopbalk-in { padding-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.winkel.terra.stramien-zaal .zaal-stoplaag, .winkel.terra.stramien-zaal .zaal-kobj, .winkel.terra.stramien-zaal .zaal-stop-stip, .winkel.terra.stramien-zaal .zaal-koopbalk, .winkel.terra.stramien-zaal .wagen-paneel, .winkel.terra.stramien-zaal .zaal-drempel-lijn i, .winkel.terra.stramien-zaal .zaal-alles summary .zaal-ic, .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-faq summary .zaal-ic { transition: none; }
.winkel.terra.stramien-zaal .zaal-puls { animation: none; }
}
.winkel.terra.stramien-zaal .zaal-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-schakel { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--zaal-inkt); cursor: pointer; background: none; border: 0; padding: 0; font-family: inherit; }
.winkel.terra.stramien-zaal .zaal-schakel-spoor { width: 44px; height: 24px; border-radius: 12px; background: var(--zaal-vorst); position: relative; transition: background 200ms; flex: none; }
.winkel.terra.stramien-zaal .zaal-schakel-spoor::after { content: ""; position: absolute; left: 2px; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform 200ms var(--zaal-ease); box-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.winkel.terra.stramien-zaal .zaal-schakel[aria-pressed="true"] > .zaal-schakel-spoor { background: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-schakel[aria-pressed="true"] > .zaal-schakel-spoor::after { transform: translateX(20px); }
.winkel.terra.stramien-zaal .zaal-schakel:focus-visible { outline: none; }
.winkel.terra.stramien-zaal .zaal-schakel:focus-visible > .zaal-schakel-spoor { box-shadow: var(--zaal-focus); }
.winkel.terra.stramien-zaal .shop-main:has(> .zaal-vgl) { max-width: none; padding: 0; background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-vgl { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; padding-bottom: 128px; }
.winkel.terra.stramien-zaal :where(.zaal-vgl, .zaal-vglbalk) :where(h1, h2, h3, p, figure) { margin: 0; }
.winkel.terra.stramien-zaal :where(.zaal-vgl, .zaal-vglbalk) :where(a) { color: inherit; text-decoration: none; }
.winkel.terra.stramien-zaal :where(.zaal-vgl, .zaal-vglbalk) :where(button, input, select) { font: inherit; color: inherit; letter-spacing: inherit; }
.winkel.terra.stramien-zaal .zaal-vgl :where(p):not(#zk) { font-size: inherit; line-height: inherit; margin: 0; color: inherit; }
.winkel.terra.stramien-zaal .zaal-vgl :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)), .winkel.terra.stramien-zaal .zaal-vglbalk :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)) { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
.winkel.terra.stramien-zaal .zaal-vgl .zaal-label { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-vgl-paginakop { margin-top: 48px; }
.winkel.terra.stramien-zaal .zaal-vgl-paginakop .zaal-h1 { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-vgl-schakel { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-vgl-leegknoppen { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-vgl-raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
.winkel.terra.stramien-zaal .zaal-vgl-raster > * { grid-column: span var(--zv-kol, 3); min-width: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-raster > .zaal-vgl-c0 { grid-column: 1 / span var(--zv-label, 3); }
.winkel.terra.stramien-zaal .zaal-vgl-kop { margin-top: 47px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-vgl-model { display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel { width: 100%; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-ksokkel-wand { height: 216px; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-ksokkel-vloer { height: 64px; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-kobj img { max-height: 180px; max-width: min(260px, 100%); }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel:hover .zaal-kobj { transform: translate(-50%, -6px); }
.winkel.terra.stramien-zaal .zaal-vgl-bordje { padding-top: 16px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-naam { font-weight: 500; font-size: 20px; line-height: 26px; letter-spacing: -.005em; margin-top: 6px; }
.winkel.terra.stramien-zaal .zaal-vgl-naam:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.winkel.terra.stramien-zaal .zaal-vgl-prijs { font-weight: 500; font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-vgl-bordje .zaal-vgl-prijs { margin-top: 2px; }
.winkel.terra.stramien-zaal .zaal-vgl-bordje .zaal-voorraad { margin-top: 4px; }
.winkel.terra.stramien-zaal .zaal-vgl-model > .zaal-vgl-koop { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-vgl-weg { margin-top: 12px; position: relative; }
.winkel.terra.stramien-zaal .zaal-vgl-schuif, .winkel.terra.stramien-zaal .zaal-vglkeus { position: relative; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg { width: 100%; height: 280px; border: 1px dashed var(--zaal-horizon); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; position: relative; box-sizing: border-box; margin: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg:hover, .winkel.terra.stramien-zaal .zaal-vgl-leeg:focus-within { border-color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-vgl-leeg-tekst { font-weight: 500; font-size: 20px; line-height: 26px; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-vgl-kies { max-width: calc(100% - 32px); height: 40px; border: 1px solid var(--zaal-horizon); border-radius: 2px; padding: 0 12px; background: var(--zaal-wand); font-size: 14px; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg.is-js .zaal-vgl-kies { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; opacity: 0; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg.is-js .zaal-vgl-toeknop { display: none; }
.winkel.terra.stramien-zaal .zaal-vgl-groep { display: block; }
.winkel.terra.stramien-zaal .zaal-vgl-groepkop { display: block; margin-top: 48px; padding-bottom: 12px; }
.winkel.terra.stramien-zaal .zaal-vgl-rij { min-height: 56px; border-top: 1px solid var(--zaal-vorst); align-items: center; }
.winkel.terra.stramien-zaal .zaal-vgl-rijnaam { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); padding: 8px 0; }
.winkel.terra.stramien-zaal .zaal-vgl-cel { font-size: 16px; line-height: 24px; display: flex; align-items: center; gap: 10px; padding: 8px 0; overflow-wrap: anywhere; }
.winkel.terra.stramien-zaal .zaal-vgl-cel .zaal-stip { flex: none; }
.winkel.terra.stramien-zaal .zaal-vgl-rijen > .zaal-vgl-groep:last-child > .zaal-vgl-rij:last-child { border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-vgl.is-verschil [data-zaal-vgl-rij][data-gelijk="1"], .winkel.terra.stramien-zaal .zaal-vgl.is-verschil [data-zaal-vgl-groep][data-gelijk="1"] { display: none; }
.winkel.terra.stramien-zaal .zaal-vgl-voet { margin-top: 48px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-vgl-voetcel { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.winkel.terra.stramien-zaal .zaal-vgl-plak { position: fixed; left: 0; right: 0; top: var(--zk-plak-top, 0px); z-index: 40; background: var(--zaal-wand); border-bottom: 1px solid var(--zaal-vorst); height: 64px; overflow: hidden;
opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 0s 200ms; }
.winkel.terra.stramien-zaal .zaal-vgl-plak.is-aan { opacity: 1; visibility: visible; transition: opacity 200ms; }
.winkel.terra.stramien-zaal .zaal-vgl-plak .zaal-vgl-raster { height: 63px; align-items: center; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam { display: flex; align-items: baseline; gap: 12px; min-width: 0; white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam b { font-weight: 500; font-size: 16px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam .zaal-bedrag { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-vglbalk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 44; background: var(--zaal-wand); border-top: 1px solid var(--zaal-vorst); color: var(--zaal-inkt);
transform: translateY(100%); visibility: hidden; transition: transform 250ms var(--zaal-ease), visibility 0s 250ms; font-size: 16px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-vglbalk.is-open { transform: none; visibility: visible; transition: transform 250ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-vglbalk-in { height: 79px; display: flex; align-items: center; gap: 32px; }
.winkel.terra.stramien-zaal .zaal-vglbalk-keuzes { display: flex; gap: 32px; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-vglkeus { display: grid; grid-template-columns: 56px auto; column-gap: 12px; align-items: center; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-vglkeus .zaal-kvak { width: 56px; height: 56px; grid-row: 1 / 3; }
.winkel.terra.stramien-zaal .zaal-vglkeus b { font-weight: 500; font-size: 14px; line-height: 22px; align-self: end; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-zaal .zaal-vglkeus .zaal-link { align-self: start; justify-self: start; }
.winkel.terra.stramien-zaal .zaal-vglbalk-melding { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-vglbalk-melding[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-vglbalk-r { margin-left: auto; display: flex; align-items: center; gap: 24px; flex: none; }
.winkel.terra.stramien-zaal .zaal-vglbalk .zaal-knop[aria-disabled="true"] { background: var(--zaal-sokkel); color: var(--zaal-leisteen) !important; cursor: default; }
@media (max-width: 1199px) {
.winkel.terra.stramien-zaal .zaal-vglbalk-keuzes { gap: 20px; }
.winkel.terra.stramien-zaal .zaal-vglkeus b { max-width: 120px; }
}
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-vgl { padding-bottom: 80px; }
.winkel.terra.stramien-zaal .zaal-vgl-paginakop { margin-top: 24px; display: block; }
.winkel.terra.stramien-zaal .zaal-vgl-paginakop .zaal-h1 { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-vgl-schakel { margin-top: 20px; }
.winkel.terra.stramien-zaal .zaal-vgl-schuif { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-vgl-schuif::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-vgl-tafel { width: max-content; min-width: 100%; padding: 0 var(--zk-zij); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-vgl-tafel .zaal-breed { width: auto; margin: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-raster { grid-template-columns: 116px repeat(var(--zv-n, 3), 160px); column-gap: 12px; }
.winkel.terra.stramien-zaal .zaal-vgl-raster > *, .winkel.terra.stramien-zaal .zaal-vgl-raster > .zaal-vgl-c0 { grid-column: auto; }
.winkel.terra.stramien-zaal .zaal-vgl-tafel .zaal-vgl-c0 { position: sticky; left: 0; z-index: 2; background: var(--zaal-wand); margin-left: calc(-1 * var(--zk-zij)); padding-left: var(--zk-zij); box-shadow: 8px 0 8px -8px rgba(20, 32, 27, .12); align-self: stretch; display: flex; align-items: center; }
.winkel.terra.stramien-zaal .zaal-vgl-kop .zaal-vgl-c0, .winkel.terra.stramien-zaal .zaal-vgl-voet .zaal-vgl-c0 { box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-vgl-kop { margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-ksokkel-wand { height: 150px; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-ksokkel-vloer { height: 40px; }
.winkel.terra.stramien-zaal .zaal-vgl-sokkel .zaal-kobj img { max-height: 130px; max-width: 140px; }
.winkel.terra.stramien-zaal .zaal-vgl-naam, .winkel.terra.stramien-zaal .zaal-vgl-prijs { font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-vgl-bordje .zaal-voorraad { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal .zaal-vgl .zaal-vgl-koop .zaal-knop, .winkel.terra.stramien-zaal .zaal-vgl a.zaal-vgl-koop { height: 40px; padding: 0 14px; font-size: 14px; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg { height: 190px; }
.winkel.terra.stramien-zaal .zaal-vgl-leeg-tekst { font-size: 16px; line-height: 22px; text-align: center; }
.winkel.terra.stramien-zaal .zaal-vgl-groepkop { margin-top: 32px; position: sticky; left: 0; width: max-content; }
.winkel.terra.stramien-zaal .zaal-vgl-rijnaam { font-size: 13px; line-height: 18px; hyphens: auto; overflow-wrap: anywhere; padding-right: 8px; }
.winkel.terra.stramien-zaal .zaal-vgl-cel { font-size: 14px; line-height: 20px; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-vgl-voet { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-vgl-plak { height: 56px; }
.winkel.terra.stramien-zaal .zaal-vgl-plak .zaal-vgl-raster { height: 55px; width: max-content; padding: 0 var(--zk-zij); margin: 0; }
.winkel.terra.stramien-zaal .zaal-vgl-plak .zaal-vgl-c0 { visibility: hidden; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam { flex-direction: column; gap: 0; align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam b { font-size: 14px; line-height: 20px; max-width: 160px; }
.winkel.terra.stramien-zaal .zaal-vgl-plaknaam .zaal-bedrag { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal .zaal-vglbalk-in { height: auto; min-height: 72px; padding: 8px 0 calc(8px + env(safe-area-inset-bottom)); gap: 12px; }
.winkel.terra.stramien-zaal .zaal-vglbalk-keuzes { gap: 12px; flex: none; }
.winkel.terra.stramien-zaal .zaal-vglkeus { grid-template-columns: 40px; width: 40px; flex: none; }
.winkel.terra.stramien-zaal .zaal-vglkeus .zaal-kvak { width: 40px; height: 40px; padding: 3px; }
.winkel.terra.stramien-zaal .zaal-vglkeus b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-vglkeus .zaal-link { position: absolute; top: -8px; right: -8px; z-index: 1; width: 24px; height: 24px; border-radius: 50%; background: var(--zaal-wand); box-shadow: inset 0 0 0 1px var(--zaal-horizon); display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; text-decoration: none; }
.winkel.terra.stramien-zaal .zaal-vglkeus .zaal-link::before { content: "\00D7"; font-size: 16px; line-height: 1; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-vglbalk [data-vglbalk-wis] { display: none; }
.winkel.terra.stramien-zaal .zaal-vglbalk-r { gap: 16px; }
.winkel.terra.stramien-zaal .zaal-vglbalk .zaal-knop { padding: 0 18px; }
.winkel.terra.stramien-zaal .zaal-vglbalk-melding { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-zaal.met-onderbalk .zaal-vglbalk { bottom: var(--onderbalk-h, 66px); }
.winkel.terra.stramien-zaal.met-onderbalk .zaal-vglbalk-in { padding-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.winkel.terra.stramien-zaal .zaal-vglbalk, .winkel.terra.stramien-zaal .zaal-vgl-plak, .winkel.terra.stramien-zaal .zaal-schakel-spoor, .winkel.terra.stramien-zaal .zaal-schakel-spoor::after { transition: none; }
}
.winkel.terra.stramien-zaal .zaal-rustkop { background: var(--zaal-wand); border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-rustkop-in { height: 79px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.winkel.terra.stramien-zaal .zaal-rustkop-logo { order: -1; display: flex; align-items: center; line-height: 0; }
.winkel.terra.stramien-zaal .zaal-rustkop-logo img { display: block; height: var(--zaal-logo-hoogte, 18px); width: auto; max-width: 220px; }
.winkel.terra.stramien-zaal .zaal-rustkop-terug { font-size: 16px; line-height: 20px; }
.winkel.terra.stramien-zaal .zaal-rustkop-kort { display: none; align-items: center; gap: 6px; }
.winkel.terra.stramien-zaal .zaal-rustkop a { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .shop-main:has(> .zaal-afr), .winkel.terra.stramien-zaal .shop-main:has(> .zaal-bedankt) { max-width: none; padding: 0; background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-afr { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; padding-bottom: 64px; }
.winkel.terra.stramien-zaal :where(.zaal-afr, .zaal-bedankt) :where(h1, h2, h3, p, figure, dl, dd) { margin: 0; }
.winkel.terra.stramien-zaal :where(.zaal-afr, .zaal-bedankt) :where(a) { color: inherit; }
.winkel.terra.stramien-zaal :where(.zaal-afr, .zaal-bedankt) :where(p):not(#zk) { font-size: inherit; line-height: inherit; margin: 0; color: inherit; }
.winkel.terra.stramien-zaal :where(.zaal-afr, .zaal-bedankt) :where(button, input, select, textarea) { font: inherit; letter-spacing: inherit; }
.winkel.terra.stramien-zaal .zaal-afr :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)), .winkel.terra.stramien-zaal .zaal-bedankt :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)), .winkel.terra.stramien-zaal .zaal-rustkop :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)) { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt) .zaal-label { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-afr-vorm { width: min(var(--zk-breed), calc(100% - 2 * var(--zk-zij))); margin: 48px auto 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-afr-links { grid-column: 1 / 8; display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-afr-kop { display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-afr-kop .zaal-h1 { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-afr-deelkop { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.winkel.terra.stramien-zaal .zaal-afr-deelkop > .zaal-label { margin: 0; }
.winkel.terra.stramien-zaal .zaal-afr-inlog { font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-afr-inlog .zaal-link { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal .zaal-afr-seg.afr-seg { margin: 24px 0 0; }
.winkel.terra.stramien-zaal :where(.zaal-velden.zaal-afr-zakelijk), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden.zaal-afr-zakelijk { margin-top: 20px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden.zaal-afr-zakelijk > .afr-veld:has(#referentie) { grid-column: 1 / -1; }
.winkel.terra.stramien-zaal .zaal-toestemming { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-toestemming + .zaal-akkoord { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-afr-fout { margin-top: 24px; padding: 12px 16px; box-shadow: inset 3px 0 0 var(--zaal-signaal); background: #FBEFEE; font-size: 14px; line-height: 22px; color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-afr-snel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-afr-snel--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-zaal .zaal-afr .zaal-snelknop { height: 48px; border: 0; cursor: pointer; font-family: inherit; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-afr .zaal-snelknop--donker { color: var(--zaal-wand) !important; }
.winkel.terra.stramien-zaal .zaal-afr .zaal-snelknop.is-aan { box-shadow: inset 0 0 0 2px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-afr .zaal-snelknop--donker.is-aan { box-shadow: 0 0 0 2px var(--zaal-wand), 0 0 0 4px var(--zaal-stip); }
.winkel.terra.stramien-zaal .zaal-scheider { display: flex; align-items: center; gap: 16px; margin: 32px 0; }
.winkel.terra.stramien-zaal .zaal-scheider::before, .winkel.terra.stramien-zaal .zaal-scheider::after { content: ""; flex: 1; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-afr-deel { margin-top: 48px; }
.winkel.terra.stramien-zaal .zaal-scheider + .zaal-afr-deel { margin-top: 0; }
.winkel.terra.stramien-zaal .zaal-afr-deel > .zaal-label { display: block; margin-bottom: 16px; }
.winkel.terra.stramien-zaal .zaal-afr-seg.afr-seg { display: inline-flex; align-self: flex-start; height: 36px; border: 0; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--zaal-vorst); overflow: hidden; }
.winkel.terra.stramien-zaal .zaal-afr-seg label { position: relative; display: flex; cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-afr-seg input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-afr-seg.afr-seg span { display: flex; align-items: center; height: 36px; padding: 0 18px; border-radius: 999px; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--zaal-leisteen); background: transparent; }
.winkel.terra.stramien-zaal .zaal-afr-seg.afr-seg input:checked + span { background: var(--zaal-inkt); color: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-afr-seg input:focus-visible + span { box-shadow: var(--zaal-focus); }
.winkel.terra.stramien-zaal :where(.zaal-velden), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 24px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden > * { grid-column: span 2; min-width: 0; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden > :is(.afr-veld:has(#email), .afr-veld:has(#naam), .afr-veld:has(#land), .afr-veld:has(#telefoon), .afr-veld:has(#referentie), .afr-zakelijk, .afr-veld:has(#factuur_land)) { grid-column: 1 / -1; }
.winkel.terra.stramien-zaal .zaal-afr-zakelijk[hidden] { display: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-label { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld :is(input, select, textarea) { height: 48px; border: 1px solid var(--zaal-horizon); border-radius: 2px; padding: 0 16px; font-size: 16px; line-height: 20px; background: var(--zaal-wand); color: var(--zaal-inkt); width: 100%; min-width: 0; box-sizing: border-box; box-shadow: none; -webkit-appearance: none; appearance: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld select { background-image: linear-gradient(45deg, transparent 50%, #14201B 50%), linear-gradient(135deg, #14201B 50%, transparent 50%); background-position: calc(100% - 22px) 21px, calc(100% - 17px) 21px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld textarea { height: auto; min-height: 96px; padding: 12px 16px; line-height: 24px; resize: vertical; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld :is(input, select, textarea):focus-visible { outline: none; border-color: var(--zaal-inkt); box-shadow: 0 0 0 3px rgba(79, 167, 48, .25); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-veld input:user-invalid { border-color: var(--zaal-signaal); box-shadow: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account, .zaal-bedankt) .afr-hint { font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-account) .afr-hint[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-vinken { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-afr-vink { position: relative; display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 22px; cursor: pointer; align-self: flex-start; }
.winkel.terra.stramien-zaal .zaal-afr-vink > input { position: absolute; left: 0; top: 1px; width: 20px; height: 20px; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.winkel.terra.stramien-zaal .zaal-afr-vink .zaal-vink { margin-top: 1px; }
.winkel.terra.stramien-zaal .zaal-afr-vink a { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal .zaal-afr-factuur { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-afr-factuur[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-factuur > .zaal-label { display: block; margin-bottom: 16px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuzes { display: flex; flex-direction: column; gap: 12px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 72px; padding: 12px 16px; border: 0; border-radius: 0;
box-shadow: inset 0 0 0 1px var(--zaal-vorst); background: var(--zaal-wand); cursor: pointer; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze:has(input:checked) { box-shadow: inset 0 0 0 1px var(--zaal-inkt); background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze:has(input:focus-visible) { box-shadow: inset 0 0 0 1px var(--zaal-inkt), var(--zaal-focus); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) :is(.afr-keuze, .afr-pm) > input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; width: 100%; height: 100%; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-radio { width: 20px; height: 20px; border: 0; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--zaal-inkt); background: var(--zaal-wand); margin: 0; position: relative; display: flex; align-items: center; justify-content: center; flex: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-radio::after { content: ""; position: static; width: 10px; height: 10px; border-radius: 50%; background: var(--zaal-stip); transform: scale(0); transition: transform 200ms var(--zaal-ease); inset: auto; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) :is(.afr-keuze, .afr-pm):has(input:checked) .afr-radio { background: var(--zaal-wand); border: 0; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) :is(.afr-keuze, .afr-pm) .afr-radio::after, .winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) :is(.afr-keuze, .afr-pm):has(input:checked) .afr-radio::after { content: ""; position: static; inset: auto; margin: 0; width: 10px; height: 10px; border: 0; border-radius: 50%; background: var(--zaal-stip); -webkit-mask: none; mask: none; transform: scale(0); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) :is(.afr-keuze, .afr-pm):has(input:checked) .afr-radio::after { transform: scale(1); }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze-in { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze b { font-weight: 500; font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze small { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze em { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-afr .afr-sub { border: 0; border-radius: 0; padding: 16px; background: var(--zaal-vloer); display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-sub[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr .afr-sub-lbl { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-afr .afr-sub input[type="text"] { height: 48px; border: 1px solid var(--zaal-horizon); border-radius: 2px; padding: 0 16px; font-size: 16px; background: var(--zaal-wand); box-sizing: border-box; width: 100%; }
.winkel.terra.stramien-zaal .zaal-afr :is(.afr-dagen, .afr-tijdvakken) { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-afr :is(.afr-dag, .afr-tv) { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--zaal-vorst); background: var(--zaal-wand); font-size: 14px; line-height: 20px; cursor: pointer; border: 0; }
.winkel.terra.stramien-zaal .zaal-afr :is(.afr-dag, .afr-tv):has(input:checked) { box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-afr :is(.afr-dag, .afr-tv) input { position: absolute; opacity: 0; inset: 0; margin: 0; }
.winkel.terra.stramien-zaal .zaal-afr-noot:not(#zk) { margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-afr-noot[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-deel:has(input[name="bezorging"][value="afhalen"]:checked) .zaal-afr-bezorgnoot, .winkel.terra.stramien-zaal .zaal-afr-deel:not(:has(input[name="bezorging"]:checked)) .zaal-afr-bezorgnoot { display: none; }
.winkel.terra.stramien-zaal .zaal-afr .afr-veld.is-fout :is(input, select) { border-color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-afr .afr-veld > .zaal-fout { margin-top: -2px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-veld > .zaal-fout[hidden] { display: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-betaal { display: flex; flex-direction: column; gap: 0; margin: 0; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 14px; align-items: center; min-height: 56px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--zaal-vorst); border-radius: 0; background: none; box-shadow: none; cursor: pointer; box-sizing: border-box; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm:has(input:checked), .winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm:has(input:focus-visible) { background: none; box-shadow: none; border-color: var(--zaal-vorst); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm:has(input:focus-visible) .afr-radio { box-shadow: inset 0 0 0 1.5px var(--zaal-inkt), var(--zaal-focus); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm-logo, .winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm.uit { display: none; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm-in { display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 0 12px; min-width: 0; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm b { font-weight: 500; font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm:hover b { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm small { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm-hint:not(#zk) { margin: 12px 0 0; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm-hint:empty { display: none; }
.winkel.terra.stramien-zaal .zaal-afr :is(.afr-sp, .afr-mo) { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-fout:not([hidden]) { margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-afr-extra { margin-top: 20px; }
.winkel.terra.stramien-zaal .zaal-afr-extra summary { list-style: none; cursor: pointer; display: inline-flex; }
.winkel.terra.stramien-zaal .zaal-afr-extra summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-extra[open] summary { margin-bottom: 16px; }
.winkel.terra.stramien-zaal .zaal-afr-extra .afr-veld + .afr-veld { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-akkoord { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-akkoord-fout { margin-top: 8px; font-size: 13px; line-height: 18px; color: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-akkoord-fout[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-akkoord.is-fout .zaal-vink { box-shadow: inset 0 0 0 1.5px var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-afr-balk { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-afr-balktotaal { display: none; font-size: 14px; line-height: 20px; font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-afr-knoptotaal { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-vorm:has(.afr-sp) .zaal-afr-knoptotaal { display: inline; }
.winkel.terra.stramien-zaal .zaal-afr-knop[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-onder:not(#zk) { margin-top: 12px; font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-afr-overzicht { grid-column: 9 / 13; position: sticky; top: 24px; background: var(--zaal-vloer); padding: 32px; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-afr-toon { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-overzichtkop { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-top: 5px; }
.winkel.terra.stramien-zaal .zaal-afr-overzichtkop .zaal-link { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-zaal .zaal-samenregels { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-samenregel { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-samenregel .zaal-kvak { width: 64px; height: 64px; background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-samenregel-kern { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-samenregel b { display: block; font-weight: 500; font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.winkel.terra.stramien-zaal .zaal-samenregel .zaal-gegevens { display: block; font-size: 13px; line-height: 18px; text-transform: uppercase; letter-spacing: .04em; }
.winkel.terra.stramien-zaal .zaal-afr-totalen .zaal-overzicht-r[hidden], .winkel.terra.stramien-zaal .zaal-afr-totalen [hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-totalen > .zaal-min { margin-top: 2px; }
.winkel.terra.stramien-zaal .zaal-afr-vertrouwen:not(#zk) { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--zaal-vorst); font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .afr-voet { max-width: none; margin: 0; padding: 24px max(var(--zk-zij), calc((100% - var(--zk-breed)) / 2)); background: var(--zaal-vloer); border-top: 1px solid var(--zaal-vorst); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .afr-voet-links { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.winkel.terra.stramien-zaal .afr-voet-links a { color: var(--zaal-leisteen); text-decoration: none; }
.winkel.terra.stramien-zaal .afr-voet-links a:hover { color: var(--zaal-inkt); text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal .afr-voet > span:empty { display: none; }
@media (max-width: 1199px) {
.winkel.terra.stramien-zaal .zaal-afr-links { grid-column: 1 / 8; }
.winkel.terra.stramien-zaal .zaal-afr-overzicht { grid-column: 8 / 13; padding: 24px; }
.winkel.terra.stramien-zaal .zaal-afr-snel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-rustkop-in { height: 55px; display: grid; grid-template-columns: 1fr auto 1fr; }
.winkel.terra.stramien-zaal .zaal-rustkop-logo { order: 0; grid-column: 2; }
.winkel.terra.stramien-zaal .zaal-rustkop-terug { grid-column: 1; grid-row: 1; justify-self: start; font-size: 15px; }
.winkel.terra.stramien-zaal .zaal-rustkop-kort { display: inline-flex; }
.winkel.terra.stramien-zaal .zaal-rustkop-lang { display: none; }
.winkel.terra.stramien-zaal .zaal-afr { padding-bottom: 0; }
.winkel.terra.stramien-zaal .zaal-afr-vorm { display: flex; flex-direction: column; align-items: stretch; width: 100%; margin-top: 0; }
.winkel.terra.stramien-zaal:has(.zaal-afr-balk) { --koopbalk-h: 112px; }
.winkel.terra.stramien-zaal .zaal-afr-overzicht { order: -1; position: static; padding: 0; background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-afr-toon { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 56px; padding: 0 var(--zk-zij); border: 0; background: none; font-weight: 500; font-size: 15px; line-height: 20px; color: var(--zaal-inkt); cursor: pointer; }
.winkel.terra.stramien-zaal .zaal-afr-toon-l { display: inline-flex; align-items: center; gap: 6px; }
.winkel.terra.stramien-zaal .zaal-afr-toon .zaal-ic { transition: transform 200ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-afr-toon[aria-expanded="true"] .zaal-ic { transform: rotate(180deg); }
.winkel.terra.stramien-zaal .zaal-afr-toon [hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-inhoud { padding: 0 var(--zk-zij) 16px; }
.winkel.terra.stramien-zaal .zaal-afr-overzicht:not(.is-open) .zaal-afr-inhoud { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-links { padding: 24px var(--zk-zij) 0; }
.winkel.terra.stramien-zaal .zaal-afr-kop .zaal-label, .winkel.terra.stramien-zaal .zaal-afr-kop .zaal-h1 { display: none; }
.winkel.terra.stramien-zaal .zaal-afr-snel { margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.winkel.terra.stramien-zaal .zaal-afr-snel .zaal-snelknop--donker { grid-column: 1 / -1; }
.winkel.terra.stramien-zaal .zaal-scheider { margin: 24px 0; }
.winkel.terra.stramien-zaal .zaal-afr-deel { margin-top: 40px; }
.winkel.terra.stramien-zaal :where(.zaal-velden), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden > * { grid-column: 1 / -1; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-velden > :is(.afr-veld:has(#postcode), .afr-veld:has(#nr), .afr-veld:has(#factuur_postcode), .afr-veld:has(#factuur_nr)) { grid-column: span 1; }
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-pm-in { flex-direction: column; align-items: flex-start; gap: 0; }
.winkel.terra.stramien-zaal .zaal-akkoord { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-afr-balk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; margin: 0; padding: 12px var(--zk-zij) calc(12px + env(safe-area-inset-bottom)); background: var(--zaal-wand); border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-afr-links > .zaal-akkoord-fout { margin-bottom: 0; }
.winkel.terra.stramien-zaal:has(.zaal-afr-balk) .afr-voet { padding-bottom: calc(24px + var(--koopbalk-h, 112px)); }
.winkel.terra.stramien-zaal .zaal-afr-balktotaal { display: block; }
.winkel.terra.stramien-zaal .zaal-afr-onder:not(#zk) { margin: 24px 0 32px; }
.winkel.terra.stramien-zaal .afr-voet { flex-direction: column; align-items: flex-start; padding: 20px var(--zk-zij) 24px; }
}
@media (prefers-reduced-motion: reduce) {
.winkel.terra.stramien-zaal :is(.zaal-afr, .zaal-bedankt-opnieuw) .afr-radio::after, .winkel.terra.stramien-zaal .zaal-afr-toon .zaal-ic { transition: none; }
}
.winkel.terra.stramien-zaal .zaal-bedankt { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; }
.winkel.terra.stramien-zaal :where(.zaal-display), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-display { font-weight: 500; font-size: 88px; line-height: 88px; letter-spacing: -.035em; text-wrap: balance; color: var(--zaal-inkt); overflow-wrap: break-word; }
.winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-display em, .winkel.terra.stramien-zaal :is(.zaal-h1, .zaal-h2) em { font-style: italic; }
.winkel.terra.stramien-zaal .zaal-bedankt-rij { margin-top: 96px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-bedankt-links { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-betaling:not(#zk), .winkel.terra.stramien-zaal .zaal-bedankt-noot:not(#zk) { margin-top: 16px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-bedankt-bonnen { margin-top: 24px; padding: 20px 24px; background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-bedankt-bonnen .zaal-label { display: block; margin-bottom: 8px; }
.winkel.terra.stramien-zaal .zaal-bedankt-bonnen b { color: var(--zaal-inkt); font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-stappenlijn { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 64px 0 0; padding: 0; list-style: none; max-width: 746px; }
.winkel.terra.stramien-zaal .zaal-stappenlijn::before { content: ""; position: absolute; left: 0; right: 0; top: 4px; border-top: 1px solid var(--zaal-horizon); }
.winkel.terra.stramien-zaal .zaal-stappenlijn > li { position: relative; padding-top: 28px; display: flex; flex-direction: column; gap: 6px; font-size: 16px; line-height: 24px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-stap-stip { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--zaal-sokkel); box-shadow: inset 0 0 0 1px var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-stappenlijn > li.is-klaar .zaal-stap-stip { background: var(--zaal-stip); box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-bedankt-rechts { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-ksokkel-wand { height: 256px; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-ksokkel-vloer { height: 64px; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-kobj img { max-height: 216px; max-width: min(360px, 100%); }
.winkel.terra.stramien-zaal .zaal-bedankt-bordje { padding-top: 16px; display: flex; flex-direction: column; align-items: stretch; }
.winkel.terra.stramien-zaal .zaal-bedankt-regels { margin: 10px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.winkel.terra.stramien-zaal .zaal-bedankt-regels li { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; line-height: 26px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-regels li > span:first-child { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-totaal { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-bedankt-band { margin-top: 128px; padding: 112px 0; background: var(--zaal-vloer); }
.winkel.terra.stramien-zaal .zaal-bedankt-band .zaal-kopblok { align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-bedankt-tekst:not(#zk) { margin-top: 16px; font-size: 16px; line-height: 26px; max-width: 660px; }
.winkel.terra.stramien-zaal .zaal-bedankt-knop { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-bedankt + .afr-voet { margin-top: 0; }
.winkel.terra.stramien-zaal .afr-bedankt { font-size: 16px; line-height: 26px; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .afr-bedankt h1 { font-weight: 500; font-size: 40px; line-height: 44px; letter-spacing: -.02em; }
.winkel.terra.stramien-zaal .afr-bedankt :is(.btn-primary, .afr-knop) { background: var(--zaal-inkt); border-color: var(--zaal-inkt); color: var(--zaal-wand); border-radius: 999px; }
@media (max-width: 1199px) {
.winkel.terra.stramien-zaal :where(.zaal-display), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-display { font-size: 64px; line-height: 66px; }
.winkel.terra.stramien-zaal .zaal-bedankt-links { grid-column: 1 / 8; }
.winkel.terra.stramien-zaal .zaal-bedankt-rechts { grid-column: 8 / 13; margin-top: 0; }
}
@media (max-width: 899px) {
.winkel.terra.stramien-zaal :where(.zaal-display), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-display { font-size: 44px; line-height: 46px; letter-spacing: -.03em; }
.winkel.terra.stramien-zaal .zaal-bedankt-rij { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-stappenlijn { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-stappenlijn::before { left: 4px; right: auto; top: 6px; bottom: 30px; border-top: 0; border-left: 1px solid var(--zaal-horizon); }
.winkel.terra.stramien-zaal .zaal-stappenlijn > li { padding: 0 0 24px 28px; }
.winkel.terra.stramien-zaal .zaal-stap-stip { top: 3px; }
.winkel.terra.stramien-zaal .zaal-bedankt-rechts { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-ksokkel-wand { height: 220px; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-ksokkel-vloer { height: 48px; }
.winkel.terra.stramien-zaal .zaal-bedankt-sokkel .zaal-kobj img { max-height: 190px; }
.winkel.terra.stramien-zaal .zaal-bedankt-band { margin-top: 80px; padding: 64px 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-band .zaal-kopblok + .zaal-kopblok { margin-top: 56px; }
.winkel.terra.stramien-zaal .zaal-bedankt-knop { margin-top: 24px; }
}
.winkel.terra.stramien-zaal .zaal-k1-3 { grid-column: 1 / 4; }
.winkel.terra.stramien-zaal .zaal-k1-6 { grid-column: 1 / 7; }
.winkel.terra.stramien-zaal .zaal-k4-12 { grid-column: 4 / 13; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal :is(.zaal-k1-3, .zaal-k1-6, .zaal-k4-12) { grid-column: auto; }
}
.winkel.terra.stramien-zaal .shop-main:has(> .zaal-account) { display: block; max-width: none; padding: 0; background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-account { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; padding-bottom: 128px; }
.winkel.terra.stramien-zaal :where(.zaal-account) :where(h1, h2, h3, p) { margin: 0; }
.winkel.terra.stramien-zaal :where(.zaal-account) :where(.zaal-kruimel a, .zaal-accmenu a) { color: inherit; text-decoration: none; }
.winkel.terra.stramien-zaal .zaal-account :where(p):not(#zk) { font-size: inherit; line-height: inherit; margin: 0; }
.winkel.terra.stramien-zaal .zaal-account :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)) { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
.winkel.terra.stramien-zaal .zaal-account .zaal-label { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-account .zaal-link { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-acc-rooster { margin-top: 48px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-accmenu { display: flex; flex-direction: column; align-items: stretch; }
.winkel.terra.stramien-zaal .zaal-accmenu > .zaal-label { display: block; margin-bottom: 8px; }
.winkel.terra.stramien-zaal .zaal-accmenu :is(a, button) { display: flex; align-items: center; gap: 10px; height: 44px; font-size: 16px; line-height: 22px; font-weight: 500; color: var(--zaal-leisteen); text-decoration: none; background: none; border: 0; padding: 0; width: 100%; text-align: left; cursor: pointer; font-family: inherit; }
.winkel.terra.stramien-zaal .zaal-accmenu :is(a, button):hover, .winkel.terra.stramien-zaal .zaal-accmenu a.is-aan { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-accmenu .zaal-stip { visibility: hidden; }
.winkel.terra.stramien-zaal .zaal-accmenu a.is-aan .zaal-stip { visibility: visible; }
.winkel.terra.stramien-zaal .zaal-accmenu .zaal-gegevens { margin-left: auto; font-size: 13px; }
.winkel.terra.stramien-zaal .zaal-accmenu form { margin: 0; }
.winkel.terra.stramien-zaal .zaal-acc-inhoud { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-acc-melding { margin-top: 24px; padding: 12px 16px; background: var(--zaal-vloer); font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-acc-melding.is-fout { color: var(--zaal-signaal); box-shadow: inset 3px 0 0 var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-acc-blad { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-acc-deel + .zaal-acc-deel { margin-top: 64px; }
.winkel.terra.stramien-zaal .zaal-acc-deel > .zaal-label { display: block; margin-bottom: 8px; }
.winkel.terra.stramien-zaal .zaal-accrij { display: grid; grid-template-columns: minmax(0, 416fr) minmax(0, 526fr); column-gap: 24px; align-items: start; margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-accrij + .zaal-accrij { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-ksokkel-wand { height: 256px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-ksokkel-vloer { height: 64px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-kobj img { max-height: 216px; max-width: min(360px, 100%); }
.winkel.terra.stramien-zaal .zaal-acc-bordje { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.winkel.terra.stramien-zaal :where(.zaal-h3), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h3 { font-weight: 500; font-size: 24px; line-height: 30px; letter-spacing: -.01em; color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-acc-bordje .zaal-h3 { margin-top: 6px; }
.winkel.terra.stramien-zaal .zaal-acc-besteld { margin-top: 4px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-acc-garantie:not(#zk) { margin-top: 12px; max-width: 420px; font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-acclinks { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
.winkel.terra.stramien-zaal .zaal-besteltabel { display: table; width: 100%; max-width: none; overflow: visible; border-collapse: collapse; margin-top: 8px; font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-zaal .zaal-besteltabel th { height: 44px; text-align: left; font-weight: 500; padding: 0 24px 0 0; vertical-align: middle; background: none; border: 0; border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-besteltabel td { height: 64px; padding: 8px 24px 8px 0; border-bottom: 1px solid var(--zaal-vorst); vertical-align: middle; background: none; box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-besteltabel :is(th, td):last-child { padding-right: 0; }
.winkel.terra.stramien-zaal .zaal-besteltabel td.zaal-gegevens { font-size: 14px; white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-besteltabel .zaal-rechts { text-align: right; }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(2) { white-space: nowrap; }
.winkel.terra.stramien-zaal .zaal-status { display: inline-flex; align-items: center; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-acc-betaal { margin: 2px 0 0; }
.winkel.terra.stramien-zaal .zaal-acc-leeg:not(#zk) { color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-kaart-blok { padding: 0; background: none; border: 0; box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-kaart-blok + .klant-kaart-blok { margin-top: 48px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-kaart-blok > h2 { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); margin: 0 0 16px; }
.winkel.terra.stramien-zaal .zaal-acc-blad :is(.klant-knop, .btn-primary) { height: 48px; padding: 0 24px; border-radius: 999px; background: var(--zaal-inkt); color: var(--zaal-wand); border: 0; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-knop.licht { background: transparent; color: var(--zaal-inkt); box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-acc-blad :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea) { border: 1px solid var(--zaal-horizon); border-radius: 2px; min-height: 48px; font-size: 16px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel th { font-family: var(--zaal-mono); font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); background: none; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-account { padding-bottom: 80px; }
.winkel.terra.stramien-zaal .zaal-acc-rooster { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-accmenu { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 20px; margin: 0 calc(-1 * var(--zk-zij)); padding: 0 var(--zk-zij); border-bottom: 1px solid var(--zaal-vorst); scrollbar-width: none; }
.winkel.terra.stramien-zaal .zaal-accmenu::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-zaal .zaal-accmenu > .zaal-label { display: none; }
.winkel.terra.stramien-zaal .zaal-accmenu :is(a, button) { width: auto; flex: none; white-space: nowrap; gap: 8px; }
.winkel.terra.stramien-zaal .zaal-accmenu .zaal-stip { display: none; }
.winkel.terra.stramien-zaal .zaal-accmenu a.is-aan .zaal-stip { display: inline-block; }
.winkel.terra.stramien-zaal .zaal-acc-inhoud { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-acc-blad { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-accrij { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-ksokkel-wand { height: 220px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-ksokkel-vloer { height: 48px; }
.winkel.terra.stramien-zaal .zaal-acc-sokkel .zaal-kobj img { max-height: 190px; }
.winkel.terra.stramien-zaal :where(.zaal-h3), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-h3 { font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-besteltabel thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.winkel.terra.stramien-zaal .zaal-besteltabel, .winkel.terra.stramien-zaal .zaal-besteltabel tbody, .winkel.terra.stramien-zaal .zaal-besteltabel tr { display: block; }
.winkel.terra.stramien-zaal .zaal-besteltabel tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; padding: 14px 0; border-bottom: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-besteltabel td { display: block; height: auto; padding: 0; border: 0; }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(1) { grid-column: 1; grid-row: 1; }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(2) { grid-column: 1; grid-row: 2; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(3) { grid-column: 1 / -1; grid-row: 3; margin-top: 4px; }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(4) { grid-column: 2; grid-row: 1; }
.winkel.terra.stramien-zaal .zaal-besteltabel td:nth-child(5) { grid-column: 2; grid-row: 2; }
}
.winkel.terra.stramien-zaal .zaal-hulp { color: var(--zaal-inkt); font-size: 16px; line-height: 26px; text-align: left; }
.winkel.terra.stramien-zaal .zaal-hulp:not(#zk) { padding: 0; margin: 0; max-width: none; width: auto; background: none; }
.winkel.terra.stramien-zaal :where(.zaal-hulp) :where(h1, h2, h3, p, ul) { margin: 0; }
.winkel.terra.stramien-zaal .zaal-hulp :where(p):not(#zk) { font-size: inherit; line-height: inherit; margin: 0; }
.winkel.terra.stramien-zaal .zaal-hulp :where(ul) { padding: 0; list-style: none; }
.winkel.terra.stramien-zaal :where(.zaal-hulp) :where(a) { color: inherit; text-decoration: none; }
.winkel.terra.stramien-zaal .zaal-hulp :where(button) { font: inherit; color: inherit; letter-spacing: inherit; }
.winkel.terra.stramien-zaal .zaal-hulp :focus-visible:not(:where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea)) { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
.winkel.terra.stramien-zaal .zaal-hulp .zaal-label { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-hulp .zaal-link { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-hulp-vragen { padding-bottom: 80px; }
.winkel.terra.stramien-zaal .zaal-hulp-vragen[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-voortgang { position: relative; height: 40px; margin-top: 56px; }
.winkel.terra.stramien-zaal .zaal-voortgang-lijn { position: absolute; left: 0; right: 0; top: 4px; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-voortgang-stops { display: flex; justify-content: space-between; position: relative; }
.winkel.terra.stramien-zaal .zaal-voortgang-stops span { padding-top: 18px; }
.winkel.terra.stramien-zaal .zaal-voortgang-stops .is-hier { color: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-voortgang-stip { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--zaal-stip); transition: left 300ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-hulp-vraag { margin-top: 64px; animation: zaal-in 250ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-hulp-vraag[hidden] { display: none; }
@keyframes zaal-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.winkel.terra.stramien-zaal .zaal-hulp-vraag .zaal-kopblok > .zaal-h1 { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-antwoorden { margin-top: 40px; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-antwoord { width: 100%; min-height: 72px; padding: 16px 0; border: 0; border-bottom: 1px solid var(--zaal-vorst); background: none; display: flex; align-items: center; font-weight: 500; font-size: 24px; line-height: 30px; letter-spacing: -.005em; text-align: left; cursor: pointer; color: var(--zaal-inkt); box-sizing: border-box; }
.winkel.terra.stramien-zaal .zaal-antwoord .zaal-stip { width: 0; margin-right: 0; transition: width 200ms var(--zaal-ease), margin 200ms var(--zaal-ease); }
.winkel.terra.stramien-zaal .zaal-antwoord:hover .zaal-stip, .winkel.terra.stramien-zaal .zaal-antwoord[aria-pressed="true"] .zaal-stip, .winkel.terra.stramien-zaal .zaal-antwoord:focus-visible .zaal-stip { width: 8px; margin-right: 16px; }
.winkel.terra.stramien-zaal .zaal-antwoord:focus-visible { box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-hulp-terug { margin-top: 32px; min-height: 20px; }
.winkel.terra.stramien-zaal .zaal-hulp-terug .zaal-link[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-hulp-uit[hidden], .winkel.terra.stramien-zaal .zaal-advies[hidden] { display: none; }
.winkel.terra.stramien-zaal .zaal-advies-band { background: var(--zaal-korstmos); padding: 112px 0; box-shadow: 0 0 0 100vmax var(--zaal-korstmos); clip-path: inset(0 -100vmax); }
.winkel.terra.stramien-zaal .zaal-advies-band .zaal-h2 { margin-top: 16px; }
.winkel.terra.stramien-zaal .zaal-samenvat { display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; margin-top: 20px; }
.winkel.terra.stramien-zaal .zaal-samenvat .zaal-gegevens { color: var(--zaal-inkt); text-transform: uppercase; }
.winkel.terra.stramien-zaal .zaal-advies-band .zaal-inleiding:not(#zk) { margin-top: 16px; }
.winkel.terra.stramien-zaal :where(.zaal-knoppen), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-knoppen { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-advies-tegels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; margin-top: 40px; align-items: start; }
.winkel.terra.stramien-zaal .zaal-advies-tegels--1 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.winkel.terra.stramien-zaal .zaal-advies-tegel { min-width: 0; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel { display: flex; flex-direction: column; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-ksokkel-wand { height: 288px; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-ksokkel-vloer { height: 72px; background: rgba(255, 255, 255, .55); }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-kobj img { max-height: 250px; max-width: min(560px, 100%); }
.winkel.terra.stramien-zaal .zaal-advies-sokkel:hover .zaal-kobj { transform: translate(-50%, -6px); }
.winkel.terra.stramien-zaal .zaal-advies-bordje { padding-top: 16px; display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-zaal .zaal-advies-bordje .zaal-h3 { margin-top: 6px; }
.winkel.terra.stramien-zaal .zaal-advies-prijs { font-weight: 600; font-size: 24px; line-height: 30px; margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-redenen { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.winkel.terra.stramien-zaal .zaal-redenen li { position: relative; padding-left: 16px; font-size: 14px; line-height: 22px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-redenen li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 1px; background: var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-advies-bordje .zaal-knoppen { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-advies-noot:not(#zk) { margin-top: 40px; font-size: 14px; line-height: 22px; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.winkel.terra.stramien-zaal .zaal-advies-noot .zaal-link { font-size: 14px; }
.winkel.terra.stramien-zaal .zaal-linkrij { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; }
.winkel.terra.stramien-zaal .zaal-onder-advies { padding: 48px 0 80px; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-voortgang { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-hulp-vraag { margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-hulp-vraag .zaal-kopblok > .zaal-h1 { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-antwoorden { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-antwoord { font-size: 20px; line-height: 26px; min-height: 64px; }
.winkel.terra.stramien-zaal .zaal-advies-band { padding: 56px 0; }
.winkel.terra.stramien-zaal .zaal-advies-tegels { grid-template-columns: minmax(0, 1fr); row-gap: 40px; margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-ksokkel-wand { height: 220px; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-ksokkel-vloer { height: 48px; }
.winkel.terra.stramien-zaal .zaal-advies-sokkel .zaal-kobj img { max-height: 190px; max-width: 330px; }
.winkel.terra.stramien-zaal .zaal-advies-prijs { font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-onder-advies { padding: 32px 0 56px; gap: 20px 24px; }
}
@media (prefers-reduced-motion: reduce) {
.winkel.terra.stramien-zaal .zaal-hulp-vraag { animation: none; }
.winkel.terra.stramien-zaal .zaal-voortgang-stip, .winkel.terra.stramien-zaal .zaal-antwoord .zaal-stip { transition: none; }
}
.winkel.terra.stramien-zaal .zaal-acc-blad form button[type="submit"]:not(.zaal-link):not(.klant-icoon):not(.ghost) { height: 48px; padding: 0 24px; border-radius: 999px; background: var(--zaal-inkt); color: var(--zaal-wand); border: 0; font-size: 16px; font-weight: 500; cursor: pointer; }
.winkel.terra.stramien-zaal :is(.zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp) .zaal-inleiding:not(#zk) { font-size: 20px; line-height: 32px; max-width: 760px; margin-top: 16px; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal :is(.zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp) .zaal-inleiding:not(#zk) { font-size: 18px; line-height: 28px; margin-top: 12px; }
}
.winkel.terra.stramien-zaal .site-pagina:has(> .site-blok:first-child > .zaal-hulp) { padding-top: 0; }
.winkel.terra.stramien-zaal .zaal-hulp-vraag .zaal-kopblok > .zaal-label { padding: 6px 0 4px; }
.winkel.terra.stramien-zaal .zaal-samenvat { align-self: stretch; }
.winkel.terra.stramien-zaal .zaal-samenvat > * { line-height: 20px; }
.winkel.terra.stramien-zaal .zaal-afr .afr-keuze:has(> input[value="afhalen"]) { order: 9; }
.winkel.terra.stramien-zaal .shop-main:has(.zaal-hulp) { background: var(--zaal-wand); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-meer { display: inline-flex; margin-bottom: 24px; font-size: 14px; line-height: 20px; color: var(--zaal-inkt); text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-sub { font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabelvak { margin: 0; padding: 0; overflow-x: auto; border: 0; background: none; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel { display: table; width: 100%; margin: 0; border-collapse: collapse; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel :is(th, td) { padding: 12px 24px 12px 0; border: 0; border-bottom: 1px solid var(--zaal-vorst); background: none; font-size: 16px; line-height: 24px; font-variant-numeric: lining-nums proportional-nums; letter-spacing: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel :is(th, td):last-child { padding-right: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel th { font-size: 13px; line-height: 16px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-tabel .getal { font-family: inherit; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-acties { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; justify-content: flex-start; }
.winkel.terra.stramien-zaal .zaal-acc-blad :is(.ghost, .klant-knop.klein, .btn-primary.small) { height: 40px; padding: 0 20px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-acc-blad .ghost { background: transparent; color: var(--zaal-inkt); border: 0; box-shadow: inset 0 0 0 1px var(--zaal-inkt); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-acties { flex-direction: row; align-items: center; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-acties form { margin: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-stand { display: inline-flex; align-items: center; gap: 8px; color: var(--zaal-inkt); background: none; padding: 0; font-weight: 400; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-stand .stip { width: 8px; height: 8px; border-radius: 50%; background: var(--zaal-stip); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-stand:is(.stand-weg, .stand-red) .stip { background: var(--zaal-signaal); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-stand:is(.stand-af, .stand-green) .stip { background: var(--zaal-horizon); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-acties :is(button, a):not(#zk) { height: 40px; padding: 0 20px; font-size: 14px; }
.winkel.terra.stramien-zaal .zaal-bedankt--open { padding-bottom: 128px; }
.winkel.terra.stramien-zaal .zaal-bedankt-melding { margin: 0 0 32px; }
.winkel.terra.stramien-zaal .zaal-bedankt-status { display: inline-flex; align-items: center; gap: 10px; }
.winkel.terra.stramien-zaal :where(.zaal-stip.zaal-stip--fout), .winkel.terra.stramien-zaal :is(.zaal-pdp, .zaal-sectie, .zaal-vgl, .zaal-afr, .zaal-bedankt, .zaal-account, .zaal-hulp, .zaal-lade, .zaal-vglbalk, .zaal-kreeks, .zaal-koopbalk, .zaal-rustkop) .zaal-stip.zaal-stip--fout { background: var(--zaal-signaal); box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-bedankt--open .zaal-inleiding b { font-weight: 600; }
.winkel.terra.stramien-zaal .zaal-bedankt-balk { margin-top: 40px; height: 2px; max-width: 416px; background: var(--zaal-vorst); overflow: hidden; }
.winkel.terra.stramien-zaal .zaal-bedankt-balk i { display: block; height: 2px; width: 4%; background: var(--zaal-stip); transition: width 400ms linear; }
.winkel.terra.stramien-zaal .zaal-bedankt-opnieuw { margin: 40px 0 0; max-width: 526px; }
.winkel.terra.stramien-zaal .zaal-bedankt-opnieuw > .zaal-label { display: block; margin-bottom: 16px; }
.winkel.terra.stramien-zaal .zaal-bedankt-opnieuw .afr-hint:not(#zk) { margin-top: 12px; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 526px; margin: 56px 0 0; padding: 24px 0 0; border-top: 1px solid var(--zaal-vorst); }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten > div { display: flex; flex-direction: column; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten dt { margin-bottom: 8px; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten dd { margin: 0; font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten dd b { font-weight: 500; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten dd.zaal-grijs { font-size: 14px; line-height: 22px; }
.winkel.terra.stramien-zaal .zaal-bedankt-knoppen { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 32px; margin-top: 40px; }
.winkel.terra.stramien-zaal .zaal-bedankt-opnieuw .zaal-bedankt-knoppen { margin-top: 24px; }
.winkel.terra.stramien-zaal .zaal-bedankt--open .zaal-bedankt-rechts .zaal-bedankt-bordje { padding-top: 0; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-bedankt--open { padding-bottom: 80px; }
.winkel.terra.stramien-zaal .zaal-bedankt-feiten { margin-top: 40px; gap: 16px; }
.winkel.terra.stramien-zaal .zaal-bedankt-knoppen { margin-top: 32px; }
.winkel.terra.stramien-zaal .zaal-bedankt-opnieuw .zaal-knop { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.winkel.terra.stramien-zaal .zaal-bedankt-balk i { transition: none; }
}
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-veld { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-veld > label:not(#zk) { font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--zaal-inkt); white-space: normal; overflow: visible; text-overflow: clip; margin: 0; padding: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-veld :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]) { height: 48px; padding: 0 16px; font-size: 16px; line-height: 20px; color: var(--zaal-inkt); background: var(--zaal-wand); box-sizing: border-box; box-shadow: none; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-veld :is(input, select, textarea):focus-visible { outline: none; border-color: var(--zaal-inkt); box-shadow: 0 0 0 3px rgba(79, 167, 48, .25); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-kaart-blok > h2:not(#zk) { font-family: var(--zaal-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--zaal-leisteen); margin: 0 0 16px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-uitleg:not(#zk) { margin: 0 0 16px; font-size: 16px; line-height: 26px; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-kaart-blok small:not(#zk) { font-size: 13px; line-height: 18px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-vast:not(#zk) { font-size: 16px; line-height: 24px; margin: 0; }
.winkel.terra.stramien-zaal .zaal-acc-blad .pdp-koop { height: 48px; padding: 0 24px; border-radius: 999px; background: var(--zaal-inkt); color: var(--zaal-wand); border: 0; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; width: auto; }
.winkel.terra.stramien-zaal .zaal-acc-blad .klant-vormknoppen { margin-top: 8px; }
.winkel.terra.stramien-zaal .zaal-vgl-teveel:not(#zk) { margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--zaal-leisteen); }
.winkel.terra.stramien-zaal .zaal-rustkop-sluiten { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--zaal-inkt); text-decoration: none; }
.winkel.terra.stramien-zaal .zaal-rustkop-sluiten span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.winkel.terra.stramien-zaal .zaal-rustkop-sluiten:hover span { text-decoration-thickness: 2px; }
.winkel.terra.stramien-zaal .zaal-rustkop-sluiten:focus-visible { outline: none; box-shadow: var(--zaal-focus); border-radius: 2px; }
@media (max-width: 899px) {
.winkel.terra.stramien-zaal .zaal-rustkop-sluiten { grid-column: 3; grid-row: 1; justify-self: end; font-size: 15px; }
}
.winkel.terra.stramien-zaal.afrekenen .shop-main:has(.zaal-hulp):not(#zk) { padding: 0; max-width: none; }
.winkel.terra.stramien-zaal.afrekenen .zaal-paginakruimel { display: none; }