#page-koyla {
  font-family: 'Inter', sans-serif;
  background-color: #150E0B;
  color: #f3ece6;
}

#page-koyla h1,
#page-koyla h2,
#page-koyla h3,
#page-koyla .font-display {
  font-family: 'Playfair Display', serif;
}

#page-koyla .btn-hover {
  transition: transform .3s ease, filter .3s ease, box-shadow .3s ease;
}

#page-koyla .btn-hover:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
  box-shadow: 0 12px 30px -10px rgba(194, 65, 12, 0.55);
}

#page-koyla .hero-bg {
  background:
    radial-gradient(ellipse 70% 60% at 30% 10%, rgba(194, 65, 12, 0.16), transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 30%, rgba(227, 168, 87, 0.08), transparent 60%),
    #150E0B;
}

#page-koyla .cuisine-card img {
  transition: transform .5s ease;
}

#page-koyla .cuisine-card:hover img {
  transform: scale(1.08);
}

#page-koyla .tab-btn {
  transition: background-color .25s ease, color .25s ease;
}

#page-koyla .menu-card {
  transition: transform .3s ease, border-color .3s ease;
}

#page-koyla .menu-card:hover {
  transform: translateY(-4px);
  border-color: rgba(227, 168, 87, 0.4);
}

#page-koyla .fade-in {
  animation: fadeInKoyla .4s ease;
}

@keyframes fadeInKoyla {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#page-koyla .surface-card {
  background-color: #1c1410;
}

#page-koyla .dish-thumb {
  background: #150E0B;
}

#page-koyla .logo-sharp {
  image-rendering: -webkit-optimize-contrast;
}

#page-koyla .cta-banner {
  background: linear-gradient(120deg, #C2410C, #9A3412);
}