/* ================================================== */
/* MOBILE CART HEIGHT + PERFORMANCE */
/* ================================================== */

@media (max-width: 768px) {
    /* 1. Убираем горизонтальный скролл */
    html, body {
        overflow-x: hidden !important;
    }
    
    /* 2. Корзина на всю ширину */
    div[role="dialog"][id*="radix-"] {
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* 3. Убираем блок "Итого" */
    div[role="dialog"][id*="radix-"] .bg-gradient-warm {
        display: none !important;
    }
    
    /* 4. БОЛЬШАЯ ВЫСОТА ДЛЯ ТОВАРОВ */
    div[role="dialog"][id*="radix-"] .flex-1.overflow-y-auto {
        flex: 1 1 auto !important;
        min-height: 55vh !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
    }
    
    /* 5. Компактный заголовок корзины */
    div[role="dialog"][id*="radix-"] .flex-col.space-y-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    
    /* 6. Компактные карточки товаров */
    div[role="dialog"][id*="radix-"] .bg-gradient-card {
        padding: 0.75rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    div[role="dialog"][id*="radix-"] .bg-gradient-card img {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 414px) {
    /* Еще больше высоты на маленьких экранах */
    div[role="dialog"][id*="radix-"] .flex-1.overflow-y-auto {
        min-height: 60vh !important;
        max-height: 75vh !important;
    }
    
    div[role="dialog"][id*="radix-"] .bg-gradient-card {
        padding: 0.5rem !important;
    }
    
    div[role="dialog"][id*="radix-"] .bg-gradient-card img {
        width: 50px !important;
        height: 50px !important;
    }
}