/* Keep quantity controls usable without stretching the number field. */
.cart-item .qty-btn,
.cart-item .qty-input {
    min-height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 auto;
}
.cart-item .qty-input { width: 56px !important; font-size: 16px !important; }
.cart-item .qty-controls { flex-wrap: wrap; }
.cart-item .item-name { overflow-wrap: anywhere; }
#checkout-modal .modal-close { min-width: 44px; min-height: 44px; }
#checkout-modal .modal-content { max-height: calc(100dvh - 32px); }
@media (max-width: 600px) {
    .cart-item {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr);
        align-items: start !important;
    }
    .cart-item > div:last-child { grid-column: 2; min-width: 0 !important; }
}