/* Основной фон и шрифт для всего сайта */
body {
    background-color: #0f0f13; /* Глубокий темный цвет */
    color: #ffffff;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* КАРТОЧКА ТОВАРА - Эффект стекла */
.item-card, .product-item {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px); /* Размытие фона */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 25px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: hidden;
    position: relative;
}

/* Эффект при наведении на карточку */
.item-card:hover, .product-item:hover {
    transform: translateY(-10px); /* Всплытие */
    border-color: #6e8efb !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

/* КНОПКА КУПИТЬ - Яркий градиент */
.btn-buy, .donate-button, button[type="submit"] {
    background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(110, 142, 251, 0.4) !important;
}

/* Анимация кнопки при наведении */
.btn-buy:hover, .donate-button:hover {
    filter: brightness(1.2);
    box-shadow: 0 6px 20px rgba(167, 119, 227, 0.6) !important;
    transform: scale(1.05); /* Легкое увеличение */
}

/* Кнопка при нажатии */
.btn-buy:active {
    transform: scale(0.98);
}

/* Анимированный ценник */
.item-price {
    font-size: 1.4em;
    font-weight: 800;
    color: #00ff88; /* Сочный зеленый для цены */
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.3);
}

/* ПОЛЯ ВВОДА (Никнейм) */
input[type="text"], input[type="number"], select {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
    padding: 12px !important;
    transition: 0.3s;
}

input:focus {
    border-color: #6e8efb !important;
    outline: none;
    box-shadow: 0 0 10px rgba(110, 142, 251, 0.2);
}

/* Переливающийся текст для Элитных товаров */
.premium-text {
    background: linear-gradient(90deg, #ff8a00, #e52e71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}