/* Keep entrance animations inside the mobile layout instead of widening it. */
@media (max-width: 767px) {
  main .translate-x-8,
  main .-translate-x-8 {
    --tw-translate-x: 0px;
  }

  .container-custom,
  .container-custom > *,
  .home-service-card,
  .home-review-card {
    min-width: 0;
  }

  footer a[href^="mailto:"] {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mobile-contact-whatsapp {
    min-width: 0;
    max-width: calc(100% - 74px);
    padding-inline: clamp(12px, 4vw, 24px);
    font-size: clamp(13px, 4vw, 16px);
  }

  .mobile-contact-whatsapp span {
    min-width: 0;
    text-align: center;
  }

  .custom-hero-main,
  .custom-hero-benefits,
  .custom-hero-facts {
    min-width: 0;
  }

  .custom-hero-main > *,
  .custom-hero-facts > * {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}