/*
 * Galeri (Swiper'lar script.js'te kurulur). Büyük görsel kutusu
 * ürünün ilk görselinin oranını alır (--u-gallery-ratio, script.js);
 * görsel kırpılmadan sığar.
 *
 * Unimart klasör biçimini 536×412'lik bir SVG maskeyle veriyor; oran
 * değişince SVG ya ortalanıp üstü/altı gizliyor ya da köşe esniyor.
 * Aynı biçim CSS ile: yuvarlak kenar + sağ üstte sabit boyda kesik.
 */
[data-module-name="urun-02-single-product"] .product-single-slider-two-activation {
    /* Unimart'ın kuralı daha özgül (.rbt-single-product-media-area.… zinciri) */
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 16px;
    clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
}

/* Küçük görseller maskenin kendi oranında (88×68), görsel kaplar */
[data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation .rbt-thumb-img-sm {
    aspect-ratio: 88 / 68;
}

[data-module-name="urun-02-single-product"] .product-single-slider-two-activation .rbt-product-single-img {
    aspect-ratio: var(--u-gallery-ratio, 1);
    height: auto;
}

[data-module-name="urun-02-single-product"] .rbt-thumb-img-sm img,
[data-module-name="urun-02-single-product"] .rbt-product-single-img img {
    display: block;
    width: 100%;
    height: 100%;
}

[data-module-name="urun-02-single-product"] .rbt-thumb-img-sm img {
    object-fit: cover;
}

[data-module-name="urun-02-single-product"] .rbt-product-single-img img {
    object-fit: contain;
}

/*
 * Dikey küçük görsel şeridi büyük görselin boyunda: sütun satırın
 * yüksekliğine gerilir, şerit içeriğiyle satırı uzatmadan onu doldurur.
 */
@media (min-width: 992px) {
    [data-module-name="urun-02-single-product"] [data-image-count] {
        display: flex;
        flex-direction: column;
    }

    [data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation {
        flex: 1 1 0;
        min-height: 0;
        width: 100%;
        max-height: none;
    }

    /* slidesPerView:auto — slayt kendi boyunda (swiper.css %100 veriyor) */
    [data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation .swiper-slide {
        height: auto;
    }
}

/* Kaydıracak görsel yoksa oklar görünmesin (Swiper watchOverflow) */
[data-module-name="urun-02-single-product"] .rbt-swiper-arrow.swiper-button-lock {
    display: none;
}

/* Tükenmiş varyant */
[data-module-name="urun-02-single-product"] .rbt-switcher-root a.rbt-disabled {
    opacity: .45;
}