/* Shared responsive corrections for all six translated homepages. */
@media (max-width: 900px) {
  html,
  body.home {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.home header,
  body.home .hero,
  body.home .cards-grid,
  body.home .teaser-wrap,
  body.home footer,
  body.home .footer-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.home .hero,
  body.home .cards-grid,
  body.home .teaser-wrap {
    padding-inline: 16px !important;
  }

  body.home .hero-text,
  body.home .hero-photo,
  body.home .card,
  body.home .card-inner,
  body.home .teaser,
  body.home .footer-col {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.home .hero-text h1,
  body.home .hero-text p,
  body.home .hero-eyebrow,
  body.home .section-title,
  body.home .card-inner h3,
  body.home .card-inner p,
  body.home .teaser p,
  body.home .footer-col,
  body.home .footer-col a {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.home .hero-text h1 {
    font-size: clamp(27px, 8.2vw, 34px) !important;
    line-height: 1.12;
  }

  body.home .section-title {
    font-size: clamp(23px, 7vw, 30px) !important;
    line-height: 1.2;
  }

  body.home .card {
    width: 100% !important;
  }

  body.home .card-inner {
    height: auto;
    min-height: 0;
  }

  body.home .footer-appointment,
  body.home .appointment-btn {
    white-space: normal !important;
  }

  [dir="rtl"] body.home .hero-text,
  [dir="rtl"] body.home .hero-text p {
    text-align: right !important;
  }
}

@media (max-width: 420px) {
  body.home header > .logo-wrap img {
    height: 48px;
    max-width: 175px;
  }
}