/* =========================================================
   ZeynaPet Akademi v7.1
   Yalnızca yerleşim + kategori görsel ölçüsü düzeltmesi
   ========================================================= */

/* Mevcut v7 sayfasını soldaki boşluğa çek */
body.zpa7-active #zpa7-page{
    position:relative!important;
    left:-290px!important;

    width:calc(100vw - 150px)!important;
    max-width:none!important;

    margin-top:18px!important;
    margin-right:0!important;
    margin-bottom:48px!important;
    margin-left:auto!important;

    padding:0!important;
}

/* 6 kategori görseli %5 küçülür ve kart içinde kesilmeden görünür */
body.zpa7-active #zpa7-page .zpa7-card{
    overflow:hidden!important;
}

body.zpa7-active #zpa7-page .zpa7-card > img{
    width:95%!important;
    height:106px!important;

    margin:6px auto 0!important;
    padding:0!important;

    object-fit:contain!important;
    object-position:center!important;

    border-radius:10px!important;
    background:#f3f6f9!important;

    transform:none!important;
}

/* Kart yüksekliğini görsel küçülmesine göre dengede tut */
body.zpa7-active #zpa7-page .zpa7-card{
    min-height:232px!important;
}

body.zpa7-active #zpa7-page .zpa7-card-body{
    padding-top:9px!important;
}

/* Rehber ve popüler alanlar ana blokla aynı sol hizada kalır */
body.zpa7-active #zpa7-page .zpa7-guide,
body.zpa7-active #zpa7-page .zpa7-popular{
    margin-left:0!important;
}

/* Masaüstünde sağ tarafa taşmayı engelle */
@media (min-width:1101px){
    body.zpa7-active{
        overflow-x:hidden!important;
    }
}

/* Tablet/mobilde sola kaydırma uygulanmaz */
@media (max-width:1100px){
    body.zpa7-active #zpa7-page{
        position:relative!important;
        left:0!important;
        width:calc(100vw - 24px)!important;
        max-width:none!important;
        margin:12px auto 40px!important;
    }

    body.zpa7-active #zpa7-page .zpa7-card > img{
        width:95%!important;
        height:95px!important;
        margin:5px auto 0!important;
    }
}

@media (max-width:720px){
    body.zpa7-active #zpa7-page{
        width:calc(100vw - 12px)!important;
        margin:8px 6px 30px!important;
    }

    body.zpa7-active #zpa7-page .zpa7-card > img{
        width:95%!important;
        height:90px!important;
    }
}