.device-checkout { max-width: 1080px; padding-top: 40px; padding-bottom: 64px; }
.device-checkout h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); margin-bottom: 12px; }
.checkout-steps { display: flex; gap: 24px; padding: 18px 0; list-style: none; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.checkout-steps [aria-current="step"] { color: var(--primary, #087c6a); font-weight: 800; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; margin-top: 24px; align-items: start; }
.checkout-layout section, .order-summary { border: 1px solid var(--line); border-radius: 16px; padding: 24px; background: var(--surface, #fff); }
.order-summary { position: sticky; top: 24px; }
.checkout-product { display: flex; gap: 20px; align-items: center; margin: 24px 0; }
.checkout-product img { max-width: 40%; height: auto; border-radius: 10px; }
.device-checkout label { display: grid; gap: 7px; font-size: .95rem; }
.device-checkout input { box-sizing: border-box; width: 100%; border: 1px solid var(--line, #bacac5); border-radius: 8px; padding: 12px; font: inherit; color: inherit; background: #fff; }
.device-checkout input:focus { outline: 2px solid var(--primary, #087c6a); outline-offset: 2px; }
#quantity { width: 100px; }
.shipping-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.shipping-form label:nth-last-of-type(-n+2), .checkout-actions { grid-column: 1 / -1; }
.checkout-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.order-summary dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; }
.order-summary dd { margin: 0; text-align: right; white-space: nowrap; }
.summary-total { border-top: 1px solid var(--line); font-weight: 800; }
#review-shipping, .store-order { overflow-wrap: anywhere; }
.store-order { border-bottom: 1px solid var(--line); padding: 20px 0; }
#store-message { color: var(--ink); overflow-wrap: anywhere; }
#store-message[data-error="true"] { color: #a52b22; }
[hidden] { display: none !important; }
@media (max-width: 760px) {
  .checkout-layout { grid-template-columns: 1fr; gap: 20px; }
  .order-summary { position: static; }
  .checkout-steps { gap: 12px; font-size: .85rem; }
  .shipping-form { grid-template-columns: 1fr; }
  .checkout-layout section, .order-summary { padding: 18px; }
  .checkout-actions .button { width: 100%; text-align: center; }
}
.checkout-steps{align-items:center}.device-checkout .checkout-steps li{margin:0;padding:0;line-height:1.5}.checkout-layout h2{font-size:22px;line-height:1.4;margin:0 0 20px}.order-summary h2{font-size:19px}.checkout-layout h3{font-size:18px;line-height:1.4;margin:0 0 10px}