* {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}
body {
    background-color: #1e1e1e; /* Цвет фона */
    color: #a9a9a9; /* Цвет текста */
    font-family: Arial, sans-serif; /* Шрифт */
    text-align: center; /* Центрирование контента */
}

.timer-container {
	opacity:90%;
	margin-bottom:20px;
    margin-top: 20px;
    padding: 10px;
    width: 100%; /* Уменьшаем размер контейнера */
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background: linear-gradient(to right, #333333, #404040);	
}
.Banner-module__img{
	width:100%;
}
h2 {
    color: #6b6b6b; /* Менее заметный цвет заголовка */
    font-size: 18px; /* Уменьшенный шрифт заголовка */
}

#timer {
    font-size: 30px; /* Размер шрифта для таймера */
    margin: 10px 0;
    display: flex; /* Используем flex для выравнивания */
    justify-content: center; /* Центрируем таймер */
    gap: 10px; /* Разрыв между элементами */
}

.labels {
    font-size: 12px; /* Уменьшенный размер подписи */
    display: flex; /* Используем flex для выравнивания */
    justify-content: center; /* Центрируем текст */
    gap: 10px; /* Разрыв между подписью */
}

.labels span {
    margin: 0 5px;
    color: #8b8b8b; /* Приглушенный цвет текста */
}
.mainhead{
	opacity:90%;
	width:100%;
	
}
.mainhead img{
    height: 75px;
    width: 150px;
}
.img-one img{
	width: 125px;
    background-color: transparent;
    background: linear-gradient(to right, #333333, #404040);
}
.img-two img{
	width: 125px;
    background-color: transparent;
    background: linear-gradient(to right, #333333, #404040);
}
.button-one{
	background-color:#FE263D;	
}
.button-two{
	background-color:#FE263D;	
}
.button-one:hover{
	background-color:#404040;	
	transition:1s;
}
.button-two:hover{
	background-color:#404040;	
	transition:1s;
}
.Header-module__logo:hover{
	color:#FE263D;
	font-weight:900;
	font-size:20px;
	transition:0.5s;
}
.Header-module__wrapper {
    opacity: 90%;
    font-weight: 800;
    color: white;
    background-color: transparent;
    background: linear-gradient(to right, #1f1f1f, #303030);
    width: 1315px;
}
.LangSwitcher-module__lang{

}
.LangSwitcher-module__lang+.LangSwitcher-module__lang:hover{
	background-color:#FE263D;	
}
.LangSwitcher-module__list.LangSwitcher-module__active{
	margin-top:-150px;
}
.HeaderNav-module__link:hover{
	color:#FE263D;
	transition:0.5s;
}
.SupportLink-module__link:hover{
	color:#FE263D;
	transition:0.5s;
}
.ProfileContent-module__infoLineValue.ProfileContent-module__steamid{
	color:#FE263D;
}
.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover{
	color:#ff142d;
}
.LangSwitcher-module__currentLang:hover{
	background-color:#FE263D;	
	transition:0.5s;
}
.PlayerBalance-module__btn:hover{
	background-color:#FE263D;	
	transition:0.5s;
}
.PlayerMenu-module__profileLink:hover{
	background-color:#FE263D;	
	transition:0.5s;
}
.PlayerMenu-module__profileLink:{
	background-color:#FE263D;	
}
.button:hover{
	background-color:white;
}
.MonitoringWidget-module__body{
	opacity: 90%;
	font-weight: 800;
    color: white;
    background-color: transparent;
    background: linear-gradient(to right, #4d4d4d, #575757);
}
.ProfileContent-module__title{
	opacity:0%;
}
.Selector-module__dropDownWrapper{
	margin-top:-36.5px;
}
.ProfileContent-module__box{
	margin-top:-31.4px;
	margin-bottom:20px;
}
.ProfileContent-module__inputWrapper{
	margin-bottom:-14px;
}
.MonitoringServer-module__progressBarAnim {
    height: 8px;
    background-color: #bd0f2c;
}

.MonitoringWidget-module__header {
    background: #212121;
}

.MonitoringWidget-module__body {
    background: linear-gradient(to right, #3d3d3d, #2b2b2b);
}
.Button-module__btn.Button-module__accent{
	background-color:#FE263D;
	color:white;
}
.Button-module__btn.Button-module__accent:hover{
	background-color:#2b2b2b;
	color:white;
}
.MonitoringServer-module__progressBarWrapper {
    height: 8px;
    background-color: #d1d1d1;
}
.Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus{
    background-color: white;
    height: 60px;
	opacity:90%;
	width:10%;
}
.Servers-module__servers{
	width:1000px;
}
.boxFooter {
    font-weight: 800;
    opacity: 90%;
    background-color: transparent;
    background: linear-gradient(to right, #333333, #404040);
}

.Shop-module__header {
    background: #212121;
}

.Shop-module__wrapper {
    opacity: 90%;
    font-weight: 800;
    color: white;
    background-color: transparent;
    background: linear-gradient(to right, #333333, #404040);
}

/* Настройки для изображений и рядов */
.Products-module__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Уменьшенные отступы между товарами */
    padding: 5px;
    justify-content: center;
}

.Product-module__wrapper {
    height: 188px; /* Увеличенный размер блока с привилегией */
    width: 188px;  /* Увеличенный размер блока с привилегией */
    margin: 1px;   /* Уменьшенные внешние отступы */
}

/* Для 4 привилегий в ряд */
@media (min-width: 1300px) {
    .Products-module__wrapper {
        justify-content: space-between;
        gap: 5px; /* Дополнительные изменения отступов для 4 привилегий в ряд */
		width:1000px;
    }
}

.Product-module__discount {
    background: #FE263D;
}

.Product-module__price {
    opacity: 90%;
    height: 30px;
}

.Product-module__wrapper > .Product-module__price > .span__price > img {
    opacity: 0.7;
    transition: 0.2s;
}

.Product-module__wrapper:hover > .Product-module__price > .span__price > img {
    opacity: 1;
    transition: 0.2s;
}

.Product-module__wrapper:hover {
    background: var(--price-color);
    transform: translateY(-10px);
    transition: 0.4s;
    color: var(--default-color);
    box-shadow: 0px 10px 15px 1px rgb(93 79 181 / 30%);
}
.Categories-module__category.Categories-module__active, .Categories-module__category:hover{
	background-color:white;
	color:#2b2b2b;
}
.Categories-module__category.Categories-module__active, .Categories-module__category{
	background-color:#2b2b2b;
	color:white;
	opacity:90%;
}
.Categories-module__category{
	color:white;
	font-weight:900;
}
.Search-module__iconWrapper:hover{
	background-color:white;
	opacity:90%;
}
.Search-module__iconWrapper{
	background-color:#FE263D;
	color:white;
	font-weight:900;
}
.ProfileContent-module__infoLine{
	width:100%;
}
.HistoryTable-module__tableLine{
	height:60px;
}
/* Медиа-запросы для адаптации */
@media (max-width: 1170px) {
    .Product-module__wrapper {
        height: 250px;
    }
}

@media (max-width: 600px) {
    .Product-module__wrapper {
        height: 300px;
    }
}

@media (max-width: 420px) {
    .Product-module__wrapper {
        height: 200px;
    }
}