/**
 * Kart ve detay görselleri
 *
 * Kartlar: sabit en/boy + object-fit:cover → satır hizası bozulmaz, beyaz şerit yok.
 * (Farklı foto oranları kenardan kırpılır; contain kullanılmaz.)
 *
 * Detay kapak: kutu oranına zorlanmaz; görsel kendi en/boyunda tam genişlik.
 */

/* —— Kart ızgarası —— */
body.theme-premium .team-item .ratio,
body.theme-premium .product-card-thumb.ratio,
body.theme-premium .service-grid-thumb.ratio {
    background-color: #e7e5e4;
}

body.theme-premium .team-item .ratio > img,
body.theme-premium .team-item img.object-fit-cover,
body.theme-premium .product-card-thumb img,
body.theme-premium .service-grid-thumb img,
body.theme-premium .archive-products-layout img.object-fit-cover,
body.theme-premium .archive-products-layout .card-img-top {
    object-fit: cover !important;
    object-position: center center;
    padding: 0 !important;
}

/* —— Detay kapak (hizmet / sayfa) —— */
body.theme-premium .content-cover-media {
    position: relative;
    max-width: min(720px, 100%);
    margin-left: auto;
    margin-right: auto;
    background: #e7e5e4;
}

body.theme-premium .content-cover-media__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 30rem;
    object-fit: cover;
    object-position: center center;
    vertical-align: middle;
}

body.theme-premium .content-cover-media__icon {
    position: absolute;
    right: 1.15rem;
    bottom: 1.15rem;
    width: 3.35rem;
    height: 3.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    background: var(--bs-primary);
    color: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
    pointer-events: none;
}

body.theme-premium .content-cover-media__icon i {
    font-size: 1.35rem;
    line-height: 1;
    color: inherit;
}

/* Detayda kalan ratio kutuları (ürün kare, proje 4:3, yan kapak) da doldurulsun */
body.theme-premium .product-cover-zoom img,
body.theme-premium .container.py-5 .ratio > img.object-fit-cover,
body.theme-premium a.glightbox.ratio img {
    object-fit: cover !important;
    object-position: center center;
    padding: 0 !important;
}

body.theme-premium .product-cover-zoom,
body.theme-premium .container.py-5 .ratio.bg-light,
body.theme-premium .container.py-5 .ratio.bg-white {
    background-color: #e7e5e4 !important;
}