/* Add custom CSS styles below */ 

/* Touch optimization */
a, button, [class*="btn"], [class*="card"], [class*="product"] {
  touch-action: manipulation;
  cursor: pointer;
}

/* GPU acceleration للسلايدر */
[class*="slider"], [class*="carousel"], [class*="swiper"], [class*="banner"] {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* منع overflow */
html, body {
  overflow-x: hidden;
  max-width: 100%;
  scroll-behavior: smooth;
}

/* تحسين النصوص */
body, * {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  box-sizing: border-box;
}

/* تحسين العناصر تحت الصفحة */
[class*="section"]:not(:first-of-type),
[class*="footer"],
[class*="reviews"] {
  content-visibility: auto;
  contain-intrinsic-size: 0 300px;
}

/* View Transitions أنيميشن */
@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeSlideOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-8px); }
}

::view-transition-old(root) {
  animation: fadeSlideOut 0.18s ease forwards;
}

::view-transition-new(root) {
  animation: fadeSlideIn 0.22s ease forwards;
}