.delivery-payment{background:#fff;border:1px solid #e4e4dc;border-radius:18px;overflow:hidden;margin:16px 0}.delivery-payment-head{display:flex;align-items:center;gap:12px;padding:20px;background:#f8f8f3}.delivery-payment-head h4{margin:3px 0 0;font-size:18px}.delivery-payment-head small{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#77796e}.delivery-payment-icon{display:grid;place-items:center;background:#f0ece2;border-radius:12px;width:42px;height:42px;flex-shrink:0}.payment-status{margin-left:auto;background:#fff2e7;color:#934217;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap}.payment-steps{display:flex;justify-content:space-between;gap:8px;list-style:none;margin:0;padding:18px 20px;border-bottom:1px solid #efefe8}.payment-steps li{display:flex;align-items:center;gap:7px;font-size:11px;color:#77796e}.payment-steps li>span{display:grid;place-items:center;border:1px solid #deded5;border-radius:50%;width:22px;height:22px;font-weight:600}.payment-steps .done{color:#984522}.payment-steps .done>span{background:#fff0e6;border-color:#edbe9c}.payment-address{display:flex;gap:10px;padding:18px 20px;background:#fdfdfb;font-size:13px}.payment-address>svg{flex-shrink:0;margin-top:2px;color:#75786c}.payment-address p{margin:5px 0;line-height:1.6;color:#62665a;overflow-wrap:anywhere}.payment-address small{color:#74786c;overflow-wrap:anywhere}.payment-breakdown{padding:18px 20px}.payment-breakdown>div{display:flex;justify-content:space-between;gap:18px;font-size:13px;margin-bottom:12px}.payment-breakdown b{font-weight:500;text-align:right}.payment-breakdown .payment-total{border-top:1px solid #e9e9e0;padding-top:16px;margin-top:16px;margin-bottom:0;align-items:center;font-weight:600}.payment-total strong{font-size:25px;letter-spacing:-.5px}.payment-quote-note{margin:0!important;padding:0 20px 18px;font-size:12px;color:#74776b;line-height:1.6}.payment-quote-note p{margin:0 0 6px}.payment-method-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-top:1px solid #e9e9e0;gap:10px}.payment-method-heading h4{font-size:14px;margin:0}.payment-method-heading>span{font-size:11px;color:#797c70}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}.payment-method{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e5e5de;border-radius:12px;background:#fcfcf9;padding:14px 12px;color:#66695f;cursor:not-allowed;opacity:1;min-width:0}.payment-method>span{display:grid;gap:4px;flex:1;min-width:0}.payment-method b{font-size:13px;font-weight:600}.payment-method small{font-size:10px;line-height:1.4}.payment-method>svg{flex-shrink:0}.payment-method>svg:last-child{color:#94978d}.payment-unavailable{display:flex;align-items:flex-start;gap:9px;margin:16px 20px;padding:12px;background:#f5f5ee;border-radius:10px;color:#64685b}.payment-unavailable>svg{flex-shrink:0;margin-top:2px}.payment-unavailable p{font-size:12px;line-height:1.65;margin:0}.delivery-payment .payment-disabled{width:calc(100% - 40px);margin:0 20px;background:#e5e5dd;color:#7c8072;border-color:#e5e5dd;opacity:1;cursor:not-allowed;font-size:12px}.payment-reassurance{display:flex;justify-content:center;align-items:center;gap:6px;text-align:center;font-size:10px;color:#777c6b;padding:12px 20px 18px;margin:0!important}@media(max-width:480px){.delivery-payment-head{flex-wrap:wrap;padding:16px}.payment-status{margin-left:54px}.payment-methods{grid-template-columns:1fr;padding:0 16px}.payment-steps{padding:16px 12px}.payment-steps li{font-size:10px;gap:4px}.payment-breakdown,.payment-address{padding:16px}.payment-total strong{font-size:23px}.payment-unavailable{margin:14px 16px}.payment-reassurance{align-items:flex-start}}

.customer-order:has(.delivery-payment){grid-column:1/-1}
.delivery-payment .payment-method:disabled{opacity:1;color:#66695f;filter:none}