.catalog-image-open { position: relative; display: block; padding: 0; border: 0; background: transparent; cursor: zoom-in; max-width: 100%; }
.catalog-image-open:focus-visible { outline: 2px solid #196175; outline-offset: 2px; }
.product-image #swiper-mobile { touch-action: pan-y pinch-zoom; }
.product-image #zoom .zoomImg { pointer-events: none; }
.catalog-image-open .catalog-image-hint { position: absolute; right: 10px; bottom: 10px; padding: 5px 9px; border-radius: 20px; background: rgba(255,255,255,.9); color: #222; font-size: 16px; line-height: 1; pointer-events: none; }
@media (hover: none), (pointer: coarse), (max-width: 767px) { .product-wrap .image-after { display: none !important; } }
.product-wrap .image-after[data-hover-src] { visibility: hidden; }
.catalog-image-viewer { position: fixed; inset: 0; box-sizing: border-box; width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 60px 0 0; border: 0; background: #171717; color: #fff; z-index: 2147483000; }
.catalog-image-viewer:not([open]) { display: none; }
.catalog-image-viewer::backdrop { background: rgba(0,0,0,.9); }
.catalog-image-viewer-toolbar { position: absolute; inset: 0 0 auto; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 12px; }
.catalog-image-viewer-count { margin-right: auto; }
.catalog-image-viewer button { flex-shrink: 0; min-width: 44px; min-height: 44px; border: 1px solid #555; border-radius: 50%; background: #292929; color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
.catalog-image-viewer button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.catalog-image-viewer button:disabled { opacity: .35; cursor: default; }
.catalog-image-viewer-stage { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: auto; touch-action: pan-x pan-y pinch-zoom; }
.catalog-image-viewer-photo { display: block; flex-shrink: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.catalog-image-viewer-stage.is-zoomed { display: block; }
.catalog-image-viewer-stage.is-zoomed .catalog-image-viewer-photo { max-width: none; max-height: none; margin: 0 auto; }
.catalog-image-viewer-prev, .catalog-image-viewer-next { position: absolute; top: 50%; transform: translateY(-50%); }
.catalog-image-viewer-prev { left: 8px; }
.catalog-image-viewer-next { right: 8px; }