/* ============================================
   GLOBAL MOBILE CSS — 480px и ниже
   ============================================ */
@media (max-width: 480px) {

  /* КОНТЕЙНЕР */
  .container { padding: 0 16px !important; }

  /* ХИРО ГЛАВНАЯ */
  .hero { min-height: 100svh; }
  .hero-content h1 { font-size: 32px !important; line-height: 1.08; }
  .hero-actions { flex-direction: column; gap: 10px; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { grid-template-columns: 1fr 1fr !important; gap: 12px; }

  /* PAGE HEROES */
  .page-hero, .svc-hero, .about-hero, .primery-hero,
  .blog-hero, .post-hero, .proj-hero, .ceny-hero,
  .contacts-hero { min-height: 320px; }
  .page-hero-inner, .svc-hero-inner, .about-hero-inner,
  .primery-hero-inner, .blog-hero-inner, .post-hero-inner,
  .proj-hero-inner, .ceny-hero-inner { padding: 40px 0 36px; }
  .primery-stats { gap: 20px; }
  .primery-stat span { font-size: 22px; }

  /* SERVICE PAGE */
  .svc-layout { grid-template-columns: 1fr !important; gap: 32px; }
  .svc-sidebar { position: static !important; }
  .svc-meta { gap: 16px; }
  .svc-meta-item span { font-size: 15px; }
  .methods-grid { grid-template-columns: 1fr !important; }
  .calc-grid { grid-template-columns: 1fr !important; }
  .svc-tabs { flex-wrap: wrap; }
  .svc-tab { flex: 1; text-align: center; padding: 10px 12px; }

  /* CENY */
  .ceny-note { grid-template-columns: 1fr !important; }
  .how-steps { grid-template-columns: 1fr !important; }
  .compare-grid { grid-template-columns: 1fr !important; }
  .ceny-faq-inner { grid-template-columns: 1fr !important; gap: 32px; }
  .ceny-faq-left .btn { width: 100%; justify-content: center; }
  .cat-header { padding: 16px; }
  .price-table td { padding: 12px 16px; font-size: 13px; }
  .price-table td:nth-child(2),
  .price-table td:nth-child(3) { display: none; }
  .ceny-cta { flex-direction: column; padding: 28px 20px; }
  .ceny-cta-btns { flex-direction: column; width: 100%; }
  .ceny-cta-btns .btn { width: 100%; justify-content: center; }
  .ceny-how-head { flex-direction: column; gap: 16px; }
  .ceny-how-head p { text-align: left; }

  /* PROJECTS */
  .projects-grid { grid-template-columns: 1fr !important; }
  .proj-layout { grid-template-columns: 1fr !important; gap: 32px; }
  .proj-sidebar { position: static !important; }
  .proj-nav { grid-template-columns: 1fr !important; }
  .proj-hero h1 { font-size: 26px !important; }
  .proj-hero-meta { gap: 16px; flex-wrap: wrap; }

  /* BLOG */
  .blog-main { grid-template-columns: 1fr !important; }
  .blog-main .blog-card:first-child { flex-direction: column !important; }
  .blog-main .blog-card:first-child .blog-card-img { width: 100% !important; min-height: auto !important; aspect-ratio: 16/9 !important; }
  .blog-main .blog-card:first-child .blog-card-body { padding: 24px 22px 28px !important; }
  .blog-main .blog-card:first-child .blog-card-title { font-size: 16px !important; }
  .post-layout { grid-template-columns: 1fr !important; gap: 32px; }
  .post-sidebar { position: static !important; }
  .post-nav { grid-template-columns: 1fr !important; }

  /* О КОМПАНИИ */
  .about-stats { grid-template-columns: 1fr 1fr !important; }
  .about-story-inner { grid-template-columns: 1fr !important; gap: 32px; }
  .about-team-inner { grid-template-columns: 1fr !important; gap: 32px; }
  .values-grid { grid-template-columns: 1fr !important; }
  .why-grid { grid-template-columns: 1fr !important; }
  .about-values h2, .about-why h2, .about-story h2, .about-team h2 { font-size: 22px; }

  /* КОНТАКТЫ */
  .offices-grid { grid-template-columns: 1fr !important; }
  .contacts-info { padding: 24px 20px !important; }

  /* ХИРО META */
  .svc-hero h1 { font-size: 26px !important; }
  .about-hero h1, .primery-hero h1, .blog-hero h1 { font-size: 26px !important; }
  .ceny-hero h1, .contacts-hero h1 { font-size: 26px !important; }

  /* ФОРМА */
  .form-grid { grid-template-columns: 1fr !important; }
  .form-row { grid-template-columns: 1fr !important; }

  /* СВЯЗАННЫЕ УСЛУГИ */
  .related-grid { grid-template-columns: 1fr !important; }

  /* УСЛУГИ СПИСОК */
  .svc-grid { grid-template-columns: 1fr !important; }
  .svc-filters { flex-wrap: wrap; gap: 6px; }
  .svc-filter { font-size: 10px; padding: 7px 12px; }

  /* ПОДВАЛ */
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 24px; }
  .f-logo-col { grid-column: 1 / -1; }

  /* ОБЩИЕ УТИЛИТЫ */
  .btn { min-height: 48px; }
  .eyebrow { font-size: 10px; }

}

/* Средние экраны 480-768px */
@media (min-width: 481px) and (max-width: 768px) {
  .container { padding: 0 20px; }
  .svc-layout { grid-template-columns: 1fr !important; }
  .post-layout { grid-template-columns: 1fr !important; }
  .proj-layout { grid-template-columns: 1fr !important; }
  .blog-main .blog-card:first-child { flex-direction: column !important; }
  .blog-main .blog-card:first-child .blog-card-img { width: 100% !important; aspect-ratio: 16/9 !important; min-height: auto !important; }
  .compare-grid { grid-template-columns: 1fr !important; }
  .ceny-faq-inner { grid-template-columns: 1fr !important; }
}