/* === МОБИЛЬНАЯ АДАПТАЦИЯ ZERO BLOCK === */

/* 1. Запрет горизонтального скролла (главная проблема Zero) */
html, body, .t-records, .t-rec {
    overflow-x: hidden !important;
}

/* 2. Общие правила для мобильных */
@media screen and (max-width: 640px) {
    /* Заголовки */
    .t-title, h1, h2, .tn-atom__text {
        font-size: 26px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
    }
    /* Текст */
    .t-descr, p, .t-text, .tn-atom__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    /* Кнопки (зона нажатия ≥48px) */
    .t-btn, .tn-elem__btn {
        min-height: 48px !important;
        min-width: 120px !important;
        padding: 12px 20px !important;
    }
    /* Изображения Zero Block */
    .tn-atom__img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}

@media screen and (max-width: 480px) {
    .t-title, h1, h2 { font-size: 22px !important; }
    .t-btn { width: 100% !important; margin: 0 auto !important; }
    
    /* Отступы контейнера Zero Block */
    .t-rec .tn-artboard {
        padding: 20px 16px !important;
    }
}

@media screen and (max-width: 320px) {
    .t-title, h1, h2 { font-size: 20px !important; }
    .t-descr, p { font-size: 15px !important; }
    .tn-elem { transform: none !important; } /* Отключаем сдвиги анимации */
}

/* 3. ПРИМЕР: Скрытие конкретного элемента на мобильных */
/* Замените tn-elem__123456__7890 на ID вашего элемента */
/* @media screen and (max-width: 480px) {
    .tn-elem__123456__7890 { display: none !important; }
} */