.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.toast {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  background: #1f2937;
  color: white;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  font-size: 0.875rem;
  font-weight: 500;
  animation: slideUpToast 0.3s ease-out;
}

@keyframes slideUpToast {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-slides {
  display: flex;
  transition: transform 0.3s ease-out;
}

.product-slides img {
  flex-shrink: 0;
}

/* Header & Footer Brand Logos */
#store-header-logo {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  display: block;
}

#store-header-logo.hidden {
  display: none !important;
}

#store-footer-logo {
  height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block;
}

#store-footer-logo.hidden {
  display: none !important;
}