/* ===== ПРИНУДИТЕЛЬНО 3 КОЛОНКИ ===== */
.product-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* Планшеты - 2 колонки */
@media (max-width: 991px) {
    .product-cards {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Мобильные - 1 колонка */
@media (max-width: 576px) {
    .product-cards {
        grid-template-columns: 1fr !important;
    }
}









/* ===== ТЕМНАЯ ШАПКА — КРАСНЫЙ КАК ВЫЖИТЬ / VIZITEER ===== */

/* 1. ТЕМНЫЙ ФОН */
header,
.navbar,
.wrapper,
.top-bar,
.app-wrapper > header,
div[class*="header"],
div[class*="navbar"] {
    background: #0a0a0a !important;
    background-image: none !important;
    border-bottom: 2px solid #8b0000 !important;
}

/* 2. ТЕКСТ — БЛАГОРОДНЫЙ КРАСНЫЙ (как "Выжить Любой Ценой") */
header,
header *,
.navbar,
.navbar *,
.wrapper,
.wrapper *,
.top-bar,
[class*="header"] *,
[class*="navbar"] * {
    color: #b22222 !important;  /* Огненно-красный, как в :root */
}

/* 3. ССЫЛКИ — ТОТ ЖЕ КРАСНЫЙ */
header a,
.navbar a,
.wrapper a,
.top-bar a {
    color: #b22222 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

header a:hover,
.navbar a:hover,
.wrapper a:hover {
    color: #dc143c !important;  /* Малиновый при наведении */
}


/* 5. ЛОГОТИП/БРЕНД — ТОЖЕ КРАСНЫЙ */
.navbar-brand,
[class*="logo"],
[class*="brand"] {
    color: #b22222 !important;
    font-weight: bold !important;
}




/* ===== ТЕКСТ В ШАПКЕ — БЕЛЫЙ ===== */

/* 2. ТЕКСТ — БЕЛЫЙ (замени красный на белый) */
header,
header *,
.navbar,
.navbar *,
.wrapper,
.wrapper *,
.top-bar,
[class*="header"] *,
[class*="navbar"] * {
    color: #ffffff !important;  /* БЕЛЫЙ */
}

/* 3. ССЫЛКИ — ТОЖЕ БЕЛЫЙ */
header a,
.navbar a,
.wrapper a,
.top-bar a {
    color: #ffffff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

header a:hover,
.navbar a:hover,
.wrapper a:hover {
    color: #ff4d4d !important;  /* Красный только при наведении */
}

/* 5. ЛОГОТИП/БРЕНД — БЕЛЫЙ */
.navbar-brand,
[class*="logo"],
[class*="brand"] {
    color: #ffffff !important;
    font-weight: bold !important;
}








/* ===== ТОЛЬКО РАМКА ДЛЯ ПРОФИЛЯ ===== */

section.profile-info {
    border: 1px solid #2a2a2a !important;
    border-radius: 8px !important;
    /* НЕ меняем фон, НЕ меняем отступы, НЕ меняем ничего else */
    background: transparent !important;
    padding: 6px !important; /* оставляем как было */
}


/* ===== ТЁМНОЕ МОДАЛЬНОЕ ОКНО ===== */

.modal-content,
div[class*="modal-content"] {
    background: #1a1a1a !important;  /* Тёмно-серый */
    color: #f0f0f0 !important;      /* Светлый текст */
    border: 1px solid #8b0000 !important;  /* Красная рамка */
}

.modal-content *,
div[class*="modal-content"] * {
    color: #f0f0f0 !important;      /* Весь текст внутри — светлый */
}

.modal-content .btn-close,
div[class*="modal-content"] .btn-close {
    filter: invert(1) !important;   /* Крестик белый */
}





/* ===== ИСПРАВЛЯЕМ БЕЛЫЙ ФОН В amount-control-total ===== */

.amount-control-total,
div[class*="amount-control-total"] {
    background: #1a1a1a !important;  /* Тёмный фон */
    color: #f0f0f0 !important;       /* Светлый текст */
    border: 1px solid #8b0000 !important;  /* Красная рамка */
    border-radius: 6px !important;
}

/* Кнопка ПРИОБРЕСТИ */
.amount-control-total .btn,
.amount-control-total button,
div[class*="amount-control-total"] .btn,
div[class*="amount-control-total"] button {
    background: #8b0000 !important;
    color: white !important;
    border: none !important;
}

.amount-control-total .btn:hover,
.amount-control-total button:hover {
    background: #b22222 !important;
}






/* ===== ИСПРАВЛЯЕМ БЕЛЫЙ ФОН В amount-control-counter ===== */

.amount-control-counter,
div[class*="amount-control-counter"] {
    background: #1a1a1a !important;  /* Тёмный фон */
    color: #f0f0f0 !important;       /* Светлый текст */
    border: 1px solid #8b0000 !important;  /* Красная рамка */
    border-radius: 6px !important;
    padding: 8px 16px !important;
}

/* Число (RUB 2500) */
.amount-control-counter span,
.amount-control-counter div,
div[class*="amount-control-counter"] span,
div[class*="amount-control-counter"] div {
    color: #f0f0f0 !important;
}

/* Если есть кнопки + / - */
.amount-control-counter button,
div[class*="amount-control-counter"] button {
    background: #8b0000 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
}

.amount-control-counter button:hover {
    background: #b22222 !important;
}




/* ===== ИСПРАВЛЯЕМ БЕЛЫЕ КНОПКИ ===== */

button.app-button,
button.app-button--primary,
.app-button,
.app-button--primary,
[class*="app-button"] {
    background: #8b0000 !important;  /* Тёмно-красный */
    color: white !important;
    border: 1px solid #b22222 !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

button.app-button:hover,
button.app-button--primary:hover,
.app-button:hover,
.app-button--primary:hover {
    background: #b22222 !important;  /* Ярче при наведении */
    box-shadow: 0 0 10px rgba(178, 34, 34, 0.5) !important;
    transform: translateY(-2px) !important;
}



/* ===== ИСПРАВЛЯЕМ СТРОКУ ПОИСКА И КНОПКИ КАТЕГОРИЙ ===== */

/* Поле ввода поиска */
input.search-input,
.search-input,
[class*="search-input"] {
    background: #2a2a2a !important;  /* Сероватый */
    border: 1px solid #8b0000 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
}

input.search-input::placeholder,
.search-input::placeholder {
    color: #cccccc !important;  /* Светло-серый плейсхолдер */
    opacity: 0.8 !important;
}

/* Кнопки категорий (Одежда, Холодное Оружие, Предметы и т.д.) */
.p-categories button,
.p-categories .btn,
.category-item,
[class*="category"] button,
button:contains("Одежда"),
button:contains("Холодное Оружие"),
button:contains("Предметы"),
button:contains("Магазины"),
button:contains("Дроны"),
button:contains("Транспорт") {
    background: #2a2a2a !important;  /* Сероватый */
    color: #ffffff !important;
    border: 1px solid #8b0000 !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
}

.p-categories button:hover,
.p-categories .btn:hover,
.category-item:hover {
    background: #8b0000 !important;  /* Красный при наведении */
    border-color: #b22222 !important;
}







/* ===== ИСПРАВЛЯЕМ БЕЛЫЙ ФОН В КАРТОЧКЕ ТОВАРА ===== */

.product-card-footer,
div[class*="product-card-footer"],
[class*="product-footer"],
.product-footer {
    background: transparent !important;
    border-top: 1px solid rgba(139, 0, 0, 0.3) !important;
}

/* Сама карточка товара */
.product-card,
div[class*="product-card"],
.product,
[class*="product"] {
    background: rgba(10, 0, 0, 0.6) !important;
    border: 1px solid rgba(139, 0, 0, 0.2) !important;
    border-radius: 8px !important;
}

/* Текст в карточке */
.product-card *,
.product-card-footer *,
[class*="product"] * {
    color: #ffffff !important;
}

/* Цена */
.product-price,
[class*="price"] {
    color: #b22222 !important;
    font-weight: bold !important;
}







/* ===== ФОН ТОЛЬКО ДЛЯ КАРТОЧЕК ТОВАРОВ ===== */

/* Основные карточки */
.product-card:has(img),
.product:has(img),
div[class*="product-card"]:has(img),
div[class*="product"]:has(img) {
    background-image: url('https://i.postimg.cc/gjTkfB9r/b2cdf4ca8211faf7.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Если у карточки есть изображение товара */
.product-card:has(.product-image),
.product:has(.product-img),
div[class*="product-card"]:has(img[alt*="товар"]),
div[class*="product"]:has(img[alt*="товар"]) {
    background-image: url('https://i.postimg.cc/gjTkfB9r/b2cdf4ca8211faf7.png') !important;
}

/* Убираем фон со всех остальных блоков */
.product-card:empty,
.product:empty,
div[class*="product-card"]:not(:has(img)),
div[class*="product"]:not(:has(img)) {
    background-image: none !important;
}


/* ===== УБИРАЕМ РАМКУ И ВЫДЕЛЕНИЕ ===== */

p.product-modal-title,
.product-modal-title,
[class*="product-modal-title"] {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ===== НИЗ КАРТОЧКИ ТОВАРА ===== */

/* Контейнер кнопок */
div.modal-footer-buttons,
.modal-footer-buttons {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 3.2px 0px 9.6px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Кнопка Закрыть */
button.modal-close-button,
.modal-close-button {
    background: #333333 !important;
    border: 1px solid #666666 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

p.modal-close-button-text,
.modal-close-button-text {
    color: #ffffff !important;
    font-size: 14.4px !important;
    font-family: Manrope, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Кнопка Приобрести */
button.modal-primary-button,
.modal-primary-button {
    background: #8b0000 !important;
    border: 1px solid #b22222 !important;
    border-radius: 6px !important;
    padding: 10px 32px 10px 32px !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

p.modal-primary-button-text,
.modal-primary-button-text {
    color: #ffffff !important;
    font-size: 14.4px !important;
    font-family: Manrope, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Ховеры */
button.modal-close-button:hover {
    background: #444444 !important;
    border-color: #888888 !important;
}

button.modal-primary-button:hover {
    background: #b22222 !important;
    box-shadow: 0 0 10px rgba(178, 34, 34, 0.5) !important;
}

/* Убираем лишние фоны и рамки */
.modal-footer-buttons * {
    background: transparent !important;
}

.modal-footer-buttons button:focus {
    outline: 1px solid #ffffff !important;
    outline-offset: 2px !important;
}




/* ===== КНОПКИ ПО ЦЕНТРУ, НО РАЗДЕЛЬНО ===== */

div.modal-footer-buttons,
.modal-footer-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 3.2px 0 9.6px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}

/* Кнопка Закрыть */
button.modal-close-button,
.modal-close-button {
    background: #333333 !important;
    border: 1px solid #666666 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
}

/* Кнопка Приобрести */
button.modal-primary-button,
.modal-primary-button {
    background: #8b0000 !important;
    border: 1px solid #b22222 !important;
    border-radius: 6px !important;
    padding: 10px 32px !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
}



/* ===== СКРЫТЬ НАЗВАНИЯ НА КАРТОЧКАХ ТОВАРОВ ===== */

.product-card .product-title,
.product-card [class*="title"],
.product-card [class*="name"],
.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.product-card h5,
.product-card h6,
.product-card .p-name,
.product-card .product-name,
.product-card .product-modal-title {
    display: none !important;
}


/* ===== ИЗМЕНИТЬ РАМКУ ЦЕНЫ ===== */

p.product-card-price,
.product-card-price,
[class*="product-card-price"] {
    background: #1a1a1a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    color: #b22222 !important;
    font-weight: bold !important;
    display: inline-block !important;
    box-shadow: 0 2px 8px rgba(139, 0, 0, 0.3) !important;
}




/* ===== ПРОФИЛЬ — СВЕТЛО-ТЕМНЫЙ ФОН ===== */

section.profile-info {
    background: #2a2a2a !important;  /* Чуть светлее */
    border: 1px solid #b22222 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

section.profile-info * {
    color: #f0f0f0 !important;
}

section.profile-info h1,
section.profile-info h2,
section.profile-info h3,
section.profile-info h4,
section.profile-info strong,
th.profile-info_cell--header,
[class*="profile-info_cell--header"] {
    color: #dc143c !important;  /* Малиновый, ярче */
}

td.profile-info_cell,
.profile-info_cell {
    color: #ffffff !important;
}

a.profile-sidebar_link,
.profile-sidebar_link {
    background: #3a3a3a !important;  /* Светлее */
    color: #ffffff !important;
    border: 1px solid #b22222 !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
}

a.profile-sidebar_link:hover,
.profile-sidebar_link:hover {
    background: #b22222 !important;
    color: white !important;
}

a.profile-sidebar_link:last-child,
a:contains("Выйти") {
    background: #8b0000 !important;
    color: white !important;
}








/* ===== ПРОФИЛЬ — ТЕМНЫЙ profile-sidebar__item ===== */

.profile-sidebar__item,
[class*="profile-sidebar__item"] {
    background: #2a2a2a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    margin: 6px 0 !important;
    list-style: none !important;
}

.profile-sidebar__item a,
.profile-sidebar__item button,
[class*="profile-sidebar__item"] a,
[class*="profile-sidebar__item"] button {
    background: transparent !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}

.profile-sidebar__item:hover,
[class*="profile-sidebar__item"]:hover {
    background: #8b0000 !important;
    border-color: #b22222 !important;
}

.profile-sidebar__item:hover a,
.profile-sidebar__item:hover button {
    color: white !important;
}

.profile-sidebar__item:last-child,
[class*="profile-sidebar__item"]:last-child,
.profile-sidebar__item:contains("Выйти"),
[class*="profile-sidebar__item"]:contains("Выйти") {
    background: #8b0000 !important;
}

.profile-sidebar__item:last-child:hover,
[class*="profile-sidebar__item"]:last-child:hover {
    background: #b22222 !important;
}






/* ===== ПАНЕЛЬ ОПЛАТЫ — ТОЛЬКО ТЕМНЫЙ ФОН ===== */

div.recharge-panel,
.recharge-panel {
    background: #1a1a1a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 12px !important;
    padding: 32px !important;
}

/* Текст — белый */
.recharge-panel * {
    color: #ffffff !important;
}

/* Поля ввода — темные */
.recharge-panel input {
    background: #2a2a2a !important;
    border: 1px solid #8b0000 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 12px !important;
}

/* Кнопки */
.modal-footer-buttons button {
    background: #8b0000 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
}

/* ===== ПАНЕЛЬ ОПЛАТЫ — УБИРАЕМ ДВОЙНЫЕ РАМКИ И БЕЛОЕ ===== */

/* Основной контейнер — только одна рамка */
div.recharge-panel,
.recharge-panel {
    background: #0a0a0a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 12px !important;
    padding: 32px !important;
}

/* Убираем все внутренние рамки */
div.recharge-panel-providers,
.recharge-panel-providers,
div.recharge-panel-input,
.recharge-panel-input,
input.recharge-panel-input-raw {
    border: none !important;
    background: transparent !important;
}

/* Поля ввода — только нижняя граница */
input.recharge-panel-input-raw {
    border-bottom: 1px solid #8b0000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 8px 0 !important;
    width: 100% !important;
    color: #ffffff !important;
}

/* Убираем фон у провайдера */
div.recharge-panel-providers {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Кнопки — без рамок */
.modal-footer-buttons button {
    border: none !important;
    box-shadow: none !important;
}

/* Убираем белое снизу */
.modal-footer-buttons {
    background: transparent !important;
    border-top: 1px solid #8b0000 !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
}

.recharge-panel div:last-child,
.modal-footer-buttons:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}




/* ===== ПАНЕЛЬ ОПЛАТЫ — ВИДИМЫЙ ТЕКСТ ===== */

/* Основной контейнер */
div.recharge-panel,
.recharge-panel {
    background: #0a0a0a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 12px !important;
    padding: 32px !important;
}

/* ВЕСЬ ТЕКСТ — БЕЛЫЙ */
.recharge-panel,
.recharge-panel *,
.recharge-panel h1,
.recharge-panel h2,
.recharge-panel h3,
.recharge-panel p,
.recharge-panel span,
.recharge-panel div,
.recharge-panel label {
    color: #ffffff !important;
}

/* Заголовок "Пополнение баланса" — красный */
.recharge-panel h1,
.recharge-panel h2:first-child {
    color: #b22222 !important;
    border-bottom: 1px solid #8b0000 !important;
    padding-bottom: 12px !important;
}

/* Метки — светло-серый */
.recharge-panel label,
.recharge-panel div:contains("Метод оплаты:"),
.recharge-panel div:contains("Сумма"),
.recharge-panel div:contains("Email:"),
.recharge-panel div:contains("Промокод") {
    color: #cccccc !important;
}

/* PAYPALYCH — красный */
.recharge-panel div:contains("PAYPALYCH") {
    color: #b22222 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/* Поля ввода */
input.recharge-panel-input-raw {
    background: transparent !important;
    border-bottom: 1px solid #8b0000 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #ffffff !important;
    padding: 8px 0 !important;
    width: 100% !important;
}

input.recharge-panel-input-raw::placeholder {
    color: #999999 !important;
}

/* Сумма к зачислению и 0 — белый */
.recharge-panel div:contains("Сумма к зачислению:"),
.recharge-panel div:contains("0") {
    color: #ffffff !important;
}

/* Email */
.recharge-panel div:contains("egoor.sa@mail.ru") {
    color: #ffffff !important;
}

/* Бонус От 100р */
.recharge-panel div:contains("От 100р") {
    background: rgba(139, 0, 0, 0.2) !important;
    border: 1px solid #b22222 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    display: inline-block !important;
    color: #ff9999 !important;
}

/* Кнопки */
.modal-footer-buttons button:first-child,
button:contains("Закрыть") {
    background: #333333 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
}

.modal-footer-buttons button:last-child,
button:contains("Перейти") {
    background: #8b0000 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 32px !important;
}

/* Убираем лишние рамки */
div.recharge-panel-providers,
.recharge-panel-providers,
div.recharge-panel-input,
.recharge-panel-input {
    border: none !important;
    background: transparent !important;
}


/* ===== ПОЛЯ ВВОДА — КРАСНАЯ ПОДЧЕРКИВАНИЕ ===== */

div.recharge-panel-input.readonly.transition-all.duration-300,
.recharge-panel-input,
[class*="recharge-panel-input"] {
    border: none !important;
    border-bottom: 2px solid #8b0000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    padding: 15px 15px 0px !important;
    width: 100% !important;
}

/* Убираем все остальные рамки */
div.recharge-panel-input.readonly.transition-all.duration-300 {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Текст внутри поля */
div.recharge-panel-input.readonly.transition-all.duration-300 * {
    color: #ffffff !important;
}

/* Значение 110 */
div.recharge-panel-input.readonly.transition-all.duration-300 div,
div.recharge-panel-input.readonly.transition-all.duration-300 span {
    color: #ffffff !important;
    font-size: 16px !important;
}



/* ===== УБИРАЕМ БЕЛОЕ В MODAL-FOOTER-BUTTONS ===== */

div.modal-footer-buttons,
.modal-footer-buttons {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Убираем белый фон у всех родительских элементов */
.modal-footer-buttons *,
div.modal-footer-buttons * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Принудительно задаем цвет кнопок */
.modal-footer-buttons button,
div.modal-footer-buttons button {
    background: #333333 !important;
    background-color: #333333 !important;
}

.modal-footer-buttons button:last-child {
    background: #8b0000 !important;
    background-color: #8b0000 !important;
}

/* Убираем возможные белые блоки вокруг */
.modal-footer-buttons::before,
.modal-footer-buttons::after {
    display: none !important;
    content: none !important;
}




/* ===== ИСПРАВЛЯЕМ БЕЛЫЙ SELECT-DISPLAY ===== */

div.select-display,
.select-display,
[class*="select-display"] {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
}

div.select-display *,
.select-display * {
    color: #ffffff !important;
    background: transparent !important;
}






/* ===== ИСПРАВЛЯЕМ SELECT-OPTION ===== */

div.select-option,
.select-option,
[class*="select-option"] {
    background: #2a2a2a !important;
    border: 1px solid #8b0000 !important;
    border-radius: 6px !important;
    color: #f0f0f0 !important;
    padding: 12px 16px !important;
    margin: 4px 0 !important;
}

div.select-option:hover,
.select-option:hover {
    background: #8b0000 !important;
    border-color: #b22222 !important;
    color: #ffffff !important;
}

div.select-option *,
.select-option * {
    color: inherit !important;
    background: transparent !important;
}