/* Tüm sayfalarda ana sayfadaki üst menü ölçüleri korunur. */
/* Tüm masaüstü sayfalarında ana sayfadaki 121px üst alanı korur: 96px iç hizalama + 12px üst/alt boşluk. */
.main-nav{min-height:96px!important;padding:12px 0!important}.main-nav .container.nav-flex{min-height:96px!important;align-items:center!important}.main-nav .logo{flex:0 0 auto!important}.main-nav .logo img,.blog-page .main-nav .logo img,.blog-article-page .main-nav .logo img{display:block!important;width:auto!important;height:72px!important;max-width:240px!important}.main-nav .nav-right{min-width:0!important}.main-nav .nav-right nav{align-items:center!important;gap:30px!important}@media(max-width:1024px){.main-nav{min-height:0!important}.main-nav .container.nav-flex{min-height:72px!important}.main-nav .logo img,.blog-page .main-nav .logo img,.blog-article-page .main-nav .logo img{height:58px!important;max-width:205px!important}.main-nav .nav-right nav{gap:18px!important}}@media(max-width:620px){.main-nav .logo img,.blog-page .main-nav .logo img,.blog-article-page .main-nav .logo img{height:48px!important;max-width:175px!important}}
/* Ortak menü dili: ince turuncu çerçeveli sekmeler */
@media(min-width:1025px){
  .main-nav .nav-right nav{gap:12px!important}

  
  .main-nav .nav-right nav>a:hover{
    background:#fff7f1!important;color:#ef6f15!important;
    box-shadow:0 8px 18px rgba(244,118,22,.13);transform:translateY(-1px);
  }
  .main-nav .nav-right nav>a::after{display:none!important}
}

/* Tasarım 7: sade yatay menü, ince ayraçlar ve turuncu aktif çizgisi */
@media(min-width:1025px){
  .main-nav .nav-right nav{gap:0!important}
  /* Ana sayfadaki 72px menü satırı tüm masaüstü sayfalarında aynen kullanılır. */
  .main-nav .nav-right nav>a{
    /* Eski block kuralını kaldırır; metni Çözümlerimiz düğmesiyle aynı dikey merkeze alır. */
    position:relative;display:inline-flex!important;align-items:center!important;min-height:72px!important;padding:12px 11px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#082653!important;transform:none!important;
  }
  /*
     Eski seçici yalnızca arka arkaya gelen <a> bağlantılarını hedefliyordu.
     "Çözümlerimiz" bir kapsayıcı ve button kullandığı için sonraki ayraç kayboluyor,
     diğer ayraçlar da sabit top değeriyle farklı yüksekliklerde kalıyordu.
     İlk öğe hariç her doğrudan menü öğesine ayraç verilir; top:50% ve translateY
     sayesinde çizgi, metin yüksekliğinden bağımsız olarak dikeyde ortalanır.
  */
  .main-nav .nav-right nav > * + *{position:relative}
  .main-nav .nav-right nav > * + *::before{
    content:"";position:absolute;left:0;top:50%;width:1px;height:20px;
    background:#d5d9df;transform:translateY(-50%);
  }
  .main-nav .nav-right nav>a:hover{color:#f06d15!important;background:transparent!important;box-shadow:none!important;transform:none!important}
  .main-nav .nav-right nav>a:hover::after,
  .main-nav .nav-right nav>a[aria-current="page"]::after{
    content:""!important;display:block!important;position:absolute!important;right:auto!important;bottom:4px!important;left:50%!important;width:28px!important;height:2px!important;background:#f47719!important;border-radius:99px!important;transform:translateX(-50%)!important;
  }
}
/* Her sayfanın üst kısmındaki sosyal medya kısayolları */
.main-nav .nav-right{display:flex;align-items:center;gap:14px}
/* Ana sayfa referansı: sosyal alan 112 × 29px; menü başlangıcı tüm sayfalarda aynı hizaya gelir. */
@media(min-width:1025px){.main-nav .nav-right{min-height:72px!important}.main-nav .nav-right nav{min-height:72px!important}.vo-header-social{box-sizing:border-box;width:112px;height:29px}}
.vo-header-social{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid #e0e4e8}
.vo-header-social a{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d8dde5;border-radius:50%;color:#082653!important;background:#fff;font:800 12px/1 Inter,Arial,sans-serif!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease,color .2s ease}
.vo-header-social a:hover{background:#f47719!important;border-color:#f47719;color:#fff!important;transform:translateY(-2px)}
@media(max-width:1024px){.main-nav .nav-right{display:block}.vo-header-social{justify-content:flex-start;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #e7ebf0;border-left:0}.vo-header-social a{width:32px;height:32px}}

/* Sayfa fark etmeksizin tek üst menü ölçüsü */
@media(min-width:1025px){.main-nav .container.nav-flex{width:min(1240px,calc(100% - 40px))!important;justify-content:space-between!important}.main-nav .nav-right{margin-left:auto!important}.main-nav .logo img{height:58px!important;max-width:230px!important}.main-nav .nav-right nav{justify-content:flex-end!important}}

/* Sayfa içerikleri göründükçe sakin ve yönlü biçimde gelir. */
main .vo-scroll-reveal{opacity:0;will-change:opacity,transform;transition:opacity .72s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
main .vo-reveal-left{transform:translateX(-48px)}
main .vo-reveal-right{transform:translateX(48px)}
main .vo-reveal-up{transform:translateY(38px)}
main .vo-reveal-down{transform:translateY(-38px)}
main .vo-scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:750px){main .vo-reveal-left{transform:translateX(-24px)}main .vo-reveal-right{transform:translateX(24px)}main .vo-reveal-up{transform:translateY(24px)}main .vo-reveal-down{transform:translateY(-24px)}}
@media(prefers-reduced-motion:reduce){main .vo-scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}
