/* SHAFO luxury animation layer */

@media (prefers-reduced-motion: no-preference) {
  .hero,
  .bouquet-hero,
  .info-card,
  .gallery-item,
  .gallery-link,
  .collection-card,
  .btn {
    transition:
      transform .45s ease,
      opacity .45s ease,
      border-color .45s ease,
      box-shadow .45s ease,
      filter .45s ease;
  }

  .bouquet-photo img,
  .gallery-item img,
  .gallery-link img,
  .collection-card img {
    transition:
      transform 1.2s ease,
      filter .8s ease;
  }

  .bouquet-photo:hover img,
  .gallery-item:hover img,
  .gallery-link:hover img,
  .collection-card:hover img {
    transform: scale(1.035);
    filter: saturate(1.05) contrast(1.03);
  }

  .info-card:hover,
  .gallery-item:hover,
  .gallery-link:hover,
  .collection-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201,162,126,.55) !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.32);
  }

  .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(201,162,126,.18);
  }

  .btn.primary:hover {
    box-shadow: 0 16px 42px rgba(201,162,126,.32);
  }

  .hero,
  .bouquet-hero {
    animation: shafoFadeUp .9s ease both;
  }

  .info-card {
    animation: shafoFadeUp .75s ease both;
  }

  .info-card:nth-child(1) { animation-delay: .05s; }
  .info-card:nth-child(2) { animation-delay: .10s; }
  .info-card:nth-child(3) { animation-delay: .15s; }
  .info-card:nth-child(4) { animation-delay: .20s; }
  .info-card:nth-child(5) { animation-delay: .25s; }
  .info-card:nth-child(6) { animation-delay: .30s; }

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