/* Public marketing pages only. Preserve the approved wide desktop composition. */
@media (max-width: 1500px) {
  /* Contain the decorative side slides, not the page or project details dialog. */
  #floating-projects .fp.layered .fleet { overflow: clip; overflow-clip-margin: 12px; }
}
@media (max-width: 900px) {
  #clearscale-footer .cf-invite { padding: 32px 24px; }
  .hero-grid > *, .booking-grid > * { min-width: 0; }
}
@media (max-width: 540px) {
  #clearscale-footer .cf-invite { padding: 28px 20px; }
  #clearscale-footer .cf-button { max-width: 100%; white-space: normal; text-align: center; }
  #clearscale-footer .cf-action { min-width: 0; }
  .site-header .nav-row { gap: 12px; }
  .header-actions { flex-wrap: wrap; }
  #booking-form input, #booking-form select, #booking-form textarea { min-width: 0; max-width: 100%; font-size: 16px; }
  #booking-form button { white-space: normal; }
}

@media (max-width: 540px) {
  #booking-form .cs-live-booking { padding: 20px 0; }
  #booking-form .cs-cal-days button { min-width: 0; width: 100%; padding: 4px 0; font-size: 12px; }
  #booking-form .cs-cal-times button { min-width: 0; padding: 10px 3px; font-size: 12px; }
}