/* Ajustes de interfaz posteriores al diseño (este archivo NO lo genera dc2php.py; se edita a mano).
   Los ganchos data-m que usa se agregan en tools/design-import/manual_edits.py. */

/* ---------------------------------------------------------------- checkout en móvil */
@media (max-width: 760px) {
  /* El contenido nunca ensancha la página: sin scroll horizontal y la barra fija queda en su sitio */
  [data-m="comain"] { overflow-x: clip; }
  [data-m="cogrid"] { grid-template-columns: minmax(0, 1fr) !important; }

  /* Selector de método de pago: cabe en 360px (logos más chicos, kicker más corto, solo la flecha de "Cambiar") */
  [data-m="paysel"] { gap: 12px !important; padding: 12px 14px !important; }
  [data-m="paysel"] [data-js="pay-sel-logos"] { width: 72px !important; height: 38px !important; padding: 5px 6px !important; }
  [data-m="paysel"] > span:nth-child(2) > span:first-child { font-size: 11.5px !important; letter-spacing: 0.08em !important; }
  [data-m="paysel"] > span:last-child > span { display: none !important; }

  /* La barra inferior ya trae el botón naranja (Continuar / Pagar): un solo botón por paso */
  [data-m="costep-cta"] { display: none !important; }
}