/* ============================================
   Vakman-landingspagina's /website-laten-maken/vakman/<beroep>/ — negen pagina's, één opbouw.
   Waarden uit post-2496.css (aannemer); de post-CSS van de andere acht is genormaliseerd vergeleken en
   identiek, op de beeldpositie van glazenwasser na (data: hero.beeldPositie).
   ============================================ */

/* ---------- Hero (6fe2773): component dienst-hero, variant vakman ---------- */

/* ---------- Standaardsectie (60c4aed, 2be4874, 75daf72, 8871bda, c12baeb, ee1b786) ---------- */
.vakman-sectie { padding: 80px 0; }
.vakman-sectie__inner { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.vakman-sectie__inner > * { min-width: 0; }
.vakman-sectie__sub {
  font-family: var(--font-ui); font-size: var(--body-size); font-weight: 400; line-height: var(--body-lh);
}
.vakman-sectie__sub--58 { width: 58%; max-width: 58%; }
.vakman-sectie__sub--62 { width: 62%; max-width: 62%; flex-shrink: 0; }
/* lege alinea (&nbsp;) onder de tekst in het origineel (elektricien) = één regel extra ruimte */
.vakman-sectie__sub--lege-regel { margin-bottom: 1lh; }

.vakman-herkenbaar { background-color: var(--color-cream); }
.vakman-herkenbaar .vakman-sectie__sub { color: var(--color-primary); }
.vakman-oplossing { background-color: var(--color-white); }
.vakman-oplossing .vakman-sectie__sub { color: var(--color-text); }
.vakman-stappen { background-color: var(--color-cream); }
.vakman-winst { background-color: var(--color-primary); }
.vakman-winst .vakman-sectie__sub { color: var(--color-white); }
.vakman-reviews { background-color: var(--color-primary); }
.vakman-reviews .vakman-sectie__inner { justify-content: center; }
.vakman-reviews .reviews-slider { width: 100%; }
.vakman-faq { background-color: var(--color-cream); }
.vakman-faq .vakman-sectie__inner { align-items: stretch; }
.vakman-faq__kop { margin: 0; }

/* "Wat levert een website voor … op?": eerste deel schaalt mee met het scherm (28–44px), zonder letterafstand */
.vakman-winst__kop-voor { font-size: clamp(28px, 3.5vw, 44px); letter-spacing: normal; white-space: normal; }
.vakman-winst__kop-na { letter-spacing: normal; }

/* ---------- Prijstabel (f7573ea): crème, 80px; mobiel 50px 15px ---------- */
.vakman-prijzen { background-color: var(--color-cream); padding: 80px 0; }


/* ---------- Mobiel ---------- */
@media (max-width: 767px) {
  .vakman-sectie { padding: 60px 20px; }
  .vakman-sectie__sub--58, .vakman-sectie__sub--62 { width: 100%; max-width: 100%; }
  .vakman-herkenbaar .vakman-sectie__inner { align-items: center; }
  .vakman-reviews .vakman-sectie__inner { gap: 20px; }
  .vakman-faq .vakman-sectie__inner { align-items: flex-start; }
  .vakman-faq .faq { width: 100%; }

  .vakman-prijzen { padding: 50px 15px; }
}