body {
  background-color: #fff0f5;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bg-pink {
  background-color: #f8a5c2 !important;
}

.card {
  transition: transform 0.2s ease-in-out;
}

.card:hover {
  transform: scale(1.03);
}


.text-pink {
  color: #e84393;
}

.btn-pink {
  background-color: #f78fb3;
  color: white;
  border: none;
}

.btn-pink:hover {
  background-color: #e84393;
  color: white;
}

.card-title {
  color: #e84393;
}

.bg-pink {
  background-color: #f8a5c2 !important;
}

.nav-link:hover {
  text-decoration: underline;
}

.btn-pink {
  background-color: #e83e8c;
  color: white;
  border: none;
}

.btn-pink:hover {
  background-color: #d63384;
}

.img-200 {
  height: 200px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}


/* Menü görseli için */
.menu-image {
  width: 50%;               /* Görselin genişliğini %50 yapar */
  max-height: 550px;        /* Yükseklik sabit kalacak */
  object-fit: cover;        /* Görselin taşmasını engeller ve düzgün şekilde sığmasını sağlar */
  border-radius: 12px;      /* Köşeleri yuvarlatır */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);  /* Gölgelendirme efekti */
  margin: 0 auto;           /* Görseli ortalar */
  display: block;           /* Görseli blok seviyesinde yaparak merkezler */
}