/* ==========================================================================
   DESI BIG BAZAR — Understated Motion Design
   Gentle opacity reveals with zero artificial bounce or lag.
   ========================================================================== */

/* Subtle reveal on scroll */
.editorial-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.editorial-reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Minimalist toast notification */
.minimal-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: var(--bg-surface);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-subtle);
  padding: 12px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--radius-sm);
  z-index: 9999;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.minimal-toast.visible {
  opacity: 1;
  transform: translateY(0);
}