/* ==============================
   BASE STYLES
   ============================== */
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  color: #2e003c;
  background: (180deg, #f5f0f0 0%, #faf7ff 45%, #f5fcff 100%);
  background-size: 200% 200%;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
  animation: subtleShift 30s ease-in-out infinite alternate;
}

/* optional: tone down blobs a bit more */
/* .gradient-blob {
  opacity: 0.14;
  filter: blur(180px);
} */

  /* Hide desktop bar on all small screens ALWAYS */
  @media (max-width: 850px) {
    #desktopInstallBar {
      display: none !important;
    }
  }

  /* Add a bit more space between each FAQ item */
section.mt-10 .mt-8 {
  margin-bottom: 28px !important;   /* slightly larger gap */
}

@media (max-width: 640px) {
  section.mt-10 .mt-8 {
    margin-bottom: 22px !important; /* slightly smaller gap on mobile */
  }
}
/* FIX: Only show the close (X) button when the hamburger is visible */
.th-nav .close-menu {
  display: none !important;
}

/* On mobile only, show X when menu is opened */
@media (max-width: 768px) {
  .th-nav .close-menu.active {
    display: inline-flex !important;
  }
}