/* MC Varyasyon Galerisi — frontend
   Galeri büyük ölçüde WooCommerce'in kendi stillerini kullanır; burada yalnızca
   yeniden kurulum sırasında yumuşak geçiş ve görünürlük garantisi sağlanır. */
.woocommerce-product-gallery{transition:opacity .18s ease}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images{opacity:1}

/* ───────── Ürün videosu: galeri slaytı ───────── */
.woocommerce-product-gallery__image.mcvg-video-slide{position:relative}
.mcvg-video-slide .mcvg-video-poster{display:block;width:100%;height:auto}

/* Otomatik (GIF benzeri) oynatma: medya 1:1 kareye sığdırılır, layout bozulmaz. */
.mcvg-video-slide--auto{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#000}
.mcvg-video-auto{width:100%;height:100%;display:block;object-fit:cover}
.mcvg-video-loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b0b0b;color:#fff;font-size:13px;letter-spacing:.02em;text-align:center;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;animation:mcvg-video-loading-timeout 1ms linear 6s forwards}
.mcvg-video-loading__spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:mcvg-spin .8s linear infinite}
.mcvg-video-slide--ready .mcvg-video-loading{opacity:0;visibility:hidden;animation:none}
@keyframes mcvg-spin{to{transform:rotate(360deg)}}
@keyframes mcvg-video-loading-timeout{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.mcvg-video-loading__spinner{animation:none}}
.mcvg-video-embed{position:absolute;inset:0}
.mcvg-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.mcvg-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:72px;height:72px;padding:0;border:0;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(17,17,17,.55);transition:background .2s ease,transform .2s ease;z-index:3}
.mcvg-video-play:hover,.mcvg-video-play:focus{background:rgba(17,17,17,.78);transform:translate(-50%,-50%) scale(1.06)}
.mcvg-video-play:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mcvg-video-play__icon{display:block;width:0;height:0;margin-left:5px;
  border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.mcvg-video-slide--playing .mcvg-video-play,
.mcvg-video-slide--playing .mcvg-video-poster{visibility:hidden}
.mcvg-video-player{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:2}
video.mcvg-video-player{object-fit:contain}

/* Küçük resim (thumbnail) üzerinde oynat rozeti */
.flex-control-thumbs li.mcvg-video-thumb{position:relative}
.flex-control-thumbs li.mcvg-video-thumb::after{content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);width:0;height:0;pointer-events:none;
  border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.65))}

/* ───────── Arşiv (kategori/mağaza) medyası ───────── */
/* Animasyonlu görsel (GIF/WebP/AVIF) ürün görseli yerine geçer; tema görsel stillerini kullanır. */
.mcvg-archive-animated{display:block;width:100%;height:auto}
/* Video / embed (tema mcvg_archive_media_html() ile videoyu da açtıysa): kare kutu, ürün görseli gibi. */
.mcvg-archive-video{position:relative;display:block;width:100%;padding-top:100%;overflow:hidden;line-height:0}
.mcvg-archive-video video,
.mcvg-archive-video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.mcvg-archive-video .mcvg-archive-cover{position:absolute;inset:0;z-index:2;cursor:pointer}


  .cfvsw-swatches-container {
    grid-gap: 8px !important;
  }