/* === ТОЧНЫЙ ШРИФТ КАК НА RUSTEX === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

/* --- 1. Основной фон --- */
body {
    background-color: #25253d !important;
    background-image: none !important;
    color: #e0e0e0;
    font-family: 'Montserrat', 'Arial', sans-serif;
    font-weight: 500;
    letter-spacing: 0.3px;
}

* {
    font-family: 'Montserrat', 'Arial', sans-serif;
}

/* === СИМВОЛЫ ДЛЯ КАТЕГОРИЙ ТОВАРОВ (ТОЛЬКО Услуги, Монеты, Донат-Статусы) === */

/* Категория "Услуги" — иконка ⚙️ (шестерёнка) */
a[href*="Услуги"]::before,
a[href*="услуги"]::before,
a[href*="service"]::before,
a[href*="Service"]::before,
span:contains("Услуги")::before,
.tab:contains("Услуги")::before,
.category-link:contains("Услуги")::before,
.nav-link:contains("Услуги")::before,
button:contains("Услуги")::before,
div:contains("Услуги")::before {
    content: "⚙️ ";
}

/* Категория "Монеты" — иконка 💰 (мешок с деньгами) */
a[href*="Монеты"]::before,
a[href*="монеты"]::before,
a[href*="coins"]::before,
a[href*="Coins"]::before,
span:contains("Монеты")::before,
.tab:contains("Монеты")::before,
.category-link:contains("Монеты")::before,
.nav-link:contains("Монеты")::before,
button:contains("Монеты")::before,
div:contains("Монеты")::before {
    content: "💰 ";
}

/* Категория "Донат-Статусы" — иконка 👑 (корона) */
a[href*="Донат-Статусы"]::before,
a[href*="донат-статусы"]::before,
a[href*="Донат"]::before,
a[href*="донат"]::before,
a[href*="donate"]::before,
a[href*="Donate"]::before,
a[href*="status"]::before,
a[href*="Status"]::before,
span:contains("Донат-Статусы")::before,
.tab:contains("Донат-Статусы")::before,
.category-link:contains("Донат-Статусы")::before,
.nav-link:contains("Донат-Статусы")::before,
button:contains("Донат-Статусы")::before,
div:contains("Донат-Статусы")::before {
    content: "👑 ";
}

/* === УНИВЕРСАЛЬНЫЙ СЕЛЕКТОР КАРТОЧКИ ТОВАРА С КРАСНОЙ ОБВОДКОЙ === */

/* Применяем красную обводку к любым карточкам */
.product,
.product-item,
.product-card,
.shop-item,
.shop-item-card,
.donate-card,
.card,
[class*="product"],
[class*="shop-item"],
[class*="donate-card"],
[class*="item-container"],
[class*="item-wrapper"],
.col-lg-3,
.col-md-4,
.col-sm-6,
.mb-3,
.mb-4 {
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    border-radius: 10px !important;
}

/* При наведении — КРАСНАЯ ОБВОДКА */
.product:hover,
.product-item:hover,
.product-card:hover,
.shop-item:hover,
.shop-item-card:hover,
.donate-card:hover,
.card:hover,
[class*="product-card"]:hover,
[class*="shop-item"]:hover,
[class*="donate-card"]:hover,
[class*="item-container"]:hover,
[class*="item-wrapper"]:hover,
.col-lg-3:hover,
.col-md-4:hover,
.col-sm-6:hover,
.mb-3:hover,
.mb-4:hover,
div[id*="959178"]:hover,
div[id*="959176"]:hover,
div[id*="959174"]:hover,
div[id*="959173"]:hover,
div[id*="959172"]:hover,
div[id*="961934"]:hover,
div[id*="921464"]:hover,
div[id*="921832"]:hover,
div[id*="921833"]:hover,
div[id*="959181"]:hover,
div[id*="951358"]:hover {
    
    /* КРАСНАЯ ОБВОДКА */
    border: 2px solid #e63946 !important;
    
    /* КРАСНОЕ СВЕЧЕНИЕ */
    box-shadow: 
        0 0 10px rgba(230, 57, 70, 0.4),
        0 0 20px rgba(230, 57, 70, 0.2),
        0 0 40px rgba(230, 57, 70, 0.1),
        0 8px 25px rgba(0, 0, 0, 0.5) !important;
    
    /* ПОДНЯТИЕ КАРТОЧКИ */
    transform: translateY(-5px) !important;
    
    /* ПЛАВНОСТЬ */
    transition: all 0.3s ease !important;
    
    /* СКРУГЛЕНИЕ УГЛОВ */
    border-radius: 10px !important;
}

/* --- ОСТАЛЬНЫЕ СТИЛИ --- */

/* Заголовки товаров */
.product-title,
.product-name,
.shop-item-title,
.card-title,
h3, h4 {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.3em;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

/* Цена товара */
.product-price,
.price,
.shop-item-price,
.card-price {
    color: #ff9800;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7em;
    font-weight: 800;
    letter-spacing: 0px;
    margin: 12px 0;
}

/* Кнопка "Купить" */
.button,
.btn,
.buy-button,
form button[type="submit"],
button[type="button"],
.btn-primary,
.btn-buy {
    background-color: #e65100;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 12px 28px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    width: auto;
    line-height: 1.3;
    text-align: center;
}

.button:hover,
.btn:hover,
.buy-button:hover,
form button[type="submit"]:hover,
.btn-primary:hover,
.btn-buy:hover {
    background-color: #f4511e;
    box-shadow: 0 4px 12px rgba(244, 81, 30, 0.3);
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Хедер и навигация */
.header,
.navbar,
.site-header,
nav {
    background-color: #1a1a30;
    border-bottom: 2px solid #e65100;
}

.header a,
.navbar a,
.nav-link,
.menu-item a,
nav a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.3px;
    color: #cccccc;
    transition: color 0.3s ease;
    font-size: 0.95em;
}

.header a:hover,
.navbar a:hover,
.nav-link:hover,
nav a:hover {
    color: #ff9800;
}

/* Табы категорий */
.tab,
.filter-link,
.category-link,
.nav-tab,
.nav-item {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.3px;
    color: #999999;
    font-size: 0.95em;
    padding: 8px 16px;
    transition: all 0.3s ease;
}

.tab:hover,
.filter-link:hover,
.category-link:hover,
.nav-tab:hover {
    color: #ffffff;
}

.tab.active,
.filter-link.active,
.category-link.active,
.nav-tab.active {
    color: #ff9800;
    font-weight: 700;
}

/* Боковая панель корзины */
.sidebar,
.cart-widget,
.cart-sidebar,
aside {
    background-color: #1e1e35;
    border-left: 1px solid #3a3a55;
    color: #cccccc;
}

.cart-item {
    border-bottom: 1px solid #2a2a45;
    padding: 12px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.cart-item-title,
.cart-item-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #ffffff;
}

.cart-item-price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ff9800;
}

/* Поля ввода */
input, select, textarea {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0.3px;
    background-color: #2a2a45;
    border: 1px solid #3a3a55;
    color: #dddddd;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 0.9em;
}

input:focus, select:focus, textarea:focus {
    border-color: #e65100;
    outline: none;
    box-shadow: 0 0 6px rgba(230, 81, 0, 0.15);
}

::placeholder {
    color: #777799;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.2px;
    color: #ffffff;
}

h1 { font-weight: 800; }
h2 { font-weight: 700; }

/* Описания */
.description,
.product-description,
.shop-item-description,
.card-text {
    color: #999999;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    letter-spacing: 0.2px;
    line-height: 1.5;
}