/* ===========================================================
  CHECKOUT — structured order review and COD submission
=========================================================== */
.checkout-page{background:#f8f7f4;min-height:calc(100vh - 82px);padding-block:var(--sp-8) var(--sp-10);}
.checkout-container{max-width:1120px;margin-inline:auto;padding-inline:var(--gutter);}
.checkout-heading{padding-bottom:var(--sp-7);border-bottom:1px solid var(--border-soft);}
.checkout-heading h1{font-size:var(--fs-3xl);margin-top:var(--sp-3);}
.checkout-heading p{color:var(--text-muted);margin-top:.7rem;}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:clamp(2rem,6vw,5rem);margin-top:var(--sp-7);align-items:start;}
.checkout-form-column{min-width:0;}
.checkout-summary{position:sticky;top:6.5rem;background:var(--bg-surface);border:1px solid var(--border-soft);padding:var(--sp-5);}
.summary-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border-soft);padding-bottom:var(--sp-4);}
.checkout-summary h2{font-size:var(--fs-lg);}
.summary-heading span{font-size:var(--fs-xs);color:var(--text-muted);}
.checkout-section{border:0;border-bottom:1px solid var(--border-soft);padding:0 0 var(--sp-6);margin:0 0 var(--sp-6);}
.checkout-section legend{display:flex;align-items:center;gap:.8rem;font-family:var(--font-display);font-size:var(--fs-lg);padding:0;margin-bottom:.4rem;}
.checkout-section legend span{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--accent-strong);font-weight:var(--fw-semibold);}
.section-help{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-4);}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);}
.checkout-item{display:grid;grid-template-columns:1fr auto;gap:var(--sp-4);padding-block:var(--sp-4);border-bottom:1px solid var(--border-soft);}
.checkout-item:first-child{padding-top:0;}
.checkout-item-main{display:flex;gap:.8rem;min-width:0;}
.checkout-item-main img{width:64px;height:72px;object-fit:cover;background:var(--c-sand);flex:none;}
.checkout-item h3{font-size:var(--fs-md);margin-bottom:.3rem;}
.checkout-item p{font-size:var(--fs-sm);color:var(--text-muted);}
.checkout-item-controls{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;flex-wrap:wrap;}
.checkout-item-controls button{border:1px solid var(--border-soft);width:28px;height:28px;font-size:1rem;}
.checkout-item-controls button:hover{background:var(--c-sand);}
.checkout-item-controls .checkout-remove{
  width:auto;height:auto;
  color:var(--text-muted);font-size:var(--fs-2xs);margin-left:.5rem;
  border:1px solid var(--border-soft);padding:.35rem .7rem;
  text-transform:uppercase;letter-spacing:.05em;
  transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);
}
.checkout-item-controls .checkout-remove:hover{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong);}
.checkout-item-price{font-weight:var(--fw-semibold);white-space:nowrap;}
.checkout-add{display:inline-block;margin-top:var(--sp-5);color:var(--accent-strong);font-size:var(--fs-sm);}
.summary-breakdown{border-top:1px solid var(--border-soft);margin-top:var(--sp-5);padding-top:.4rem;}
.summary-row,.summary-total{display:flex;justify-content:space-between;gap:var(--sp-4);padding-block:.8rem;border-bottom:1px solid var(--border-soft);font-size:var(--fs-sm);}
.summary-row span:last-child{color:var(--text-muted);text-align:right;font-size:var(--fs-xs);}
.summary-total{border:0;font-size:var(--fs-md);padding-block:var(--sp-5);}
.checkout-form label{display:grid;gap:.4rem;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-4);}
.checkout-form input,.checkout-form textarea{border:1px solid var(--border-soft);background:var(--bg-page);padding:.75rem;color:var(--text-primary);resize:vertical;outline:0;}
.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--accent-strong);}
.choice-card{display:grid !important;grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;border:1px solid var(--border-soft);padding:1rem;margin:0 !important;background:var(--bg-surface);cursor:pointer;text-transform:none !important;letter-spacing:0 !important;}
.choice-card.selected{border-color:var(--accent-strong);box-shadow:inset 3px 0 var(--accent);}
.choice-card input{accent-color:var(--accent-strong);margin-top:.2rem;}
.choice-card strong,.choice-card small{display:block;}
.choice-card strong{font-size:var(--fs-sm);color:var(--text-primary);}
.choice-card small{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.25rem;}
.choice-card b{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted);}
.checkout-submit{margin-top:var(--sp-2);}
.checkout-note{font-size:var(--fs-2xs);color:var(--text-muted);text-align:center;}
.checkout-empty,.checkout-success{text-align:center;max-width:600px;margin:var(--sp-9) auto 0;padding:var(--sp-8) var(--sp-5);border-top:2px solid var(--c-ink);background:var(--bg-surface);}
.checkout-empty h2,.checkout-success h2{font-size:var(--fs-xl);margin-bottom:var(--sp-3);}
.checkout-empty p,.checkout-success p{color:var(--text-muted);margin-bottom:var(--sp-6);}
.checkout-success{border-top-color:var(--accent);}
@media (max-width:760px){
  .checkout-page{padding-block:var(--sp-6) var(--sp-8);}
  .checkout-layout{grid-template-columns:1fr;gap:var(--sp-6);}
  .checkout-summary{position:static;}
  .field-grid{grid-template-columns:1fr;gap:0;}
  .checkout-back{font-size:var(--fs-xs);padding:.6rem .7rem;}
}