/* Mobile town-page layout corrections */
@media (max-width: 760px) {
  .service-detail__grid {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .service-detail__intro {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
  }
  .service-detail__intro h2 {
    font-size: clamp(2rem, 8vw, 2.7rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .detail-panels {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .detail-panels .panel,
  .detail-panels .panel ul,
  .detail-panels .panel ol {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .detail-panels .panel li,
  .detail-panels .panel p,
  .detail-panels .panel span {
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .page-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
  .page-hero__grid > div,
  .page-hero__media {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .actions {
    flex-wrap: wrap !important;
  }
  .actions .button {
    max-width: 100%;
  }
}