@import url("../hero-safe-layout.css");
@import url("../mobile-language-switch.css");

/* HPH bilingual website — R5 responsive hardening. */

@media (max-width: 980px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .form-layout,
  .container.form-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .form-layout > *,
  .form-panel,
  .form-copy,
  .process-band > *,
  .metric-grid > *,
  .feature-grid > *,
  .section-intro > *,
  .statement > *,
  .cta-inner > * {
    min-width: 0;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .process-band,
  .metric-grid,
  .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .process-step {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .container,
  .header-inner,
  .form-layout,
  .section-intro,
  .statement,
  .cta-inner,
  .hero-grid,
  .process-band,
  .metric-grid,
  .feature-grid {
    min-width: 0;
    max-width: 100%;
  }

  .identity-panel .reg-number {
    font-size: clamp(28px, 10vw, 38px) !important;
    letter-spacing: -0.045em;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  .menu-toggle,
  .menu-button {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (max-width: 360px) {
  .identity-panel {
    padding-inline: 28px !important;
  }

  .identity-panel .reg-number {
    font-size: 30px !important;
  }
}