/* ============================================================================
   header.css — Senin Hesap TEK ORTAK public header stili
   ============================================================================
   Tüm public sayfalar (index.html, pricing.html, faq.html, contact.html,
   sektör sayfaları) BU dosyayı yükler. Değerler index.html'in referans
   .top-nav görünümünden birebir alınmıştır. Başka bir header CSS'i
   oluşturulmayacak — bu dosya tek doğruluk kaynağıdır.
   Kendi kendine yeterlidir: başka dosyanın :root değişkenlerine bağımlı
   değildir (renkler/boyutlar sabit değer olarak yazılmıştır).
   ========================================================================== */
.site-header{position:fixed;z-index:1000;top:4px;left:50%;width:min(1154px,calc(100% - 40px));transform:translateX(-50%);visibility:hidden;font-family:"Segoe UI",system-ui,sans-serif}
.site-header.nav-ready{visibility:visible}
.top-nav{height:78px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:rgba(245,248,255,.94);box-shadow:0 12px 38px rgba(16,24,40,.08);backdrop-filter:blur(20px);transition:.25s;position:relative}
.site-header.scrolled .top-nav{box-shadow:0 12px 38px rgba(16,24,40,.1);background:rgba(245,248,255,.96)}
.top-nav .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;color:inherit}
.top-nav .brand strong{font-size:19px;font-weight:700;letter-spacing:-.03em;color:#101828}
.top-nav .brand-mark{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:9px;flex:none}
.top-nav .brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
/* Faz BRAND-1 FINAL: tam yatay master logo — oran bozulmasın diye yalnız
   height sabitleniyor, width auto kalıyor. */
.top-nav .brand__logo{display:block;width:160px;height:auto}
.top-nav .nav-center{display:flex;align-items:center;gap:2px}
.top-nav .nav-center>a,.top-nav .nav-dropdown>button{height:44px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#101828;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;border-radius:999px;transition:.18s;font-family:inherit}
.top-nav .nav-center>a:hover,.top-nav .nav-dropdown>button:hover,.top-nav .nav-dropdown.open>button{background:rgba(255,255,255,.6)}
.top-nav .nav-dropdown{position:relative}
.top-nav .nav-dropdown button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:.18s}
.top-nav .nav-dropdown.open button svg{transform:rotate(180deg)}
.top-nav .nav-support button[aria-expanded="true"]{color:#1570ef;background:#f8fafc}
.dropdown-panel{position:absolute;top:50px;left:0;width:234px;padding:4px 0;border:1px solid #f5f5f5;border-radius:8px;background:#fff;box-shadow:0 12px 16px -4px rgba(10,13,18,.08),0 4px 6px -2px rgba(10,13,18,.03);animation:headerDropIn .18s ease}
.dropdown-panel[hidden]{display:none}
.dropdown-panel a{display:block;padding:13px 16px;text-decoration:none;font-weight:500;color:#101828}
.dropdown-panel a:hover{background:#f7f9fc;color:#2D36C8}
@keyframes headerDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-panel{top:66px;left:50%;width:min(850px,calc(100vw - 48px));padding:12px;display:grid;grid-template-columns:250px 1fr;border:1px solid #e4e7ec;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 32px 80px rgba(16,24,40,.18),0 8px 22px rgba(16,24,40,.08);transform:translateX(-50%);backdrop-filter:blur(24px)}
.mega-panel[hidden]{display:none}
.nav-support{position:relative}
.support-mega{display:grid;top:100%;width:min(560px,calc(100vw - 32px));right:0;left:auto;transform:none;grid-template-columns:1fr 1.05fr;gap:20px;padding:20px}
.support-mega[hidden]{display:none!important}
.support-links,.support-callout{display:grid;gap:12px}
.support-links>span{font-size:12px;font-weight:800;color:#1570ef;letter-spacing:.08em}
.support-links a{display:grid;gap:3px;padding:12px;border-radius:14px;color:#0f172a}
.support-links a:hover{background:#f8fafc}
.support-links small,.support-callout small{color:#64748b}
.support-callout{padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.support-callout>span,.support-callout strong{font-weight:800;color:#0f172a}
.support-callout p{margin:0;color:#64748b}
.support-callout .button{margin-top:4px}
.nav-solutions{position:relative}
.solutions-mega{top:100%;width:min(620px,calc(100vw - 32px));right:0;left:auto;transform:none;padding:12px}
.solutions-mega[hidden]{display:none!important}
.solutions-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.solutions-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;text-decoration:none;color:#101828}
.solutions-list a:hover,.solutions-list a[aria-current="page"]{background:#f8faff}
.solutions-list strong{display:block;font-size:13px;font-weight:700}
.solutions-list small{display:block;margin-top:2px;color:#667085;font-size:11px}
.solution-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#1570ef;font-size:14px;font-weight:800}
.is-temporarily-hidden{display:none!important}
.top-nav .nav-actions{display:flex;align-items:center;gap:10px}
.top-nav .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:15px;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;cursor:pointer}
.top-nav .button:hover{transform:translateY(-1px)}
.top-nav .button-login{height:44px;padding:0 16px;border-color:transparent;border-radius:10px;background:transparent;color:#344054;box-shadow:none}
.top-nav .button-login:hover{background:#eef2f6;color:#182230;border-color:transparent}
.top-nav .button-primary{height:44px;padding:0 20px;border-radius:999px;background:#2D36C8;border-color:#2D36C8;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 10px rgba(45,54,200,.16)}
.top-nav .button-primary:hover{background:#252DA7;box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 16px rgba(45,54,200,.22)}
.top-nav .button-pill{border-radius:999px}
.menu-toggle{display:none;width:42px;height:42px;border:0;background:none;cursor:pointer;flex:none}
.menu-toggle span{display:block;width:21px;height:2px;margin:4px auto;background:#111}
.mobile-nav{position:absolute;top:84px;left:0;width:100%;padding:13px;border:1px solid #e9eaeb;border-radius:16px;background:#fff;box-shadow:0 20px 45px rgba(16,24,40,.14)}
.mobile-nav[hidden]{display:none}
.mobile-nav>a{width:100%;padding:13px 8px;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #f0f1f3;background:none;text-decoration:none;text-align:left;font-weight:600;color:#101828;font-size:15px}
.mobile-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.mobile-cta a{padding:12px;text-align:center;border:1px solid #e9eaeb;border-radius:8px;text-decoration:none;font-weight:600;color:#101828}
.mobile-cta a:last-child{background:#2D36C8;color:#fff}
@media(max-width:1050px){
  .top-nav .nav-center{display:none}
  .menu-toggle{display:block}
}
@media(max-width:700px){
  .site-header{width:calc(100% - 20px)}
  .top-nav{height:66px;padding:10px 12px}
  .top-nav .brand strong{font-size:16px}
  .top-nav .brand-mark{width:30px;height:30px}
  .top-nav .brand__logo{width:138px;height:auto}
  .top-nav .button-pill{display:none}
  .mobile-nav{top:72px}
}