/* Komponent: checkout — 20-storefront.md § 2.6 */

.checkout-page{ padding-bottom:var(--sp-7); }
.checkout-layout{ display:grid; grid-template-columns:1fr 360px; gap:var(--sp-6); align-items:start; }
.checkout-main{ display:flex; flex-direction:column; gap:var(--sp-4); }
.co-block h3{ font-size:20px; margin-bottom:var(--sp-4); }
.co-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3) var(--sp-4); }
.co-grid .field{ margin-bottom:0; }
.co-radio{ display:flex; align-items:center; gap:10px; padding:8px 0; font-size:15px; }
.checkout-err{ margin-bottom:var(--sp-4); }

.checkout-summary{ position:sticky; top:104px; }
.checkout-summary h3{ font-size:22px; margin-bottom:var(--sp-4); }
.co-items{ list-style:none; margin-bottom:var(--sp-4); }
.co-items li{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; font-size:14px; border-bottom:1px solid var(--line); }
.co-items li:last-child{ border-bottom:none; }
.checkout-summary .btn-block{ margin-top:var(--sp-4); }

@media (max-width:820px){ .checkout-layout{ grid-template-columns:1fr; } .co-grid{ grid-template-columns:1fr; } .checkout-summary{ position:static; } }