/* Mobile-responsive overrides — адаптивная вёрстка для мобильных устройств */

/* Предотвращение горизонтального скролла */
html, body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Safe area для устройств с вырезами (iPhone X+) */
body {
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* Минимальные тач-цели для кнопок и ссылок на мобильных (рекомендация 44px) */
@media (max-width: 768px) {
    button:not([class*="icon"]),
    a.cta-button,
    a[href^="https://t.me"] {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

/* Очень маленькие экраны (< 375px) — дополнительная читаемость */
@media (max-width: 374px) {
    #root {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}