/* Failsafe layout styles if /_next/static/css/*.css 404s on Netlify.
   Keeps product grids and square image tiles from collapsing into tall strips. */
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.grid { display: grid; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1024px) {
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.relative { position: relative; }
.overflow-hidden { overflow: hidden; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.shrink-0 { flex-shrink: 0; }

/* Cap editorial hero bands if Tailwind fails — avoids 70–85vh black voids */
.min-h-\[45vh\] { min-height: 45vh; max-height: 70vh; }
.min-h-\[60vh\] { min-height: 60vh; max-height: 80vh; }
.min-h-\[70vh\] { min-height: 70vh; max-height: 90vh; }
.min-h-\[85vh\] { min-height: 85vh; max-height: 95vh; }
@media (min-width: 768px) {
  .md\:min-h-\[60vh\] { min-height: 60vh; max-height: 80vh; }
  .md\:min-h-\[85vh\] { min-height: 85vh; max-height: 95vh; }
}