.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst { max-width: 1320px; margin: 0 auto; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst .site-rijkop { margin: 0 0 32px; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-in { display: grid; grid-template-columns: 648px minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-kaart { display: grid; gap: 16px; align-content: start; padding: 28px; border-radius: 12px; background: #fff; min-width: 0; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-label { font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--duin-hout, var(--winkel-accent)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-kaart h3 { margin: -8px 0 0; font-size: 24px; line-height: 28.8px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl { display: grid; gap: 10px; margin: 0; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-artikel select { width: 100%; height: 48px; padding: 0 40px 0 14px; border: 1px solid var(--duin-lijn2, color-mix(in srgb, var(--nova-lijn) 80%, var(--nova-inkt))); border-radius: 8px; background-color: #fff; font: inherit; font-size: 17px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-rij { display: grid; grid-template-columns: 84px 20px 120px minmax(0, 1fr); gap: 10px; align-items: center; font-size: 15px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-rij > span:nth-child(2) { text-align: center; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-rij input, .winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-lengte { height: 48px; border: 0; border-radius: 8px; background: var(--duin-zand, var(--nova-vlak)); font: inherit; font-size: 17px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-rij > input { width: 100%; padding: 0 14px; text-align: right; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-lengte { display: flex; align-items: center; gap: 6px; padding: 0 14px; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-lengte input { width: 100%; min-width: 0; height: 46px; padding: 0; background: none; text-align: right; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-lengte em { font-style: normal; font-size: 15px; font-weight: 400; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-uit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 6px; padding: 16px 18px; border-radius: 12px; background: #e8f3ec; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-uit small { display: block; font-size: 13px; line-height: 19.5px; font-weight: 600; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-uit b { display: block; font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-som { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 6px; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-open { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 17px; font-weight: 700; color: var(--winkel-accent); cursor: pointer; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-open::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--duin-pijl, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>")) center / contain no-repeat; mask: var(--duin-pijl, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>")) center / contain no-repeat; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-wagen { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--winkel-accent); color: #fff; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-wagen svg { width: 18px; height: 18px; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--duin-lijn, var(--nova-lijn)); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-links b, .winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-tarief b { display: block; font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-links span span, .winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-tarief span span { display: block; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-links i { flex: none; width: 20px; height: 20px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-links a:hover b { color: var(--winkel-accent); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-tarief > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--duin-lijn, var(--nova-lijn)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-tarief em { flex: none; font-style: normal; font-size: 15px; font-weight: 800; white-space: nowrap; color: var(--nova-inkt); }
@media (max-width: 1379px) { .winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-in { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 1023px) {
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-in { grid-template-columns: 1fr; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-dienst-kaart { padding: 20px; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-uit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-som { flex-wrap: wrap; }
}
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-artikel select { -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e655f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") right 14px center / 20px no-repeat; }
@media (min-width: 1024px) and (max-width: 1339px) {
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-uit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-uit { display: contents; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-uit > * { transition: opacity .15s; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-uit.duin-zl-korter-bezig > * { opacity: .45; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; padding: 12px 14px; border: 1.5px solid var(--duin-oker, #b45309); border-radius: 12px; background: #fff; font-size: 16px; line-height: 24px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter > span { flex: 1 1 240px; min-width: 0; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter b { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-ja { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--duin-bos, #0f3d24); border-radius: 8px; background: #fff; color: var(--duin-bos, #0f3d24); font-size: 15px; font-weight: 700; line-height: 20px; text-decoration: none; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-ja:hover { background: var(--duin-zand, var(--nova-vlak)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-korter-fout { font-size: 15px; line-height: 22px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-artikel .kies-knop { min-height: 48px !important; padding: 0 14px !important; border: 1px solid var(--duin-lijn2, color-mix(in srgb, var(--nova-lijn) 80%, var(--nova-inkt))) !important; border-radius: 8px !important; background: #fff !important; font-size: 17px !important; line-height: 22px; font-weight: 700; color: var(--nova-inkt); text-align: left; }
.winkel.terra.zaaglijst-dienst:is(.zaaglijst-dienst, #vorm) .duin-zl-artikel .kies-knop .kies-pijl { width: 20px; height: 20px; font-size: 0; background: #5e655f; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; }