html.main-popup-open { overflow: hidden; }
.main-popup { width: min(480px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 12px; background: #fff; color: #222; overflow: auto; box-shadow: 0 16px 64px #0004; }
.main-popup::backdrop { background: #0008; }
.main-popup__slide[hidden] { display: none !important; }
.main-popup__slide img { display: block; width: 100%; height: auto; max-height: calc(100vh - 144px); max-height: calc(100dvh - 144px); object-fit: contain; }
.main-popup__actions, .main-popup__navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; }
.main-popup button { appearance: none; min-height: 44px; border: 0; border-radius: 4px; padding: 8px; background: #fff; color: #222; font: inherit; font-size: 14px; cursor: pointer; }
.main-popup button:focus-visible { outline: 2px solid #222; outline-offset: 2px; }
.main-popup__actions { border-top: 1px solid #eee; }