/* ============================================
   Dienstrijen (components/service-rows.njk)
   Waarden uit de Elementor-pagina's 1867 (boeidelen) en 1827 (gevelbekleding),
   die dezelfde opbouw delen. Afwijkingen per pagina staan in de pagina-CSS.
   ============================================ */
.srow {
  --dir: row;
  --align: stretch;
  --gap: 0px;
  --pt: 0%; --pr: 0%; --pb: 0%; --pl: 3%;
  margin-top: 6%;
}
.srow--3 { margin-bottom: 6%; }

.srow__body {
  --justify: center;
  --gap: 15px;
  --pt: 0%; --pr: 5%; --pb: 0%; --pl: 5%;
  --shrink: 0;
}
.srow__title,
.srow__text { max-width: 100%; }
.srow__title {
  color: var(--color-text);
  font-size: var(--fs-lead);
  font-weight: var(--fw-lead);
}
.srow__media { --gap: 0px; --pad: 0px; }
.srow--2 .srow__media { --shrink: 0; }
.srow__media { text-align: center; line-height: 0; }
.srow__media img { display: inline-block; width: 100%; vertical-align: middle; }

@media (min-width: 768px) {
  .srow__body { --w: 45%; }
  .srow__media { --w: 55%; }
  .srow--2 .srow__media { --w: 61%; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .srow__media { --w: 50%; }
  .srow--2 .srow__media { --w: 48.207%; }
}
@media (max-width: 1024px) {
  .srow { --pt: 0%; --pr: 0%; --pb: 0%; --pl: 5%; margin-top: 8%; }
  .srow--3 { margin-bottom: 0%; }
  .srow__body { --align: flex-start; --pt: 0%; --pr: 8%; --pb: 0%; --pl: 0%; }
  .srow--1 .srow__text { width: 321.016px; max-width: 100%; }
}
@media (max-width: 880px) {
  .srow--3 .srow__text { width: auto; max-width: none; }
}
@media (max-width: 767px) {
  .srow { --gap: 30px; --pt: 0%; --pr: 5%; --pb: 0%; --pl: 5%; }
  .srow--1 { margin-top: 15%; }
  .srow--2, .srow--3 { margin-top: 25%; }
  .srow__body { --align: center; --pt: 0%; --pr: 0%; --pb: 0%; --pl: 0%; }
  .srow__title, .srow__text { text-align: center; }
}