/* ================================================================
   ★★★ ПРЕМИУМ РЕДИЗАЙН ДЛЯ LULLABY-DARK ★★★
   Версия без переменных (100% совместимость)
   ================================================================ */

/* ---------- 1. НАВИГАЦИЯ ---------- */
.navbar-main {
    background: rgba(10, 10, 18, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.navbar-main .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s ease !important;
}

.navbar-main .nav-link:hover {
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* ---------- 2. ГЛАВНЫЙ ЭКРАН ---------- */
#welcome-section .shop-name {
    font-size: 5rem !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #ffffff 0%, #ff7f66 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ---------- 3. СЕКЦИЯ СЕРВЕРОВ ---------- */
#servers .progress-bar {
    background: #ff7f66 !important;
}

#servers .badge.bg-elegant {
    background: rgba(255, 127, 102, 0.15) !important;
    color: #ff7f66 !important;
}

/* ---------- 4. ТОВАРЫ ---------- */
.profile-card .card {
    background: rgba(18, 18, 31, 0.6) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 20px !important;
    transition: all 0.4s ease !important;
    overflow: hidden !important;
}

.profile-card .card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(255, 127, 102, 0.2) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.profile-card .card-footer h6 {
    color: #ff7f66 !important;
}

/* ---------- 5. СКИДКА ---------- */
.sale__size {
    background: #ff4757 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    border-radius: 30px !important;
}

/* ---------- 6. КНОПКА "В КОРЗИНУ" ---------- */
.btn-inner-icon {
    background: rgba(255, 127, 102, 0.15) !important;
    padding: 8px 12px !important;
    border-radius: 30px !important;
    transition: all 0.3s ease !important;
}

.btn-inner-icon:hover {
    background: #ff7f66 !important;
}

.btn-inner-icon .fa-cart-arrow-down {
    color: #ff7f66 !important;
}

.btn-inner-icon:hover .fa-cart-arrow-down {
    color: #ffffff !important;
}

/* ---------- 7. ПОИСК ---------- */
.input-group .form-control.bg-elegant:focus {
    border-color: #ff7f66 !important;
    box-shadow: 0 0 0 3px rgba(255, 127, 102, 0.1) !important;
}

/* ---------- 8. КНОПКИ ---------- */
.btn-tertiary {
    background: #ff7f66 !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
}

.btn-tertiary:hover {
    background: #e86a52 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(255, 127, 102, 0.3) !important;
    color: #ffffff !important;
}

/* ---------- 9. ССЫЛКИ ---------- */
a, .text-tertiary {
    color: #ff7f66 !important;
}

a:hover {
    color: #ffffff !important;
}

/* ---------- 10. СКРОЛЛБАР ---------- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0a0a12;
}

::-webkit-scrollbar-thumb {
    background: #ff7f66;
    border-radius: 4px;
}