:root{--su3242-green:#0d6252;--su3242-deep:#083f37;--su3242-line:#d8e8e2;--su3242-accent:#d98548}
/* V32.4.2 public appointment balance */
#randevu .appt-grid,.appointment-v16 .appt-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:46px!important;
  align-items:start!important;
}
#randevu .contact-box,.appointment-v16 .contact-box,
#randevu .formbox,.appointment-v16 .formbox{
  width:100%!important;max-width:none!important;min-width:0!important;
}
#randevu .contact-cards,.appointment-v16 .contact-cards{
  margin-bottom:8px!important;
}
#randevu .contact-card,.appointment-v16 .contact-card{
  padding:15px 0!important;
}
#randevu .contact-card strong,.appointment-v16 .contact-card strong{
  font-size:15px!important;line-height:1.35!important;
}
#randevu .contact-card span,.appointment-v16 .contact-card span{
  font-size:13px!important;line-height:1.45!important;
}
/* Appointment flow: same visual weight as form side */
#randevu .v316-appt-flow,.appointment-v16 .v316-appt-flow{
  gap:11px!important;margin-top:20px!important;
}
#randevu .v316-appt-flow-title,.appointment-v16 .v316-appt-flow-title{
  font-size:12px!important;letter-spacing:.13em!important;margin-bottom:3px!important;
}
#randevu .v316-step,.appointment-v16 .v316-step{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:13px!important;
  min-height:72px!important;
  padding:14px 15px!important;
  border-radius:17px!important;
}
#randevu .v316-step i,.appointment-v16 .v316-step i{
  width:44px!important;height:44px!important;border-radius:13px!important;font-size:15px!important;
}
#randevu .v316-step strong,.appointment-v16 .v316-step strong{
  font-size:15.5px!important;line-height:1.3!important;font-weight:900!important;
}
#randevu .v316-step span,.appointment-v16 .v316-step span{
  font-size:13.5px!important;line-height:1.5!important;margin-top:3px!important;
}
#randevu .v316-mini-cta,.appointment-v16 .v316-mini-cta{
  min-height:50px!important;padding:14px 16px!important;border-radius:16px!important;
  font-size:14px!important;line-height:1.25!important;
}
/* Left intro copy should not look smaller than the form */
#randevu .contact-box>p,.appointment-v16 .contact-box>p{
  font-size:16px!important;line-height:1.7!important;max-width:560px!important;
}
/* keep visual rhythm after removing the availability info row */
#randevu .contact-box .v3242-cleaned + .v316-appt-flow{margin-top:18px!important}
@media(max-width:1000px){
  #randevu .appt-grid,.appointment-v16 .appt-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}
}
@media(max-width:820px){
  #randevu .appt-grid,.appointment-v16 .appt-grid{grid-template-columns:1fr!important;gap:24px!important}
  #randevu .v316-appt-flow,.appointment-v16 .v316-appt-flow{grid-template-columns:1fr!important}
  #randevu .v316-appt-flow-title,#randevu .v316-mini-cta,.appointment-v16 .v316-appt-flow-title,.appointment-v16 .v316-mini-cta{grid-column:auto!important}
}
@media(max-width:620px){
  #randevu .v316-step,.appointment-v16 .v316-step{grid-template-columns:40px 1fr!important;min-height:66px!important;padding:12px 13px!important}
  #randevu .v316-step i,.appointment-v16 .v316-step i{width:40px!important;height:40px!important}
  #randevu .v316-step strong,.appointment-v16 .v316-step strong{font-size:15px!important}
  #randevu .v316-step span,.appointment-v16 .v316-step span{font-size:13px!important}
}