#cartOffcanvas .select2-container {
    width: 100% !important;
}

#cartOffcanvas .select2-selection {
    min-height: 37px;
    display: flex;
    align-items: center;
}

#cartOffcanvas .select2-container--bootstrap-5 .select2-dropdown {
    border-color: #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

#cartOffcanvas .card {
    transition: box-shadow 0.3s ease;
}

#cartOffcanvas .card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

@media (max-width: 767.98px) {
    #cartOffcanvas .col-md-6 {
        width: 100%;
    }
    
    #cartOffcanvas .offcanvas-body {
        padding: 0.5rem;
    }
    
    #cartOffcanvas .card-body {
        padding: 0.5rem;
    }
}