.gallery:has(.grov-viewer){display:block}

.grov-viewer{position:relative;display:flex;align-items:center;justify-content:center;background:#e9edf1;border-radius:12px;overflow:hidden}

.gallery .grov-main{width:100%;height:460px;object-fit:contain;cursor:zoom-in}

.grov-viewer button{position:absolute;z-index:2;border:0;border-radius:50%;background:#17324acc;color:white;font-size:26px;width:46px;height:46px;cursor:pointer}

.grov-viewer button:first-child{left:12px}

.grov-viewer button:last-child{right:12px}

.grov-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 0}

.grov-thumbs button{flex:0 0 110px;padding:3px;border:3px solid transparent;border-radius:9px;background:white;cursor:pointer}

.grov-thumbs button.active{border-color:#1269a5}

.gallery .grov-thumbs img{display:block;width:100%;height:75px;object-fit:cover;border-radius:5px}

@media(max-width:600px){.gallery .grov-main{height:280px}.grov-thumbs button{flex-basis:80px}}