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

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

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

.ohs-product-card:hover,
.ohs-collection-tile:hover {
  box-shadow: 0 24px 48px rgba(18, 35, 63, 0.14);
}

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

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

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

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