#page-cafe .hero-photo {
  background-image: url('/assets/images/cafe/hero-latte.jpg');
  background-size: cover;
  background-position: center;
}
#page-cafe {
  font-family: 'Inter', sans-serif;
  background-color: #ffffff;
  color: #16213e;
}

#page-cafe h1,
#page-cafe h2,
#page-cafe h3,
#page-cafe .font-display {
  font-family: 'Poppins', sans-serif;
}

#page-cafe .btn-hover {
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

#page-cafe .btn-hover:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px -8px rgba(30, 58, 138, 0.4);
}

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

#page-cafe .menu-row {
  transition: background-color .2s ease;
}

#page-cafe .menu-row:hover {
  background-color: rgba(30, 58, 138, 0.04);
}

#page-cafe .fade-in {
  animation: fadeIn .35s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

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