/* Custom styles for Kallpa & Alma Jabones Artesanales */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f7f3ed;
}

::-webkit-scrollbar-thumb {
  background: #d4c8b8;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c86d51;
}

/* Product Card effects */
.product-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card:hover {
  transform: translateY(-4px);
}

/* Modal and Drawers */
#tech-modal.active,
#notify-modal.active {
  display: flex !important;
}

#cart-drawer.open {
  transform: translateX(0) !important;
}

#cart-drawer-overlay.active {
  display: block !important;
  opacity: 1;
}

/* Active tab styling */
.category-tab.active {
  background-color: #222220 !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Toast shown */
#toast.show {
  transform: translateY(0);
  opacity: 1;
}