/* Evita que el dashboard básico se muestre brevemente antes de montar la experiencia final. */
body:not(.sweet-ready) #public-shell,
body:not(.sweet-ready) #workspace-shell { visibility:hidden; }

/* Checkout y reserva: una sola columna clara en teléfono. */
@media (max-width: 640px) {
  .checkout-page { display:block; margin:0; padding:95px 16px 42px; }
  .checkout-copy { min-height:0; margin-bottom:14px; padding:23px 20px; }
  .checkout-copy h1 { font-size:44px; }
  .checkout-form-polished,.booking-form-real { min-width:0; padding:21px 17px; }
  .checkout-order-item { gap:10px; }
  .checkout-order-item h3 { font-size:15px; }
  .checkout-order-item strong { font-size:14px; }
  .payment-breakdown > div:last-child { align-items:center; }
  .selected-appointment { padding:13px; }
  .slots { display:grid; grid-template-columns:repeat(3,1fr); }
  .slots button { min-width:0; padding:9px 3px; font-size:11px; }
  .deposit-note { line-height:1.55; }
}