.background-pattern {
    background-image:
      radial-gradient(circle at 1px 1px, rgba(13, 27, 42, 0.05) 1px, transparent 0);
    background-size: 20px 20px;
  }
  .dark .dark\:background-pattern {
    background-image:
      radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
    background-size: 20px 20px;
  }

  header{
    position: fixed;
    width: 100%;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }

.brand { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-weight: 800; transition: opacity 0.2s; }
.brand:hover { opacity: 0.8; }
.logo-wrap { position: relative; width: 38px; height: 38px; border-radius: 10px; overflow: hidden; 
  /* box-shadow: 0 6px 14px rgba(201,162,39,.25); */
  box-shadow: 2px 4px 4px rgba(201, 162, 39, .25);
 }
.logo { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.1) contrast(1.05) hue-rotate(-10deg); mix-blend-mode: multiply; }
.logo-glow { position: absolute; inset: 0; background: radial-gradient(120px 60px at 70% 20%, rgba(201,162,39,.35), transparent 60%), linear-gradient(180deg, rgba(201,162,39,.15), transparent 40%); pointer-events: none; }
.brand-name { letter-spacing: .5px; }

/* Mobil menü stilleri */
#mobile-menu-panel {
  will-change: transform;
}

#mobile-menu-panel.translate-x-full {
  transform: translateX(100%);
}

#mobile-menu-panel:not(.translate-x-full) {
  transform: translateX(0);
}

@media (min-width: 768px) {
  #mobile-menu {
    display: none !important;
  }
}

.tracking-tighter {
  letter-spacing: 0px !important;
}