/* ============================================
   MOBILE-STYLE.CSS
   Адаптация сайта QX Systems Lab.
   Все экраны от 320px до 1200px
   ============================================ */

/* --- Общие контейнеры и отступы --- */
@media (max-width: 1200px) {
    .container {
        padding: 0 20px;
    }

    .section-header__title {
        font-size: 32px;
    }
}

@media (max-width: 992px) {
    .container {
        padding: 0 24px;
    }

    .hero__title {
        font-size: 44px;
    }

    .hero__text {
        font-size: 16px;
        padding: 0 10px;
    }
}

/* --- Шапка (уже есть часть, дополним) --- */
@media (max-width: 992px) {
    .header__container {
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 20px;
        height: auto;
    }

    .logo img {
        max-width: 220px;
        height: auto;
    }

    .nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        margin: 15px 0 0;
    }

    .nav__link {
        font-size: 13px;
    }
}

/* --- Hero секция --- */
@media (max-width: 768px) {
    .hero {
        padding-top: 250px; /* Увеличено, чтобы текст не перекрывался шапкой */
        padding-bottom: 80px;
    }

    .hero__title {
        font-size: 36px;
        letter-spacing: -0.5px;
    }

    .hero__bg-text {
        font-size: 10px;
        padding: 8px 20px;
        white-space: normal;
        letter-spacing: 0.2em;
    }

    .hero__actions {
        flex-direction: column;
        gap: 12px;
    }

    .btn {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

/* --- Сетка решений (solutions) --- */
@media (max-width: 768px) {
    .solutions__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .solution-card {
        padding: 30px;
    }
}

/* --- Блок Enterprise (3 карточки) --- */
@media (max-width: 992px) {
    .enterprise-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* --- Блок конфиденциальности (confidential) --- */
@media (max-width: 992px) {
    .confidential__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .confidential__lead {
        font-size: 18px;
        padding-left: 20px;
    }

    .confidential__features {
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .confidential__feature {
        flex-direction: column;
        gap: 12px;
    }

    .confidential__feature-icon {
        width: 40px;
        height: 40px;
    }

    .nda-badge {
        font-size: 10px;
    }

    .secure-animation {
        max-width: 320px;
    }

    .secure-svg {
        transform: scale(0.8);
    }
}

/* --- Адаптация блока Партнерства для мобильных устройств --- */
@media (max-width: 992px) {
    .partnership-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .partnership-certificate {
        max-width: 650px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .partnership-condition {
        padding: 16px;
    }

    .condition-text {
        font-size: 13px;
    }
}

/* --- Технологический стек (tech-stack) --- */
@media (max-width: 992px) {
    .tech-stack__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .tech-card {
        padding: 30px;
    }
}

/* --- Блок дизайн-философия (design-philosophy) --- */
@media (max-width: 992px) {
    .design-philosophy__layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .blueprint {
        height: 280px;
    }
}

/* --- Рабочий процесс (workflow) --- */
@media (max-width: 768px) {
    .workflow-step {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }

    .workflow-step__num {
        margin-right: 0;
        font-size: 28px;
    }

    .workflow-step__arrow {
        display: none;
    }
}

/* --- CI/CD блок --- */
@media (max-width: 992px) {
    .pipeline-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .pipeline-steps {
        flex-wrap: wrap;
        justify-content: center;
    }

    .step-connector {
        display: none;
    }
}

@media (max-width: 640px) {
    .step-icon {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .metric-chip {
        font-size: 10px;
        padding: 6px 12px;
    }
}

/* --- Архитектура отказоустойчивости (HA) --- */
@media (max-width: 992px) {
    .ha-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .ha-diagram svg {
        max-width: 100%;
        height: auto;
    }

    .rto-rpo {
        flex-direction: column;
    }
}

/* --- Дашборд мониторинга --- */
@media (max-width: 768px) {
    .dashboard__metrics {
        grid-template-columns: 1fr;
    }

    .metric-widget {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .dashboard__logs {
        font-size: 11px;
        padding: 16px;
    }
}

/* --- Флагманские продукты --- */
@media (max-width: 992px) {
    .products-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .product-card__content {
        padding: 32px 24px;
    }

    .product-card__visual {
        padding: 20px;
    }

    .mockup-terminal .terminal-body {
        font-size: 10px;
    }
}

/* --- Кросс-платформенный блок (crossplatform) --- */
@media (max-width: 992px) {
    .crossplatform__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .crossplatform__logos {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

@media (max-width: 640px) {
    .crossplatform__logos {
        grid-template-columns: repeat(2, 1fr);
    }

    .os-logo {
        padding: 16px 8px;
    }

    .os-logo svg {
        width: 32px;
        height: 32px;
    }

    .os-logo span {
        font-size: 10px;
    }
}

/* --- Блок импортозамещения (import-block) --- */
@media (max-width: 992px) {
    .import-block__grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .import-block__lead {
        font-size: 18px;
    }

    .import-block__stats {
        justify-content: flex-start;
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .import-stat {
        width: auto;
        flex: 1;
        min-width: 110px;
        padding: 16px;
    }

    .import-stat__value {
        font-size: 28px;
    }

    .import-stat__label {
        font-size: 10px;
    }
}

@media (max-width: 640px) {
    .import-feature {
        flex-direction: column;
        align-items: flex-start;
    }

    .sovereignty-graphic {
        padding: 16px;
    }

    .sovereignty-svg {
        max-width: 280px;
    }

    .sovereignty-badge {
        font-size: 10px;
        padding: 6px 12px;
    }
}

/* --- Блок философии --- */
@media (max-width: 768px) {
    .philosophy {
        padding: 80px 0;
    }

    .philosophy__title {
        font-size: 28px;
    }

    .philosophy__text {
        font-size: 16px;
        padding: 0 16px;
    }
}

/* --- Блок обратной связи (contact-engineering) --- */
@media (max-width: 992px) {
    .contact-engineering__grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .contact-engineering__form-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .input-group--full {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .contact-engineering__form-wrapper {
        padding: 24px;
    }

    .contact-engineering__direct-value {
        font-size: 16px;
    }

    .contact-engineering__submit {
        font-size: 13px;
        padding: 12px 20px;
    }
}

/* --- Узкий блок контактов (contact-strip) --- */
@media (max-width: 768px) {
    .contact-strip__card {
        flex-direction: column;
        text-align: center;
        padding: 24px;
        gap: 20px;
    }

    .contact-strip__decor {
        width: 100px;
        height: 100px;
    }

    .contact-strip__title {
        font-size: 20px;
    }

    .contact-strip__text {
        font-size: 14px;
    }

    .contact-strip__link {
        word-break: break-word;
        white-space: normal;
    }
}

/* --- Футер --- */
@media (max-width: 768px) {
    .footer__container {
        flex-direction: column;
        gap: 32px;
        text-align: center;
        align-items: center;
    }

    .footer__info {
        text-align: center;
    }

    .footer__contacts {
        align-items: center;
    }

    .footer__email {
        font-size: 20px;
    }

    .footer__phone {
        font-size: 18px;
    }
}

/* --- Специальные правки для очень маленьких экранов (≤ 480px) --- */
@media (max-width: 480px) {
    .hero__title {
        font-size: 28px;
    }

    .section-header__title {
        font-size: 24px;
    }

    .section-header__subtitle {
        font-size: 11px;
    }

    .hero__bg-text {
        font-size: 8px;
        padding: 6px 16px;
    }

    .btn {
        padding: 10px 20px;
        font-size: 12px;
    }

    .solution-card__title {
        font-size: 18px;
    }

    .solution-card__text {
        font-size: 14px;
    }

    .tech-card__title {
        font-size: 20px;
    }

    .tech-tag {
        font-size: 10px;
    }

    .workflow-step__title {
        font-size: 16px;
    }

    .workflow-step__text {
        font-size: 14px;
    }

    .product-card__title {
        font-size: 22px;
    }

    .import-stat__value {
        font-size: 24px;
    }

    .import-stat__label {
        font-size: 9px;
    }

    .scroll-nav {
        bottom: 16px;
        right: 16px;
    }

    .scroll-nav__btn {
        width: 36px;
        height: 32px;
        font-size: 12px;
    }
}