/* Let form controls shrink inside their grid instead of widening checkout. */
.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px)}
.checkout-layout>.cart-card,.checkout-layout .account-review-form,.checkout-layout .account-review-form label,.checkout-layout .coupon-form,.checkout-layout .coupon-form input{min-width:0;max-width:100%}
.checkout-layout .account-review-form{width:100%;grid-template-columns:minmax(0,1fr)}
.checkout-layout .account-review-form label{grid-template-columns:minmax(0,1fr)}
.checkout-layout .account-review-form :is(input,select,textarea){min-width:0;max-width:100%;width:100%}
.checkout-layout .coupon-form{grid-template-columns:minmax(0,1fr) auto}
.checkout-layout .summary-row{min-width:0;overflow-wrap:anywhere}
@media(max-width:1080px){.checkout-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.checkout-layout{gap:20px}.checkout-layout>.cart-card{padding:20px 18px}.checkout-layout h1{font-size:clamp(24px,7vw,30px);line-height:1.25;margin-top:0}.checkout-layout .account-review-form :is(input,select,textarea){font-size:16px}.checkout-layout .account-review-form>.button{width:100%;white-space:normal}}

.checkout-offers>[data-cart-summary]{display:grid;gap:14px;min-width:0}
.checkout-offers .cart-checkout,.checkout-offers .cart-continue{display:none}
.checkout-delivery{margin:0;padding:0;border:0;min-width:0;display:grid;gap:10px}
.checkout-delivery legend{padding:0;margin-bottom:10px;font-size:14px}
.checkout-layout .account-review-form .checkout-delivery label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ddd;border-radius:8px;cursor:pointer}
.checkout-layout .account-review-form .checkout-delivery input{width:18px;min-width:18px;height:18px;margin:0;accent-color:#00888c}
.checkout-delivery label:has(input:checked){border-color:#00888c!important;background:#f0fafa}
.checkout-delivery strong,.checkout-delivery small{display:block}
.checkout-delivery strong{font-size:14px;font-weight:600}
.checkout-delivery small{margin-top:4px}
#checkout-payment-status:empty,#checkout-verified-total:empty{display:none}
/* Keep checkout content clear of the fixed storefront header. */
body:has(.checkout-layout) main>.section{padding-top:112px}
@media(max-width:1000px){body:has(.checkout-layout) main>.section{padding-top:100px}}
@media(max-width:550px){body:has(.checkout-layout) main>.section{padding-top:90px}}