/* --- ANA TAŞIYICI VE YAPI --- */
#heroWrapper { /* Başlangıç yüksekliği %30 azaltıldı (70vh -> 50vh) */ height: 50vh; background: #1a1a1a; position: relative; z-index: 5; transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.hero-slider { position: fixed; /* Scroll ile yukarı kaçmaz, çakılı kalır */ top: 56px; /* Navbar yüksekliği */ left: 0; width: 100%; height: 50vh; background: #1a1a1a; z-index: 1000; overflow: hidden; border-bottom: 1px solid #333; transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease; }

/* Sayfa İçeriği: Slider'ın altında boşluk bırakır, zıplamayı önler */
#mainContent { position: relative; z-index: 10; margin-top: 50vh; background: white; /*    min-height: 200vh;*/ transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

/* --- SCROLL DURUMU (KÜÇÜLMÜŞ HALİ) --- */
.slider-shrunk { height: 110px !important; /* Slider dar bir bar haline gelir */ box-shadow: 0 4px 15px rgba(0,0,0,0.5); background: #111; /* Daha koyu ton */ }

/* Scroll olunca içeriği yukarı çeken yardımcı sınıf */
.content-moved { margin-top: 110px !important; }

/* --- İÇERİK ELEMANLARI --- */
.slider-content h2 { transition: all 0.5s ease; font-size: calc(1.5rem + 1.5vw); }

.slider-content p { transition: all 0.5s ease; opacity: 0.8; }

.slider-btn { transition: all 0.5s ease; }

/* --- SVG HİZALAMA (SAĞA YASLA) --- */
.svg-container { display: flex; justify-content: flex-end; /* İçeriği sağa iter */ align-items: center; }

.hero-svg { width: auto; height: 250px; max-width: 100%; margin-left: auto; /* Sağa yaslama garantisi */ stroke: white; fill: none; stroke-width: 1.5; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

/* --- KÜÇÜLÜNCE ELEMANLARIN DEĞİŞİMİ --- */
.slider-shrunk .slider-content h2 { font-size: 1.25rem !important; margin-bottom: 0 !important; }

.slider-shrunk .slider-content p { display: none; /* Yer kazanmak için alt başlığı gizle */ }

.slider-shrunk .slider-btn { padding: 2px 10px !important; font-size: 0.75rem !important; margin-top: 5px; }

.slider-shrunk .hero-svg { height: 70px !important; /* SVG sağ köşede küçülür */ margin-left: auto; }

/* --- NAVİGASYON OKLARI --- */
.carousel-control-prev, .carousel-control-next { width: 5%; z-index: 1010; }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
    #heroWrapper, .hero-slider { height: 35vh; /* Mobilde daha kısa başlangıç */ }
    #mainContent { margin-top: 35vh; }
    .slider-shrunk { height: 90px !important; }
    .content-moved { margin-top: 90px !important; }
    .slider-shrunk .slider-content h2 { font-size: 1rem !important; }
    .svg-container { justify-content: center; /* Mobilde ortalamak daha şık durabilir */ }
}