/* Safe responsive and performance-focused overrides.
   Keeps existing design while improving behavior on phones/tablets. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.table {
  width: 100%;
}

@media (max-width: 991.98px) {
  .container,
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .review,
  .about,
  .hero {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  h1 {
    font-size: clamp(1.8rem, 8vw, 2.6rem);
    line-height: 1.2;
  }

  h2 {
    font-size: clamp(1.35rem, 6vw, 2rem);
    line-height: 1.25;
  }

  .map {
    height: 320px;
  }

  .btn {
    max-width: 100%;
  }

  .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 575.98px) {
  .map {
    height: 280px;
  }

  .cta .btn,
  #hero .btn,
  #over-mij-home .btn {
    width: 100%;
  }
}