@media (max-width: 768px) {
    .desktop-table {
        display: none !important;
    }

    .mobile-card {
        display: block !important;
    }
}

@media (min-width: 769px) {
    .desktop-table {
        display: block !important;
    }

    .mobile-card {
        display: none !important;
    }
}

.quantity-input {
    max-width: 60px;
    pointer-events: none;
    background-color: #fff;
}

.input-group button {
    min-width: 36px;
}

.card-body p,
.card-body ul {
    margin-bottom: 0.5rem;
}