.media-gallery{--gallery-accent:var(--brand);--gallery-transition:520ms;--desktop-thumb-size:72px;--desktop-rail-width:86px;--mobile-thumb-size:55px;width:100%;max-width:720px;margin:0 auto 20px;box-sizing:border-box;font-family:Poppins,sans-serif;overflow-anchor:none!important}
.media-gallery{margin:0;}
.media-gallery *,.media-gallery ::after,.media-gallery ::before{box-sizing:border-box}
.media-gallery__main,.media-gallery__shell,.media-gallery__slider,.media-gallery__thumbs{overflow-anchor:none!important}
.media-gallery__shell{display:flex;flex-direction:column;width:100%;align-items:stretch;gap:10px}
.media-gallery__slider{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:20px;contain:layout paint}
.media-gallery__main{position:relative;width:100%;aspect-ratio:1/1;min-height:0;overflow:hidden;border-radius:20px;background:#f7f7f7;cursor:zoom-in;isolation:isolate}
.media-gallery__main-layer{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--gallery-transition) ease,visibility var(--gallery-transition) ease;will-change:opacity}
.media-gallery__main-layer.is-active{z-index:2;opacity:1;visibility:visible}
.media-gallery__main-layer img,.media-gallery__main-layer video{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;border:0;border-radius:20px;background:#f7f7f7;object-fit:contain;pointer-events:none;user-select:none}
.media-gallery__main-layer video{background:#000}
.media-gallery__zoom-hint{position:absolute;top:50%;left:50%;z-index:15;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.44);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.82);transition:opacity .2s ease,transform .2s ease}
.media-gallery__main:hover .media-gallery__zoom-hint{opacity:1;transform:translate(-50%,-50%) scale(1)}
.media-gallery__zoom-hint::before{content:"";position:absolute;top:14px;left:14px;width:21px;height:21px;border:3px solid #fff;border-radius:50%}
.media-gallery__zoom-hint::after{content:"";position:absolute;top:34px;left:34px;width:14px;height:3px;border-radius:5px;background:#fff;transform:rotate(45deg);transform-origin:left center}
.media-gallery__arrow{position:absolute!important;top:50%!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:42px!important;height:62px!important;padding:0 12px!important;margin:0!important;border:0!important;background:rgba(0,0,0,.2)!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:36px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;transform:translateY(-50%)!important;opacity:1!important;visibility:visible!important;transition:background-color .2s ease!important}
.media-gallery__arrow:focus-visible,.media-gallery__arrow:hover{background:rgba(0,0,0,.45)!important}
.media-gallery__arrow--prev{left:0!important;right:auto!important;border-radius:0 14px 14px 0!important}
.media-gallery__arrow--next{right:0!important;left:auto!important;border-radius:14px 0 0 14px!important}
@media (max-width:767px){
.media-gallery__arrow{min-width:38px!important;height:54px!important;padding:0 10px!important;font-size:32px!important}
.media-gallery__arrow--prev{border-radius:0 12px 12px 0!important}
.media-gallery__arrow--next{border-radius:12px 0 0 12px!important}
}
.media-gallery__thumbs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;min-width:0;height:auto;max-height:none;padding:4px 2px;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent;-webkit-overflow-scrolling:touch}
.media-gallery__thumbs::-webkit-scrollbar{height:5px}
.media-gallery__thumbs::-webkit-scrollbar-thumb{border-radius:10px;background:#c9c9c9}
.media-gallery__thumb{flex:0 0 var(--desktop-thumb-size);width:var(--desktop-thumb-size);height:var(--desktop-thumb-size);min-width:var(--desktop-thumb-size);min-height:var(--desktop-thumb-size);padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.media-gallery__thumb:hover{border-color:var(--brand)}
.media-gallery__thumb.is-active{border:3px solid var(--gallery-accent);box-shadow:0 1px 7px rgba(0,0,0,.17)}
.media-gallery__thumb img,.media-gallery__thumb video{display:block;width:100%!important;height:100%!important;margin:0;border:0;border-radius:5px;object-fit:cover;pointer-events:none;user-select:none}
.media-gallery__thumb video{background:#000}
.media-gallery__lightbox{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,.88);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.media-gallery__lightbox.is-open{opacity:1;visibility:visible}
.media-gallery__lightbox-media{position:relative;display:flex;align-items:center;justify-content:center;width:90vw;height:90vh;max-width:1000px;max-height:90vh;overflow:hidden;cursor:zoom-in;touch-action:none}
.media-gallery__lightbox-media.is-zoomed{cursor:zoom-out}
.media-gallery__lightbox-media img,.media-gallery__lightbox-media video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:scale(1);transform-origin:50% 50%;transition:transform .28s ease;pointer-events:none;user-select:none}
.media-gallery__lightbox-media video{background:#000}
.media-gallery__lightbox-media.is-zoomed img,.media-gallery__lightbox-media.is-zoomed video{transform:scale(2.3)}
.media-gallery__lightbox-close{position:absolute;top:18px;right:22px;z-index:30;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.media-gallery__lightbox-close:hover{background:rgba(255,255,255,.3)}
.media-gallery__lightbox-arrow{position:absolute;top:50%;z-index:30;display:flex;align-items:center;justify-content:center;min-width:50px;height:68px;padding:0 14px;border:0;border-radius:7px;background:rgba(255,255,255,.14);color:#fff;font-size:34px;cursor:pointer;transform:translateY(-50%)}
.media-gallery__lightbox-arrow:hover{background:rgba(255,255,255,.28)}
.media-gallery__lightbox-arrow--prev{left:10px}
.media-gallery__lightbox-arrow--next{right:10px}
@media (max-width:767px){
.media-gallery__shell{gap:9px}
.media-gallery__thumbs{padding:5px 2px;gap:7px}
.media-gallery__thumb{flex:0 0 var(--mobile-thumb-size);width:var(--mobile-thumb-size);height:var(--mobile-thumb-size);min-width:var(--mobile-thumb-size);min-height:var(--mobile-thumb-size);max-width:var(--mobile-thumb-size);max-height:var(--mobile-thumb-size);border-width:2px;border-radius:7px}
.media-gallery__thumb.is-active{border-width:2px}
.media-gallery__thumb img,.media-gallery__thumb video{border-radius:5px}
.media-gallery__arrow{min-width:43px;height:52px;padding:0 13px;font-size:31px}
.media-gallery__zoom-hint{width:48px;height:48px}
.media-gallery__lightbox{padding:10px}
.media-gallery__lightbox-media{width:95vw;height:82vh}
.media-gallery__lightbox-media.is-zoomed img,.media-gallery__lightbox-media.is-zoomed video{transform:scale(2)}
.media-gallery__lightbox-close{top:10px;right:11px;width:38px;height:38px;font-size:22px}
.media-gallery__lightbox-arrow{min-width:44px;height:58px;padding:0 11px;font-size:29px}
}