html {
  scroll-behavior: smooth;
}

#home {
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px) {
  #home {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
      url("../assets/img/pic-1.jpg");
  }
}

@media (max-width: 767px) {
  #home {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
      url("../assets/img/bg-h2.jpg");
  }
}

.fade-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 2s ease forwards;
}

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

.nav-scrolled {
  background-color: #fce7f3;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.nav-scrolled .nav-link,
.nav-scrolled .menu-toggle {
  color: #be185d;
}

.nav-top .nav-link,
.nav-top .menu-toggle {
  color: #fbcfe8;
}

.mobile-menu-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.mobile-panel-open {
  transform: translateX(0) !important;
}

.error-msg {
  color: #ef4444;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.field-error {
  border-color: #ef4444 !important;
}