/* =========================================================
   v2.8.83 — Services waitlist card height balance
   Scope: Services/Leistungen waitlist section only.

   Reduces the oversized waitlist row height while keeping both
   cards equal-height. The right form should fit without excessive
   empty space, and the left image panel should no longer force the
   whole row to become too tall.
   ========================================================= */

#service-waitlist .service-form-grid {
  align-items: stretch !important;
}

#service-waitlist .service-form-grid > .clean-block {
  height: auto !important;
}

/* The v2.8.42 image rule used a very large min-height. Override it only here. */
#service-waitlist .waitlist-copy-card .hs-waitlist-fiber-image,
#service-waitlist .waitlist-copy-card .waitlist-fiber-image {
  flex: 1 1 auto !important;
  min-height: clamp(240px, 24vw, 360px) !important;
  max-height: 430px !important;
  object-fit: cover !important;
}

/* Keep the form card height driven by its compact content, not by older inherited form styles. */
#service-waitlist .compact-form-card {
  align-self: stretch !important;
}

#service-waitlist .compact-form-card form[data-waitlist-form] {
  align-content: start !important;
}

@media (max-width: 920px) {
  #service-waitlist .waitlist-copy-card .hs-waitlist-fiber-image,
  #service-waitlist .waitlist-copy-card .waitlist-fiber-image {
    min-height: 260px !important;
    max-height: 360px !important;
  }
}

@media (max-width: 760px) {
  #service-waitlist .service-form-grid > .clean-block {
    height: auto !important;
  }

  #service-waitlist .waitlist-copy-card .hs-waitlist-fiber-image,
  #service-waitlist .waitlist-copy-card .waitlist-fiber-image {
    min-height: 220px !important;
    max-height: 320px !important;
  }
}