.ieuv-showcase{
    --ieuv-red:#e31c24;
    --ieuv-dark:#172033;
    --ieuv-muted:#6f7888;
    --ieuv-border:#e6e8ec;
    --ieuv-bg:#f7f8fa;
    position:relative;
    box-sizing:border-box;
    width:100%;
    margin:22px auto;
    padding:22px 22px 18px;
    border:1px solid #e3e6ea;
    border-radius:14px;
    background:linear-gradient(180deg,#fbfbfc 0%,#f4f6f8 100%);
    box-shadow:0 6px 24px rgba(18,31,53,.05);
    overflow:visible;
}
.ieuv-showcase *{box-sizing:border-box}
.ieuv-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}
.ieuv-heading-wrap{
    display:flex;
    align-items:center;
    gap:26px;
    min-width:0;
}
.ieuv-title-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
}
.ieuv-fire{font-size:29px;line-height:1}
.ieuv-title{
    margin:0!important;
    padding:0!important;
    font-size:30px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:-.4px;
    color:var(--ieuv-dark)!important;
}
.ieuv-title::first-line{color:inherit}
.ieuv-subtitle{
    color:var(--ieuv-muted);
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ieuv-all{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:44px;
    padding:0 22px;
    border:1.5px solid var(--ieuv-red);
    border-radius:24px;
    color:var(--ieuv-red)!important;
    background:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none!important;
    white-space:nowrap;
    transition:.2s ease;
}
.ieuv-all:hover{background:var(--ieuv-red);color:#fff!important}
.ieuv-carousel{position:relative}
.ieuv-track-wrap{overflow:hidden}
.ieuv-track{
    display:flex;
    gap:14px;
    transition:transform .36s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
.ieuv-card{
    flex:0 0 calc((100% - 70px)/6);
    min-width:0;
    overflow:hidden;
    border:1px solid var(--ieuv-border);
    border-radius:10px;
    background:#fff;
    box-shadow:0 2px 8px rgba(18,31,53,.025);
}
.ieuv-image-link{display:block;text-decoration:none!important}
.ieuv-image{
    position:relative;
    aspect-ratio:1/1;
    background:#fff;
    overflow:hidden;
}
.ieuv-img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:10px;
    transition:transform .28s ease;
}
.ieuv-hover{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    background:rgba(0,0,0,.53);
    opacity:0;
    transition:opacity .22s ease;
}
.ieuv-view-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:158px;
    padding:12px 18px;
    border:2px solid #fff;
    border-radius:26px;
    background:var(--ieuv-red);
    color:#fff;
    font-size:14px;
    font-weight:800;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    transform:translateY(6px);
    transition:transform .22s ease;
}
.ieuv-search-icon{font-size:21px;line-height:1}
.ieuv-card:hover .ieuv-hover{opacity:1}
.ieuv-card:hover .ieuv-view-btn{transform:translateY(0)}
.ieuv-card:hover .ieuv-img{transform:scale(1.025)}
.ieuv-card-body{padding:11px 12px 13px}
.ieuv-product-title{
    display:-webkit-box;
    min-height:42px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:var(--ieuv-dark)!important;
    font-size:14px;
    line-height:1.45;
    font-weight:700;
    text-decoration:none!important;
}
.ieuv-product-title:hover{color:var(--ieuv-red)!important}
.ieuv-rating{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:7px;
    min-height:18px;
}
.ieuv-rating .star-rating{font-size:12px;margin:0!important;color:#ffad00}
.ieuv-rating-count{font-size:12px;color:var(--ieuv-muted)}
.ieuv-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:9px;
}
.ieuv-price{
    color:var(--ieuv-red);
    font-size:18px;
    line-height:1.15;
    font-weight:800;
}
.ieuv-price del{font-size:12px;color:#9b9fa8;font-weight:500}
.ieuv-price ins{text-decoration:none}
.ieuv-mini-link{
    display:inline-flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    border:1px solid #ff9397;
    border-radius:8px;
    color:var(--ieuv-red)!important;
    font-size:26px;
    line-height:1;
    text-decoration:none!important;
}
.ieuv-mini-link:hover{background:var(--ieuv-red);border-color:var(--ieuv-red);color:#fff!important}
.ieuv-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    width:48px;
    height:48px;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    background:#fff;
    color:#172033;
    font-family:Arial,sans-serif;
    font-size:38px;
    line-height:42px;
    text-align:center;
    box-shadow:0 4px 18px rgba(18,31,53,.15);
    cursor:pointer;
    transition:.2s ease;
}
.ieuv-arrow:hover{color:var(--ieuv-red);transform:translateY(-50%) scale(1.05)}
.ieuv-arrow:disabled{opacity:.35;cursor:default;transform:translateY(-50%)}
.ieuv-prev{left:-46px}
.ieuv-next{right:-46px}
.ieuv-dots{
    display:flex;
    justify-content:center;
    gap:9px;
    min-height:10px;
    margin-top:15px;
}
.ieuv-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c7cbd2;
}
.ieuv-dot.is-active{width:10px;height:10px;background:var(--ieuv-red)}
.ieuv-empty{padding:12px;border:1px dashed #bbb;background:#fffbe8}

@media(max-width:1250px){
    .ieuv-card{flex-basis:calc((100% - 56px)/5)}
}
@media(max-width:1024px){
    .ieuv-heading-wrap{display:block}
    .ieuv-subtitle{margin-top:6px;white-space:normal}
    .ieuv-card{flex-basis:calc((100% - 42px)/4)}
    .ieuv-prev{left:-16px}
    .ieuv-next{right:-16px}
}
@media(max-width:782px){
    .ieuv-showcase{padding:16px 14px 14px;border-radius:10px}
    .ieuv-head{align-items:flex-start}
    .ieuv-title{font-size:23px!important}
    .ieuv-fire{font-size:24px}
    .ieuv-subtitle{font-size:13px}
    .ieuv-all{height:38px;padding:0 13px;font-size:12px}
    .ieuv-card{flex-basis:calc((100% - 14px)/2)}
    .ieuv-arrow{width:40px;height:40px;font-size:31px}
    .ieuv-prev{left:-10px}
    .ieuv-next{right:-10px}
    .ieuv-view-btn{min-width:135px;padding:10px 14px;font-size:12px}
}
@media(max-width:480px){
    .ieuv-head{display:block}
    .ieuv-all{margin-top:10px}
    .ieuv-card{flex-basis:82%}
    .ieuv-product-title{font-size:13px}
    .ieuv-price{font-size:17px}
}
@media(hover:none){
    .ieuv-hover{display:none}
}


/* Vadi Market canlı düzenleyici uyumluluğu */
#istanbul-urun-vitrini{
    width:100%;
    max-width:100%;
}
#istanbul-urun-vitrini .ieuv-showcase{
    font-family:inherit;
}


/* =========================================================
   v1.3 - Daha geniş, daha belirgin Popüler Ürünler vitrini
   ========================================================= */
#istanbul-urun-vitrini{
    width:100vw !important;
    max-width:1680px !important;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    padding-left:18px;
    padding-right:18px;
}

#istanbul-urun-vitrini .ieuv-showcase{
    width:100% !important;
    max-width:none !important;
    margin:18px auto 26px !important;
    padding:18px 20px 20px !important;
    border-radius:14px !important;
}

#istanbul-urun-vitrini .ieuv-head{
    margin-bottom:14px !important;
}

#istanbul-urun-vitrini .ieuv-heading-wrap{
    display:block !important;
}

#istanbul-urun-vitrini .ieuv-title-row{
    gap:7px !important;
}

#istanbul-urun-vitrini .ieuv-fire{
    font-size:18px !important;
}

#istanbul-urun-vitrini .ieuv-title{
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
}

#istanbul-urun-vitrini .ieuv-subtitle{
    display:none !important;
}

#istanbul-urun-vitrini .ieuv-track{
    gap:16px !important;
}

#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 64px)/5) !important;
    border-radius:12px !important;
    border:1px solid #e2e5e9 !important;
    box-shadow:0 3px 12px rgba(18,31,53,.045) !important;
}

#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:1 / 1.08 !important;
}

#istanbul-urun-vitrini .ieuv-img{
    padding:8px !important;
}

#istanbul-urun-vitrini .ieuv-card-body{
    padding:13px 14px 15px !important;
}

#istanbul-urun-vitrini .ieuv-product-title{
    min-height:47px !important;
    font-size:16px !important;
    line-height:1.42 !important;
    font-weight:750 !important;
}

#istanbul-urun-vitrini .ieuv-price{
    font-size:21px !important;
}

#istanbul-urun-vitrini .ieuv-mini-link{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
}

#istanbul-urun-vitrini .ieuv-arrow{
    width:48px !important;
    height:48px !important;
}

#istanbul-urun-vitrini .ieuv-prev{left:-24px !important}
#istanbul-urun-vitrini .ieuv-next{right:-24px !important}

@media(max-width:1350px){
    #istanbul-urun-vitrini{
        width:calc(100vw - 12px) !important;
    }
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 48px)/4) !important;
    }
}

@media(max-width:1024px){
    #istanbul-urun-vitrini{
        width:100% !important;
        left:auto;
        transform:none;
        padding-left:0;
        padding-right:0;
    }
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 32px)/3) !important;
    }
    #istanbul-urun-vitrini .ieuv-prev{left:-10px !important}
    #istanbul-urun-vitrini .ieuv-next{right:-10px !important}
}

@media(max-width:782px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 16px)/2) !important;
    }
    #istanbul-urun-vitrini .ieuv-title{
        font-size:18px !important;
    }
    #istanbul-urun-vitrini .ieuv-product-title{
        font-size:14px !important;
    }
}

@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:82% !important;
    }
}


/* =========================================================
   v1.4 - Dengeli genişlik / orta boy kartlar
   ========================================================= */
#istanbul-urun-vitrini{
    width:100% !important;
    max-width:1420px !important;
    position:relative !important;
    left:auto !important;
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

#istanbul-urun-vitrini .ieuv-showcase{
    width:100% !important;
    max-width:1420px !important;
    margin:16px auto 24px !important;
    padding:16px 18px 18px !important;
}

#istanbul-urun-vitrini .ieuv-title{
    font-size:18px !important;
}

#istanbul-urun-vitrini .ieuv-fire{
    font-size:17px !important;
}

#istanbul-urun-vitrini .ieuv-track{
    gap:14px !important;
}

/* Geniş ekranda 6 dengeli kart */
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 70px)/6) !important;
    border-radius:10px !important;
}

#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:1 / 1 !important;
}

#istanbul-urun-vitrini .ieuv-img{
    padding:10px !important;
}

#istanbul-urun-vitrini .ieuv-card-body{
    padding:11px 12px 13px !important;
}

#istanbul-urun-vitrini .ieuv-product-title{
    min-height:42px !important;
    font-size:14px !important;
    line-height:1.45 !important;
}

#istanbul-urun-vitrini .ieuv-price{
    font-size:18px !important;
}

#istanbul-urun-vitrini .ieuv-mini-link{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
}

#istanbul-urun-vitrini .ieuv-prev{
    left:-20px !important;
}
#istanbul-urun-vitrini .ieuv-next{
    right:-20px !important;
}

@media(max-width:1250px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 56px)/5) !important;
    }
}

@media(max-width:1024px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 42px)/4) !important;
    }
}

@media(max-width:782px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 14px)/2) !important;
    }
}

@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:82% !important;
    }
}


/* v1.5 - v1.4'e göre hafif daha geniş */
#istanbul-urun-vitrini{
    max-width:1520px !important;
}
#istanbul-urun-vitrini .ieuv-showcase{
    max-width:1520px !important;
}


/* =========================================================
   v1.6 - Ana içerik + kategori/logo satırı + ürün vitrini genişletme
   ========================================================= */

/* Vadi Market ana sayfa ana taşıyıcılarını genişlet */
body.home .container,
body.home .site-container,
body.home .main-container,
body.home .content-container,
body.home #content > .container,
body.home #main > .container,
body.home .header-container,
body.home .menu-container,
body.home .category-container{
    max-width:1580px !important;
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Ürün vitrini de aynı genişliğe gelsin */
#istanbul-urun-vitrini{
    width:calc(100% - 40px) !important;
    max-width:1580px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#istanbul-urun-vitrini .ieuv-showcase{
    width:100% !important;
    max-width:1580px !important;
    padding:18px 20px 20px !important;
}

/* Kartları da bir miktar büyüt: masaüstünde 5 kart */
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 64px)/5) !important;
}

#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:1 / 1.04 !important;
}

#istanbul-urun-vitrini .ieuv-img{
    padding:8px !important;
}

#istanbul-urun-vitrini .ieuv-card-body{
    padding:13px 14px 15px !important;
}

#istanbul-urun-vitrini .ieuv-product-title{
    min-height:46px !important;
    font-size:15px !important;
}

#istanbul-urun-vitrini .ieuv-price{
    font-size:20px !important;
}

#istanbul-urun-vitrini .ieuv-mini-link{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
}

/* Header/logo/kategori bölgesinin iç boşluğunu azaltarak kullanılabilir alanı artır */
body.home header .container,
body.home .header .container,
body.home nav .container,
body.home .menu .container{
    max-width:1580px !important;
    width:calc(100% - 40px) !important;
}

@media(max-width:1250px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 48px)/4) !important;
    }
}

@media(max-width:1024px){
    body.home .container,
    body.home .site-container,
    body.home .main-container,
    body.home .content-container,
    body.home #content > .container,
    body.home #main > .container,
    body.home .header-container,
    body.home .menu-container,
    body.home .category-container,
    body.home header .container,
    body.home .header .container,
    body.home nav .container,
    body.home .menu .container,
    #istanbul-urun-vitrini{
        width:calc(100% - 24px) !important;
    }

    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 28px)/3) !important;
    }
}

@media(max-width:782px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 14px)/2) !important;
    }
}

@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:82% !important;
    }
}


/* =========================================================
   v1.7 - Geniş ana sayfa + masaüstünde tam 6 ürün kartı
   ========================================================= */

/* Ana sayfanın kullanılabilir genişliğini artır */
body.home .container,
body.home .site-container,
body.home .main-container,
body.home .content-container,
body.home #content > .container,
body.home #main > .container,
body.home .header-container,
body.home .menu-container,
body.home .category-container,
body.home header .container,
body.home .header .container,
body.home nav .container,
body.home .menu .container{
    max-width:1600px !important;
    width:calc(100% - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Vitrin ana sayfayla hizalı ve geniş */
#istanbul-urun-vitrini{
    width:calc(100% - 40px) !important;
    max-width:1600px !important;
    position:relative !important;
    left:auto !important;
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

#istanbul-urun-vitrini .ieuv-showcase{
    width:100% !important;
    max-width:1600px !important;
    margin:18px auto 26px !important;
    padding:18px 20px 20px !important;
}

/* Başlık kompakt */
#istanbul-urun-vitrini .ieuv-title{
    font-size:19px !important;
}
#istanbul-urun-vitrini .ieuv-fire{
    font-size:18px !important;
}
#istanbul-urun-vitrini .ieuv-subtitle{
    display:none !important;
}

/* Masaüstünde TAM 6 kart */
#istanbul-urun-vitrini .ieuv-track{
    gap:16px !important;
}
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 80px)/6) !important;
    min-width:0 !important;
    border-radius:11px !important;
}

/* Kartları 6'lı düzende olabildiğince belirgin tut */
#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:1 / 1.04 !important;
}
#istanbul-urun-vitrini .ieuv-img{
    padding:8px !important;
}
#istanbul-urun-vitrini .ieuv-card-body{
    padding:12px 13px 14px !important;
}
#istanbul-urun-vitrini .ieuv-product-title{
    min-height:44px !important;
    font-size:15px !important;
    line-height:1.42 !important;
}
#istanbul-urun-vitrini .ieuv-price{
    font-size:19px !important;
}
#istanbul-urun-vitrini .ieuv-mini-link{
    width:39px !important;
    height:39px !important;
    flex-basis:39px !important;
}

/* Oklar dış kenarlarda */
#istanbul-urun-vitrini .ieuv-prev{left:-22px !important}
#istanbul-urun-vitrini .ieuv-next{right:-22px !important}

/* Orta ekranlarda kademeli responsive */
@media(max-width:1300px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 64px)/5) !important;
    }
}
@media(max-width:1050px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 48px)/4) !important;
    }
}
@media(max-width:820px){
    body.home .container,
    body.home .site-container,
    body.home .main-container,
    body.home .content-container,
    body.home #content > .container,
    body.home #main > .container,
    body.home .header-container,
    body.home .menu-container,
    body.home .category-container,
    body.home header .container,
    body.home .header .container,
    body.home nav .container,
    body.home .menu .container,
    #istanbul-urun-vitrini{
        width:calc(100% - 24px) !important;
    }

    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 16px)/2) !important;
    }
}
@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:82% !important;
    }
}


/* =========================================================
   v1.8 - Trendyol'a daha yakın, biraz daha kompakt görünüm
   ========================================================= */

/* Genel sayfa genişliği v1.7'ye göre biraz azaltıldı */
body.home .container,
body.home .site-container,
body.home .main-container,
body.home .content-container,
body.home #content > .container,
body.home #main > .container,
body.home .header-container,
body.home .menu-container,
body.home .category-container,
body.home header .container,
body.home .header .container,
body.home nav .container,
body.home .menu .container{
    max-width:1480px !important;
    width:calc(100% - 48px) !important;
}

/* Popüler ürünler alanı */
#istanbul-urun-vitrini{
    width:calc(100% - 48px) !important;
    max-width:1480px !important;
}

#istanbul-urun-vitrini .ieuv-showcase{
    max-width:1480px !important;
    padding:16px 16px 17px !important;
    margin:16px auto 22px !important;
}

/* Başlık Trendyol benzeri daha kompakt */
#istanbul-urun-vitrini .ieuv-title{
    font-size:18px !important;
}
#istanbul-urun-vitrini .ieuv-fire{
    font-size:16px !important;
}
#istanbul-urun-vitrini .ieuv-head{
    margin-bottom:12px !important;
}

/* Masaüstünde yine tam 6 kart, fakat daha kompakt */
#istanbul-urun-vitrini .ieuv-track{
    gap:14px !important;
}
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 70px)/6) !important;
    border-radius:10px !important;
}

/* Kart yüksekliği/görsel alanı küçültüldü */
#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:1 / 0.98 !important;
}
#istanbul-urun-vitrini .ieuv-img{
    padding:10px !important;
}
#istanbul-urun-vitrini .ieuv-card-body{
    padding:10px 11px 12px !important;
}
#istanbul-urun-vitrini .ieuv-product-title{
    min-height:40px !important;
    font-size:14px !important;
    line-height:1.38 !important;
}
#istanbul-urun-vitrini .ieuv-rating{
    margin-top:5px !important;
}
#istanbul-urun-vitrini .ieuv-price{
    font-size:18px !important;
}
#istanbul-urun-vitrini .ieuv-mini-link{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
}
#istanbul-urun-vitrini .ieuv-bottom{
    margin-top:7px !important;
}

/* Oklar biraz daha küçük ve içeriğe yakın */
#istanbul-urun-vitrini .ieuv-arrow{
    width:42px !important;
    height:42px !important;
    font-size:32px !important;
}
#istanbul-urun-vitrini .ieuv-prev{left:-16px !important}
#istanbul-urun-vitrini .ieuv-next{right:-16px !important}

@media(max-width:1300px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 56px)/5) !important;
    }
}
@media(max-width:1050px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 42px)/4) !important;
    }
}
@media(max-width:820px){
    body.home .container,
    body.home .site-container,
    body.home .main-container,
    body.home .content-container,
    body.home #content > .container,
    body.home #main > .container,
    body.home .header-container,
    body.home .menu-container,
    body.home .category-container,
    body.home header .container,
    body.home .header .container,
    body.home nav .container,
    body.home .menu .container,
    #istanbul-urun-vitrini{
        width:calc(100% - 24px) !important;
    }

    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:calc((100% - 14px)/2) !important;
    }
}
@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-card{
        flex-basis:82% !important;
    }
}


/* =========================================================
   v1.9 - Trendyol benzeri dikey ürün görsel alanı
   ========================================================= */

/* 6 kart görünümü korunur */
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 70px)/6) !important;
}

/* Kare yerine aşağı doğru uzayan ürün görsel alanı */
#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:auto !important;
    height:310px !important;
    min-height:310px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
}

/* Ürün görselini kesmeden dikey alanın içine sığdır */
#istanbul-urun-vitrini .ieuv-img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:8px !important;
}

/* Kart metin bölümü kompakt kalsın */
#istanbul-urun-vitrini .ieuv-card-body{
    padding:11px 12px 13px !important;
}

@media(max-width:1500px){
    #istanbul-urun-vitrini .ieuv-image{
        height:290px !important;
        min-height:290px !important;
    }
}

@media(max-width:1300px){
    #istanbul-urun-vitrini .ieuv-image{
        height:280px !important;
        min-height:280px !important;
    }
}

@media(max-width:1050px){
    #istanbul-urun-vitrini .ieuv-image{
        height:270px !important;
        min-height:270px !important;
    }
}

@media(max-width:820px){
    #istanbul-urun-vitrini .ieuv-image{
        height:250px !important;
        min-height:250px !important;
    }
}

@media(max-width:480px){
    #istanbul-urun-vitrini .ieuv-image{
        height:280px !important;
        min-height:280px !important;
    }
}


/* =========================================================
   v2.0 - Kare kaynak görseli dikey kart alanını dolduracak şekilde büyüt
   ========================================================= */

/* Masaüstünde 6 kart korunur */
#istanbul-urun-vitrini .ieuv-card{
    flex:0 0 calc((100% - 70px)/6) !important;
}

/* Trendyol benzeri dikey ürün görsel alanı */
#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:4 / 5 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#fff !important;
}

/*
 * Önemli fark:
 * contain yerine cover kullanıyoruz.
 * Böylece WooCommerce'deki kare kaynak görsel,
 * kartın dikey görsel alanını tamamen doldurur.
 */
#istanbul-urun-vitrini .ieuv-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    padding:0 !important;
    margin:0 !important;
}

/* Hover katmanı tüm dikey görseli kaplasın */
#istanbul-urun-vitrini .ieuv-hover{
    inset:0 !important;
}

/* Mobilde de oran korunsun */
@media(max-width:820px){
    #istanbul-urun-vitrini .ieuv-image{
        aspect-ratio:4 / 5 !important;
    }
}


/* =========================================================
   v2.1 - Net, tam görünen dikey ürün resmi
   ========================================================= */
/* 2:3 oran: kullanıcının gerçek dikey ürün görsellerine uygun */
#istanbul-urun-vitrini .ieuv-image{
    aspect-ratio:2 / 3 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* KESME YOK: ürün görselinin tamamı görünür. */
#istanbul-urun-vitrini .ieuv-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:0 !important;
    margin:0 !important;
}