/* Основной фон сайта */
body,
html {
    background: radial-gradient(circle at top, #2d1b4e 0%, #120a1d 100%) !important;
    background-attachment: fixed !important;
    color: #e0d4ff !important;
    font-family: 'Inter', sans-serif;
}

/* Карточки товаров/услуг */
.card,
.item,
.product-card,
.shop-item,
.category-card {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(168, 85, 247, 0.2) !important;
    border-radius: 15px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Эффект при наведении на карточку */
.card:hover,
.item:hover,
.product-card:hover,
.shop-item:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(168, 85, 247, 0.5) !important;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2) !important;
}

/* Кнопки (Главный акцент) */
.btn-primary,
.btn,
button,
.buy-button {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
}

.btn-primary:hover,
.btn:hover,
button:hover,
.buy-button:hover {
    filter: brightness(1.2);
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.6) !important;
}

/* Шапка сайта (Navbar) */
.navbar,
header,
.top-bar {
    background: rgba(18, 10, 29, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(168, 85, 247, 0.1) !important;
}

/* Текстовые заголовки */
h1,
h2,
h3,
.title,
.heading {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(139, 92, 246, 0.3);
}

/* Поля ввода (Input) */
input,
select,
textarea,
.form-control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
    color: white !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #a855f7 !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.2) !important;
}

/* Скроллбар (для Chrome/Edge) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #120a1d;
}

::-webkit-scrollbar-thumb {
    background: #6d28d9;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6;
}