/* ==========================================
   SİTEM OLSUN - ORTAK STİLLER VE KRİTİK CSS
   ========================================== */
#navbar { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 9999 !important; }
#floating-buttons { position: fixed !important; bottom: max(16px, env(safe-area-inset-bottom)) !important; right: 16px !important; z-index: 9999 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: flex-end !important; opacity: 1 !important; visibility: visible !important; }
.critical-btn { display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 9999px !important; }
.wp-btn-critical { background-color: #25D366 !important; color: white !important; width: 64px !important; height: 64px !important; font-size: 24px !important; }
.call-btn-critical { background-color: #0F172A !important; color: white !important; width: 56px !important; height: 56px !important; font-size: 20px !important; }
.mobile-menu-btn-wrap { display: flex !important; z-index: 9999 !important; }

/* Custom Styles - YATAY TAŞMA HATASI ÇÖZÜMÜ */
html, body { overflow-x: hidden !important; max-width: 100vw; }
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Poppins', sans-serif; }

/* Premium Gradient Text (Ana Sayfa İçin) */
.text-gradient {
    background: linear-gradient(135deg, #4F46E5 0%, #a855f7 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: gradient-shift 3s ease infinite;
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.aspect-reel { aspect-ratio: 9 / 16; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Button Hover Effects */
.btn-hover-effect { position: relative; overflow: hidden; z-index: 1; }
.btn-hover-effect::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.4s ease; z-index: -1;
}
.btn-hover-effect:hover::before { left: 100%; }

/* YÜKSEK PERFORMANSLI NAVBAR */
nav { 
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; 
    background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
nav.scrolled { background: rgba(15, 23, 42, 0.85); border-bottom-color: rgba(255, 255, 255, 0.1); }
nav .nav-link { transition: color 0.3s ease; }
nav.scrolled .nav-link { color: #f8fafc; }
nav.scrolled .nav-link:hover { color: #818cf8; }
nav.scrolled .logo-text { color: #f8fafc; }
nav.scrolled .hamburger-line { background-color: #f8fafc; }
nav.menu-open .hamburger-line { background-color: #f8fafc !important; }
nav.menu-open { background: transparent !important; box-shadow: none !important; border-color: transparent !important; }

.bg-blob { will-change: transform; }

/* Zengin Metin (Rich Text) Ayarları */
.rich-text h1 { font-size: 2em; font-weight: 800; margin-bottom: 0.5em; color: #0F172A; }
.rich-text h2 { font-size: 1.5em; font-weight: 700; margin-bottom: 0.5em; color: #1E293B; }
.rich-text h3 { font-size: 1.17em; font-weight: 600; margin-bottom: 0.5em; color: #334155; }
.rich-text p { margin-bottom: 1em; color: #475569; line-height: 1.7; }
.rich-text ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1em; color: #475569; }
.rich-text ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1em; color: #475569; }
.rich-text a { color: #4F46E5; text-decoration: underline; font-weight: 500; }
.rich-text img { max-width: 100%; height: auto; border-radius: 0.75rem; margin: 1.5em 0; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); }