/**
 * Görsel stabilizasyon — layout görselleri sabit kutu + absolute fill
 */

/* Swiper init öncesi: yalnızca ilk slide (1. slide büyüyüp küçülmesin) */
.main-slider:not(.swiper-initialized) .swiper-wrapper {
    display: block;
}
.main-slider:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
}
.main-slider:not(.swiper-initialized) .swiper-slide {
    width: 100% !important;
    height: 100%;
}

/* Boyut animasyonu yok — tüm layout görselleri transition-free */
img {
    transition: none !important;
}

a.pc-image-link,
a.slider-item,
a.kapak-flex-item,
a.k-banner-card,
a.kapak-banner-item {
    transition-property: opacity, box-shadow, transform, filter !important;
}

/* ——— Ana slider ——— */
.main-slider,
.main-slider .swiper-wrapper,
.main-slider .swiper-slide,
.main-slider .slider-item {
    height: 62vh;
    min-height: 520px;
    max-height: 780px;
}

.main-slider .slider-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.main-slider .slider-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    object-fit: contain;
    object-position: center;
    transition: none !important;
}

/* ——— Kategori / marka şeridi ——— */
.category-story-ring {
    position: relative;
    flex-shrink: 0;
    width: clamp(58px, 4.8vw, 84px);
    height: clamp(50px, 4.2vw, 72px);
}

.category-story-item .story-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
}

.category-story-item .story-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center;
    padding: 6px;
    box-sizing: border-box;
    transition: none !important;
}

/* Genel story cover — kategori şeridine uygulanmasın */
.story-section .story-image img,
.hikayeler-section .story-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.story-section .story-image,
.hikayeler-section .story-image {
    position: relative;
    overflow: hidden;
}

/* ——— Ürün kartı ——— */
.product-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f9fafb;
}

.product-image-wrap .pc-image-link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.product-img-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-img-container .product-img,
.products-grid .product-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    object-fit: cover;
    object-position: center;
    transition: none !important;
}

/* ——— Banner / kapak ——— */
.kapak-flex-item {
    position: relative;
    overflow: hidden;
}

.kapak-flex-item img,
.k-banner-img-wrap img,
.kapak-banner-item img,
.kampanya-banner-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    transition: none !important;
}

/* ——— Günün fırsatları ——— */
#pfs-slider .pfs-image-wrap {
    position: relative;
    aspect-ratio: 1;
    padding: 10px;
    background: #fff;
    overflow: hidden;
}

#pfs-slider .pfs-img {
    position: absolute;
    inset: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    object-fit: contain;
    object-position: center;
    transition: none !important;
}

/* ——— Logo / menü — layout fill'den muaf ——— */
.logo img,
.logo-center img,
.zf-logo img,
.footer-logo img,
.zf-sig-img,
.zf-pay-icon,
.header img[alt="Logo"],
.mobile-menu-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    object-fit: contain !important;
}

.logo-center img,
.logo img {
    max-height: 45px !important;
}

@media (max-width: 767px) {
    .main-slider,
    .main-slider .swiper-wrapper,
    .main-slider .swiper-slide,
    .main-slider .slider-item {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
    }

    .category-story-ring {
        width: 72px;
        height: 58px;
    }

    .logo-center img {
        max-height: 35px !important;
    }
}