/* Checkout, delivery, cart and order/account forms only. Desktop is unchanged. */
@media (max-width:767px){
  #delivery .two{ grid-template-columns:minmax(0,1fr); gap:.8rem; }
  #delivery .panel{ min-width:0; padding:1rem; }
  #delivery .panel h3{ margin-bottom:.45rem; }
  #delivery .row{ align-items:baseline; gap:.6rem; padding:.53rem 0; font-size:.9rem; }
  #delivery .row dt{ min-width:0; }
  #delivery .row dd{ text-align:right; overflow-wrap:anywhere; }
  #delivery .note{ margin-top:.65rem; line-height:1.5; }
  #delivery .copy-inline{ min-height:44px; }

  #order .order-grid{ grid-template-columns:minmax(0,1fr); gap:1rem; }
  #orderForm{ display:flex; flex-direction:column; min-width:0; }
  #orderForm > .form-row{ grid-template-columns:minmax(0,1fr); gap:0; margin-bottom:0; }
  #orderForm .f{ min-width:0; gap:.32rem; margin-bottom:.8rem; }
  #orderForm .f label, #orderForm #dgPickupLbl{ font-size:.92rem; line-height:1.35; }
  #orderForm .f input:not([type="radio"]),
  #orderForm .f textarea,
  #orderForm .f select{ min-height:44px; padding:.65rem .8rem; font-size:16px; line-height:1.4; }
  #orderForm .f textarea{ min-height:76px; }
  #orderForm .radio-set{ display:grid; grid-template-columns:minmax(0,1fr); gap:.45rem; }
  #orderForm .radio{ min-height:44px; width:100%; padding:.58rem .75rem; line-height:1.35; overflow-wrap:anywhere; }
  #orderForm .radio input{ flex:0 0 auto; width:18px; height:18px; margin:0; }
  #orderForm #dgPickupF{ margin:.1rem 0 .8rem; }
  #orderForm .dgpk-set{ grid-template-columns:minmax(0,1fr); }
  #orderForm .dgpk-card{ min-height:44px; padding:.7rem .8rem; }
  #orderForm .pay-hint{ line-height:1.45; }

  #order .summary{ position:static; min-width:0; padding:1rem; }
  #order .sum-line{ min-width:0; gap:.5rem; }
  #order .sum-line span:first-child{ min-width:0; overflow-wrap:anywhere; }
  #order .sum-line span:last-child{ flex:0 0 auto; }
  #order .sum-tot, #drawer .sum-tot{ min-width:0; gap:.6rem; }
  #order .sum-tot span:first-child, #drawer .sum-tot span:first-child{ min-width:0; overflow-wrap:anywhere; }
  #order .sum-tot span:last-child, #drawer .sum-tot span:last-child{ flex:0 0 auto; white-space:nowrap; }
  #order .dg-coupon-row{ min-width:0; }
  #order #couponInput{ min-width:0; font-size:16px; }
  #order #couponApply{ min-height:44px; padding-inline:.8rem; }
  #order .order-actions .btn{ min-height:44px; }
  #order .done, #order .cxl{ max-width:100%; overflow-wrap:anywhere; }
  #order .done pre{ max-width:100%; }
  #order .dgsp-track{ min-width:0; }
  #order .dgsp-track .row input{ min-width:0; width:100%; font-size:16px; min-height:44px; }
  #order .dgsp-track .go{ min-height:44px; }

  #drawer{ width:100%; max-width:408px; }
  #drawer .drawer-hd{ padding:.7rem 1rem; }
  #drawer .drawer-bd{ min-height:0; padding: .8rem 1rem; }
  #drawer .drawer-ft{ flex:0 0 auto; max-height:55dvh; overflow-y:auto; padding:.7rem 1rem calc(.8rem + env(safe-area-inset-bottom)); }
  #drawer .ci{ gap:.55rem; padding:.7rem 0; min-width:0; }
  #drawer .ci-b{ min-width:0; }
  #drawer .ci-name, #drawer .ci-meta{ overflow-wrap:anywhere; }
  #drawer .ci-mono{ width:32px; height:42px; }
  #drawer .ci-r{ flex:0 0 auto; }
  #drawer .ci-price{ white-space:nowrap; }
  #drawer .qty button{ min-width:44px; min-height:44px; }
  #drawer .rm, #drawer .x{ min-width:44px; min-height:44px; }
  #drawer .order-actions{ margin-top:.5rem; }
  #drawer #toOrder{ min-height:44px; }

  #acctBody{ min-width:0; overflow-wrap:anywhere; }
  #acctBody .acct-f{ margin-bottom:.75rem; }
  #acctBody .acct-f label{ font-size:.92rem; line-height:1.35; }
  #acctBody .acct-f input, #acctBody .acct-f textarea{ font-size:16px; min-height:44px; padding:.6rem .75rem; }
  #acctBody .acct-actions{ gap:.45rem; }
  #acctBody .acct-btn, #acctBody .acct-sw, #acctBody .acct-btn-plain{ min-height:44px; }
  #acctBody .acct-order, #acctBody .acct-order-hd{ min-width:0; }
  #acctBody .acct-order-hd{ flex-wrap:wrap; }
  #acctBody .acct-chip{ margin-left:0; }
  #acctBody .acct-cxl{ min-width:0; overflow-wrap:anywhere; }
}