.product-gallery { position: relative; }
.productSwiper { width: 100%; height: 548px; }
.productSwiper .swiper-wrapper,
.productSwiper .swiper-slide { height: 100%; }
.swiper-slide { overflow: hidden; cursor: pointer; }
.media-box{position: relative;width: 100%;padding-top: 56.25%; /* 16:9 */overflow: hidden;}
.media-box > img,
.media-box > video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.slide-hero{
    width: 900px;
    height: 100%;
}
.slide-hero .media-box{
    height: 100%;
    padding-top: 0;              /* 16:9 üretme, fill */
}
.slide-hero video{ height: 100%; }
.slide-thumb{
    width: 420px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.slide-thumb .media-box{ flex: 1; padding-top: 0; }  /* flex ile eşit böl */
.slide-thumb .media-box.is-placeholder{
    visibility: hidden;      /* yer tutar, görünmez */
    pointer-events: none;
}
.gallery-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border-radius:50%;
    background:rgba(0,0,0,.65); z-index:5;
}
.productSwiper .swiper-slide{
    margin-right: 20px;
}

/* Son slide boşluk bırakmasın */
.productSwiper .swiper-slide:last-child{
    margin-right: 0;
}
.gallery-desktop { display: block; }
.gallery-mobile { display: none; }
@media (max-width: 768px){
    .productSwiper{ height: auto; }
    .slide-hero, .slide-thumb{ width: 100%; height: auto; }
    .gallery-desktop{ display:none; }
    .gallery-mobile{ display:block; }
}