.mg-gallery{display:flex;gap:20px;position:relative}
.mg-main-img{width:500px;border-radius:8px;cursor:pointer}
.mg-thumbs{display:flex;flex-direction:column;gap:10px}
.mg-thumb{width:120px;cursor:pointer;opacity:.8}
.mg-thumb.active{border:2px solid #ff8c00;opacity:1}
.mg-arrow{position:absolute;top:45%;background:#fff;padding:10px;border-radius:50%;cursor:pointer;font-size:20px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.mg-prev{left:-40px}
.mg-next{right:-40px}