html {
  scroll-behavior: smooth;
}

.menu-link.active {
  color: #f59e0b; /* amber-400 */
  font-weight: 600;
}

#wa-btn.show {
  display: flex !important;
  animation: fadeIn 0.6s ease forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pricing-card.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.chat-img {
  max-width: 280px; /* sesuaikan dengan layar frame */
  max-height: 560px;
  object-fit: contain;
  border-radius: 20px;
}

.faq-item.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Saat aktif, jawaban terbuka */
.faq-answer.open {
  max-height: 500px; /* sesuaikan tinggi */
  opacity: 1;
}

.faq-question.active {
  color: #f59e0b; /* amber-400 */
}

/* Icon rotate saat aktif */
.faq-question.active i {
  transform: rotate(180deg);
}

@media (min-width: 370px) and (max-width: 375px) {
  .chat-img {
    transform: translateX(8%);
  }
}

@media (min-width: 358px) and (max-width: 360px) {
  .chat-img {
    transform: translateX(6%);
  }
}

@media (min-width: 386px) and (max-width: 390px) {
  .chat-img {
    transform: translateX(10%);
  }
}

@media (min-width: 400px) and (max-width: 414px) {
  .chat-img {
    transform: translateX(14%);
  }
}

@media (min-width: 425px) and (max-width: 430px) {
  .chat-img {
    transform: translateX(17%);
  }
}

@media (min-width: 540px) and (max-width: 541px) {
  .chat-img {
    transform: translateX(37%);
  }
}

@media (min-width: 766px) and (max-width: 768px) and (orientation: portrait) {
  .chat-img {
    transform: translateX(-12%);
  }
}

@media (min-width: 1022px) and (max-width: 1024px) and (orientation: landscape) {
  .chat-img {
    transform: translateX(-7%);
  }
}

@media (min-width: 1024px) {
  .chat-img {
    transform: translateX(-6%);
  }
}