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

/* Глобальные настройки */
* {
    font-family: 'Montserrat', sans-serif !important;
}

body {
    background: #050505 !important;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(0, 210, 255, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(58, 123, 213, 0.05) 0%, transparent 40%) !important;
    background-attachment: fixed !important;
}

/* Элитные карточки товаров */
.card, .shop-item, [class*="ProductCard"] {
    background: rgba(15, 15, 15, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: 2px solid #00d2ff !important; /* Голубая полоска сверху */
    border-radius: 4px !important; /* Острые стильные углы */
    padding: 20px !important;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.card:hover {
    background: rgba(20, 20, 20, 1) !important;
    border-top: 2px solid #3a7bd5 !important;
    box-shadow: 0 10px 40px rgba(0, 210, 255, 0.15) !important;
    transform: scale(1.03) !important;
}

/* Текст и заголовки */
h1, h2, h3, .title {
    text-transform: uppercase !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    background: linear-gradient(90deg, #fff, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Кнопка с неоновым пульсом */
.btn, .buy-button {
    background: transparent !important;
    border: 2px solid #00d2ff !important;
    color: #00d2ff !important;
    border-radius: 0 !important;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); /* Скошенные края */
    font-weight: bold !important;
    padding: 12px 30px !important;
    animation: neon-pulse 2s infinite;
}

@keyframes neon-pulse {
    0% { box-shadow: 0 0 5px rgba(0, 210, 255, 0.2); }
    50% { box-shadow: 0 0 20px rgba(0, 210, 255, 0.5); }
    100% { box-shadow: 0 0 5px rgba(0, 210, 255, 0.2); }
}

.btn:hover {
    background: #00d2ff !important;
    color: #000 !important;
}

/* Поле ввода ника */
input {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    color: #fff !important;
}