/* ════════════════════════════════════════════════
   CUSTOM CSS — moscow1.gamestores.app
   Используем [class*="..."] чтобы точно попасть
   в динамические классы GameStores
   ════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700;800&family=PT+Sans:wght@400;700&display=swap');

/* ── ГЛОБАЛ ── */
* {
  box-sizing: border-box !important;
}

body {
  background: #1c1c1e !important;
  font-family: 'PT Sans', sans-serif !important;
  color: #d4c4b0 !important;
}

/* ════════════════════════════════════════════
   САЙДБАР
════════════════════════════════════════════ */

[class*="Widgets-module"] {
  background: linear-gradient(180deg, #7a2222 0%, #5c1a1a 40%, #3d1212 100%) !important;
  border-right: none !important;
}

/* Все заголовки блоков */
[class*="boxHeader"],
.boxHeader,
[class*="MonitoringWidget-module"][class*="header"] {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #f0e0d0 !important;
  padding: 12px 14px 10px !important;
}

[class*="boxBody"],
.boxBody,
[class*="MonitoringWidget-module"][class*="body"] {
  background: transparent !important;
  padding: 0 !important;
}

/* Строка сервера */
[class*="MonitoringServer-module"][class*="wrapper"] {
  padding: 7px 14px 9px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  background: transparent !important;
}

[class*="MonitoringServer-module"][class*="name"] {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #c8a898 !important;
  margin-bottom: 5px !important;
  display: block !important;
}

[class*="MonitoringServer-module"][class*="progressInfo"] {
  display: flex !important;
  margin-bottom: 4px !important;
}

[class*="MonitoringServer-module"][class*="playersInfo"] {
  font-size: 10px !important;
  color: rgba(200,168,152,0.65) !important;
  margin-right: 10px !important;
}

[class*="MonitoringServer-module"][class*="progressBarWrapper"] {
  background: rgba(0,0,0,0.4) !important;
  border-radius: 2px !important;
  height: 6px !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
}

[class*="MonitoringServer-module"][class*="progressBarAnim"] {
  background: linear-gradient(90deg, #4a8c3a, #68b854) !important;
  height: 100% !important;
  border-radius: 2px !important;
}

[class*="MonitoringServer-module"][class*="info"] {
  display: flex !important;
  align-items: center !important;
}

[class*="MonitoringServer-module"][class*="info"] > span {
  font-family: 'Exo 2', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #f0e0d0 !important;
  margin-right: 8px !important;
}

[class*="MonitoringServer-module"][class*="olineDivider"] {
  color: rgba(200,168,152,0.4) !important;
  margin: 0 2px !important;
}

[class*="server_tag"],
.server_tag {
  background: rgba(255,160,50,0.18) !important;
  color: #f0a840 !important;
  border: 1px solid rgba(240,168,64,0.28) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  font-family: 'Exo 2', sans-serif !important;
  padding: 2px 7px !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

[class*="MonitoringServer-module"][class*="btn"] {
  background: transparent !important;
  border: none !important;
  color: rgba(200,168,152,0.4) !important;
  padding: 0 !important;
  margin-left: auto !important;
  cursor: pointer !important;
  transition: color 0.2s !important;
}
[class*="MonitoringServer-module"][class*="btn"]:hover {
  color: #f0a840 !important;
}

/* Футер блока */
[class*="boxFooter"],
.boxFooter {
  background: transparent !important;
  padding: 10px 14px 14px !important;
  border-top: none !important;
}

/* Кнопка Обновить */
[class*="MonitoringWidget-module"][class*="updateBtn"],
[class*="Button-module"][class*="accent"] {
  width: 100% !important;
  background: linear-gradient(135deg, #4a8c3a, #5ea84a) !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 0 !important;
  border-radius: 3px !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: filter 0.2s !important;
}
[class*="MonitoringWidget-module"][class*="updateBtn"]:hover,
[class*="Button-module"][class*="accent"]:hover {
  filter: brightness(1.12) !important;
}

/* ════════════════════════════════════════════
   БОНУСЫ
════════════════════════════════════════════ */

[class*="bonuses"],
.bonuses {
  padding: 0 !important;
}

[class*="bonuses_header"],
.bonuses_header {
  font-family: 'Exo 2', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #f0e0d0 !important;
  padding: 12px 14px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  background: transparent !important;
}

[class*="bonuses_table"],
.bonuses_table {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 10px 12px 14px !important;
}

[class*="bonuses_table_item"],
.bonuses_table_item {
  width: calc(50% - 4px) !important;
  margin-right: 8px !important;
  margin-bottom: 6px !important;
  background: rgba(0,0,0,0.25) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 3px !important;
  padding: 6px 8px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 11px !important;
  color: #c8a898 !important;
}
[class*="bonuses_table_item"]:nth-child(2n),
.bonuses_table_item:nth-child(2n) {
  margin-right: 0 !important;
}

[class*="bonuses_table_item"] span,
.bonuses_table_item span {
  background: #3a7a2e !important;
  color: #a0e880 !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 2px !important;
}

/* ════════════════════════════════════════════
   СОЦСЕТИ
════════════════════════════════════════════ */

[class*="social_list"],
.social_list {
  display: flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

[class*="social_list_item"],
.social_list_item {
  width: 34px !important;
  height: 34px !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  transition: background 0.2s !important;
}
[class*="social_list_item"]:hover,
.social_list_item:hover {
  background: rgba(0,0,0,0.55) !important;
}

[class*="social_list_item_icon"],
.social_list_item_icon {
  width: 17px !important;
  height: 17px !important;
  background-color: #c8a898 !important;
  display: block !important;
  transition: background-color 0.2s !important;
}
[class*="social_list_item"]:hover [class*="social_list_item_icon"],
.social_list_item:hover .social_list_item_icon {
  background-color: #f0e0d0 !important;
}

[class*="DesktopCopyright-module"][class*="wrapper"] {
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 3px !important;
}
[class*="DesktopCopyright-module"][class*="text"] {
  font-size: 11px !important;
  color: rgba(200,168,152,0.5) !important;
}
[class*="DesktopCopyright-module"][class*="link"] {
  color: #f0a840 !important;
  font-size: 11px !important;
  text-decoration: none !important;
  margin-left: 4px !important;
}

/* ════════════════════════════════════════════
   ШАПКА
════════════════════════════════════════════ */

[class*="Header-module"][class*="wrapper"] {
  background: #252527 !important;
  border-bottom: 1px solid #333335 !important;
  height: 52px !important;
  padding: 0 16px !important;
}

[class*="Header-module"][class*="logo"] {
  font-family: 'Exo 2', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #f0e0d0 !important;
  text-decoration: none !important;
}

[class*="HeaderNav-module"][class*="link"],
[class*="SupportLink-module"][class*="link"] {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 14px !important;
  border-radius: 3px !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #b0a090 !important;
  text-decoration: none !important;
  margin-right: 4px !important;
  background: transparent !important;
  border: none !important;
  transition: background 0.15s, color 0.15s !important;
}
[class*="HeaderNav-module"][class*="link"]:hover,
[class*="SupportLink-module"][class*="link"]:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #f0e0d0 !important;
}
[class*="HeaderNav-module"][class*="link"][class*="active"],
[class*="HeaderNav-module"][class*="link"].active {
  background: #4a8c3a !important;
  color: #fff !important;
}

[class*="PlayerMenu-module"][class*="loginLink"] {
  display: inline-flex !important;
  align-items: center !important;
  background: #c0392b !important;
  color: #fff !important;
  padding: 7px 18px !important;
  border-radius: 3px !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  transition: filter 0.2s !important;
}
[class*="PlayerMenu-module"][class*="loginLink"]:hover {
  filter: brightness(1.12) !important;
}

[class*="LangSwitcher-module"][class*="btn"] {
  background: #333335 !important;
  border: 1px solid #444446 !important;
  color: #b0a090 !important;
  padding: 5px 10px !important;
  border-radius: 3px !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
[class*="LangSwitcher-module"][class*="list"] {
  background: #2e2e30 !important;
  border: 1px solid #444446 !important;
  border-radius: 3px !important;
}
[class*="LangSwitcher-module"][class*="lang"] {
  background: transparent !important;
  color: #b0a090 !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  border: none !important;
  cursor: pointer !important;
}
[class*="LangSwitcher-module"][class*="lang"]:hover {
  background: rgba(255,255,255,0.07) !important;
  color: #f0e0d0 !important;
}

/* ════════════════════════════════════════════
   МАГАЗИН
════════════════════════════════════════════ */

[class*="Shop-module"][class*="wrapper"] {
  background: #1c1c1e !important;
}

[class*="Shop-module"][class*="header"] {
  background: #252527 !important;
  border-bottom: 1px solid #333335 !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #f0e0d0 !important;
}

/* ════════════════════════════════════════════
   ПОИСК + СЕРВЕРЫ
════════════════════════════════════════════ */

[class*="Search-module"][class*="wrapper"] {
  background: #252527 !important;
  border-bottom: 1px solid #333335 !important;
  padding: 8px 16px !important;
}

[class*="Search-module"][class*="input"] {
  background: #1a1a1c !important;
  border: 1px solid #404042 !important;
  color: #d4c4b0 !important;
  border-radius: 3px !important;
  font-family: 'PT Sans', sans-serif !important;
  font-size: 13px !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}
[class*="Search-module"][class*="input"]:focus {
  border-color: #5a9e4a !important;
}
[class*="Search-module"][class*="input"]::placeholder {
  color: #605850 !important;
}
[class*="Search-module"][class*="icon"] {
  color: #605850 !important;
}

[class*="Servers-module"][class*="server"] {
  padding: 6px 16px !important;
  border: 1px solid #404042 !important;
  background: #2e2e30 !important;
  color: #907870 !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  margin-right: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
[class*="Servers-module"][class*="server"]:hover {
  background: #3a3a3c !important;
  color: #c0b0a0 !important;
}
[class*="Servers-module"][class*="active"] {
  background: #5a9e4a !important;
  border-color: #5a9e4a !important;
  color: #fff !important;
}

/* ════════════════════════════════════════════
   КАТЕГОРИИ
════════════════════════════════════════════ */

[class*="Categories-module"][class*="categories"] {
  background: #222224 !important;
  border-bottom: 1px solid #333335 !important;
  padding: 6px 16px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

[class*="Categories-module"][class*="category"] {
  padding: 4px 12px !important;
  background: transparent !important;
  border: 1px solid #3a3a3c !important;
  color: #907870 !important;
  font-size: 12px !important;
  font-family: 'PT Sans', sans-serif !important;
  border-radius: 3px !important;
  margin: 2px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
[class*="Categories-module"][class*="category"]:hover {
  background: #2e2e30 !important;
  color: #c0b0a0 !important;
}
[class*="Categories-module"][class*="active"] {
  background: #5a9e4a !important;
  border-color: #5a9e4a !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ════════════════════════════════════════════
   КАРТОЧКИ ТОВАРОВ
════════════════════════════════════════════ */

[class*="Products-module"][class*="wrapper"] {
  display: flex !important;
  flex-wrap: wrap !important;
  background: #2a2a2c !important;
}

[class*="Product-module"][class*="wrapper"] {
  background: #242426 !important;
  width: calc(12.5% - 1px) !important;
  min-width: 130px !important;
  margin: 0.5px !important;
  padding: 8px 6px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  cursor: pointer !important;
  position: relative !important;
  min-height: 175px !important;
  border: none !important;
  border-radius: 0 !important;
  transition: background 0.15s !important;
}
[class*="Product-module"][class*="wrapper"]:hover {
  background: #2e2e30 !important;
}

[class*="Product-module"][class*="price"] {
  align-self: flex-start !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e8d8c4 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

[class*="Product-module"][class*="oldPrice"] {
  text-decoration: line-through !important;
  color: #706050 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  margin-right: 2px !important;
}

[class*="Product-module"][class*="discount"] {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  background: #c0392b !important;
  color: #fff !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  padding: 2px 4px !important;
  border-radius: 2px !important;
}

[class*="Product-module"][class*="img"] {
  max-width: 90px !important;
  max-height: 90px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 6px 0 !important;
  display: block !important;
}

[class*="Product-module"][class*="name"] {
  font-size: 10px !important;
  color: #a09080 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  margin-top: 3px !important;
  word-break: break-word !important;
}

[class*="Product-module"][class*="count"] {
  font-size: 10px !important;
  color: #706050 !important;
  font-style: italic !important;
  margin-top: 1px !important;
}

/* ════════════════════════════════════════════
   ФУТЕР
════════════════════════════════════════════ */

[class*="ShopFooter-module"][class*="text"] {
  font-size: 10px !important;
  color: #605850 !important;
  line-height: 1.5 !important;
}

[class*="ShopFooter-module"][class*="links"] {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

[class*="ShopFooter-module"][class*="link"] {
  font-size: 11px !important;
  color: #907870 !important;
  text-decoration: none !important;
  margin-right: 16px !important;
  transition: color 0.2s !important;
}
[class*="ShopFooter-module"][class*="link"]:hover {
  color: #d4c4b0 !important;
}

/* ════════════════════════════════════════════
   АДАПТИВ
════════════════════════════════════════════ */

@media (max-width: 1400px) {
  [class*="Product-module"][class*="wrapper"] { width: calc(14.28% - 1px) !important; }
}
@media (max-width: 1100px) {
  [class*="Product-module"][class*="wrapper"] { width: calc(16.66% - 1px) !important; }
}
@media (max-width: 900px) {
  [class*="Product-module"][class*="wrapper"] { width: calc(20% - 1px) !important; }
}
@media (max-width: 700px) {
  [class*="Product-module"][class*="wrapper"] { width: calc(25% - 1px) !important; }
}
@media (max-width: 500px) {
  [class*="Product-module"][class*="wrapper"] { width: calc(33.33% - 1px) !important; }
}