/**
 * Fix Unanimated Composited Elements
 * Ngăn browser tạo composited layer cho elements không có animation
 * Giảm CLS và improve performance
 */

/* Pagination dots - không cần composited layer */
.pagination span,
.pagination span.active {
  will-change: auto !important;
  contain: layout style !important;
}

/* Nav buttons - chỉ tạo composited layer khi hover */
.nav-button {
  will-change: auto !important;
  contain: layout style !important;
}

.nav-button:hover {
  will-change: transform !important;
}

/* Fixed: Chỉ dùng transform khi cần animation */
.nav-button.left,
.nav-button.right {
  will-change: auto !important;
}