/* İlan Şehri V7.4.0 R6 — Kompakt karşılaştır ikonu */

.compare-v737-button{
    top:10px!important;
    bottom:auto!important;
    left:10px!important;
    right:auto!important;
    z-index:8!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;

    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;

    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 4px 12px rgba(16,24,40,.14)!important;
    color:#344054!important;

    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;

    cursor:pointer!important;
    transform:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    transition:
        width .18s ease,
        max-width .18s ease,
        border-radius .18s ease,
        background .18s ease,
        color .18s ease!important;
}

.compare-v737-button::before{
    content:'⇄';
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 29px;
    width:29px;
    height:29px;
    font-size:14px;
    font-weight:950;
    line-height:1;
}

.compare-v737-button [data-compare-label]{
    display:none!important;
    margin-right:9px!important;
    font-size:7px!important;
    font-weight:950!important;
    line-height:1!important;
}

.compare-v737-button:hover{
    top:10px!important;
    transform:none!important;
    background:#fff!important;
    color:#101828!important;
    box-shadow:0 5px 15px rgba(16,24,40,.18)!important;
}

.compare-v737-button.active{
    border-color:#ff6b00!important;
    background:#ff6b00!important;
    color:#fff!important;
}

.compare-v737-button:focus-visible{
    outline:3px solid rgba(255,107,0,.24)!important;
    outline-offset:2px!important;
}

/* Masaüstünde fareyle üzerine gelince yazı zarifçe açılır. */
@media(min-width:761px) and (hover:hover){
    .compare-v737-button:hover,
    .compare-v737-button:focus-visible{
        width:93px!important;
        max-width:93px!important;
        border-radius:999px!important;
        justify-content:flex-start!important;
    }

    .compare-v737-button:hover [data-compare-label],
    .compare-v737-button:focus-visible [data-compare-label]{
        display:inline!important;
    }
}

/* Mobilde her zaman küçük ikon kalır. */
@media(max-width:760px){
    .compare-v737-button{
        top:8px!important;
        left:8px!important;
        width:29px!important;
        min-width:29px!important;
        max-width:29px!important;
        height:29px!important;
        min-height:29px!important;
    }

    .compare-v737-button::before{
        flex-basis:27px;
        width:27px;
        height:27px;
        font-size:13px;
    }

    .compare-v737-button [data-compare-label]{
        display:none!important;
    }
}