.mogw-product-gallery { margin: 0 auto; max-width: 920px; width: 100%; }
.mogw-gallery-main { overflow: hidden; position: relative; width: 100%; }
.mogw-gallery-main-slides { align-items: stretch; }
.mogw-gallery-slide { height: auto; }
.mogw-gallery-zoom-area { cursor: crosshair; min-height: 320px; overflow: hidden; position: relative; }
.mogw-gallery-zoom-area > img { display: block; height: auto; max-height: 680px; object-fit: contain; width: 100%; }
.mogw-gallery-zoom-lens { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 240% 240%; border: 3px solid #C74C00; border-radius: 50%; box-shadow: 0 12px 30px rgba(0, 0, 0, .2); height: 220px; opacity: 0; pointer-events: none; position: absolute; transform: scale(.82); transition: opacity .2s ease, transform .2s ease; width: 220px; z-index: 3; }
.mogw-gallery-zoom-area.is-active .mogw-gallery-zoom-lens,
.mogw-gallery-zoom-area.is-zoomed .mogw-gallery-zoom-lens { opacity: 1; transform: scale(1); }
button.mogw-gallery-zoom-button { align-items: center; background: rgba(255, 255, 255, .92); border: 1px solid #d8dee2; border-radius: 50%; color: #212930; cursor: pointer; display: flex; height: 38px; justify-content: center; position: absolute; right: 16px; top: 16px; transition: background .2s ease, color .2s ease; width: 38px; z-index: 4; }
button.mogw-gallery-zoom-button:hover, button.mogw-gallery-zoom-button:focus { background: #212930; color: #fff; }
button.mogw-gallery-zoom-button iconify-icon { font-size: 22px; }
.mogw-gallery-thumbs { margin: 24px auto 0; max-width: 620px; overflow: hidden; padding: 3px; }
.mogw-gallery-thumbs-slides { align-items: center; }
.mogw-gallery-thumb { border: 2px solid transparent; border-radius: 4px; cursor: pointer; flex: 0 0 96px; height: 96px; overflow: hidden; opacity: .72; transition: border-color .2s ease, opacity .2s ease, transform .2s ease; }
.mogw-gallery-thumb:hover, .mogw-gallery-thumb:focus, .mogw-gallery-thumb.swiper-slide-thumb-active { border-color: #C74C00; opacity: 1; transform: translateY(-2px); }
.mogw-gallery-thumb img { display: block; height: 100%; object-fit: contain; width: 100%; }
@media (max-width: 700px) { .mogw-gallery-zoom-area { min-height: 220px; } .mogw-gallery-zoom-lens { height: 150px; width: 150px; } .mogw-gallery-thumbs { margin-top: 14px; } .mogw-gallery-thumb { flex-basis: 74px; height: 74px; } }