/* Vizyon bandı normal akışta; menü kaydırma sırasında üstte kalır. */
body > nav { position: sticky; top: 0; }
.vision-banner { background: #e6ddf2; border-bottom: 1px solid #c8b8db; }
.vision-banner-link { max-width: 1200px; margin: auto; padding: 12px 24px; display: flex; align-items: center; gap: 24px; color: #29243b; text-decoration: none; }
.vision-banner-image { width: 156px; height: 104px; flex-shrink: 0; object-fit: cover; border-radius: 10px; }
.vision-banner-copy { flex: 1; min-width: 0; }
.vision-banner-kicker { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 800; letter-spacing: 1.7px; color: #68438e; }
.vision-banner-title { display: block; font-size: 30px; font-weight: 800; letter-spacing: -.8px; line-height: 1.2; }
.vision-banner-slogan { display: block; margin-top: 5px; font-size: 16px; line-height: 1.5; color: #514461; }
.vision-banner-cta { flex-shrink: 0; padding: 13px 18px; border-radius: 8px; background: #d8ed95; border: 1px solid #b8cd83; color: #29243b; font-size: 14px; font-weight: 750; }
.vision-banner-link:hover .vision-banner-cta { background: #e7f7bb; }
.vision-banner-link:focus-visible { outline: 3px solid #7852a4; outline-offset: -4px; }
/* Menü artık akışta olduğu için eski sabit menü boşluğu kaldırılır. */
.field-hero { padding-top: 45px; }
@media (max-width: 768px) {
  .vision-banner-link { padding: 12px 5%; gap: 14px; flex-wrap: wrap; }
  .vision-banner-image { width: 108px; height: 90px; object-position: center; }
  .vision-banner-title { font-size: 25px; }
  .vision-banner-kicker { font-size: 9px; letter-spacing: 1px; }
  .vision-banner-slogan { font-size: 13px; }
  .vision-banner-cta { margin-left: 122px; padding: 0; border: 0; background: transparent; color: #68438e; font-size: 12px; }
  .vision-banner-link:hover .vision-banner-cta { background: transparent; text-decoration: underline; }
  .field-hero { padding-top: 16px; }
}

/* Logo yanında vizyon sloganı; dar ekranlarda logo altına yerleşir. */
.nav-vision-slogan { color: #d7e7dc; font-size: 12px; font-weight: 500; line-height: 1.45; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.15); }
@media (min-width: 769px) and (max-width: 1100px) {
  body > nav .nav-links { gap: 16px; }
  .nav-vision-slogan { font-size: 10px; padding-left: 8px; }
}
@media (max-width: 768px) {
  body > nav .nav-logo { flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
  body > nav .nav-logo img { height: 24px !important; }
  .nav-vision-slogan { border: 0; padding: 0; font-size: 9px; line-height: 1.2; }
  body > nav .nav-cta { font-size: 12px; padding: 10px 12px; flex-shrink: 0; }
}

body > nav .nav-logo > .nav-vision-slogan { display: block; }