.checkoutPage{max-width:760px;background:#faf8f4}
.checkoutPage h1{font-size:clamp(34px,6vw,48px);margin:16px 0 28px}
.checkoutPage>.eyebrow{font-size:12px;letter-spacing:.08em}
.checkoutPanel{background:#fff;border:1px solid #e3ded5;border-radius:16px;padding:24px;margin:18px 0}
.checkoutPanel h2{font:600 23px/1.3 Arial,sans-serif;margin:0 0 22px}
.checkoutPanel label{display:block;font-size:15px;font-weight:600;margin:16px 0}
.checkoutPanel input:not([type=radio]),.checkoutPanel select,.checkoutPanel textarea{display:block;width:100%;min-width:0;padding:13px 12px;margin-top:7px;border:1px solid #cfcfc7;border-radius:8px;background:#fff;color:var(--ink);font:16px/1.4 Arial,sans-serif}
.checkoutPanel textarea{height:100px;resize:vertical}
.customerNames{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.customerNames label{margin-top:0}
.checkoutPanel fieldset{padding:0;margin:24px 0;border:0;min-width:0}
.checkoutPanel legend{font-weight:600;font-size:16px;margin-bottom:10px}
.checkoutPanel .deliveryOption{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #d7d6ce;border-radius:10px;margin:9px 0;cursor:pointer}
.deliveryOption:has(input:checked){border-color:var(--green);background:#f0f5f0}
.deliveryOption input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--green);margin:0}
.deliveryOption small{display:block;font-size:12px;font-weight:400;color:#686868;margin-top:3px}
.checkoutHint{font-size:14px;color:#62675e;line-height:1.5}
.dispatchNotice{background:var(--beige);border-left:3px solid var(--green);padding:14px;font-size:14px;line-height:1.5}
.checkoutPanel .primary{width:100%;font-size:14px;padding:16px 12px}
.checkoutItems>div{padding:14px 0;border-bottom:1px solid #eee;font-size:14px}
.checkoutItems p{font-size:12px;line-height:1.5;color:#62675e;margin:5px 0}
.checkoutItems span{display:block;font-weight:700;margin-top:7px}
#checkoutTotals>p{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
#checkoutTotals .checkoutGrandTotal{font-size:23px;font-weight:700;color:var(--green);border-top:1px solid #ded8cc;padding-top:16px}
#checkoutError{color:#912d23}
[hidden]{display:none!important}
@media(max-width:650px){.checkoutPage{padding:26px 14px}.checkoutPanel{padding:20px 16px}.customerNames{grid-template-columns:1fr;gap:0}.checkoutPanel .eyebrow{font-size:12px}}