/* Мобильная адаптация для всех страниц 1C Review */
@media (max-width: 768px) {
    /* Контейнеры — убираем большие отступы */
    .container, .card {
        padding: 16px 12px !important;
        max-width: 100% !important;
    }
    .card { padding: 24px 20px !important; }

    /* Заголовки — меньше */
    h1 { font-size: 1.4rem !important; line-height: 1.3 !important; }
    h2 { font-size: 1.15rem !important; }
    h3 { font-size: 1rem !important; }

    /* Hero на лендинге */
    .hero h1 { font-size: 1.6rem !important; }
    .hero p { font-size: 0.95rem !important; }
    .hero { padding: 40px 16px 30px !important; }
    .hero-btn, .btn { padding: 12px 24px !important; font-size: 0.95rem !important; }

    /* Навигация на внутренних страницах (div без класса) — wrap и мельче.
       Не трогаем landing, у него свой burger с .nav-links */
    nav > div:not(.nav-links) {
        flex-wrap: wrap !important;
        white-space: normal !important;
        font-size: 0.78rem !important;
        gap: 4px 8px !important;
    }
    nav { padding: 12px 16px !important; }
    nav > a:first-child { font-size: 1rem !important; }

    /* Landing burger menu — fix position так чтобы был видим на любой прокрутке */
    .nav-links {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        background: #1e293b !important;
        padding: 20px !important;
        flex-direction: column !important;
        z-index: 9999 !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
        gap: 8px !important;
    }
    .nav-links a {
        margin: 0 !important;
        padding: 12px 8px !important;
        font-size: 1rem !important;
        border-bottom: 1px solid #334155 !important;
        display: block !important;
    }
    .nav-links a:last-child { border-bottom: none !important; }
    .burger { display: block !important; font-size: 1.8rem !important; padding: 4px 8px !important; }

    /* Таблицы — горизонтальный скролл */
    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        font-size: 0.85rem !important;
    }
    table th, table td {
        padding: 8px 10px !important;
        white-space: normal !important;
    }

    /* Гриды — в одну колонку */
    .form-row, .stats, .steps, .advantages, .pricing,
    .severity-bars, .form-group + .form-group {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Тарифные карточки */
    .plan { padding: 20px 16px !important; }
    .plan-price { font-size: 1.8rem !important; }

    /* Формы */
    input, textarea, select, button {
        font-size: 16px !important; /* предотвращает зум при фокусе на iOS */
    }

    /* Отчёт — таблица замечаний */
    .sev { font-size: 0.7rem !important; padding: 2px 6px !important; }
    .where { font-size: 0.8rem !important; }

    /* CTA-кнопки */
    .cta { padding: 40px 16px !important; }
    .cta h2 { font-size: 1.5rem !important; }

    /* Дашборд */
    .stat-num { font-size: 1.6rem !important; }
    .api-section code { font-size: 0.7rem !important; word-break: break-all !important; }

    /* TG-кнопка фикс */
    a[href*="t.me"][style*="position:fixed"] {
        bottom: 12px !important;
        right: 12px !important;
        padding: 10px 16px !important;
        font-size: 0.8rem !important;
    }

    /* Pricing/Landing — годовая скидка */
    .plan-features li { font-size: 0.85rem !important; }

    /* Компактные блоки в reports */
    .status-card { padding: 16px !important; }
    .status-card h2 { font-size: 1.1rem !important; }

    /* Footer */
    footer {
        font-size: 0.7rem !important;
        padding: 20px 12px !important;
        line-height: 1.6 !important;
    }
    footer a { display: inline-block; margin: 2px 6px; }

    /* Скрываем избыточные элементы в навигации на очень маленьких */
    @media (max-width: 380px) {
        nav > div, nav > .nav-links { font-size: 0.7rem !important; }
    }
}

/* Очень маленькие экраны */
@media (max-width: 380px) {
    .container, .card { padding: 12px 8px !important; }
    .card { padding: 20px 14px !important; }
    h1 { font-size: 1.25rem !important; }
}