/* Ana sayfa: hero bölümü ve uygulama rozetleri */
.app-icons {
    display: flex;
    align-items: center;
}
.android {
    width: 190px;
}
.apple {
    width: 150px;
}

/* Slider arka plan gorseli kaldirildi; .slider-bg'nin kendi rengi
   olmadigi icin zemini burada veriyoruz. */
.hero-plain {
    background: linear-gradient(180deg, #FAF9F6 0%, #F1EEE6 100%);
    /* Header position:static ve 140px yuksekliginde, hero'nun ustune binmiyor. */
    padding: 72px 0 96px;
}
.hero-plain .slider-content .title { margin-left: auto; margin-right: auto; }

/* Temadaki .slider-content p width:85% + margin-bottom:45px kuralini ezer;
   ortalanmis hero'da sola kaymaya sebep oluyordu. Secici bilerek daha ozgul. */
.hero-plain .slider-content p {
    width: auto;
    max-width: 54ch;
    margin: 0 auto 8px;
    font-size: 17px;
    line-height: 1.6;
    text-wrap: pretty;
}
.hero-plain .mkt { margin-top: 46px; }

@media (max-width: 991px) {
    .hero-plain { padding: 48px 0 64px; }
    .hero-plain .mkt { margin-top: 32px; }
}