/* GameStores — прозрачный интерфейс.
   Фоновая картинка страницы НЕ изменяется.
   Логотип НЕ изменяется.
*/

/* Основные цвета темы */
:root,
:root[data-theme="red_black"] {
    --bg-color-900: transparent !important;
    --bg-color-800: transparent !important;
    --bg-color-700: rgba(0, 0, 0, 0.12) !important;
    --bg-color-600: rgba(0, 0, 0, 0.10) !important;
    --bg-color-500: rgba(0, 0, 0, 0.08) !important;

    --product-items-trans-bg-color: rgba(0, 0, 0, 0.08) !important;
}

/* Убираем фон основных оболочек */
[class*="layout"],
[class*="wrapper"],
[class*="container"],
[class*="content"],
[class*="catalog"],
[class*="shop"],
[class*="sidebar"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Панели интерфейса */
[class*="panel"],
[class*="menu"],
[class*="filter"],
[class*="category"],
[class*="search"] {
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Карточки товаров */
[class*="product"],
[class*="item"],
[class*="card"] {
    background: rgba(0, 0, 0, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    box-shadow: none !important;
}

/* Кнопки */
button {
    background: rgba(0, 0, 0, 0.20) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

/* Поле поиска */
input,
textarea,
select {
    background: rgba(0, 0, 0, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

/* Окно покупки — оставить ЧЁРНЫМ */
[class*="modal"] {
    background: rgba(5, 5, 7, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.65) !important;
}

/* Сам контейнер окна покупки */
.modal-layout-module__wrapper {
    background: rgba(5, 5, 7, 0.96) !important;
    border-radius: 12px !important;
}

/* Не трогаем фон страницы */
body {
    background-color: initial !important;
}