/* Product gallery styles */
.produkt-galerie-container { position: relative; }
.produkt-galerie-thumbnails { display:flex; flex-wrap:wrap; justify-content:space-between; }
.galerie-thumbnail { cursor:pointer; width:23%; height:250px; overflow:hidden; }
.tablet-thumb, .tablet-more, .mobile-more { display:none; }
@media (max-width:1024px) and (min-width:769px) {
  .galerie-thumbnail:not(.tablet-thumb):not(.tablet-more) { display:none; }
  .tablet-thumb, .tablet-more { display:block; width:48%; }
}
@media (max-width:768px){ .galerie-thumbnail{display:none;} .mobile-more{display:block; width:100%;} }
.galerie-thumbnail img{ width:100%; height:100%; object-fit:cover; transition:transform .3s; border-radius:5px; }
.galerie-thumbnail:hover img{ transform:scale(1.1); }
.galerie-more{ position:relative; }
.galerie-more img{ filter:brightness(.5); }
.galerie-more-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; font-weight:bold; text-align:center; }
.galerie-more-overlay span{ display:block; }
.galerie-more-overlay span:first-child{ font-size:24px; }
.galerie-more-text{ font-size:14px; }
.produkt-galerie-lightbox{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.lightbox-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); }
.lightbox-container{ position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.lightbox-content{ width:min(90vw, calc(90vh * 3 / 4), 1050px); aspect-ratio:3 / 4; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.lightbox-content img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.lightbox-prev,.lightbox-next,.lightbox-close{ position:absolute; background:rgba(255,255,255,.3); color:#fff; border:none; border-radius:50%; width:40px; height:40px; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:10000; }
.lightbox-prev{ left:20px; }
.lightbox-next{ right:20px; }
.lightbox-close{ top:20px; right:20px; }
@media (max-width:768px){ .lightbox-prev,.lightbox-next{ width:30px; height:30px; font-size:16px; } }