/* Мобільні фікси: жодного горизонтального переповнення */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, svg, iframe { max-width: 100%; height: auto; }
* { min-width: 0; }

@media (max-width: 700px) {
  .cards, .cards-six { grid-template-columns: 1fr !important; }
  .cards article { min-width: 0; }
  .price-grid { grid-template-columns: 1fr !important; }
  .principles ul { grid-template-columns: 1fr !important; }
  .trust-bar .shell { grid-template-columns: 1fr !important; }
  .shell { width: min(100% - 32px, 1200px); margin-inline: auto; }
  .hero, .about, .method, .groups-inner, .book-inner { grid-template-columns: 1fr !important; }
  .facts { grid-template-columns: 1fr 1fr; }
  h1, h2, h3 { overflow-wrap: anywhere; hyphens: auto; }
  .portrait-badge { position: static; max-width: 100%; margin-top: 12px; }
}

@media (max-width: 480px) {
  .facts { grid-template-columns: 1fr; }
  .price-grid article { padding: 22px; }
  .button, .nav-cta { width: 100%; }
  .actions { flex-direction: column; align-items: stretch; }
}