/* ==========================================================================
   carrito.css — panel lateral del carrito y su fondo oscuro.
   El panel vive fuera de pantalla con .cerrado y entra deslizándose.
   ========================================================================== */

#carrito{ transition:transform var(--dur-panel) var(--ease-panel); }
#carrito.cerrado{ transform:translateX(100%); }

#overlay{ transition:opacity var(--dur-slow) var(--ease-out); }