/* ============================================================
   firme.css · NADA SE CORRE DE LADO (13-11-2026)
   ------------------------------------------------------------
   El panel "Tu pedido" se podía arrastrar hacia el lado: una
   calle larga con dos precios ensanchaba la grilla de entrega y
   la zona con scroll la dejaba deslizar. Acá se corrige la causa
   y se cierra la puerta para cualquier otra que aparezca.
   Va al final. Cada bloque se puede sacar entero.
   ============================================================ */

/* 1 · La causa: la grilla de entrega crecía con su contenido.
   Con minmax(0, 1fr) el ancho lo pone el panel, no el texto. */
.entrega { grid-template-columns: minmax(0, 1fr); }
.entrega > *, .checkout-panel > *, .cart-body > * { min-width: 0; max-width: 100%; }
/* La calle se lee entera: hasta dos líneas antes de cortarse. */
.entrega-dir-txt strong {
  white-space: normal; overflow: hidden;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
}
.entrega-dir-txt small { white-space: normal; }

/* 2 · La puerta: las zonas con scroll del pedido solo suben y bajan.
   Con `hidden` el dedo no puede correrlas de lado aunque algo sobre. */
.cart-scroll, .cart-body { overflow-x: hidden; overscroll-behavior: contain; }
@supports (overflow: clip) {
  .cart-drawer { overflow-x: clip; }
}

/* 3 · La fila de días (se desliza de lado a propósito) no arrastra
   al panel cuando llega a su tope. */
.programar-dias { overscroll-behavior-x: contain; }

/* 4 · Menos letras (13-11-2026): lo que ya dice un número o un botón no
   se repite en una frase. Las notas vacías no ocupan lugar. */
#checkout-note:empty, .cart-total-meta:empty, .checkout-panel-copy:empty { display: none !important; }
.entrega-privacidad[hidden] { display: none; }
.entrega-op { min-height: 58px; }
.entrega-op.terciaria { min-height: 52px; }