/* Optimize layout stability */
.owl-carousel,
.isotope,
.grid,
.carousel-item,
.grid-item {
  contain: layout style paint;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Optimize carousel transitions */
.owl-carousel {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

/* Optimize isotope layout */
.isotope {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Disable transitions during initial layout */
.isotope.isotope-no-transition,
.isotope.isotope-no-transition .isotope-item,
.isotope .isotope-item.no-transition,
.isotope .no-transition .isotope-item {
  -webkit-transition-duration: 0s !important;
  -moz-transition-duration: 0s !important;
  -ms-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

/* Optimize image loading */
img {
  content-visibility: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Optimize animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Optimize carousel navigation */
.owl-nav,
.owl-dots {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Optimize hover states */
@media (hover: hover) {
  .owl-nav button,
  .owl-dot {
    transition: opacity 0.2s ease;
  }
  
  .owl-nav button:hover,
  .owl-dot:hover {
    opacity: 0.7;
  }
}

/* Optimize for reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .owl-carousel,
  .isotope {
    transition: none !important;
  }
}