/* کافه خانه آبی - انیمیشن‌های جذاب‌تر - برای تمام سکشن‌ها */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:none; }
}
@keyframes fadeInScale {
  from { opacity:0; transform:scale(0.96); }
  to { opacity:1; transform:scale(1); }
}
@keyframes floatY {
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}
@keyframes pulseSoft {
  0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(96,163,188,0.4); }
  70%{ transform:scale(1.02); box-shadow:0 0 0 12px rgba(96,163,188,0); }
  100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(96,163,188,0); }
}
@keyframes shimmerBg {
  0%{ background-position:-200% 0; }
  100%{ background-position:200% 0; }
}
@keyframes gradientShift {
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}
@keyframes spinSlow {
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
@keyframes waveMove {
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* سکشن‌ها با انیمیشن ورود */
.section {
  position:relative;
  overflow:hidden;
}
.section::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .6s;
}
.section.in-view::before{ opacity:1; }

/* کارت‌ها - هاور جذاب */
.card, .menu-item {
  position:relative;
}
.card::after, .menu-item::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(96,163,188,0.08), transparent 60%);
  opacity:0;
  transition:opacity .35s;
  pointer-events:none;
}
.card:hover::after, .menu-item:hover::after{ opacity:1; }

/* دکمه‌ها - ریپل */
.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%), rgba(255,255,255,0.2), transparent 60%);
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.btn:hover::before{ opacity:1; }

/* هیرو - پارالاکس */
.hero{
  background-size:120% 120%;
  animation:gradientShift 20s ease infinite;
}

/* منو - استاگر انیمیشن */
.menu-grid .menu-item{ animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both; }
.menu-grid .menu-item:nth-child(1){ animation-delay:.02s }
.menu-grid .menu-item:nth-child(2){ animation-delay:.06s }
.menu-grid .menu-item:nth-child(3){ animation-delay:.10s }
.menu-grid .menu-item:nth-child(4){ animation-delay:.14s }
.menu-grid .menu-item:nth-child(5){ animation-delay:.18s }
.menu-grid .menu-item:nth-child(6){ animation-delay:.22s }
.menu-grid .menu-item:nth-child(7){ animation-delay:.26s }
.menu-grid .menu-item:nth-child(8){ animation-delay:.30s }

/* تب‌ها - انیمیشن فعال */
.category-tab.active{
  animation:pulseSoft 2s infinite;
}

/* گالری - زوم پارالاکس */
.gallery-grid .g{ overflow:hidden; }
.gallery-grid .g img{ transition:transform .8s cubic-bezier(.16,1,.3,1), filter .4s; }
.gallery-grid .g:hover img{ transform:scale(1.08) rotate(0.3deg); filter:brightness(1.05); }

/* نظرات - شناور */
.reviews-track .card{ transition:transform .35s, box-shadow .35s; }
.reviews-track .card:hover{ transform:translateY(-6px) rotate(0.5deg); }

/* فال - درخشش */
.fal-box{
  position:relative;
}
.fal-box::before{
  content:'';
  position:absolute;
  top:-2px;left:-2px;right:-2px;bottom:-2px;
  background:linear-gradient(135deg, var(--primary), var(--accent), var(--accent-2), var(--primary));
  background-size:300% 300%;
  border-radius:inherit;
  z-index:-1;
  animation:gradientShift 8s ease infinite;
  opacity:0;
  transition:opacity .4s;
}
.fal-box:hover::before{ opacity:0.15; }

/* خبرنامه - موج */
.newsletter{
  position:relative;
  overflow:hidden;
}
.newsletter::before{
  content:'';
  position:absolute;
  top:-50%;left:-50%;
  width:200%;height:200%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.08), transparent 50%);
  animation:floatY 6s ease-in-out infinite;
  pointer-events:none;
}

/* لودینگ اسکلتون جذاب */
.skeleton{
  background:linear-gradient(90deg, #eef4fb 25%, #e2ecf6 50%, #eef4fb 75%);
  background-size:200% 100%;
  animation:shimmerBg 1.4s infinite;
}

/* هدر - بلور پیشرفته */
.header.scrolled{
  backdrop-filter:blur(24px) saturate(200%);
  -webkit-backdrop-filter:blur(24px) saturate(200%);
  box-shadow:0 8px 32px rgba(10,61,98,0.12);
}

/* لوگو - چرخش ملایم هاور */
.logo img{ transition:transform .4s cubic-bezier(.16,1,.3,1); }
.logo:hover img{ transform:rotate(-8deg) scale(1.08); }

/* دکمه سبد شناور - پالس */
#cart-float{
  animation:floatY 4s ease-in-out infinite;
}
#cart-float:hover{ animation-play-state:paused; }

/* پیشرفت آپلود - گرادینت متحرک */
.progress-bar{
  background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
  background-size:200% 100%;
  animation:shimmerBg 1.8s linear infinite;
}