body { font-family:'Inter',sans-serif; background-color:#fafafa; }
.fire-gradient { background: linear-gradient(90deg,#ef4444,#f97316,#facc15); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    
/* Hafif duman */
@keyframes smokeWind {
  0%   { transform: translate(-10px, 0) scale(1.1); opacity: 0.7; }
  50%  { transform: translate(10px, -15px) scale(1.15); opacity: 1; }
  100% { transform: translate(-10px, 0) scale(1.1); opacity: 0.7; }
}
.animate-smokeWind { animation: smokeWind 12s ease-in-out infinite; }

/* Yoğun duman */
@keyframes smokeWind2 {
  0%   { transform: translate(0, 0) scale(1.15); opacity: 0.4; }
  50%  { transform: translate(-20px, -20px) scale(1.22); opacity: 0.8; }
  100% { transform: translate(0, 0) scale(1.15); opacity: 0.4; }
}
.animate-smokeWind2 { animation: smokeWind2 18s ease-in-out infinite; }

/* Ateş Glow */
@keyframes fireGlow {
  0%   { opacity: 0.25; }
  50%  { opacity: 0.55; }
  100% { opacity: 0.25; }
}
.animate-fireGlow { animation: fireGlow 4s ease-in-out infinite; }

/* Sıcak hava titreşimi */
@keyframes heatWave {
  0%   { transform: translateY(0) scaleY(1); filter: blur(2px); }
  50%  { transform: translateY(-10px) scaleY(1.05); filter: blur(4px); }
  100% { transform: translateY(0) scaleY(1); filter: blur(2px); }
}
.animate-heatWave { animation: heatWave 6s ease-in-out infinite; }

/* Arka plan zoom */
@keyframes zoomPulse {
  0% { transform: scale(1.1); }
  50% { transform: scale(1.14); }
  100% { transform: scale(1.1); }
}
.animate-zoomPulse { animation: zoomPulse 9s ease-in-out infinite; }

/* =========================================================
   HERO BUTONLARI KÜÇÜLT (Mangal sayfası)
   - Sadece hero içindeki butonlara dokunur
========================================================= */

/* HERO container içinde butonlar */
section.relative.h-\[85vh\] .mt-8 a,
section.relative.h-\[85vh\] .mt-8 button {
  /* Boyut */
  padding: 10px 16px !important;        /* eskisi 12/32 gibi çok büyüktü */
  font-size: 14px !important;           /* text-lg -> daha kompakt */
  line-height: 1.15 !important;
  border-radius: 12px !important;       /* rounded-xl korunur ama kompakt */

  /* Görsel ağırlık */
  box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
  letter-spacing: .2px;

  /* Hiza */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;          /* mobil tıklanabilirlik */
}

/* Hover / active daha “hafif” */
section.relative.h-\[85vh\] .mt-8 a:hover,
section.relative.h-\[85vh\] .mt-8 button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

section.relative.h-\[85vh\] .mt-8 a:active,
section.relative.h-\[85vh\] .mt-8 button:active {
  transform: translateY(0px) scale(.99);
}

/* Aşırı genişlemesin */
section.relative.h-\[85vh\] .mt-8 a,
section.relative.h-\[85vh\] .mt-8 button {
  max-width: 320px;
}

/* Mobilde daha da küçük + satır kırılma kontrolü */
@media (max-width: 640px) {
  section.relative.h-\[85vh\] .mt-8 a,
  section.relative.h-\[85vh\] .mt-8 button {
    padding: 9px 14px !important;
    font-size: 13px !important;
    min-height: 42px !important;
  }
}

/* Özel: “Seçenekler & Fiyatlar” (glass buton) border/blur korunurken incelsin */
section.relative.h-\[85vh\] .mt-8 a[href="#paketler"] {
  border-width: 1px !important;
  backdrop-filter: blur(10px);
}

/* Özel: #fireBtn (kırmızı) daha kompakt ama vurucu */
section.relative.h-\[85vh\] #fireBtn {
  padding: 10px 16px !important;
}

/* Özel: BBQ sound butonu (turuncu) */
section.relative.h-\[85vh\] .mt-8 button[onclick*="bbqSound"] {
  padding: 10px 14px !important;
}