/* Extra polish layer (keeps index.html maintainable) */

:root {
  --shadow-soft: 0 10px 30px rgba(0,0,0,.25);
}

/* Subtle section reveal (disabled for reduced motion users) */
.reveal {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none; transform: none; opacity: 1; }
}

/* Nicer focus outline for keyboard users */
:focus-visible {
  outline: 3px solid rgba(212, 175, 55, .65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Smoothly pause product videos when off-screen (JS controls playback) */
.product-card video {
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}