/* Vitrina — estilos base y animaciones (lo demás lo cubre Tailwind) */

* {
  -webkit-tap-highlight-color: transparent;
}

html {
  scrollbar-color: #262631 #0b0b10;
}

body {
  background: #0b0b10;
}

/* Oculta la barra de scroll en los chips de categorías */
.sin-barra {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sin-barra::-webkit-scrollbar {
  display: none;
}

/* Latido del carrito cuando entra un producto */
@keyframes latido {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.045); }
  100% { transform: scale(1); }
}
.latido {
  animation: latido 0.35s ease;
}

/* Transición suave del toast */
#toast {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Oculta la cruz nativa del input de búsqueda */
input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
}