/* Main Custom Styles for Promocode2 */

/* 1. Горизонтальное меню брендов - Некликабельное, но скроллящееся */
.scrolling-wrapper .btn {
    pointer-events: none !important;
    cursor: default !important;
    flex: 0 0 auto !important;
    /* ЗАПРЕТ СЖАТИЯ - Ключевой фикс для скролла */
}

.scrolling-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex !important;
    /* Гарантирует строку */
    flex-wrap: nowrap !important;
    /* Принудительно включаем скролл */
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    /* Подсказка, что можно тянуть (на мобильных) */
    padding-bottom: 5px;
    /* Чтобы скроллбар не налипал, если появится */
}

/* 2. Скрытие кнопок App Store (на всякий случай, если они есть в HTML) */
.app-store-btns {
    display: none !important;
}

/* Фикс кнопки "Получить промокод" */
/* Фикс кнопки "Получить промокод" */
.coupon-buttons .btn {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    /* Используем flex для центрирования */
    justify-content: center !important;
    align-items: center !important;
    border-radius: 5px;
    padding: 12px 0;
    /* Чуть увеличим паддинг */
    text-align: center !important;
}

/* 3. Дополнительные твики для чистоты */
body.stop-scrolling {
    overflow: hidden;
}

/* 4. Стили для форм (если используются где-то кроме registration.html) */
.form-control:focus {
    border-color: #80bdff;
    outline: 0;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

/* 5. Изображения на всю ширину (как в оригинале) */
.promo-card-img {
    width: 100% !important;
    height: 180px !important;
    /* Фиксированная высота для аккуратности */
    object-fit: contain !important;
    /* Сохраняем пропорции, но заполняем блок. Если нужно обрезать - cover */
    padding: 10px;
    /* Отступы чтобы не прилипало */
    display: block;
    margin: 0 auto;
}