/* ==========================================================
   V20.1.5 — Unified Header
   Ana Sayfa + Sigorta Rehberi
   ========================================================== */

.site-header.unified-header,
.site-header{
  width:100%;
}

.site-header .nav-shell{
  width:100%;
}

/* İçerik ekran kenarına yapışmaz */
.site-header .container.nav,
.site-header .container.unified-nav{
  width:min(1480px, calc(100% - 72px)) !important;
  max-width:1480px !important;
  margin:0 auto !important;
  padding:0 18px !important;
  height:96px !important;
  min-height:96px !important;
  display:grid !important;
  grid-template-columns:126px minmax(0,1fr) 118px !important;
  column-gap:22px !important;
  align-items:center !important;
  overflow:visible !important;
}

/* Logo içerik başlangıcında ve kutunun tam ortasında */
.site-header .refined-logo,
.site-header .unified-logo{
  grid-column:1 !important;
  justify-self:center !important;
  align-self:center !important;
  width:108px !important;
  min-width:108px !important;
  max-width:108px !important;
  height:88px !important;
  min-height:88px !important;
  max-height:88px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.site-header .refined-logo img,
.site-header .unified-logo img{
  display:block !important;
  width:96px !important;
  max-width:96px !important;
  height:96px !important;
  max-height:96px !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

/* Menü kalan alanın tamamını dengeli kullanır */
.site-header .main-menu,
.site-header .unified-menu{
  grid-column:2 !important;
  position:static !important;
  width:100% !important;
  min-width:0 !important;
  height:96px !important;
  display:grid !important;
  grid-template-columns:
    minmax(82px,1fr)
    minmax(86px,1fr)
    minmax(98px,1.05fr)
    minmax(102px,1.08fr)
    minmax(88px,.95fr)
    minmax(76px,.84fr)
    minmax(94px,1fr)
    minmax(70px,.8fr) !important;
  gap:2px !important;
  align-items:stretch !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
}

.site-header .main-menu > a:not(.mobile-quote),
.site-header .unified-menu > a:not(.mobile-quote){
  width:auto !important;
  min-width:0 !important;
  height:96px !important;
  min-height:96px !important;
  margin:0 !important;
  padding:0 7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#132138 !important;
  font-size:10.7px !important;
  line-height:1.42 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  border-radius:0 !important;
}

.site-header .main-menu > a.active,
.site-header .unified-menu > a.active{
  color:#aa7427 !important;
}

/* Alt çizgi kısa ve ortalı */
.site-header .main-menu > a:not(.mobile-quote)::after,
.site-header .unified-menu > a:not(.mobile-quote)::after{
  left:14px !important;
  right:calc(100% - 14px) !important;
  bottom:12px !important;
  height:1px !important;
  background:#bd8430 !important;
}

.site-header .main-menu > a:not(.mobile-quote):hover::after,
.site-header .main-menu > a.active::after,
.site-header .unified-menu > a:not(.mobile-quote):hover::after,
.site-header .unified-menu > a.active::after{
  right:14px !important;
}

/* Sağ buton sabit ölçüde; rehberde büyümez */
.site-header .desktop-quote,
.site-header .unified-quote{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  margin:0 !important;
  padding:0 15px !important;
  border-radius:8px !important;
  background:#071e3d !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.site-header .desktop-quote strong,
.site-header .unified-quote strong{
  font-size:10.7px !important;
  white-space:nowrap !important;
}

.site-header .desktop-quote b,
.site-header .unified-quote b{
  font-size:14px !important;
  color:#c99038 !important;
  font-weight:400 !important;
}

/* Mobil kopya masaüstünde kapalı */
.site-header .mobile-quote{
  display:none !important;
}

/* Scroll sonrası */
.site-header.scrolled .container.nav,
.site-header.scrolled .container.unified-nav{
  height:72px !important;
  min-height:72px !important;
  grid-template-columns:78px minmax(0,1fr) 106px !important;
  column-gap:16px !important;
}

.site-header.scrolled .refined-logo,
.site-header.scrolled .unified-logo{
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:60px !important;
  min-height:60px !important;
  max-height:60px !important;
}

.site-header.scrolled .refined-logo img,
.site-header.scrolled .unified-logo img{
  width:56px !important;
  max-width:56px !important;
  height:56px !important;
  max-height:56px !important;
}

.site-header.scrolled .main-menu,
.site-header.scrolled .unified-menu{
  height:72px !important;
}

.site-header.scrolled .main-menu > a:not(.mobile-quote),
.site-header.scrolled .unified-menu > a:not(.mobile-quote){
  height:72px !important;
  min-height:72px !important;
  font-size:10.2px !important;
}

.site-header.scrolled .desktop-quote,
.site-header.scrolled .unified-quote{
  width:106px !important;
  min-width:106px !important;
  max-width:106px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 13px !important;
}

/* Hero butonları: aynı ölçü ve düzgün ok */
.hero-buttons{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.hero-buttons .button{
  height:50px !important;
  min-height:50px !important;
  padding:0 18px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.hero-buttons .button:first-child{
  min-width:138px !important;
}

.hero-buttons .button.secondary,
.hero-buttons .button.outline{
  min-width:190px !important;
}

/* 1250-1450 masaüstü */
@media(max-width:1450px){
  .site-header .container.nav,
  .site-header .container.unified-nav{
    width:min(1280px, calc(100% - 36px)) !important;
    grid-template-columns:104px minmax(0,1fr) 106px !important;
    column-gap:12px !important;
    padding-inline:10px !important;
  }

  .site-header .refined-logo,
  .site-header .unified-logo{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
  }

  .site-header .refined-logo img,
  .site-header .unified-logo img{
    width:84px !important;
    max-width:84px !important;
    height:84px !important;
    max-height:84px !important;
  }

  .site-header .main-menu > a:not(.mobile-quote),
  .site-header .unified-menu > a:not(.mobile-quote){
    padding-inline:4px !important;
    font-size:9.8px !important;
  }

  .site-header .desktop-quote,
  .site-header .unified-quote{
    width:106px !important;
    min-width:106px !important;
    max-width:106px !important;
  }
}

/* Mobil */
@media(max-width:900px){
  .site-header .container.nav,
  .site-header .container.unified-nav{
    width:calc(100% - 24px) !important;
    height:76px !important;
    min-height:76px !important;
    padding:0 !important;
    grid-template-columns:76px 1fr 42px !important;
    column-gap:8px !important;
  }

  .site-header .refined-logo,
  .site-header .unified-logo{
    grid-column:1 !important;
    justify-self:start !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
  }

  .site-header .refined-logo img,
  .site-header .unified-logo img{
    width:64px !important;
    max-width:64px !important;
    height:64px !important;
    max-height:64px !important;
  }

  .site-header .menu-button{
    grid-column:3 !important;
    justify-self:end !important;
  }

  .site-header .desktop-quote,
  .site-header .unified-quote{
    display:none !important;
  }

  .site-header .main-menu,
  .site-header .unified-menu{
    position:absolute !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:auto !important;
    display:none !important;
    grid-template-columns:1fr !important;
    padding:14px !important;
    background:#fff !important;
    box-shadow:0 18px 35px rgba(7,30,61,.12) !important;
  }

  .site-header .main-menu.open,
  .site-header .unified-menu.open{
    display:grid !important;
  }

  .site-header .main-menu > a:not(.mobile-quote),
  .site-header .unified-menu > a:not(.mobile-quote){
    width:100% !important;
    height:auto !important;
    min-height:auto !important;
    padding:11px 10px !important;
    justify-content:flex-start !important;
    text-align:left !important;
    font-size:12px !important;
  }

  .site-header .main-menu br,
  .site-header .unified-menu br{
    display:none !important;
  }

  .site-header .mobile-quote{
    display:flex !important;
    width:100% !important;
    min-height:48px !important;
    margin-top:7px !important;
    padding:0 14px !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-radius:8px !important;
    background:#071e3d !important;
    color:#fff !important;
  }

  .hero-buttons .button,
  .hero-buttons .button.secondary,
  .hero-buttons .button.outline{
    width:100% !important;
    min-width:100% !important;
  }
}