/* ==============================================================
   ÖZEL EKLENTİLER (app.css'in üzerine yüklenir, orijinal dosyaya
   dokunulmadan güvenli şekilde geçersiz kılar)
   ============================================================== */

/* --- Anasayfa hero slider yüksekliği: orijinalin %80'i (%20 azaltıldı) --- */
.hero {
    height: 80vh;
}

@media (max-width: 1199px) {
    .hero {
        height: 60vh;
    }
}

@media (max-width: 991px) {
    .hero {
        height: 48vh;
    }
}

/* --- Anasayfadaki ürün arama bölümü (Ürünler sayfasındaki arama/filtre
   ile aynı görünüm, hero'nun hemen altında) --- */
.index-search {
    padding: 5rem 0 0;
}

@media (max-width: 991px) {
    .index-search {
        padding-top: 3.5rem;
    }
}

@media (max-width: 767px) {
    .index-search {
        padding-top: 2.5rem;
    }
}

.index-search__title {
    margin-bottom: 3rem;
    text-align: center;
}

.index-search .products__search {
    margin-bottom: 3rem;
}

/* --- Hero (anasayfa slider) içeriğini tüm ekran boyutlarında
   ortalı ve daha estetik hizala (masaüstünde varsayılan olarak
   sola yaslıydı, sadece küçük mobilde ortalanıyordu) --- */
.hero__wrapper {
    justify-content: center;
}

.hero__content {
    text-align: center;
}

.hero__content .swiper {
    margin-left: auto;
    margin-right: auto;
    max-width: 90rem;
}

@media (max-width: 991px) {
    .hero__content .swiper {
        max-width: 70rem;
    }
}

@media (max-width: 575px) {
    .hero__content .swiper {
        max-width: 90%;
    }
}

.hero__content__text {
    display: flex;
    justify-content: center;
    text-align: center;
}

.hero__content .swiper-pagination {
    display: flex;
    justify-content: center;
}

/* --- Hero başlık fontu: orijinalin %70'i (%30 küçültüldü), tüm
   ekran boyutlarında orantılı olarak --- */
.hero__content__text {
    font-size: 8.68rem;
}

@media (max-width: 1439px) {
    .hero__content__text {
        font-size: 7.28rem;
    }
}

@media (max-width: 1199px) {
    .hero__content__text {
        font-size: 5.88rem;
    }
}

@media (max-width: 991px) {
    .hero__content__text {
        font-size: 4.48rem;
    }
}

@media (max-width: 575px) {
    .hero__content__text {
        font-size: 3.22rem;
    }
}