/* PDP GALLERY */

/* Container */
.woocommerce-product-gallery{ position: relative; }

/* Main image wrapper (für Zoom) */
.ultra-zoom-wrap{
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.ultra-zoom-wrap img{
  display:block;
  width:100%;
  height:auto;
  transform-origin: 50% 50%;
  transition: transform .2s ease;
  will-change: transform;
}
.ultra-zoom-wrap.is-zoomed img{
  cursor: zoom-out;
}

/* Thumbs Leiste (Woo rendert verschiedene Markups – wir normieren per Klassen) */
.ultra-thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.ultra-thumb{
  width:72px; height:72px;
  border:1px solid #e8e8e8;
  border-radius:6px;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
}
.ultra-thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.ultra-thumb.is-active{
  border-color:#111;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}

/* Kleiner in sehr schmalen Viewports */
@media (max-width:480px){
  .ultra-thumb{ width:60px; height:60px; }
}

/* Woo-Original-Thumbnails ausblenden (nur erstes Bild im Wrapper lassen) */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child){
  display: none !important;
}
/* Falls ein Theme zusätzlich eine Flex-Thumb-Leiste rendert */
.flex-control-thumbs{ display:none !important; }