/* ========================================================================
   MariVisa — глобальні мобільні покращення (вантажиться останньою, перебиває).
   Мета: компактні картки, людські відступи, читабельні розміри на телефоні.
   ======================================================================== */
@media (max-width: 768px) {

  /* ---- Заголовки секцій ---- */
  .section-title { font-size: 1.85rem !important; margin-bottom: 0.75rem !important; }
  .section-subtitle { font-size: 1rem !important; }
  .text-center.mb-5 { margin-bottom: 2rem !important; }

  /* Менше вертикального «повітря» у секціях */
  .py-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; }
  section { }

  /* ---- Статистика ---- */
  .stat-card { padding: 22px 16px !important; }
  .stat-icon { font-size: 2.1rem !important; margin-bottom: 12px !important; }
  .stat-number { font-size: 2.2rem !important; }
  .stat-label { font-size: 0.95rem !important; }

  /* ---- «Як я працюю» ---- */
  .process-step { padding: 4px 14px 16px !important; }
  .step-number { width: 52px !important; height: 52px !important; font-size: 1.2rem !important; }
  .step-icon { font-size: 1.5rem !important; }
  .step-title { font-size: 1.1rem !important; }

  /* Картки на мобільному — по висоті контенту (без порожнечі від h-100/рівних рядків) */
  .service-card, .advantage-card, .stat-card, .testimonial-card, .country-card,
  .continent-card, .h-100 { height: auto !important; }
  .services-section .row, .advantages-section .row, .stats-section .row,
  .testimonials-section .row { align-items: stretch; }

  /* ---- Переваги / Послуги (картки) ---- */
  .advantage-card, .service-card { padding: 24px 20px !important; }
  .advantage-icon, .service-icon { width: 60px !important; height: 60px !important; font-size: 1.5rem !important; margin-bottom: 16px !important; }
  .advantage-title, .service-title { font-size: 1.2rem !important; margin-bottom: 10px !important; }
  .advantage-description, .service-description { font-size: 0.95rem !important; }
  .service-price { font-size: 1.1rem !important; margin-bottom: 8px !important; }

  /* ---- FAQ ---- */
  .accordion-button { font-size: 0.98rem !important; padding: 14px 16px !important; }
  .accordion-body { font-size: 0.92rem !important; }

  /* ---- Відгуки ---- */
  .testimonial-card { padding: 22px 20px !important; }
  .testimonial-text { font-size: 0.95rem !important; }

  /* ---- Картки країн (/visas) ---- */
  .country-card { padding: 26px 20px !important; }
  .country-flag { width: 80px !important; height: 80px !important; }
  .country-name { font-size: 1.35rem !important; margin-bottom: 10px !important; }
  .country-description { font-size: 0.92rem !important; }
  .continent-card { padding: 26px 18px !important; }
  .continent-icon { width: 64px !important; height: 64px !important; font-size: 1.5rem !important; margin-bottom: 16px !important; }
  .continent-name { font-size: 1.25rem !important; }
  .visas-title { font-size: 2rem !important; }
  .visas-subtitle { font-size: 1.05rem !important; }
  .cta-title { font-size: 1.7rem !important; }
  .cta-text { font-size: 1.02rem !important; }
  .popular-countries, .continents-section { padding: 48px 0 !important; }

  /* ---- Сторінка країни ---- */
  .country-hero { min-height: auto !important; padding: 92px 0 48px !important; }
  .country-hero-title { font-size: 2rem !important; }
  .country-hero-subtitle { font-size: 1.05rem !important; }
  .country-flag-large { width: 92px !important; height: 70px !important; }
  .country-content { padding: 44px 0 !important; }
  .content-article h2 { font-size: 1.5rem !important; }
  .content-article h3 { font-size: 1.2rem !important; }
  .content-article p, .content-article li { font-size: 1rem !important; }
  .sidebar-card { padding: 22px 18px !important; }

  /* ---- Сторінка послуги ---- */
  .service-hero { padding: 84px 0 48px !important; }
  .service-hero h1 { font-size: 1.8rem !important; }
  .services-hero { padding: 56px 0 !important; }
  .services-hero h1 { font-size: 1.9rem !important; }
  .service-content { font-size: 1rem !important; }
  .service-features-box { padding: 22px 18px !important; }

  /* ---- Про мене / Процес ---- */
  .about-hero, .process-hero { padding: 52px 0 !important; }
  .about-title { font-size: 2rem !important; }
  .about-subtitle { font-size: 1.15rem !important; }
  .about-photo { max-width: 260px !important; margin: 8px auto 0 !important; display: block !important; }
  .skill-card, .value-item, .step-card, .benefit-item { padding: 22px 20px !important; }
  .process-title { font-size: 2rem !important; }

  /* ---- Контакти ---- */
  .contacts-title { font-size: 1.9rem !important; }
  .contact-card { padding: 24px 18px !important; }
  .contact-form-section { padding: 24px 18px !important; }
  .form-title { font-size: 1.5rem !important; }

  /* ---- Загальне: трохи менші відступи контейнера ---- */
  .container { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Дуже вузькі екрани */
@media (max-width: 400px) {
  .section-title { font-size: 1.65rem !important; }
  .stat-number { font-size: 2rem !important; }
  .country-hero-title, .about-title, .visas-title, .process-title { font-size: 1.75rem !important; }
}