.product-gallery{position:relative}.product-gallery .main-image{width:100%;height:400px;object-fit:cover;border-radius:12px}.product-gallery .main-image-wrapper{position:relative;overflow:hidden;border-radius:12px}.product-gallery .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffffd9;color:#333;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .25s ease,background-color .2s ease;z-index:2;box-shadow:0 2px 6px #00000026}.product-gallery .main-image-wrapper:hover .gallery-nav{opacity:1}.product-gallery .gallery-nav:hover{background-color:#fff}.product-gallery .gallery-nav-prev{left:12px}.product-gallery .gallery-nav-next{right:12px}.product-gallery .gallery-counter{position:absolute;bottom:12px;right:12px;background-color:#0009;color:#fff;font-size:.8rem;padding:2px 10px;border-radius:12px;z-index:2;pointer-events:none}.product-gallery .thumbnails{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.product-gallery .thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.product-gallery .thumbnail:hover,.product-gallery .thumbnail.active{border-color:var(--secondary-color)}