/* =========================================================
   v0.4.15 REV10 — Mobile hero live-size match
   Sadece <=700px mobil hero. Desktop/tablet etkilenmez.
   Canlı referans: yaklaşık 325px hero yüksekliği.
   ========================================================= */
@media(max-width:700px){
    .live-hero,
    .live-hero .hero-grid{
        height:325px !important;
        min-height:325px !important;
    }

    .live-hero-slide{
        height:325px !important;
    }

    /* Hakkımda slide: canlıdaki daha kompakt 3 satırlı başlık. */
    .hero-about .hero-copy{
        top:42px !important;
        left:16px !important;
        width:73% !important;
    }

    .hero-about .hero-copy h1{
        font-size:26px !important;
        line-height:29px !important;
        letter-spacing:-.45px !important;
    }

    .hero-about .hero-text{
        width:246px !important;
        max-width:72vw !important;
        margin:13px 0 12px !important;
        padding-left:10px !important;
        font-size:12px !important;
        line-height:16px !important;
    }

    .hero-about .hero-button{
        height:36px !important;
        font-size:10px !important;
    }
    .hero-about .hero-button span{padding:0 16px !important}
    .hero-about .hero-button b{width:36px !important}

    .hero-about .hero-person-about{
        width:285px !important;
        height:auto !important;
        right:-78px !important;
        bottom:0 !important;
        max-height:318px !important;
    }

    /* Diğer iki slide da aynı mobil hero yüksekliğine otursun. */
    .hero-current .hero-copy,
    .hero-current .hero-copy-current{
        top:48px !important;
        right:14px !important;
        width:59% !important;
    }
    .hero-current .hero-copy h1{
        font-size:27px !important;
        line-height:30px !important;
    }
    .hero-current .hero-text{
        margin-top:12px !important;
        margin-bottom:12px !important;
        font-size:12px !important;
        line-height:16px !important;
    }
    .hero-current .hero-person-current{
        left:-78px !important;
        width:290px !important;
        max-height:315px !important;
    }

    .hero-tbmm .hero-copy{
        top:48px !important;
        left:16px !important;
        width:67% !important;
    }
    .hero-tbmm .hero-copy h1{
        font-size:27px !important;
        line-height:30px !important;
    }
    .hero-tbmm .hero-text{
        width:245px !important;
        max-width:72vw !important;
        margin:13px 0 12px !important;
        padding-left:10px !important;
        font-size:12px !important;
        line-height:16px !important;
    }
    .hero-tbmm .hero-person-tbmm{
        width:285px !important;
        right:-80px !important;
        max-height:315px !important;
    }

    .hero-bottom-nav{
        width:72px !important;
        height:36px !important;
    }
    .hero-bottom-nav button{
        width:36px !important;
        height:36px !important;
    }

    .current-section{
        padding-top:24px !important;
    }
}