body {
  font-family: "Plus Jakarta Sans", sans-serif;
  scroll-behavior: smooth;
}
[x-cloak] {
  display: none !important;
}
.nav-link {
  @apply text-sm font-semibold uppercase tracking-wider text-slate-700 hover:text-blue-600 transition-colors relative;
}
.nav-link::after {
  content: "";
  @apply absolute -bottom-1 left-0 w-0 h-0.5 bg-blue-600 transition-all duration-300;
}
.nav-link:hover::after {
  @apply w-full;
}
.form-group {
  @apply mb-6;
}
.form-label {
  @apply block text-[10px] font-bold uppercase tracking-widest text-slate-500 mb-3;
}
.form-input {
  @apply w-full px-4 py-3 rounded-2xl border border-slate-200 bg-white font-bold text-sm text-slate-900 placeholder-slate-400 outline-none transition hover:border-slate-300 focus:border-blue-600 focus:ring-2 focus:ring-blue-200;
}
.form-textarea {
  @apply w-full px-4 py-3 rounded-2xl border border-slate-200 bg-white font-bold text-sm text-slate-900 placeholder-slate-400 outline-none transition resize-none hover:border-slate-300 focus:border-blue-600 focus:ring-2 focus:ring-blue-200;
}
.checkbox-input {
  @apply accent-blue-600 cursor-pointer;
}
.btn-whatsapp {
  @apply w-full bg-gradient-to-r from-green-500 to-green-600 text-white px-8 py-3.5 rounded-full font-bold transition-all hover:shadow-lg hover:shadow-green-200 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2;
}
.cart-item-card {
  @apply bg-slate-50 border border-slate-200 rounded-xl p-4 hover:shadow-md transition-all;
}