/* =====================================================================
   NANO-HERO  -  Ana sayfa slider tasarimi
   Veri: slider tablosu (Panel -> Slider). Gorseller acik tonlu ic mekan
   fotograflari oldugu icin sol tarafta beyazdan saydama gecen bir katman
   ve koyu metin kullanilir; vurgu rengi temanin #336699 mavisi.
   ===================================================================== */
.nano-hero { position: relative; margin-bottom: 0; }
.nano-hero .swiper-slide { height: auto; }
.nano-hero__slide {
    position: relative; overflow: hidden; display: flex; align-items: center;
    min-height: 520px; height: 62vh; max-height: 680px; background: #eef1f4;
}
.nano-hero__bg {
    position: absolute; inset: 0; background-size: cover; background-position: center;
    transform: scale(1.02); transition: transform 9s ease-out; will-change: transform;
}
.nano-hero .swiper-slide-active .nano-hero__bg { transform: scale(1.10); }
.nano-hero__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.82) 32%, rgba(255,255,255,.35) 58%, rgba(255,255,255,0) 78%),
                linear-gradient(0deg, rgba(20,30,40,.18) 0%, rgba(20,30,40,0) 35%);
}
.nano-hero__inner { position: relative; z-index: 2; }
.nano-hero__content { max-width: 600px; padding: 2rem 0; }
.nano-hero__kicker {
    display: inline-block; font-size: 1.3rem; font-weight: 700; letter-spacing: .18em;
    text-transform: uppercase; color: #336699; margin-bottom: 1.2rem;
    padding-left: 3.4rem; position: relative;
}
.nano-hero__kicker::before {
    content: ''; position: absolute; left: 0; top: 50%; width: 2.6rem; height: 2px; background: #336699;
}
.nano-hero__title {
    font-size: 4.6rem; line-height: 1.12; font-weight: 800; color: #22272e;
    margin: 0 0 1.6rem; letter-spacing: -.01em;
}
.nano-hero__text { font-size: 1.7rem; line-height: 1.65; color: #4a5360; margin: 0 0 2.8rem; }
.nano-hero__btn {
    font-size: 1.4rem; padding: 1.3em 2.8em; letter-spacing: .04em;
    background: #336699; border-color: #336699; color: #fff;
    box-shadow: 0 10px 24px rgba(51,102,153,.28); transition: transform .25s, box-shadow .25s, background .25s;
}
.nano-hero__btn:hover, .nano-hero__btn:focus {
    background: #28527a; border-color: #28527a; color: #fff;
    transform: translateY(-2px); box-shadow: 0 14px 30px rgba(51,102,153,.36);
}
.nano-hero__btn i { margin-left: .8rem; transition: transform .25s; }
.nano-hero__btn:hover i { transform: translateX(4px); }

/* Sayfalama noktalari */
.nano-hero .swiper-pagination { bottom: 2.4rem; }
.nano-hero .swiper-pagination-bullet {
    width: 1rem; height: 1rem; background: #fff; opacity: .55; border: 1px solid rgba(0,0,0,.15);
    transition: width .3s, opacity .3s, background .3s; border-radius: 1rem;
}
.nano-hero .swiper-pagination-bullet-active { width: 3.2rem; opacity: 1; background: #336699; }

/* Ok butonlari: temanin nav stilini koru, gorunurluk ekle */
.nano-hero .swiper-button-next, .nano-hero .swiper-button-prev {
    color: #22272e; background: rgba(255,255,255,.85); border-radius: 50%; width: 4.8rem; height: 4.8rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.12); opacity: 0; transition: opacity .3s, background .3s;
}
.nano-hero:hover .swiper-button-next, .nano-hero:hover .swiper-button-prev { opacity: 1; }
.nano-hero .swiper-button-next:hover, .nano-hero .swiper-button-prev:hover { background: #fff; }

/* Kucuk ekranlar */
@media (max-width: 991px) {
    .nano-hero__slide { min-height: 440px; height: 56vh; }
    .nano-hero__title { font-size: 3.6rem; }
    .nano-hero__overlay { background: linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.8) 55%, rgba(255,255,255,.45) 100%); }
}
@media (max-width: 575px) {
    .nano-hero__slide { min-height: 380px; height: auto; padding: 4rem 0; }
    .nano-hero__content { max-width: 100%; padding: 1rem 0; }
    .nano-hero__title { font-size: 2.9rem; }
    .nano-hero__text { font-size: 1.5rem; margin-bottom: 2.2rem; }
    .nano-hero__btn { font-size: 1.3rem; padding: 1.1em 2.2em; }
    .nano-hero .swiper-button-next, .nano-hero .swiper-button-prev { display: none; }
}
/* Hareket azaltma tercihi: Ken Burns kapanir */
@media (prefers-reduced-motion: reduce) {
    .nano-hero__bg, .nano-hero .swiper-slide-active .nano-hero__bg { transform: none; transition: none; }
}