/* =========================================================
   KARTUSCUM - ARAMA SONUCLARI TEMIZ SURUM
   SADECE /arama SAYFASI
   ========================================================= */


/* =========================================================
   0. SAYFA ACILISINDA ZIPLAMAYI AZALT
   ========================================================= */

html.kcs-search-loading .urunler_main {
    opacity: 0 !important;
    visibility: hidden !important;
}

html.kcs-search-ready .urunler_main {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity .12s ease !important;
}


/* =========================================================
   1. UST BAR / FILTRE USTU
   ========================================================= */

body.kcs-search-page .urunler_ust {
    margin-bottom: 12px !important;
    padding: 8px 10px !important;
    border: 1px solid #e3e6ea !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .urunler_ust:after {
    content: "";
    display: block;
    clear: both;
}

body.kcs-search-page .siralama_secenekleri,
body.kcs-search-page .gosterim_secenekleri,
body.kcs-search-page .sayfalama_secenekleri_1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.kcs-search-page #urun_siralama_secenekleri {
    height: 32px !important;
    min-width: 165px !important;
    border: 1px solid #d7dde3 !important;
    background: #fff !important;
    font-size: 11px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .kcs-result-count {
    float: right !important;
    display: inline-block !important;
    padding: 7px 11px !important;
    border: 1px solid #ffd2cb !important;
    background: #fff6f3 !important;
    color: #e74c3c !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border-radius: 20px !important;
    margin: 0 10px 0 0 !important;
}


/* =========================================================
   2. URUN KOLONLARI
   PARENT DIV'DEKI ORJINAL WIDTH/FLOAT KALSIN
   ========================================================= */

body.kcs-search-page .kcs-product-col {
    box-sizing: border-box !important;
    padding: 6px !important;
}


/* =========================================================
   3. URUN KARTI
   ========================================================= */

body.kcs-search-page .urun {
    position: relative !important;
    width: 100% !important;
    height: 395px !important;
    min-height: 395px !important;
    max-height: 395px !important;
    margin: 0 !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #dfe4e8 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease !important;
}

body.kcs-search-page .urun:hover {
    border-color: #cfd6dc !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.06) !important;
    transform: translateY(-1px) !important;
}

body.kcs-search-page .urun > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   4. GORSEL
   ========================================================= */

body.kcs-search-page .urun_resmi {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: 155px !important;
    min-height: 155px !important;
    max-height: 155px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .urun_resmi > a {
    display: block !important;
    width: 100% !important;
    height: 155px !important;
    line-height: 155px !important;
    text-align: center !important;
    overflow: hidden !important;
}

body.kcs-search-page .urun_resmi img {
    max-width: 155px !important;
    max-height: 155px !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: normal !important;
    border: 0 !important;
    transition: transform .18s ease !important;
}

body.kcs-search-page .urun:hover .urun_resmi img {
    transform: scale(1.02) !important;
}


/* =========================================================
   5. YENI ROZETI
   ========================================================= */

body.kcs-search-page .kcs-new-badge {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    z-index: 5 !important;
    display: inline-block !important;
    padding: 5px 7px !important;
    background: #ef4d3c !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    pointer-events: none !important;
}


/* =========================================================
   6. AVANTAJ ROZET SATIRI
   FOTO USTUNE BINMEZ
   ========================================================= */

body.kcs-search-page .kcs-benefits {
    order: 2 !important;
    width: 100% !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .kcs-benefit {
    display: inline-block !important;
    height: 22px !important;
    line-height: 20px !important;
    margin: 0 2px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

body.kcs-search-page .kcs-benefit i {
    margin-right: 4px !important;
    font-size: 10px !important;
}

body.kcs-search-page .kcs-benefit-free {
    background: #f2faf4 !important;
    border: 1px solid #c7e6d0 !important;
    color: #16864b !important;
}

body.kcs-search-page .kcs-benefit-today {
    background: #fff6f3 !important;
    border: 1px solid #ffd1c8 !important;
    color: #e74c3c !important;
}


/* =========================================================
   7. URUN ADI
   ========================================================= */

body.kcs-search-page .urun_ismi {
    order: 3 !important;
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    margin: 6px 0 0 0 !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .urun_ismi a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    width: 100% !important;
    color: #434a51 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.kcs-search-page .urun_ismi a:hover {
    color: #e74c3c !important;
}


/* =========================================================
   8. FIYAT
   ========================================================= */

body.kcs-search-page .urun_fiyatlar {
    order: 4 !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .urun_kdvdahil_fiyati {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ef4d3c !important;
    font-size: 14px !important;
    line-height: 36px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}


/* =========================================================
   9. TEMA IKON ALANI GIZLE
   ========================================================= */

body.kcs-search-page .ikonlar {
    display: none !important;
}


/* =========================================================
   10. BUTONLAR
   ========================================================= */

body.kcs-search-page .urun_butonlar {
    order: 5 !important;
    display: flex !important;
    gap: 6px !important;
    width: 100% !important;
    margin: auto 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    border-top: 1px solid #edf0f2 !important;
    box-sizing: border-box !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.kcs-search-page .urun_incele {
    display: none !important;
}

body.kcs-search-page .urun_sepete_ekle,
body.kcs-search-page .urun_hemen_al {
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
    background-image: none !important;
    border: 0 !important;
}

body.kcs-search-page .urun_sepete_ekle {
    flex: 1.25 !important;
    background: #ef4d3c !important;
}

body.kcs-search-page .urun_hemen_al {
    flex: .85 !important;
    background: #647f9f !important;
}

body.kcs-search-page .urun_sepete_ekle:hover {
    background: #dc4032 !important;
    color: #fff !important;
}

body.kcs-search-page .urun_hemen_al:hover {
    background: #536d8c !important;
    color: #fff !important;
}

body.kcs-search-page .urun_sepete_ekle img,
body.kcs-search-page .urun_hemen_al img {
    display: none !important;
}

body.kcs-search-page .urun_sepete_ekle:before,
body.kcs-search-page .urun_sepete_ekle:after,
body.kcs-search-page .urun_hemen_al:before,
body.kcs-search-page .urun_hemen_al:after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   11. ALT ALAN
   ========================================================= */

body.kcs-search-page .urunler_alt {
    margin-top: 12px !important;
    padding: 10px !important;
    border: 1px solid #e3e6ea !important;
    background: #fafbfc !important;
    box-sizing: border-box !important;
}

body.kcs-search-page .urunler_alt:after {
    content: "";
    display: block;
    clear: both;
}


/* =========================================================
   12. MOBIL
   ========================================================= */

@media (max-width: 900px) {
    body.kcs-search-page .kcs-product-col {
        width: 50% !important;
        float: left !important;
    }
}

@media (max-width: 560px) {
    body.kcs-search-page .kcs-product-col {
        width: 100% !important;
        float: none !important;
    }

    body.kcs-search-page .kcs-result-count {
        float: none !important;
        margin: 8px 0 0 0 !important;
    }
}