#tm-pwa-gallery-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.85); z-index: 99999;
justify-content: center;
align-items: center;
overflow: hidden;
}
#tm-pwa-gallery-overlay.active {
display: flex;
}
.tm-pwa-gallery-window {
position: relative;
max-width: 90%;
max-height: 90%;
display: flex;
align-items: center;
justify-content: center;
}
.tm-pwa-gallery-window img,
.tm-pwa-gallery-window video {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 6px;
display: block;
} .tm-pwa-gallery-close {
position: absolute;
top: 60px;
right: 60px;
color: #fff !important; background: none !important;
border: none !important;
outline: none !important;
font-size: 36px !important;
width: auto;
height: auto;
padding: 0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
} .tm-pwa-gallery-prev,
.tm-pwa-gallery-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff !important; background: none !important; border: none !important;
outline: none !important;
box-shadow: none !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 42px; width: auto;
height: auto;
padding: 0 12px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
transition: none; } .tm-pwa-gallery-prev { left: 12px; }
.tm-pwa-gallery-next { right: 12px; } @media (max-width: 640px) {
.tm-pwa-gallery-prev,
.tm-pwa-gallery-next {
font-size: 32px;
padding: 0 8px;
}
.tm-pwa-gallery-close {
font-size: 28px;
}
}