/* Samenvatting op /list-your-property/thank-you/. Deze elementen maakt het script van de pagina zelf aan (geen blokken), daarom staat de CSS globaal. */
.thanks-summary__group { background: var(--white); border: var(--border-size, 1px) solid var(--border-color-dark); border-radius: var(--radius-m); padding: var(--space-m); display: flex; flex-direction: column; gap: var(--space-s); }
.thanks-summary__title { margin: 0; font-size: var(--h5); }
.thanks-summary__list { margin: 0; display: flex; flex-direction: column; }
.thanks-summary__row { display: grid; grid-template-columns: 1fr; gap: 2px; padding-block: var(--space-xs); border-bottom: var(--border-size, 1px) solid var(--border-color-dark); }
.thanks-summary__row:last-child { border-bottom: 0; }
@media (min-width: 640px) { .thanks-summary__row { grid-template-columns: minmax(10rem, 1fr) 2fr; gap: var(--space-s); } }
.thanks-summary__label { font-size: var(--text-s); color: var(--text-dark-muted); }
.thanks-summary__value { margin: 0; font-size: var(--text-s); font-weight: 600; white-space: pre-line; overflow-wrap: anywhere; }
.thanks-photos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); gap: var(--space-s); }
.thanks-photos__item { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.thanks-photos__img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); border: var(--border-size, 1px) solid var(--border-color-dark); background: var(--base-ultra-light); }
.thanks-photos__label { font-size: var(--text-xs); color: var(--text-dark-muted); }