/* Motion / polish only — layout lives in main.css */

.glb-hero__content {
  animation: glb-rise 0.85s ease both;
}

.glb-product-card,
.glb-collection-tile,
.glb-why-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.glb-product-card:hover,
.glb-collection-tile:hover {
  box-shadow: 0 20px 40px rgba(11, 11, 12, 0.12);
}

.glb-collection-tile:hover .glb-collection-tile__media img {
  transform: scale(1.04);
}

.glb-collection-tile__media img {
  transition: transform 0.6s ease;
}

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

@media (prefers-reduced-motion: reduce) {
  .glb-hero__content {
    animation: none;
  }
  .glb-product-card,
  .glb-collection-tile,
  .glb-collection-tile__media img {
    transition: none;
  }
}
