/* =====================================================================
   RAGE STORE — "Simple" v3.2 для GameStores (стандартный шаблон)
   Вставлять в: Магазин → Внешний вид → Продвинутая конфигурация → CSS
   Чтобы вернуть как было: очистить поле CSS и сохранить.
   ВАЖНО: блок "Сайт создан в системе GameStores" (DesktopCopyright)
   этим кодом НЕ изменяется и должен оставаться читаемым.

   Быстрые настройки (в самом начале, блок :root):
   --rg-width  — ширина сайта (сейчас 1200px, можно 1100px или 1320px)
   --rg-accent — главный цвет (зелёный)
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

:root {
  --rg-width: 1200px;
  --rg-bg: #101110;
  --rg-panel: #1a1b19;
  --rg-card: #222320;
  --rg-card-hover: #292b27;
  --rg-line: rgba(255, 255, 255, .07);
  --rg-text: #eceee8;
  --rg-muted: #9a9f94;
  --rg-accent: #8dbb4c;
  --rg-accent-dark: #10180a;
  --rg-warm: #e6c36a;
  --rg-font: 'Rubik', 'Roboto', system-ui, sans-serif;
}

/* ---------- фон ---------- */
html { background: var(--rg-bg) !important; color-scheme: dark; }
body { background: transparent !important; color: var(--rg-text) !important; font-family: var(--rg-font) !important; }
/* твоя картинка из поля «Фон сайта» скрыта; чтобы вернуть её, удали это правило */
.BGImage-module__img { display: none !important; }
html::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 480px at 50% -8%, rgba(141, 187, 76, .13), transparent 70%),
    linear-gradient(180deg, #121412, #0d0e0d);
}
::selection { background: rgba(141, 187, 76, .35); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d0e0d; }
::-webkit-scrollbar-thumb { background: #34372f; border-radius: 6px; }

/* ---------- ширина ---------- */
.container { max-width: var(--rg-width) !important; width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; }

/* большой стандартный баннер «GAMESTORES.RU» убираем (свой логотип из панели останется) */
.bannerContainer:has(img[src*="gamestores.png"]) { display: none !important; }
.Banner-module__img[src*="gamestores.png"] { display: none !important; }
.Banner-module__img { max-height: 90px; width: auto; margin: 0 auto; display: block; }

/* ---------- шапка: тонкая полоса ---------- */
.headerContainer { margin-top: 14px !important; position: relative; z-index: 40; }
.Header-module__wrapper {
  position: relative !important; overflow: visible !important;
  background: #171816 !important; border: 1px solid var(--rg-line) !important; border-radius: 8px !important;
}
/* логотип: RAGE RUST (текст берётся отсюда, название магазина в панели можно не менять) */
.Header-module__logo {
  display: inline-flex !important; align-items: center; font-size: 0 !important; line-height: 1;
  padding-left: 10px; border-left: 3px solid var(--rg-accent); text-decoration: none;
}
.Header-module__logo::before {
  content: "RAGE"; font-size: 19px; font-weight: 700; letter-spacing: .2em; color: var(--rg-text);
}
.Header-module__logo::after {
  content: "RUST"; margin-left: .35em; font-size: 19px; font-weight: 700; letter-spacing: .2em; color: var(--rg-accent);
}
.HeaderNav-module__link {
  text-transform: uppercase; letter-spacing: .1em; font-size: 12px !important; font-weight: 500;
  color: var(--rg-muted) !important; transition: color .15s;
}
.HeaderNav-module__link:hover { color: var(--rg-text) !important; }
.PlayerMenu-module__loginLink {
  background: var(--rg-accent) !important; color: var(--rg-accent-dark) !important;
  font-weight: 600; font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  border-radius: 6px; padding: 8px 18px; transition: filter .15s;
}
.PlayerMenu-module__loginLink:hover { filter: brightness(1.08); }

/* ---------- выбор языка: выпадающий список поверх панелей ---------- */
.LangSwitcher-module__wrapper { position: relative !important; }
.LangSwitcher-module__btn {
  background: rgba(255, 255, 255, .06) !important; color: var(--rg-text) !important;
  border-radius: 6px !important; font-weight: 500;
}
.LangSwitcher-module__btn:hover { background: rgba(255, 255, 255, .1) !important; }
.LangSwitcher-module__list {
  z-index: 60 !important; right: 0 !important; left: auto !important; min-width: 130px;
  background: #1f201d !important; border: 1px solid var(--rg-line) !important; border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .5); overflow: hidden;
}
.LangSwitcher-module__lang { color: var(--rg-text) !important; background: transparent !important; }
.LangSwitcher-module__lang:hover { background: rgba(141, 187, 76, .16) !important; }

/* ---------- раскладка: магазин слева, виджеты справа ---------- */
.Index-module__wrapper {
  display: flex !important; flex-direction: row-reverse !important; align-items: flex-start !important;
  gap: 14px !important; margin-top: 14px !important;
}
.Widgets-module__wrapper {
  flex: 0 0 260px !important; width: 260px !important; position: sticky; top: 14px;
  display: flex; flex-direction: column; gap: 12px;
}
.Shop-module__wrapper { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
@media (max-width: 900px) {
  .Index-module__wrapper { flex-direction: column !important; }
  .Widgets-module__wrapper { flex: none !important; width: 100% !important; position: static; }
}

/* ---------- панели ---------- */
.Widgets-module__widgetWrapper, .Shop-module__wrapper {
  background: var(--rg-panel) !important; border: 1px solid var(--rg-line) !important; border-radius: 8px !important;
}
.boxHeader {
  background: transparent !important; font-size: 14px !important; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--rg-text) !important;
  border-bottom: 1px solid var(--rg-line) !important;
}
.boxFooter { background: transparent !important; border-top: 1px solid var(--rg-line) !important; }
.errorMessage { color: var(--rg-muted) !important; font-size: 13px; }

/* ---------- категории и поиск ---------- */
.Categories-module__categories {
  display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important;
  gap: 6px !important; padding-bottom: 12px;
}
.Categories-module__category {
  background: #262723 !important; border: 1px solid var(--rg-line) !important; color: var(--rg-muted) !important;
  border-radius: 6px !important; padding: 7px 14px !important; font-size: 12.5px !important; font-weight: 500;
  transition: background .15s, color .15s;
}
.Categories-module__category:hover { color: var(--rg-text) !important; background: #2d2f2a !important; }
.Categories-module__category.Categories-module__active {
  background: var(--rg-accent) !important; border-color: var(--rg-accent) !important;
  color: var(--rg-accent-dark) !important; font-weight: 600;
}
.Search-module__wrapper {
  background: #151614 !important; border: 1px solid var(--rg-line) !important; border-radius: 6px !important; overflow: hidden;
}
.Search-module__wrapper:focus-within { border-color: var(--rg-accent) !important; }
.Search-module__iconWrapper { background: transparent !important; }
.Search-module__iconWrapper svg { color: var(--rg-muted) !important; fill: var(--rg-muted) !important; }
.Search-module__input { background: transparent !important; color: var(--rg-text) !important; }
.Search-module__input::placeholder { color: var(--rg-muted) !important; }

/* ---------- товары ---------- */
.Products-module__wrapper {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  gap: 10px !important; padding-top: 12px;
}
.Product-module__wrapper {
  position: relative !important; display: block !important; width: auto !important; height: auto !important;
  aspect-ratio: 1 / 1.1; padding: 0 !important; overflow: hidden; cursor: pointer;
  background: var(--rg-card) !important; border: 1px solid var(--rg-line) !important; border-radius: 6px !important;
  transition: background .15s, border-color .15s;
}
.Product-module__wrapper:hover { background: var(--rg-card-hover) !important; border-color: rgba(141, 187, 76, .55) !important; }
.Product-module__img {
  position: absolute !important; left: 14% !important; top: 8% !important; width: 72% !important; height: 56% !important;
  object-fit: contain !important; transition: transform .15s;
}
.Product-module__wrapper:hover .Product-module__img { transform: scale(1.05); }
.Product-module__name {
  position: absolute !important; left: 10px !important; right: 10px !important; bottom: 32px !important; top: auto !important; z-index: 2;
  display: block !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  padding: 0 !important; background: none !important; font-size: 12px !important; font-weight: 500; line-height: 1.2;
  color: var(--rg-text) !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
}
.Product-module__price {
  position: absolute !important; left: 10px !important; bottom: 10px !important; top: auto !important; z-index: 2;
  background: none !important; border: 0 !important; padding: 0 !important;
  color: #fff !important; font-size: 14px; font-weight: 700;
}
.Product-module__count {
  position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important; z-index: 2;
  background: rgba(0, 0, 0, .45) !important; color: var(--rg-accent) !important;
  border-radius: 4px; padding: 2px 7px; font-size: 11.5px; font-weight: 600;
}

/* ---------- окно покупки ---------- */
.ModalLayout-module__wrapper { background: rgba(5, 6, 5, .72) !important; }
.ModalLayout-module__modal {
  background: #1a1b19 !important; border: 1px solid var(--rg-line) !important; border-radius: 10px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .6); overflow: hidden;
}
.TotalSum-module__label, .CountSelector-module__label {
  color: var(--rg-muted) !important; text-transform: uppercase; letter-spacing: .08em; font-size: 11px !important;
}
.TotalSum-module__currency { background: rgba(141, 187, 76, .18) !important; color: var(--rg-accent) !important; }
.TotalSum-module__input, .CountSelector-module__input {
  background: #151614 !important; color: var(--rg-text) !important; border: 1px solid var(--rg-line) !important;
}
.CountSelector-module__changeCountBtn { background: rgba(255, 255, 255, .06) !important; color: var(--rg-text) !important; }
.CountSelector-module__changeCountBtn:hover { background: rgba(141, 187, 76, .2) !important; }
.CountSelector-module__changeCountBtn svg { fill: currentColor !important; }
.productModalGiveText { color: var(--rg-warm) !important; font-size: 12.5px; }
.Button-module__btn {
  border-radius: 6px !important; font-weight: 600 !important; font-size: 12.5px !important;
  letter-spacing: .05em; text-transform: uppercase; transition: filter .15s, background .15s;
}
.Button-module__accent { background: var(--rg-accent) !important; color: var(--rg-accent-dark) !important; }
.Button-module__accent:hover { filter: brightness(1.08); }
.Button-module__gray { background: rgba(255, 255, 255, .07) !important; color: var(--rg-text) !important; }
.Button-module__gray:hover { background: rgba(255, 255, 255, .12) !important; }

/* ---------- детали ---------- */
/* тонкая фирменная полоска сверху страницы */
body::before {
  content: ""; position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100; pointer-events: none;
  background: linear-gradient(90deg, var(--rg-accent), rgba(141, 187, 76, 0) 70%);
}
/* справа в заголовке «Магазин»: краткая информация о сервере (текст можно менять) */
.Shop-module__header { display: flex !important; align-items: center; }
.Shop-module__header::after {
  content: "x2   •   КАРТА 4000   •   ВАЙП ПО ПЯТНИЦАМ"; margin-left: auto; white-space: pre;
  font-size: 11px; font-weight: 500; letter-spacing: .12em; color: var(--rg-muted);
}
/* подсказка над списком товаров */
.Shop-module__wrapper .boxBody::before {
  content: "После покупки введите /store в чате игры, и предметы появятся в вашей корзине.";
  display: block; margin-bottom: 14px; padding: 9px 12px; border-radius: 4px;
  border-left: 3px solid var(--rg-accent); background: rgba(141, 187, 76, .08);
  font-size: 12.5px; line-height: 1.4; color: var(--rg-muted);
}
/* пустой блок «Мониторинг» («Серверов нет») скрыт; появится сам, когда в магазин добавят сервер */
.Widgets-module__wrapper:not(:has(.Widgets-module__widgetWrapper:not(:has(.errorMessage)))) { display: none !important; }
@media (max-width: 700px) { .Shop-module__header::after { display: none; } }

/* ---------- подвал магазина (юридический текст остаётся читаемым) ---------- */
.ShopFooter-module__text { color: rgba(236, 238, 232, .55) !important; font-size: 11.5px; line-height: 1.5; }
.ShopFooter-module__link { color: var(--rg-accent) !important; }