/* ================================================================
   MAF Industry — Responsive Styles
   ================================================================
   Все медиа-запросы в одном месте для удобства поддержки.
   ================================================================ */

/* ----------------------------------------------------------------
   1. TABLET (max-width: 1024px)
---------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* Переход Hero, Heritage и Catalog в одну колонку */
  .hero .container, 
  .heritage-grid, 
  .catalog-grid { 
    grid-template-columns: 1fr; 
  }

  .hero-content { 
    text-align: center; 
  }

  .hero-desc { 
    margin: 0 auto 40px; 
  }

  .hero-actions { 
    justify-content: center; 
  }

  .hero-visual { 
    width: 80%; 
    margin: 0 auto; 
  }
  
  /* Уменьшение колонок в статистике, портфолио и стандартах */
  .stats-grid, 
  .portfolio-grid, 
  .standards-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }

  .footer-grid { 
    grid-template-columns: 1fr 1fr; 
  }
}

/* ----------------------------------------------------------------
   2. MOBILE (max-width: 768px)
---------------------------------------------------------------- */
@media (max-width: 768px) {
  :root { 
    --pad-y: 80px; 
  }

  /* Мобильное меню (Drawer) */
  .nav-links { 
    position: fixed;
    top: 0; 
    right: -100%;
    height: 100vh; 
    width: 80%;
    background: var(--bg-main);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    transition: 0.5s var(--transition-smooth);
    padding: 40px;
    z-index: 99;
    box-shadow: -10px 0 30px rgba(0,0,0,0.05);
  }

  .nav-links.mobile-open { 
    right: 0; 
  }

  .hamburger { 
    display: flex; 
    z-index: 100; 
  }

  .hero-content { 
    padding-left: 0; 
  }

  .portfolio-header { 
    text-align: center; 
    max-width: 100%; 
  }

  /* Скрытие маятника на мобильных — экономим место */
  .meta-pendulum-wrapper { 
    display: none; 
  }

  /* Все сетки в одну колонку */
  .stats-grid, 
  .portfolio-grid, 
  .standards-grid, 
  .footer-grid { 
    grid-template-columns: 1fr; 
  }

  .hero-visual { 
    width: 100%; 
  }

  .geo-grid { 
    grid-template-columns: 1fr; 
  }

  /* Центрирование футера */
  .footer-bottom { 
    flex-direction: column; 
    gap: 16px; 
    text-align: center; 
  }

  /* Компактный список партнеров */
  .partners-grid {
    gap: 40px;
    flex-direction: column;
  }

  .cta-form .wpcf7-form {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cta-form input,
  .cta-form .wpcf7 input[type="text"],
  .cta-form .wpcf7 input[type="tel"],
  .cta-form .wpcf7 input[type="email"] {
    min-height: 60px;
    padding: 0 22px;
    font-size: 1rem;
  }

  .cta-form .wpcf7 input[type="submit"] {
    width: 100%;
    min-height: 60px;
    margin-top: 2px;
  }
}

/* ----------------------------------------------------------------
   3. SMALL MOBILE (max-width: 480px)
---------------------------------------------------------------- */
@media (max-width: 480px) {
  .hero h1 {
    font-size: 2.5rem;
  }
  
  .btn {
    width: 100%;
    min-height: 60px;
    padding: 0 24px;
  }

  .btn-nav {
    min-height: 60px;
  }

  .stat-val {
    font-size: 3rem;
  }
}