/* v1.0.1: row sits after the frame; badge is moved inside the frame by npg.js so it cannot cover thumbs. */
.novus-product-image-wrap.npg-has-thumbs{overflow:visible}
.novus-product-image-wrap.npg-has-thumbs .novus-product-image-frame .novus-product-img{object-fit:contain}
.npg-thumbs{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0}
.npg-thumb{flex:0 0 auto;width:72px;height:72px;padding:2px;margin:0;border:2px solid #d0d4da;border-radius:4px;background:#fff;cursor:pointer;line-height:0}
.npg-thumb:hover{border-color:#8a94a3}
.npg-thumb:focus-visible{outline:2px solid #1a5fb4;outline-offset:2px}
.npg-thumb.npg-active{border-color:#1a5fb4}
.npg-thumb .npg-thumb-img{width:100%;height:100%;object-fit:contain;display:block}
@media (max-width:480px){.npg-thumb{width:56px;height:56px}}