/* ===========================================================
   Палитра (синяя). Меняешь эти четыре цвета — меняется всё.
   основной   #2a7de1
   тёмный     #12508f
   наведение  #1c5fae
   ссылки     #5aa2f0
   =========================================================== */
:root[data-theme] {
 --accent-color-800: #2a7de1;
 --accent-color-900: #12508f;
}

.DesktopCopyright-module__wrapper { /* Watermark */
  backdrop-filter: blur(20px);
  background: none!important;
}
.gs-loader {
	/* imgbox-картинка убрана: за 1-2 сек показа загрузчика она (30 сек)
	   всё равно не грузится, экран и так тёмный. Меньше медленных запросов. */
	background-color: #1a1512;
}
.product {
	border: 0 !important;
	box-shadow: 0 0 0 0 !important;
	background-color: rgba(0, 0, 0, 0);
	background-position: 0 0, 0 0, 0 0;
	transition: all 0.2s;
	-webkit-animation-name: ItemUnhover;
	animation-name: ItemUnhover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s
}
.product:hover {
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.product:active {
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.product__price {
	background: rgba(255, 255, 255, 0);
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-shadow: 1px 1px 0px #000
}
.product__price-old {
	display: none
}
.product__quantity {
	background: rgba(255, 255, 255, 0);
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-shadow: 1px 1px 1px #000
}
.product__name {
	background: rgba(255, 255, 255, 0);
	font-size: 0px;
	font-weight: 800;
	color: #2a7de1;
	text-shadow: 1px 1px 0px #000;
	text-align: center
}
.product__discount {
	background: #008000;
	color: #fff;
	text-shadow: 0px 0px 5px #08c;
	transform: rotate(45deg) translateY(-30%) translateX(25%);
	padding: 0 20%
}
.product__image {
    padding: 0%;
    width: 100%;
}

@media (min-width:992px) {
	.modal-lg {
		max-width: 900px
	}
}
@keyframes ShowRoulette {
	0% {
		margin-left: 1500px
	}
	100% {
		margin-left: px
	}
}
@keyframes ShowItem {
	0% {
		opacity: 0;
		transform: translateY(50%)
	}
	50% {
		opacity: 1;
		transform: translateY(-10%)
	}
	85% {
		opacity: 1;
		transform: translateY(5%)
	}
	100% {
		opacity: 1;
		transform: translateY(0%)
	}
}
@-webkit-keyframes ZoomIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	65% {
		opacity: 1;
		transform: scale(1.15)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@keyframes ZoomIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	65% {
		opacity: 1;
		transform: scale(1.15)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	25% {
		opacity: 1;
		transform: scale(1.15)
	}
	70% {
		opacity: 1;
		transform: scale(0)
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	25% {
		opacity: 1;
		transform: scale(1.15)
	}
	70% {
		opacity: 0;
		transform: scale(0)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		transform: scale(0)
	}
	45% {
		transform: scale(1.15)
	}
	70% {
		transform: scale(1)
	}
}
@keyframes fadeInUp {
	0% {
		transform: scale(0)
	}
	45% {
		transform: scale(1.15)
	}
	70% {
		transform: scale(1)
	}
}
@-webkit-keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1.15)
	}
}
@keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1.15)
	}
}
@-webkit-keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes butterfly {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 0deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  25% {
    -webkit-transform: rotate3d(0, 1, 0, -90deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  50% {
    -webkit-transform: rotate3d(0, 1, 0, -180deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  75% {
    -webkit-transform: rotate3d(0, 1, 0, -270deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, -360deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
}
@keyframes butterfly {
  from {
    transform: rotate3d(0, 1, 0, 0deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  25% {
    transform: rotate3d(0, 1, 0, -90deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  50% {
    transform: rotate3d(0, 1, 0, -180deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  75% {
    transform: rotate3d(0, 1, 0, -270deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
  to {
    transform: rotate3d(0, 1, 0, -360deg) scale3d(0.5, 0.5, 0.5) translate3d(-150px, 300px, 0);
  }
}
@-webkit-keyframes rightwing {
  from {
    -webkit-transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 180deg);
  }
  50% {
    -webkit-transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 100deg);
  }
  to {
    -webkit-transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 180deg);
  }
}
@keyframes rightwing {
  from {
    transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 180deg);
  }
  50% {
    transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 100deg);
  }
  to {
    transform: rotateX(90deg) translate3d(-178px, 0, 0) rotate3d(0, 1, 0, 180deg);
  }
}
@-webkit-keyframes leftwing {
  from {
    -webkit-transform: rotateX(90deg) rotate3d(0, 1, 0, 0deg);
  }
  50% {
    -webkit-transform: rotateX(90deg) rotate3d(0, 1, 0, 80deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes leftwing {
  from {
    transform: rotateX(90deg) rotate3d(0, 1, 0, 0deg);
  }
  50% {
    transform: rotateX(90deg) rotate3d(0, 1, 0, 80deg);
  }
  to {
    transform: rotateX(90deg) rotate3d(0, 1, 0, 00deg);
  }
}
[class~=store-filters]{background-color:rgba(42,125,225,.25);
}
/* Размещенная на настоящем сайте информация носит исключительно информационный характер и ни при каких условиях не является публичной офертой, определяемой положениями ч. 2 ст. 437 Гражданского кодекса Российской Федерации. */
.LangSwitcher-module__wrapper.PlayerMenu-module__langSwitcher { /* Смена языка */
  display: none;
}
.store-categories {
  visibility: hidden;
  display: none;
}
.store__filters > .form-group > .input-group {
visibility: hidden;
  display: none;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: static;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.btn {
  border-radius: 10px;
  padding: 6px 12px;
}
.MonitoringServer-module__progressBarAnim { /* Progress bar monitoring */
    background: #2a7de1;
	box-shadow: none;
}
.btn-success {
    background-color: #2a7de1;
    border-color: #2a7de1;
}
.input-group-addon {
  border-radius: 10px;
  background-color: #2a7de1;
}
.form-control {
  border-radius: 10px;
}
.navbar {
  border-radius: 10px;
}
.xbox {
  border-radius: 10px;
}
.xbox__header {
  border-radius: 10px;
  padding: 15px;
}
.xbox__footer {
  border-radius: 10px;
  padding: 15px;
}
.promocode > .ng-pristine.ng-valid > .form-group > label {
  visibility: hidden;
  display: none;
}
.promocode > .ng-pristine.ng-valid > .form-group {
margin-bottom: 0px;
}
.btn.btn-danger.btn-block {
  background-color: #2a7de1;
}
.btn.btn-danger.btn-block:hover {
  background-color: #1c5fae;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #1c5fae!important;
    border-color: #1c5fae!important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
    background-color: #2a7de1;
    color: #f1f1f1;
}
.dropdown-menu {
  background-color: #2a7de1;
}
.store-button.dropdown > .dropdown-toggle:before {
    content: "► ";
}
.dropdown-toggle:hover {
    content: " .";
}
a:focus, a:hover {
    color: #5aa2f0;
}
select option {
  background-color: #282828;
    color: #696969;
  border-radius: 10px;
}
.btn.btn-default.pull-left:focus {
  background-color: #2a7de1;
  color: #ffffff;
}
.xbox.xbox_profile-widget > .xbox__header > h4 {
    text-align: center;
}
.navbar-brand {
	font-size: 18px;
	color: #2a7de1 !important;
	display: inline-block;
	white-space: nowrap;
	margin-left: 0px !important;
}
.navbar-brand:hover {
	color: #fff !important
}
.navbar-brand:hover>.navbar-brand:before {
	color: #fff !important
}
.navbar-brand:hover>after {
	color: #fff !important
}
/* Логотип. В разметке лежит только «WW2 [RU]», приставка AIR дорисована
   через ::before — без отступа они слипались в «AIRWW2». */
.Header-module__logoWrapper {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
/* тонкая акцентная черта слева — единственный синий в логотипе */
.Header-module__logoWrapper::before {
  content: '' !important;
  flex: 0 0 auto !important;
  width: 3px !important;
  height: 18px !important;
  border-radius: 2px !important;
  background: #2a7de1 !important;
}
.Header-module__logo:before {
  content: 'AIR' !important;
  color: #7d8899 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .16em !important;
  margin-right: 8px !important;
  vertical-align: 1px !important;
}
.product__servers.product__servers_all {
  visibility: hidden;
  display: none;
}

.boxHeader.MonitoringWidget-module__header::before {
    font: normal normal normal 18px FontAwesome;
    content: "\1f680  ";
}
.header-image {
	-webkit-animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
body {
  /* фон сайта рисует быстрый .BGImage-module__img (gspics) поверх body,
     поэтому imgbox-картинка отсюда убрана — она была не видна, но грузилась
     ~30 секунд с медленного хостинга. Оставлен только тёмный цвет-подложка. */
  background-color: #12151a;
}
.pagination>li.active span, .pagination>li.active span:focus, .pagination>li.active span:hover, .pagination>li.active>a, .pagination>li.active>a:focus, .pagination>li.active>a:hover {
    color: #ffffff;
    background: #2a7de1;
}
/* Крутящийся логотип при загрузке убран — вместо него шапка .air-hero внизу файла */
.gs-loader__spinner {
  display: none !important;
}
.gs-loader__spinner:before {
border: none !important;
}
.gs-loader__spinner;after {
background-color: transparent;
}

/* Модальное окно продукта */
.ProductModal-module__dropdown {
    width: 40%;
}
.ProductModal-module__dropdown img{
	max-width: 100%;
}

/* Окно товара в стиль карточек: скруглённое, тёмно-синее.
   Радиус у картинки обязателен — у изображений товаров белая рамка,
   без скругления в окне торчат белые углы. */
.ModalLayout-module__modal {
  background: #1c1f26 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #2a2f3a !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.5) !important;
}
.ProductModal-module__header {
  background: transparent !important;
  border-bottom: 1px solid #2a2f3a !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}
.ModalLayout-module__modal .boxBody {
  background: transparent !important;
  border-radius: 0 !important;
}
/* Картинка во всю ширину окна. Раньше она была 300px посреди тела
   с отступами и своей рамкой — читалась как «карточка внутри карточки».
   Отрицательные поля вытягивают её за padding: 15px тела. */
.productModalImg {
  display: block !important;
  width: calc(100% + 30px) !important;
  max-width: none !important;
  height: auto !important;
  margin: -15px -15px 16px !important;
  /* 20px = те же 12px с карточки, пересчитанные на ширину 405.
     Радиус 0 оставлял белые углы артворка. */
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* Кнопки в окне — пилюли, как цена на карточках */
.Button-module__btn {
  border-radius: 8px !important;
  padding: 9px 22px !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: none !important;
}
.Button-module__accent {
  background: #2a7de1 !important;
}
.Button-module__accent:hover {
  background: #1c5fae !important;
}
.Button-module__gray {
  background: #262b34 !important;
  border: 1px solid #2a2f3a !important;
}
.dropDownCurrentItem, .Selector-module__dropDownCurrentItem {
  border-radius: 8px !important;
  background: #171a20 !important;
  border: 1px solid #2a2f3a !important;
}
.productModalDescription {
  background: #171a20 !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 8px !important;
  padding: 14px !important;
}
.TotalSum-module__inputWrapper, .CountSelector-module__inputWrapper {
  background: #171a20 !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}


@-webkit-keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1.15)
	}
}
@keyframes ItemHover {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.15)
	}
	100% {
		transform: scale(1.05)
	}
}
@-webkit-keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes ItemUnhover {
	0% {
		transform: scale(1.15)
	}
	50% {
		transform: scale(0.85)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes heart {
  0% {
    transform: scale(0.75) rotate(0deg);
  }

  20% {
    transform: scale(1) rotate(360deg);
  }

  40% {
    transform: scale(0.75) rotate(360deg);
  }

  60% {
    transform: scale(1) rotate(720deg);
  }

  80%, 100% {
    transform: scale(0.75) rotate(720deg);
  }
}

.MonitoringServer-module__wrapper {
    transition: all 0.2s;
    -webkit-animation-name: ItemUnhover;
    animation-name: ItemUnhover;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  transition: color 0.3s;
}

.MonitoringServer-module__wrapper:hover {
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
      color: #fff;
}

.MonitoringServer-module__wrapper:active {
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
      color: #fff;
}
.xbox.xbox_drops > .xbox__header {
  text-align: center;
  font-weight: 450;
}
.btn+.btn {
    margin-left: 0px;
}
.xbox.xbox_drops > .xbox__header {
    padding: 15px 15px 0px 15px!important;
}

/* Модальное окно выбора сервера */
.WelcomeSelectServer-module__header {
  border-radius: 1rem 1rem 0 0;
}
.boxBody:last-child {
    border-radius: 0 0 1rem 1rem;
}

/* Product style */
.Product-module__wrapper {
    background: none;
  transition: all 0.2s;
	-webkit-animation-name: ItemUnhover;
	animation-name: ItemUnhover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s
}
.Product-module__wrapper:hover {
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.Product-module__wrapper:active {
	background-color: rgba(0, 0, 0, 0);
	-webkit-animation-name: ItemHover;
	animation-name: ItemHover;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.Product-module__name{
  display: none;
}
.Product-module__price {
	background: transparent;
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-shadow: 1px 1px 0px #000
}

.Product-module__img {
    aspect-ratio: unset;
}
.productModalImg {
 height: auto;
}
.ProductItemSelector-module__items {
  grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
}
/* Navbar */
.Header-module__logo {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}
.Header-module__logo:hover {
  color: #fff !important;
}
.Header-module__wrapper {
 border-radius: 1rem;
}

/* Hide hover players in monitoring sidebar, search */
.MonitoringServer-module__progressInfo, .Search-module__wrapper  {
  display: none;
}

/* Переключатель категорий магазина.
   Раньше был скрыт — все 30 товаров показывались одной кучей, покупатель
   не видел, что берёт на 7 дней, а что до вайпа. */
.Categories-module__categories {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
}
.Categories-module__category {
  border-radius: 8px !important;
  padding: 9px 18px !important;
  border: 1px solid #2a2f3a !important;
  background: transparent !important;
  color: #9aa4b2 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  box-shadow: none !important;
  transition: all .18s ease !important;
}
.Categories-module__category:hover {
  background: #232830 !important;
  border-color: #3a4252 !important;
  color: #fff !important;
}
.Categories-module__category.Categories-module__active {
  background: #2a7de1 !important;
  border-color: #2a7de1 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Store container — тот же вид, что у виджетов справа */
.Shop-module__wrapper > .boxHeader:before {
  content: '\1F6D2  ';
}
.Shop-module__wrapper {
  background: #1c1f26 !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.Shop-module__wrapper > .boxHeader {
  background: transparent !important;
  border-bottom: 1px solid #2a2f3a !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}
.Shop-module__wrapper > .boxBody,
.Shop-module__wrapper > .boxFooter {
  background: transparent !important;
  border-radius: 0 !important;
}

/* Player Nav Stat */
.ProfileCustom {
 display: flex;
 flex-direction: column;
  align-items: flex-start;
}
.ProfileCustom > span {
  font-size: 12px;
}
.PlayerMenu-module__profileLink {
  gap: 1rem;
}
.PlayerMenu-module__profileLink, .PlayerBalance-module__btn, .PlayerMenu-module__loginLink {transition: all .3s;}
.PlayerMenu-module__profileLink:hover, .PlayerBalance-module__btn:hover, .PlayerMenu-module__loginLink:hover,
.PlayerMenu-module__profileLink:focus, .PlayerBalance-module__btn:focus, .PlayerMenu-module__loginLink:focus {background-color: #ffffff1c; color: unset;}

/*Custom Widget */
.CustomWidget-715{
 	display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background-color: #1a1f28;
    border-radius: 1rem;
    color: white;
}

/* Статичные страницы */
.Page-module__pageContent * {
  padding: revert;
}

/* ============================================================
   ПРАВАЯ КОЛОНКА ВИДЖЕТОВ — в одну стилистику с карточками
   ============================================================ */
.Widgets-module__widgetWrapper {
  background: #1c1f26 !important;
  border: 1px solid #2a2f3a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.Widgets-module__widgetWrapper .boxHeader {
  background: transparent !important;
  border-bottom: 1px solid #2a2f3a !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}
.Widgets-module__widgetWrapper .boxBody,
.Widgets-module__widgetWrapper .boxFooter {
  background: transparent !important;
  border-radius: 0 !important;
}
.MonitoringServer-module__progressBarWrapper {
  border-radius: 3px !important;
  overflow: hidden !important;
  background: #262b34 !important;
}
.MonitoringServer-module__progressBarAnim {
  border-radius: 3px !important;
  background: #2a7de1 !important;
}
.Widgets-module__widgetWrapper .btn.btn-success.btn-block {
  border-radius: 8px !important;
  background: #2a7de1 !important;
  border: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.Widgets-module__widgetWrapper .btn.btn-success.btn-block:hover {
  background: #1c5fae !important;
}

/* Button style */
button {
 cursor: pointer;
}

/* Кнопка «Подключиться» */
.connectBtn {
  background: linear-gradient(135deg, #3d8ff0 0%, #12508f 100%) !important;
  border-color: #2a7de1 !important;
}
.connectBtn:hover {
  background: #1c5fae !important;
}

/* Данные Евгена */
.owner-info {
  position: fixed;
  bottom: 5px;
  right: 5px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  padding: 10px;
  z-index: 49;
  text-align: right;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

/* Виджеты справа от каталога.
   При смене стиля сайта платформа теряет модификатор rightSide и ставит
   их слева, меняя порядок в разметке. Фиксируем порядок явно.
   Зазор в шаблоне задан как margin-right у виджетов — при перестановке
   он уезжает на внешний край, поэтому переносим его в gap контейнера. */
main.Index-module__wrapper { gap: 20px !important; }
main.Index-module__wrapper .Shop-module__wrapper { order: 1 !important; }
main.Index-module__wrapper .Widgets-module__wrapper {
  order: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Штатный баннер-логотип над навбаром.
   Если поле «Логотип» в Дизайне пустое, GameStores подставляет туда
   свой баннер 1200x298 — поэтому контейнер прячем целиком. */
.bannerContainer {
  display: none !important;
}

/* ============================================================
   ШАПКА МАГАЗИНА (.air-hero)
   Разметку создаёт скрипт из поля JavaScript — без него
   эти стили ни на что не влияют.
   ============================================================ */
/* Навбар лежит поверх шапки и остаётся при прокрутке */
.container.headerContainer {
  position: sticky !important;
  top: 12px !important;
  z-index: 60 !important;
}
.Header-module__wrapper {
  background: rgba(20,23,29,.82) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid #2a2f3a !important;
  box-shadow: none !important;
}
.HeaderNav-module__link, .SupportLink-module__link, .PlayerMenu-module__loginLink,
.PlayerBalance-module__btn, .PlayerMenu-module__profileLink {
  border-radius: 8px !important;
  padding: 8px 15px !important;
  font-weight: 600 !important;
}
.HeaderNav-module__link:hover, .SupportLink-module__link:hover {
  background: #232830 !important;
  color: #fff !important;
}

.air-hero {
  position: relative;
  /* во весь экран: каталог начинается строго после прокрутки.
     -70px поднимает блок под навбар: 50px высота + 20px отступ сверху. */
  min-height: 100vh;
  margin: -70px 0 0;
  padding-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* цвет-подложка показывается мгновенно, пока грузится картинка шапки —
     вместо пустого экрана. #1a1512 — тёмный тон под sunset-артом. */
  background: transparent;
  overflow: hidden;
  /* маску убрали: она делала низ шапки прозрачным и открывала фон сайта —
     другую (к тому же зафиксированную) картинку боя. На стыке двух картинок
     получалась резкая ghost-полоса. Теперь низ затемняет градиент ::after. */
}
.air-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  /* низ шапки уходит в сплошной тёмный #12151a (цвет фона страницы),
     а не в другую картинку — стык становится image→тёмное, без ghost-полосы */
  background: radial-gradient(130% 100% at 50% 40%,
    rgba(18,21,26,0) 42%,
    rgba(18,21,26,.45) 100%);
}
/* Фон сайта под каталогом притемнён: низ шапки уходит в тёмное, и притемнённый
   фон сливается с ним без резкой границы. Плюс карточки читаются лучше.
   Ярче фон — поднимай brightness (1 = как было), темнее — опускай. */
.BGImage-module__img {
  content: url(https://i1.imageban.ru/out/2026/07/28/02cf42b8e0bc30cef4dd3e1312ca2514.png) !important;
  filter: brightness(.65) !important;
}
.air-hero__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 20px;
}
.air-hero__online {
  display: inline-block;
  padding: 7px 16px;
  border-radius: 4px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.12);
  color: #cfd8e6;
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 700;
}
.air-hero__title {
  margin: 16px 0 24px;
  font-size: 78px;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 6px 30px rgba(0,0,0,.6);
}
.air-hero__btn {
  padding: 12px 32px;
  border: none;
  border-radius: 8px;
  background: #2a7de1;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .06em;
  box-shadow: none;
  will-change: transform;
  transition: background .25s cubic-bezier(.4, 0, .2, 1),
              transform  .25s cubic-bezier(.4, 0, .2, 1);
  /* лёгкое покачивание вниз — намекает, что ниже есть каталог */
  animation: airHeroNudge 3.4s ease-in-out infinite;
}
.air-hero__btn:hover {
  background: #1c5fae;
  /* анимацию гасим, иначе её transform спорит с подъёмом */
  animation: none;
  transform: translateY(-3px);
}
.air-hero__btn:active {
  animation: none;
  transform: translateY(-1px) scale(.97);
  transition-duration: .08s;
}
@keyframes airHeroNudge {
  0%, 70%, 100% { transform: translateY(0); }
  80%           { transform: translateY(5px); }
  90%           { transform: translateY(0); }
}
/* у кого в системе отключены анимации — только смена цвета */
@media (prefers-reduced-motion: reduce) {
  .air-hero__btn { animation: none; transition: background .2s ease; }
  .air-hero__btn:hover, .air-hero__btn:active { transform: none; }
}
/* ============================================================
   КАРТОЧКИ ТОВАРА — сервер 43086
   картинка сверху, название под ней, цена кнопкой внизу
   ============================================================ */
div[data-currentserverid="43086"].Products-module__wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
div[data-currentserverid="43086"] .Product-module__wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  height: auto !important;
  min-height: 390px !important;
  padding: 10px 10px 16px !important;
  border-radius: 10px !important;
  background: #1c1f26 !important;
  border: 1px solid #2a2f3a !important;
  box-shadow: none !important;
}
div[data-currentserverid="43086"] .Product-module__wrapper:hover {
  border-color: #3a4252 !important;
  box-shadow: none !important;
}
div[data-currentserverid="43086"] .Product-module__img {
  order: 1 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  /* 12px — не для красоты: артворк это скруглённая карточка на белом фоне,
     меньший радиус оставляет белые уголки. Ширина 238 -> радиус 12. */
  border-radius: 12px !important;
  margin: 0 0 14px !important;
}
div[data-currentserverid="43086"] .Product-module__name {
  display: block !important;
  position: static !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 6px !important;
  margin: 0 !important;
  /* шаблон вешает подложку rgba(0,0,0,.4) — она нужна была,
     пока название лежало поверх картинки. В потоке это чёрная полоса. */
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: normal !important;
  text-shadow: none !important;
}
/* ---- Скидка ----
   Шаблон рисует бейдж .Product-module__discount абсолютом в углу карточки
   и старую цену .Product-module__oldPrice внутри блока цены.
   Красный — единственный тёплый цвет на сайте, поэтому бейдж видно сразу. */
div[data-currentserverid="43086"] .Product-module__wrapper {
  position: relative !important;
}
div[data-currentserverid="43086"] .Product-module__discount {
  top: 46px !important;
  right: 18px !important;
  left: auto !important;
  bottom: auto !important;
  background: #e5484d !important;
  color: #fff !important;
  padding: 5px 10px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
  z-index: 3 !important;
}
div[data-currentserverid="43086"] .Product-module__oldPrice {
  position: relative !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-right: 9px !important;
}
div[data-currentserverid="43086"] .Product-module__oldPrice:after {
  height: 1px !important;
  background: rgba(255,255,255,.8) !important;
}

div[data-currentserverid="43086"] .Product-module__price {
  position: static !important;
  order: 3 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  margin: auto 0 0 !important;
  padding: 9px 26px !important;
  border-radius: 8px !important;
  background: #2a7de1 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ВАЖНО: эти @media идут В САМОМ КОНЦЕ файла, после всех базовых
   правил карточек. Иначе базовые правила (одинаковая специфичность
   + !important) перебивают мобильные по порядку — и на телефоне
   остаётся десктопная раскладка (3 колонки).
   ============================================================ */
@media (max-width: 768px) {
  /* svh — высота без адресной строки браузера, иначе на телефоне
     блок вылезает за экран. Первое значение — запасное для старых браузеров. */
  .air-hero { min-height: 100vh; min-height: 100svh; }
  .air-hero__title { font-size: 48px; }
  .air-hero__online { font-size: 11px; letter-spacing: .1em; }

  /* убираем горизонтальную прокрутку от мобильной шторки-меню
     (она fixed с right:-22px). clip, а не hidden — не ломает липкий навбар. */
  html, body { overflow-x: clip !important; }

  /* сначала каталог, потом виджеты — по умолчанию шаблон ставит их наоборот */
  main.Index-module__wrapper { flex-direction: column !important; }

  /* 2 колонки вместо трёх (на 375px три давали карточки по 107px).
     Карточка вертикальная: картинка сверху, название, цена.

     Фиксированная min-height + цена, прижатая к низу через margin-top:auto —
     иначе при перестановке через order короткие названия схлопывали цену
     наверх, и на 2-строчных именах она наезжала на текст.
     272px — запас под название в 2 строки (важно: у «ДЖАГГЕРНАУТ (Германия)»
     фракция во второй строке, обрезать нельзя). */
  div[data-currentserverid="43086"].Products-module__wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  div[data-currentserverid="43086"] .Product-module__wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 272px !important;
    padding: 8px !important;
    gap: 0 !important;
  }
  div[data-currentserverid="43086"] .Product-module__img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 0 8px !important;
  }
  div[data-currentserverid="43086"] .Product-module__name {
    font-size: 13px !important;
    line-height: 1.25 !important;
    /* максимум 2 строки, дальше многоточие */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  div[data-currentserverid="43086"] .Product-module__price {
    align-self: center !important;
    margin: auto 0 0 !important;   /* прижать к низу карточки */
    font-size: 13px !important;
    padding: 7px 18px !important;
  }

  /* вкладки категорий переносятся, не влезая в одну строку */
  .Categories-module__categories { gap: 8px !important; }
  .Categories-module__category { font-size: 12px !important; padding: 8px 14px !important; }
}

@media (max-width: 420px) {
  div[data-currentserverid="43086"] .air-hero__title { font-size: 40px !important; }
}

/* ФИКС: название товара не должно накладываться на плашку цены — сброс transform/animation
   от старого ховер-оверлея темы (длинное имя в 2 строки налезало на цену) + резерв 2 строк. */
div[data-currentserverid="43086"] .Product-module__name {
  transform: none !important;
  animation: none !important;
  min-height: 2.5em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
}