/*
 * Kart ızgaraları — eşit yükseklik CSS ile (eski jquery.matchHeight yerine).
 * Görseller sabit oranlı kutuda, kartlar satırdaki en uzun kart kadar uzar,
 * fiyat ve "Detay" butonu her kartta en alta hizalanır. JavaScript gerekmez.
 */

/* --- Görseller: kare kutu, taşmadan ortalanmış --- */
.product .product-image-container img,
.notalar-izgara .marka img {
    display: block;
    width: 100% !important;
    max-width: 276px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 0 auto;
    background-color: #fff;
}
/* Nota fotoğrafları kareyi doldursun */
.notalar-izgara .marka img,
.product .product-image-container img.nota-gorseli {
    object-fit: cover;
}

/* --- Bootstrap ızgaraları: sütun içindeki kart sütunun tamamını doldursun --- */
.row > [class*="col"]:has(> .product),
.row > [class*="col"]:has(> .marka) {
    display: flex;
    flex-direction: column;
}
.row > [class*="col"] > .product,
.row > [class*="col"] > .marka {
    flex: 1 1 auto;
}

/* --- Kart içi: başlık esner, fiyat ve buton alta yaslanır --- */
.product {
    display: flex;
    flex-direction: column;
}
.product > .product-details {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.product > .product-details > .price-box {
    margin-top: auto;
}

/* --- Ana sayfa karuselleri: aynı satırdaki kartlar eşit yükseklikte --- */
.owl-carousel.featured-products .owl-stage,
.owl-carousel.blog-carousel .owl-stage {
    display: flex;
}
.owl-carousel.featured-products .owl-item,
.owl-carousel.blog-carousel .owl-item {
    display: flex;
    float: none;
}
.owl-carousel.featured-products .owl-item > .product,
.owl-carousel.blog-carousel .owl-item > .entry {
    width: 100%;
}

/* --- Blog kartları: temanın yerleşimi korunur, sadece aynı satırda eşit yükseklik --- */
.blog-carousel .owl-item > .entry {
    height: 100%;
}

/* --- Marka adı kutuları (Tüm Markalar) --- */
.markalar-izgara .marka {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    line-height: 1.3;
    padding: 8px 10px;
}