/* Critical performance & Discover-friendly rendering */

img[loading="lazy"] {
  content-visibility: auto;
}

.blog-featured-image,
.hero img,
.detail-gallery img#main-image {
  width: 100%;
  max-height: min(70vh, 720px);
  object-fit: cover;
}

@media (max-width: 768px) {
  .blog-featured-image {
    min-height: 220px;
  }
}

.product-card img,
.blog-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}