/* Core Web Vitals Optimizations */
.product-image-container,
.split-image-right {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}

/* Prevent layout shift */
.hs-title-3a,
.hs-title-4,
.hs-title-5 {
  font-display: swap;
  min-height: 2.5em;
}

/* Mobile-first optimization */
@media (max-width: 767px) {
  .btn {
    min-height: 48px;
    min-width: 48px;
    padding: 12px 24px;
  }
  
  .mobile-touch-friendly {
    padding: 16px;
    margin: 8px;
  }
}

/* Lazy loading placeholder */
img[loading="lazy"] {
  background-color: #1a1a1a;
}