@import url('https://googleapis.com');

:root {
    /* Новая сочная бирюзово-циановая палитра RECOL RUST */
    --accent: #00b4d8; 
    --accent-rgb: 0, 180, 216;
    --accent-dark: #0077b6;
    --accent-glow: rgba(0, 180, 216, 0.25);
    --accent-glow-strong: rgba(0, 180, 216, 0.6);
    
    --bg-main: #05070a;
    --bg-block: #0b0e14;
    --bg-card: #10141d;
    --bg-input: #151a26;
    --text-white: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.65);
    --radius-lg: 6px;
    --radius-md: 4px;
}

/* Полная зачистка мусора и баннеров GameStores */
.header-v1, .header-v1__logo, .header-logo, #header, 
img[src*="gamestores"], 
.Shop-module__header, 
.MonitoringWidget-module__header,
.Widgets-module__widgetWrapper .boxFooter,
.PlayerBalanceModal-module__label,
.BasketSearch-module__wrapper {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background-color: var(--bg-main) !important;
    font-family: "Montserrat", sans-serif !important;
    color: var(--text-white) !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased;
}

.container, .container-fluid {
    width: 1400px !important;
    max-width: 96% !important;
    margin: 0 auto !important;
}

/* Навигация сайта */
.Header-module__wrapper, .navbar-default, .top-nav {
    background: rgba(11, 14, 20, 0.93) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 180, 216, 0.2) !important;
    min-height: 75px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.Header-module__logo {
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px;
    color: #fff !important;
    text-transform: uppercase;
}

.PlayerBalance-module__btn, .balance-btn {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 20px !important;
    box-shadow: 0 4px 15px var(--accent-glow) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

.PlayerBalance-module__btn:hover {
    box-shadow: 0 6px 20px var(--accent-glow-strong) !important;
    transform: translateY(-1px);
}

/* НОВЫЙ КРАСИВЫЙ ЗАГОЛОВОК RECOL RUST */
.Shop-module__wrapper::before {
    content: "RECOL RUST" !important;
    display: block !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    color: var(--text-white) !important;
    margin-top: 60px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    font-style: normal !important;
    text-shadow: 0 0 20px rgba(0, 180, 216, 0.3);
}

.Shop-module__wrapper::after {
    content: "ПРОЕКТ ИГРОВЫХ СЕРВЕРОВ" !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--accent) !important;
    letter-spacing: 6px !important;
    text-align: center !important;
    margin-bottom: 45px !important;
    text-transform: uppercase !important;
}

/* Удаление серого фона каталога */
.Shop-module__wrapper .Shop-module__body,
.Shop-module__wrapper .boxBody,
.Shop-module__wrapper .boxFooter,
div[class*="Shop-module__wrapper"] {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Категории товаров (Стильный неоновый бордер при выборе) */
.Categories-module__categories, .category-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
    margin-bottom: 40px !important;
}

.Categories-module__category, .category-btn {
    flex: unset !important;
    background: var(--bg-block) !important;
    color: var(--text-muted) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: var(--radius-md) !important;
    padding: 11px 22px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.Categories-module__category:hover, .category-btn:hover {
    color: #fff !important;
    border-color: rgba(0, 180, 216, 0.4) !important;
    background: var(--bg-card) !important;
}

.Categories-module__category.Categories-module__active, .category-btn.active {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.2) 0%, rgba(0, 180, 216, 0.03) 100%) !important;
    color: #fff !important;
    border: 1px solid var(--accent) !important;
    box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.25) !important;
}
/* ========================================================================== */
/* СЕТКА ТОВАРОВ И ПРОФЕССИОНАЛЬНОЕ РАСПРЕДЕЛЕНИЕ СВЕЧЕНИЯ                    */
/* ========================================================================== */
.Products-module__wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-top: 25px;
    background: transparent !important;
}

.Product-module__wrapper, .product-card, .item-block {
    background: rgba(16, 20, 29, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: var(--radius-lg) !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    height: 380px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.Product-module__wrapper:hover, .product-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(0, 180, 216, 0.5) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 25px var(--accent-glow) !important;
}

/* Форсированный вывод аватарок (Когда добавишь картинку в админку) */
.Product-module__imageWrapper, 
.Product-module__wrapper img, 
.product-card img, 
.item-block img,
[class*="Product-module__img"],
[class*="imageWrapper"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 170px !important;
    height: 170px !important;
    object-fit: contain !important;
    margin: auto !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Мягкий неоновый циановый градиент на фоне иконки */
.Product-module__wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(0, 180, 216, 0.18) 0%, rgba(0,0,0,0) 70%) !important;
    z-index: 2;
    pointer-events: none;
}

/* Фирменный ценник */
.Product-module__price, [class*="Product-module__price"] {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background: var(--accent) !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    z-index: 10 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Процент скидки */
.Product-module__discount, [class*="Product-module__discount"] {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    z-index: 10 !important;
}

/* Название предмета строго снизу карточки */
.Product-module__name {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-align: center !important;
    margin-top: auto !important;
    margin-bottom: 5px !important;
    z-index: 10 !important;
    letter-spacing: 0.3px;
}

/* ========================================================================== */
/* МОДАЛЬНОЕ ОКНО ОПЛАТЫ / ПОКУПКИ                                            */
/* ========================================================================== */
.ProductModal-module__dropdown, .ProductModal-module__item, .modal-dialog {
    width: 480px !important;
    background: #0b0d13 !important;
    border: 1px solid rgba(0, 180, 216, 0.4) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    margin: 12% auto !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.9), 0 0 30px var(--accent-glow) !important;
}

.productModalFormRowItem { display: flex !important; flex-direction: column !important; align-items: center !important; background: transparent !important; }
.productModalFormRowItem img, [class*="ProductModal"] img, div[class*="modal"] img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 140px !important; height: 140px !important; object-fit: contain !important; margin: 15px auto !important; }
.SelectContent-module__footer.boxFooter, [class*="boxFooter"] { display: flex !important; justify-content: center !important; gap: 10px !important; background: transparent !important; margin-top: 15px !important; border-top: 1px solid rgba(255,255,255,0.05) !important; padding-top: 15px !important; }
div[class*="modal"] button, .Button-module__btn { background: var(--accent) !important; color: #fff !important; border-radius: 4px !important; padding: 10px 24px !important; font-weight: 700 !important; border: none !important; text-transform: uppercase; transition: all 0.2s; cursor: pointer; }
div[class*="modal"] button:hover, .Button-module__btn:hover { background: var(--accent-hover) !important; box-shadow: 0 0 15px var(--accent-glow-strong) !important; }

/* Боковой мониторинг */
.MonitoringServer-module__wrapper { background: var(--bg-block) !important; border-radius: var(--radius-lg) !important; padding: 20px !important; border: 1px solid rgba(255,255,255,0.02) !important; }
.MonitoringServer-module__progressBarWrapper { background: #06070a !important; height: 8px !important; border-radius: 4px !important; }
.MonitoringServer-module__progressBarAnim { background: linear-gradient(90deg, var(--accent-dark), var(--accent)) !important; box-shadow: 0 0 8px var(--accent); }

/* Социальные виджеты */
.Widgets-module__customWidgetWrapper:nth-of-type(1) .boxBody { background: linear-gradient(135deg, #0d0f14 0%, #5865F2 450%) !important; border-radius: var(--radius-lg) !important; }
.Widgets-module__customWidgetWrapper:nth-of-type(2) .boxBody { background: linear-gradient(135deg, #0d0f14 0%, #24A1DE 450%) !important; border-radius: var(--radius-lg) !important; }
.DesktopCopyright-module__wrapper { background: transparent !important; color: var(--text-muted) !important; text-align: center; padding: 30px 0 !important; }
<h1>ПРАВИЛА ИГРОВЫХ СЕРВЕРОВ RECOL RUST</h1>
<p>Незнание данных правил не освобождает вас от ответственности. Администрация проекта имеет право корректировать данный свод правил в любой момент без уведомления игроков.</p>

<div class="rule-block">
    <h2>1. ОБЩИЕ ПОЛОЖЕНИЯ ИАККАУНТЫ</h2>
    <ul>
        <li><strong>1.1.</strong> Запрещено использование любых программных обеспечений, макросов (включая Bloody/Razer), скриптов, читов или багов игры, дающих преимущество над другими игроками. <strong>[Наказание: Бан навсегда]</strong></li>
        <li><strong>1.2.</strong> Запрещена игра в одной команде с читером (когда вы достоверно знаете, что ваш тиммейт использует софт, или получаете выгоду от его действий). <strong>[Наказание: Бан всей команды на 7-30 дней]</strong></li>
        <li><strong>1.3.</strong> Запрещено иметь активные блокировки (EAC / Game Ban) на любых других аккаунтах (мультиаккаунт для обхода бана). <strong>[Наказание: Бан навсегда]</strong></li>
        <li><strong>1.4.</strong> Запрещена продажа или передача своего игрового аккаунта третьим лицам для игры на проекте. <strong>[Наказание: Бан навсегда]</strong></li>
    </ul>
</div>

<div class="rule-block">
    <h2>2. ОГРАНИЧЕНИЕ КОМАНДЫ (MAX TEAM LIMIT)</h2>
    <ul>
        <li><strong>2.1.</strong> На серверах со строгим лимитом (например, Solo/Duo/Trio) строго запрещено превышение лимита участников в одной команде. Это касается совместного проживания, рейдов, дефа, фарма и ПВП. <strong>[Наказание: Бан на 7 дней]</strong></li>
        <li><strong>2.2.</strong> Запрещен «тимминг» (союз между разными командами) в любой форме. Вы не можете мирно общаться у дверей базы, если вы не в одном шкафу/команде. <strong>[Наказание: Предупреждение / Бан на 3 дня]</strong></li>
        <li><strong>2.3.</strong> Замена игрока в команде разрешена только после полной очистки шкафа, смены кодов на замках и предварительного уведомления администрации через тикет-систему в Discord.</li>
    </ul>
</div>

<div class="rule-block">
    <h2>3. ИГРОВОЙ ПРОЦЕСС ИСТРОИТЕЛЬСТВО</h2>
    <ul>
        <li><strong>3.1.</strong> Запрещено умышленное удержание игроков в текстурах (багоюз с помощью дверей, крыш, лифтов), а также строительство баз внутри не предусмотренных игрой текстур (рок-гличи). <strong>[Наказание: Снос построек / Бан на 3 дня]</strong></li>
        <li><strong>3.2.</strong> Запрещена застройка РТ (Радиационных городов) и перекрытие основных дорог общего пользования, если это критически мешает прохождению карты другими игроками (кроме серверов, где это разрешено модификациями). <strong>[Наказание: Снос построек]</strong></li>
        <li><strong>3.3.</strong> Запрещено ставить турели, простреливающие мирные зоны (Outpost / Bandit Camp). <strong>[Наказание: Уничтожение турелей]</strong></li>
    </ul>
</div>

<div class="rule-block">
    <h2>4. ТЕКСТОВЫЙ ИГОЛОСОВОЙ ЧАТ (ОБЩЕНИЕ)</h2>
    <ul>
        <li><strong>4.1.</strong> Запрещено оскорбление администрации, модераторов или самого проекта в глобальном чате. Критика должна быть конструктивной и подаваться через тикеты. <strong>[Наказание: Мут от 300 минут до Бана на 3 дня]</strong></li>
        <li><strong>4.2.</strong> Запрещено чрезмерное проявление расизма, нацизма, разжигание межнациональной розни, а также упоминание и оскорбление родителей/родственников. <strong>[Наказание: Мут от 600 минут / Бан на 1 день]</strong></li>
        <li><strong>4.3.</strong> Запрещена реклама сторонних игровых проектов, дискорд-серверов или магазинов в чате, на спальниках или на табличках внутри игры. <strong>[Наказание: Бан навсегда]</strong></li>
    </ul>
</div>

<div class="rule-block">
    <h2>5. ПРАВИЛА ПРОВЕДЕНИЯ ПРОВЕРОК НА ЧИТЫ</h2>
    <ul>
        <li><strong>5.1.</strong> Модератор имеет право вызвать любого игрока на проверку при наличии подозрений. Вызов дублируется огромной табличкой на экране.</li>
        <li><strong>5.2.</strong> У игрока есть ровно 5 минут, чтобы предоставить свой Discord для связи и зайти в голосовой канал проверки. <strong>[Наказание за игнорирование: Бан как за читы]</strong></li>
        <li><strong>5.3.</strong> Запрещен выход из игры во время проверки или отказ от сканирования системы специализированным софтом (например, Discord Check / RustCheck). <strong>[Наказание: Бан на 30 дней / навсегда]</strong></li>
    </ul>
</div>
/* ========================================================================== */
/* КОРРЕКЦИЯ И ФИКС ИНТЕРФЕЙСА НАБОРОВ (КИТОВ) ДЛЯ RECOL RUST                 */
/* ========================================================================== */

/* Исправление контейнера списка предметов внутри набора */
[class*="KitContent-module__items"],
[class*="SelectContent-module__items"],
.productModalFormRowItem > div[style*="flex"] {
    display: flex !important;
    flex-direction: row !important; /* Выстраиваем предметы в ряд, а не в столбец */
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
}

/* Исправление мини-карточек предметов внутри набора (голубые квадраты на фото) */
[class*="ProductItemSelector-module__item"],
[class*="KitContent-module__item"],
.productModalFormRowItem div[class*="item"],
div[class*="Selector-module__dropDownCurrentItem"] ~ div {
    width: 70px !important;  /* Задаем правильный квадратный размер */
    height: 70px !important; /* под каждую иконку предмета в ките */
    min-width: 70px !important;
    min-height: 70px !important;
    background: #151a26 !important; /* Темная подложка */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important;
    margin: 0 !important;
}

/* Эффект наведения и активности для предметов в наборе */
[class*="ProductItemSelector-module__active"],
[class*="ProductItemSelector-module__item"]:hover {
    border-color: var(--accent) !important;
    box-shadow: 0 0 10px var(--accent-glow) !important;
    background: rgba(0, 180, 216, 0.1) !important;
}

/* Фикс картинок внутри мини-карточек набора */
[class*="ProductItemSelector-module__item"] img,
[class*="KitContent-module__item"] img,
.productModalFormRowItem div[class*="item"] img {
    width: 100% !important;
    height: 100% !important;
    max-width: 55px !important;
    max-height: 55px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Блоки ввода Суммы и Количества — возвращаем нормальное разделение */
.productModalFormRowItem > label,
[class*="TotalSum-module__wrapper"],
[class*="CountSelector-module__wrapper"] {
    width: 100% !important;
    max-width: 400px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 8px 0 !important;
}

/* Кнопки и инпуты количества/суммы */
[class*="CountSelector-module__inputWrapper"],
[class*="TotalSum-module__inputWrapper"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}

/* Сама рамка ввода цифр */
[class*="CountSelector-module__inputWrapper"] input,
[class*="TotalSum-module__inputWrapper"] input {
    background: var(--bg-input) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    padding: 8px !important;
    border-radius: var(--radius-md) !important;
    width: 80px !important;
    text-align: center !important;
}

/* Кнопки плюс/минус */
[class*="CountSelector-module__changeCountBtn"] {
    background: var(--accent) !important;
    color: #fff !important;
    border: none !important;
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    border-radius: var(--radius-md) !important;
    cursor: pointer !important;
}