@media (max-width: 640px) {

  /* Центрируем заголовки разделов */
  .section-title {
    text-align: center !important;
  }

  /* Центрируем сетку отзывов */
  .reviews-grid {
    justify-items: center !important;
    text-align: center !important;
  }

  .review-card {
    justify-self: center !important;
    text-align: center !important;
  }

  /* Центрируем прайс */
  .price-grid {
    justify-items: center !important;
    text-align: center !important;
  }

  .price-card {
    justify-self: center !important;
    text-align: center !important;
  }
  
  /* Дополнительно: кнопки, лого и прочие блоки тоже по центру */
  .benefits {
    justify-items: center !important;
    text-align: center !important;
  }

}/* ================== Мобильная адаптация ================== */
@media (max-width: 1000px) {
  .photo-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .reviews-grid { grid-template-columns: repeat(2, 1fr) !important; justify-items: center; }
  .price-grid { grid-template-columns: repeat(2, 1fr) !important; justify-items: center; }
  .roadmap-grid { grid-template-columns: repeat(2, 1fr) !important; }

  .hero { padding: 84px 16px 48px !important; }
  .hero .lead-photo img { max-width: 220px; height: auto; }
}

@media (max-width: 640px) {
  /* Все сетки — одна колонка */
  .photo-grid,
  .video-row,
  .roadmap-grid,
  .price-grid,
  .reviews-grid,
  .benefits {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    justify-items: center; /* центрируем все элементы */
  }

  /* Центрирование заголовков всех разделов */
  .section-title {
    text-align: center !important;
  }

  /* Центрируем отзывы */
  .reviews-grid .review-card {
    width: 90%;
    max-width: 320px;
    text-align: center;
    margin: 0 auto;
  }

  /* Центрируем и корректируем карточки прайса */
  .price-card {
    width: 90%;
    max-width: 320px;
    text-align: center;
    margin: 0 auto;
  }

  /* Центрируем дорожку road-map */
  .roadmap-grid .roadmap-step {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
  }

  /* Видео по одному в колонку, адаптивный размер */
  .video-row { grid-template-columns: 1fr !important; }
  .video-row iframe, .video-vertical iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
    max-height: 70vh !important;
  }
  .video-vertical iframe { aspect-ratio: 9/16 !important; }

  /* Logo showcases: колоночная верстка и центрирование */
  .logo-showcase, .branding-packs {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .logo-showcase .preview {
    width: 100% !important;
    display: flex;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  /* Главный экран — центрирование и уменьшение размеров */
  .hero {
    padding: 72px 12px 40px !important;
    min-height: calc(100vh - 56px) !important;
    text-align: center !important;
    align-items: center !important;
  }
  .hero h1 { font-size: 22px !important; line-height: 1.25 !important; }
  .hero .desc { font-size: 15px !important; max-width: 44ch !important; }

  /* Изображения в карточках — адаптивная высота */
  .photo-card img {
    height: auto !important;
    max-height: 48vh !important;
    object-fit: cover !important;
  }
@media (max-width: 640px) {
  /* Центрируем конкретные заголовки разделов на мобильных */
  #photo-section .section-title,
  #video-section .section-title,
  #info .section-title {
    text-align: center !important;
  }
}