.oc-avis-location{
    width:100%;
    margin:0 0 14px;
    position:relative;
    z-index:100;
}

.oc-avis-location-label{
    display:block;
    margin-bottom:7px;
    color:#1a1c22;
    font-size:14px;
    font-weight:800;
}

.oc-avis-search-wrap{
    position:relative;
}

.oc-avis-search-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:21px;
    height:21px;
    color:#e30613;
    z-index:2;
    pointer-events:none;
}

.oc-avis-search-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
}

#ocAvisLocation{
    display:block;
    box-sizing:border-box;
    width:100%;
    height:58px;

    padding:0 48px 0 49px;

    border:1.5px solid #d5d7dc;
    border-radius:11px;

    background:#fff;
    color:#16181d;

    font-family:inherit;
    font-size:14px;
    font-weight:600;

    outline:none;
}

#ocAvisLocation::placeholder{
    color:#999da5;
    font-weight:500;
}

#ocAvisLocation:focus{
    border-color:#e30613;
    box-shadow:0 0 0 3px rgba(227,6,19,.07);
}

.oc-avis-clear{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);

    width:32px;
    height:32px;

    display:none;
    align-items:center;
    justify-content:center;

    padding:0;
    border:0;
    border-radius:50%;

    background:#f1f1f3;
    color:#777;
    font-size:20px;
    cursor:pointer;
}

.oc-avis-results{
    display:none;

    position:absolute;
    top:calc(100% + 7px);
    left:0;
    right:0;

    max-height:340px;
    overflow-y:auto;

    background:#fff;
    border:1px solid #e0e1e5;
    border-radius:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    z-index:99999;
}

.oc-avis-results.show{
    display:block;
}

.oc-avis-result{
    width:100%;
    min-height:54px;

    display:flex;
    align-items:center;
    gap:11px;

    padding:11px 14px;

    border:0;
    border-bottom:1px solid #eeeeef;

    background:#fff;
    color:#181a20;

    text-align:left;
    cursor:pointer;
}

.oc-avis-result:last-child{
    border-bottom:0;
}

.oc-avis-result:hover,
.oc-avis-result:active{
    background:#fafafa;
}

.oc-avis-result-icon{
    width:23px;
    height:23px;
    flex:0 0 23px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#e30613;
    font-size:20px;
}

.oc-avis-result-main{
    flex:1;
    min-width:0;
}

.oc-avis-result-title{
    display:block;

    overflow:hidden;
    text-overflow:ellipsis;

    color:#24262c;
    font-size:12px;
    line-height:1.25;
    font-weight:750;
}

.oc-avis-result-sub{
    display:block;

    margin-top:3px;

    overflow:hidden;
    text-overflow:ellipsis;

    color:#7b7f87;
    font-size:9px;
    line-height:1.25;
}

.oc-avis-result-type{
    flex:0 0 auto;

    color:#e30613;
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
}

.oc-avis-manual{
    background:#fff8f8;
}

.oc-avis-manual .oc-avis-result-title{
    color:#d5001e;
}

.oc-avis-message{
    padding:15px;

    color:#777;
    font-size:11px;
    text-align:center;
}

.oc-avis-error{
    display:none;

    margin-top:7px;

    color:#e30613;
    font-size:10px;
    font-weight:700;
}


@media(max-width:760px){

    .oc-avis-location{
        margin-bottom:12px;
    }

    #ocAvisLocation{
        height:54px;
        padding-left:44px;
        font-size:12px;
    }

    .oc-avis-search-icon{
        left:13px;
        width:20px;
        height:20px;
    }

    .oc-avis-results{
        max-height:300px;
    }

    .oc-avis-result{
        min-height:51px;
        padding:10px 12px;
    }

    .oc-avis-result-title{
        font-size:11px;
    }

}



/* ==========================================================
   MOBIL KONUM ALANI BUYUTME V6
   ========================================================== */

@media(max-width:760px){

    .oc-avis-location{
        margin-bottom:16px !important;
    }

    .oc-avis-location-label{
        margin-bottom:9px !important;
        font-size:16px !important;
    }

    #ocAvisLocation{
        height:66px !important;

        padding-left:50px !important;
        padding-right:52px !important;

        border-radius:13px !important;

        font-size:14px !important;
        line-height:1.2 !important;
    }

    #ocAvisLocation::placeholder{
        font-size:13px !important;
    }

    .oc-avis-search-icon{
        left:16px !important;

        width:23px !important;
        height:23px !important;
    }

    .oc-avis-clear{
        right:13px !important;

        width:38px !important;
        height:38px !important;

        font-size:23px !important;
    }

    .oc-avis-results{
        top:calc(100% + 8px) !important;

        max-height:340px !important;

        border-radius:12px !important;
    }

    .oc-avis-result{
        min-height:64px !important;

        gap:13px !important;

        padding:13px 14px !important;
    }

    .oc-avis-result-icon{
        width:27px !important;
        height:27px !important;

        flex-basis:27px !important;

        font-size:22px !important;
    }

    .oc-avis-result-title{
        font-size:13px !important;
        line-height:1.3 !important;
    }

    .oc-avis-result-sub{
        margin-top:4px !important;

        font-size:10px !important;
    }

    .oc-avis-result-type{
        font-size:9px !important;
    }

    .oc-avis-manual{
        min-height:68px !important;
    }

}


/* ==========================================================
   TESLIMAT KONUMU MOBIL TAM GENISLIK V7
   ========================================================== */

@media(max-width:760px){

    .oc-avis-location{
        grid-column:1 / -1 !important;

        width:100% !important;
        max-width:none !important;

        display:block !important;

        flex:0 0 100% !important;

        box-sizing:border-box !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    .oc-avis-search-wrap{
        width:100% !important;
        max-width:none !important;

        display:block !important;

        box-sizing:border-box !important;
    }

    #ocAvisLocation{
        width:100% !important;
        max-width:none !important;

        height:66px !important;

        display:block !important;

        box-sizing:border-box !important;

        padding:
            0
            52px
            0
            50px !important;
    }

    .oc-avis-results{
        width:100% !important;

        left:0 !important;
        right:0 !important;

        box-sizing:border-box !important;
    }

    .oc-avis-location-label{
        width:100% !important;
    }

}


/*
 * Konum alanının yerleştirildiği eski grid/flex yapısında
 * yarım kolon kalmasını engelle.
 */

.oc-avis-location{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

.oc-avis-search-wrap,
#ocAvisLocation{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}