.product-photo-gallery { max-width:100%; }
.product-gallery-strip,.shop-gallery-thumbs { display:flex; gap:8px; overflow-x:auto; max-width:100%; padding:8px 0; }
.product-gallery-strip button,.shop-gallery-thumbs button { flex:0 0 84px; height:70px; padding:3px; border:1px solid #dce1e4; border-radius:4px; background:#fff; cursor:pointer; }
.product-gallery-strip img,.shop-gallery-thumbs img { width:100%; height:100%; object-fit:contain; }
[data-product-gallery-open] { cursor:zoom-in; }
.product-image-dialog { border:0; border-radius:8px; padding:40px 52px 34px; max-width:96vw; max-height:94vh; background:white; overflow:hidden; }
.product-image-dialog::backdrop { background:rgba(0,0,0,.65); }
.product-image-dialog>img { display:block; width:auto; height:auto; max-width:calc(94vw - 104px); max-height:calc(90vh - 74px); object-fit:contain; margin:auto; }
.product-image-dialog button { position:absolute; border:0; background:#f2f4f5; color:#333; border-radius:5px; cursor:pointer; width:36px; height:36px; padding:0; font-size:28px; line-height:32px; }
.product-image-dialog .gallery-close { top:4px; right:8px; }
.product-image-dialog [data-step="-1"] { left:8px; top:48%; }
.product-image-dialog [data-step="1"] { right:8px; top:48%; }
.product-image-dialog output { position:absolute; bottom:6px; left:0; width:100%; text-align:center; }
.produkt>.product-photo-gallery { float:left; width:48%; margin:0 2% 18px 0; }
.produkt>.product-photo-gallery>.produktImg { float:none; width:100%; max-width:100%; height:auto; margin:0; }
@media(max-width:640px) { .produkt>.product-photo-gallery { float:none; width:100%; margin-right:0; } }

/* Keep the thumbnail strip compact; remaining photos stay reachable by swipe and the photo viewer. */
.product-gallery-strip,.shop-gallery-thumbs { scrollbar-width:none; -ms-overflow-style:none; }
.product-gallery-strip::-webkit-scrollbar,.shop-gallery-thumbs::-webkit-scrollbar { display:none; width:0; height:0; }