/* Scoped to ordering: keep touch targets and prices inside narrow product cards. */
[data-food-order-form] .food-product-controls {
    grid-template-columns: minmax(0, 1fr) 134px;
}
[data-food-order-form] .food-minimum-note,
[data-food-order-form] .food-selection-total {
    grid-column: 1 / -1;
    margin: 0;
}
[data-food-order-form] .food-minimum-note {
    color: var(--gold2);
    font-size: .85rem;
    line-height: 1.5;
}
[data-food-order-form] .food-selection-total {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px 12px;
    padding: 10px 0 2px;
    font-size: .9rem;
    overflow-wrap: anywhere;
}
[data-food-order-form] .food-selection-total strong {
    color: var(--gold2);
    font-size: 1.15rem;
}
[data-food-order-form] .food-cart-notice {
    padding: 12px;
    border-left: 2px solid var(--gold);
    font-size: .85rem;
    overflow-wrap: anywhere;
}
[data-food-order-form] .quantity-stepper button:disabled,
[data-food-order-form] .cart-stepper button:disabled {
    opacity: .35;
    cursor: not-allowed;
}
[data-food-order-form] .cart-stepper button:focus-visible,
[data-food-order-form] .quantity-stepper button:focus-visible {
    outline: 2px solid var(--gold2);
    outline-offset: -3px;
}
[data-food-order-form] .food-cart-line small {
    white-space: normal;
    overflow-wrap: anywhere;
}
[data-food-order-form] .cart-stepper {
    grid-template-columns: repeat(3, 44px);
    width: max-content;
}
[data-food-order-form] .cart-stepper button {
    min-width: 44px;
    min-height: 44px;
}
[data-food-order-form] [data-cart-remove] {
    min-height: 44px;
    padding: 8px 0;
}
/* Stacking avoids truncating “Per person” beside a 44px-touch-target stepper. */
[data-food-order-form] [data-minimum="2"] .food-product-controls {
    grid-template-columns: minmax(0, 1fr);
}
[data-food-order-form] [data-minimum="2"] .food-quantity {
    grid-template-columns: minmax(0, 1fr) 134px;
    align-items: center;
    gap: 12px;
}
[data-food-order-form] [data-minimum="2"] .food-quantity > span {
    font-size: .85rem;
    line-height: 1.4;
}
@media (max-width: 380px) {
    [data-food-order-form] .food-product-controls {
        grid-template-columns: minmax(0, 1fr);
    }
}