/* Software op maat: navy hero (glaspaneel met drie tegels) → licht (wanneer standaard genoeg is)
   → wit (vier situaties) → licht (werkwijze in drie stappen, met prijs) → nacht (eigendom)
   → wit (vragen) → blauwe CTA. Alleen bestaande onderdelen; hier staan kleine aanpassingen. */

/* ---- hero: lange kop, iets kleiner zodat hij rustig in de tekstkolom past ---- */
.pagina-software-op-maat .hero__tekst{min-width:0;}
.pagina-software-op-maat .hero h1{font-size:clamp(38px,4.8vw,70px);padding-bottom:.5em;}
.pagina-software-op-maat .hero__tekst .hero__lead{margin-top:24px;}
@media (max-width:900px){
  .pagina-software-op-maat .hero h1{font-size:clamp(36px,7.6vw,62px);}
  .pagina-software-op-maat .hero__beeld{max-width:440px;}
}
@media (max-width:400px){.pagina-software-op-maat .hero h1{font-size:min(9.4vw,36px);}}

/* ---- wanneer standaard genoeg is: één rustige kaart met een vinklijst ---- */
.pagina-software-op-maat .som-standaard{gap:0;padding:clamp(24px,3.4vw,36px);}
.pagina-software-op-maat .som-standaard h3{font-size:20px;}
.pagina-software-op-maat .som-standaard .vink{margin-top:20px;color:var(--tekst);}
.pagina-software-op-maat .som-standaard p{margin-top:24px;padding-top:20px;border-top:1px solid var(--lijn);}

/* ---- situaties: op de telefoon compact, chip links en tekst rechts ---- */
@media (max-width:640px){
  .pagina-software-op-maat .som-situaties{gap:14px;}
  .pagina-software-op-maat .som-situaties .kaart{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start;padding:20px;}
  .pagina-software-op-maat .som-situaties .chip{grid-row:span 2;margin:0;}
  .pagina-software-op-maat .som-situaties h3{font-size:18px;}
  .pagina-software-op-maat .som-situaties p{font-size:15.5px;}
}

/* ---- werkwijze: prijs onder elke stap ---- */
.pagina-software-op-maat .som-stappen .kaart__voet{margin-top:20px;max-width:none;}
.pagina-software-op-maat .som-stappen .prijs{display:inline-flex;align-items:baseline;gap:8px;}
.pagina-software-op-maat .som-stappen .prijs small{font:600 14px/1 var(--f-tekst);color:var(--tekst-zacht);}

/* ---- eigendom: lead en vinklijst naast de kop ---- */
.pagina-software-op-maat .som-eigendom .lead{margin:0;padding-top:clamp(0px,2.2vw,28px);}
.pagina-software-op-maat .som-eigendom .vink{margin-top:28px;color:var(--tekst-licht);}
@media (max-width:900px){.pagina-software-op-maat .som-eigendom .lead{padding-top:0;}}
@media (max-width:640px){.pagina-software-op-maat .som-stappen .kaart__voet{flex-direction:column;align-items:flex-start;gap:4px;}}