/* ==========================================================
   1. ОБЩИЙ ФОН
   ========================================================== */
body {
    background-color: #121212 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
}

/* ==========================================================
   2. МЕНЮ НА ВСЮ ШИРИНУ БЕЗ САКУРЫ/РАМОК
   ========================================================== */
header, .navbar, nav, div[class*="header"], div[class*="navbar"] {
    background-color: #18181b !important;
    border-radius: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================
   3. ГЛАВНЫЙ БАННЕР (ЧИСТЫЙ ТЕКСТ НА ФОНЕ)
   ========================================================== */
.banner, .hero-section, .jumbotron, div[class*="banner"], div[class*="hero"] {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Убираем плашку/подложку под текстом Argva */
.banner *, .hero-section *, .jumbotron * {
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================
   4. КНОПКИ
   ========================================================== */
.btn-primary, .hero-button, a.btn {
    background: linear-gradient(135deg, #f6ad55, #ed8936) !important;
    border: none !important;
    border-radius: 14px !important;
    color: #1a202c !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    box-shadow: 0 4px 15px rgba(237, 137, 54, 0.4);
}

/* ==========================================================
   5. БЛОК СЕРВЕРОВ БЕЗ РАМОК
   ========================================================== */
.server, .server-card, .servers-container, div[class*="server"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Полоса прогресса */
progress, .progress, .progress-bar {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* ==========================================================
   6. КАРТОЧКИ ТОВАРОВ (аккуратные)
   ========================================================== */
.card, .product-card, .category-card {
    background-color: #1a1a1e !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}