/* ===== PRODUCT PAGES - OPTIMIZED STYLES ===== */

/* Hardware Acceleration */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tüm transform ve opacity animasyonları GPU'da çalışsın */
.product-card,
.filter-btn,
.add-to-cart-btn,
.cta-btn {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/* Hover animasyonlarını optimize et */
.product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card:hover {
  transform: translateY(-5px) translateZ(0);
}

/* Filtre butonları - basit transition */
.filter-btn {
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* View toggle - basit */
.view-btn {
  transition: background-color 0.15s ease;
}

/* CTA butonları - optimize */
.cta-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cta-btn:hover {
  transform: translateY(-2px) translateZ(0);
}

/* Add to cart - basit scale */
.add-to-cart-btn {
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.add-to-cart-btn:hover {
  transform: scale(1.03) translateZ(0);
}

/* Resim hover - hafifletildi */
.product-image img {
  transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
  transform: scale(1.05) translateZ(0);
}

/* Blur efektlerini kaldır - performans düşmanı */
.filter-section {
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  /* backdrop-filter kaldırıldı */
}

/* Shadow'ları optimize et - daha az blur */
.product-card {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.product-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Mobile categories - animasyonu basitleştir */
.mobile-category-card {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Scroll progress - GPU accelerated */
.scroll-progress {
  will-change: width;
  transform: translateZ(0);
}

/* Mega menu - blur kaldır */
.mega-menu-dropdown {
  /* backdrop-filter kaldırıldı - performans için */
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* Reduced motion desteği */
@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;
  }
}

/* Pasif event listener'lar için scroll optimize */
body {
  scroll-behavior: auto; /* smooth scroll kaldırıldı */
}

/* Logo animasyonunu kaldır */
.logo img,
.logo-text {
  transition: none;
}

/* Header scroll animasyonunu basitleştir */
.site-header {
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Mega menu hover'ı basitleştir */
.mega-column-list a {
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* Feature tag animasyon yok */
.feature-tag {
  transition: none;
}

/* Product badge animasyon yok */
.product-badge {
  transition: none;
}

/* Daha az GPU kullanımı için */
@media (max-width: 768px) {
  .product-card,
  .filter-btn,
  .add-to-cart-btn,
  .cta-btn {
    will-change: auto;
  }
  
  /* Mobilde hover efektlerini kapat */
  .product-card:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  }
}