.vip-section {
    overflow-x: hidden !important;
}

    .vip-section .vip-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
        gap: 1rem !important;
        overflow: visible !important;
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .vip-section .vip-card {
        min-width: 0 !important;
        width: 100% !important;
    }

    .vip-section .vip-grid::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    .vip-section .vip-grid {
        scrollbar-width: none !important;
    }
/* ==============================
   PRICE FIX (VISIBLE) + NEW COLORS
   (NO GOLD / NO YELLOW)
   ============================== */

.vip-section {
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(99,102,241,.20) !important; /* indigo */
    box-shadow: 0 14px 36px rgba(17,24,39,.10) !important;
    border-radius: 18px !important;
}

/* VIP card: remove amber gradient */
.vip-card {
    background: radial-gradient(circle at 10% 0%, rgba(99,102,241,.16) 0%, rgba(34,211,238,.10) 35%, rgba(255,255,255,.96) 70%) !important;
    border: 1px solid rgba(99,102,241,.22) !important;
}

/* VIP badge: modern gradient (no yellow) */
.vip-badge {
    background: linear-gradient(135deg, #6366f1, #22d3ee) !important; /* indigo -> cyan */
    color: #071022 !important;
    box-shadow: 0 10px 22px rgba(99,102,241,.22) !important;
}

/* VIP category text: no gold */
.vip-category {
    color: rgba(99,102,241,.95) !important;
}


.vip-section {
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(2,6,23,.10) !important;
    box-shadow: 0 16px 40px rgba(2,6,23,.10) !important;
}

.vip-card {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(2,6,23,.10) !important;
    box-shadow: 0 10px 26px rgba(2,6,23,.10) !important;
}

.vip-badge {
    background: linear-gradient(135deg,#111827,#334155) !important; /* charcoal */
    color: #e2e8f0 !important;
    box-shadow: 0 10px 22px rgba(2,6,23,.18) !important;
}

.vip-category {
    color: #64748b !important; /* slate */
}

/* ===== QİYMƏT — modern “pill”, görünəcək və qırılmayacaq ===== */
.product-card .product-price,
.vip-section .vip-price {
    /* qırılma əleyhinə */
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    line-break: strict !important;
    /* bəzi gradient-text kodları qiyməti “gizlədir” — bunu söndürürük */
    -webkit-text-fill-color: currentColor !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: .25rem !important;
    padding: .34rem .60rem !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    line-height: 1.05 !important;
    color: #0b1220 !important;
}

/* Adi elan qiyməti: cool indigo/ice */
.product-card .product-price {
    background: linear-gradient(135deg, rgba(79,70,229,.14) 0%, rgba(59,130,246,.10) 55%, rgba(14,165,233,.08) 100%) !important;
    border: 1px solid rgba(79,70,229,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 10px 22px rgba(2,6,23,.10) !important;
}

/* VIP qiyməti: clean cyan/indigo (qızılı yox) */
.vip-section .vip-price {
    background: linear-gradient(135deg, rgba(34,211,238,.14) 0%, rgba(99,102,241,.10) 60%, rgba(168,85,247,.06) 100%) !important;
    border: 1px solid rgba(34,211,238,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 12px 26px rgba(2,6,23,.12) !important;
}