/* Mobil header altı banner - admin panelden Görseller > Mobil Header Banner */
.mobile-header-banner{
    display:none;
}

@media (max-width: 767px){
    .mobile-header-banner{
        display:block;
        width:100%;
        padding:10px 12px 0;
        box-sizing:border-box;
        background:transparent;
    }

    .mobile-header-banner a{
        display:block;
        width:100%;
        overflow:hidden;
        border-radius:16px;
        box-shadow:0 10px 28px rgba(7,32,53,.16);
        -webkit-tap-highlight-color:transparent;
    }

    .mobile-header-banner img{
        display:block;
        width:100%;
        height:auto;
        aspect-ratio:16 / 9;
        object-fit:cover;
        object-position:center;
    }

    /* Müşterinin istediği gibi header altındaki mevcut hero yazıları yerine banner */
    .hero .hero-copy{
        display:none !important;
    }

    /* Yazı bloğu kalkınca hero görselini bannera yaklaştır */
    .hero .hero-grid{
        padding-top:16px !important;
    }
}