:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", system-ui, sans-serif;
}

.font-display {
  font-family: "Fraunces", Georgia, serif;
  font-optical-sizing: auto;
}

/* Mobil menü */
#mobile-panel[data-open="false"] {
  pointer-events: none;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
}

#mobile-panel[data-open="true"] {
  pointer-events: auto;
  visibility: visible;
  max-height: 32rem;
  opacity: 1;
}

#mobile-panel {
  transition: opacity 0.2s ease, max-height 0.28s ease, visibility 0.2s;
}

/* SSS */
.faq-panel[hidden] {
  display: none;
}

.faq-trigger .faq-icon {
  transition: transform 0.2s ease;
}

.faq-trigger[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
}

/* Blueprint grid - çok hafif */
.bg-grid {
  background-image: linear-gradient(
      rgba(24, 24, 27, 0.03) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(24, 24, 27, 0.03) 1px, transparent 1px);
  background-size: 48px 48px;
}