.wiz-prodimgcmp{display:flex;flex-direction:column;gap:8px}
.wiz-prodimgcmp-header{display:flex;align-items:center;justify-content:space-between}
.wiz-prodimgcmp-container{width:100%;max-width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid #eee;border-radius:0px;position:relative}
.wiz-prodimgcmp-image{width:100%;height:100%;object-fit:contain;display:block;position:relative}
.wiz-prodimgcmp-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.wiz-prodimgcmp-thumbs{margin-top:8px;display:flex;overflow-x:overlay;gap:8px;margin-bottom:18px}
.wiz-prodimgcmp-thumbs a{display:block;flex-shrink:0}
.wiz-prodimgcmp-thumbs img{width:80px;height:78.5px;object-fit:contain;border:1px solid #000;border-radius:0px;display:block;cursor:pointer;transition:opacity 0.2s ease,border-color 0.2s ease}
.wiz-prodimgcmp-thumbs a:hover img,.wiz-prodimgcmp-thumb:hover img{opacity:0.8}

/* Non-lightbox mode thumbnail styles */
.wiz-prodimgcmp-thumb{display:block;flex-shrink:0;position:relative}
.wiz-prodimgcmp-thumb img{width:80px;height:78.5px;object-fit:contain;border:1px solid #000;border-radius:0px;display:block;cursor:pointer}
.wiz-prodimgcmp-thumb.active img{border-color:#000;border-width:2px;opacity:1}
.wiz-prodimgcmp-thumb:hover img{opacity:0.8}

/* Magnifier styles */
.product-image-magnifier-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer;overflow:hidden}
.product-image-magnifier-container.no-preview{cursor:default}
.product-image-magnifier-img{width:100%;border-radius:8px}
.product-image-magnifier{display:none;position:absolute;pointer-events:none;width:400px;height:400px;border:2px solid #fff;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,0.3);background-repeat:no-repeat;background-size:cover;z-index:10;overflow:hidden}
.product-image-magnifier.active{display:block}

/* Enlarge GLightbox viewport for large images */
.gslide-image img{max-width:92vw;max-height:90vh;width:auto;height:auto}
.glightbox-clean .ginner-container{max-width:92vw}

/* Responsive Design */
@media (max-width: 768px) {
  .wiz-prodimgcmp-container{height:auto !important; min-height:200px; overflow:visible !important}
  .wiz-prodimgcmp-container a{height:auto !important}
  .wiz-prodimgcmp-thumbs{gap:6px;overflow-x:auto}
  .wiz-prodimgcmp-thumbs img,.wiz-prodimgcmp-thumb img{width:60px;height:60px}
}

@media (max-width: 480px) {
  .wiz-prodimgcmp-container{height:auto !important; min-height:150px; overflow:visible !important}
  .wiz-prodimgcmp-container a{height:auto !important}
  .wiz-prodimgcmp-header .wiz-title{font-size:14px}
  .wiz-prodimgcmp-thumbs{gap:4px;margin-bottom:12px}
  .wiz-prodimgcmp-thumbs img,.wiz-prodimgcmp-thumb img{width:50px;height:50px}
}