@media (max-width: 700px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
  }

  body {
    background-attachment: scroll;
  }

  body::before,
  body::after,
  .section::before,
  .section::after {
    animation: none !important;
  }

  body::after,
  .section::after {
    display: none;
  }

  .container {
    width: min(100% - 22px, var(--container));
  }

  .section {
    overflow: hidden;
    padding: 48px 0;
  }

  .hero,
  .page-hero,
  .request-section,
  .team-section,
  .home-overview,
  .home-insights,
  .home-projects-showcase,
  .home-team-showcase,
  .home-partners-strip {
    overflow: hidden;
  }

  .hero {
    min-height: auto;
  }

  .hero-grid,
  .page-hero-grid,
  .home-overview-grid,
  .home-insights-grid,
  .projects-layout,
  .about-grid,
  .contact-grid,
  .request-layout,
  .team-member-grid,
  .services-business-grid,
  .service-detail-layout,
  .section-head,
  .compact-head {
    grid-template-columns: 1fr !important;
  }

  .hero-panel,
  .page-hero-media,
  .home-insights-panel,
  .request-summary-card,
  .member-profile-card {
    position: relative !important;
    top: auto !important;
  }

  .button-row,
  .request-step-actions,
  .request-actions,
  .home-contact-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .button,
  .request-actions .button,
  .home-contact-inner .button {
    width: 100%;
  }

  .home-service-card,
  .home-bottom-project-card,
  .home-team-card,
  .home-team-director,
  .team-card,
  .project-card,
  .service-card,
  .request-choice,
  .request-system-card,
  .member-info-card {
    max-width: 100%;
  }

  .home-team-card,
  .home-team-director {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  .home-team-photo,
  .home-team-director .home-team-photo {
    width: 64px !important;
    height: 64px !important;
  }

  .home-team-copy em {
    -webkit-line-clamp: 3;
  }

  .request-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .request-choice-row,
  .request-grid,
  .request-system-grid,
  .request-check-grid,
  .request-specialist-grid,
  .request-brand-grid,
  .team-management-grid,
  .team-report-grid,
  .member-org-grid,
  .member-org-groups,
  .member-org-child-grid,
  .home-team-manager-grid,
  .home-team-grid,
  .home-bottom-project-grid,
  .home-partner-grid,
  .partners-grid,
  .trust-grid,
  .services-grid,
  .projects-grid,
  .project-gallery,
  .service-feature-grid {
    grid-template-columns: 1fr !important;
  }

  .request-system-card {
    grid-template-columns: 1fr !important;
  }

  .request-qty {
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }

  .request-brand-grid {
    display: flex;
  }

  .request-brand-chip span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .auto-chat-shell {
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    left: max(8px, env(safe-area-inset-left, 0px));
    width: auto;
  }

  .auto-chat-panel {
    width: 100%;
    max-height: 72vh;
    max-height: min(72svh, 560px);
    -webkit-overflow-scrolling: touch;
  }

  .back-to-top-button {
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  }

  h1,
  h2,
  h3,
  p,
  a,
  button,
  span,
  strong,
  small,
  li {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 390px) {
  .container {
    width: min(100% - 18px, var(--container));
  }

  .section {
    padding: 42px 0;
  }

  .request-stepper {
    grid-template-columns: 1fr !important;
  }

  .home-team-card,
  .home-team-director {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .home-team-photo,
  .home-team-director .home-team-photo {
    width: 58px !important;
    height: 58px !important;
  }
}