/* Addon CSS for BPC/TB modal gallery (non-invasive) */
.product-gallery { width: 100%; }
.product-gallery .media-frame {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  background: #0b0b0b;
  border-radius: 12px;
  overflow: hidden;
}
.product-gallery .product-video,
.product-gallery .product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
#bpc157tb500-gallery .swiper-pagination-bullets { bottom: 8px !important; }
#bpc157tb500-gallery .swiper-pagination-bullet { opacity: .6; }
#bpc157tb500-gallery .swiper-pagination-bullet-active { opacity: 1; }
.vh {
  position:absolute!important;
  height:1px;width:1px;
  overflow:hidden;
  clip: rect(1px,1px,1px,1px);
  white-space:nowrap;
  clip-path: inset(50%);
}


/* Fjern sort baggrund og gør galleri-billeder mere responsive */
.swiper.product-gallery {
  background: transparent !important;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent !important;
}

.media-frame video,
.media-frame img {
  background: #fff;
  border-radius: 12px;
  max-height: 400px;
  width: auto;
  object-fit: contain;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
}