/* BVB Exporter - Floating 3D Effects */

:root {
  --bvb-depth: 18px;
  --bvb-speed: 0.45s;
}

/* Smooth 3D movement */
.bvb-3d-card {
  position: relative;
  transform-style: preserve-3d;
  perspective: 1000px;
  will-change: transform;
  transition: transform var(--bvb-speed) ease,
              box-shadow var(--bvb-speed) ease;
}

.bvb-3d-card:hover {
  transform: translateY(-12px) rotateX(3deg) rotateY(-3deg);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.22);
}

/* Floating product images */
.bvb-3d-card img {
  transition: transform 0.5s ease;
}

.bvb-3d-card:hover img {
  transform: translateZ(22px) scale(1.035);
}

/* Floating banners */
.bvb-3d-banner {
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}

.bvb-3d-banner img {
  transition: transform 0.7s ease;
}

.bvb-3d-banner:hover img {
  transform: scale(1.035);
}

/* Premium hover buttons */
.bvb-3d-card a,
.bvb-3d-card button {
  transition: transform 0.3s ease;
}

.bvb-3d-card a:hover,
.bvb-3d-card button:hover {
  transform: translateY(-3px);
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .bvb-3d-card,
  .bvb-3d-card img,
  .bvb-3d-banner img {
    transition: none !important;
    transform: none !important;
  }
}