/* ============================================================
   Hero About Block — media.css  (адаптив)
   ============================================================ */

@media (max-width: 1024px) {
    .ha-section { padding: 36px 0 0; }
    .ha-intro   { gap: 32px; }
    .ha-intro__media { flex: 0 0 40%; max-width: 40%; }
}

@media (max-width: 768px) {
    .ha-section { padding: 28px 0 0; }

    .ha-intro {
        flex-direction: column;
        gap: 24px;
    }

    .ha-intro__content { order: 2; }
    .ha-intro__media   { order: 1; flex: unset; max-width: 100%; width: 100%; }

    .ha-intro__img { max-height: 320px; width: 100%; object-fit: cover; }

    .ha-intro__title { font-size: clamp(24px, 5vw, 32px); text-align: center; }
    .ha-intro__text  { text-align: center; }
    .ha-intro__buttons { justify-content: center; }

    .ha-stats { grid-template-columns: repeat(2, 1fr); margin-top: 24px; }

    .ha-stats__item:nth-child(2n + 1)::before { display: none; }

    .ha-stats__item:nth-child(3),
    .ha-stats__item:nth-child(4) {
        border-top: 1px solid rgba(255,255,255,.2);
    }
}

@media (max-width: 480px) {
    .ha-container { padding: 0 16px; }
    .ha-intro__title { font-size: 28px; }
    .ha-intro__text  { font-size: 14px; }

    .ha-btn {
        flex: 1 1 calc(50% - 6px);
        text-align: center;
        justify-content: center;
        padding: 10px 12px;
        font-size: 13px;
    }

    .ha-stats__value { font-size: 36px; }
    .ha-stats__label { font-size: 12px; }

    .ha-stats__item + .ha-stats__item::before { display: none; }
    .ha-stats__item { padding: 22px 12px; }
}

@media (max-width: 360px) {
    .ha-stats { grid-template-columns: 1fr 1fr; }
    .ha-btn   { flex: 1 1 100%; }
}