/* Просмотр фото товара крупно (web/js/product-lightbox.js). */
.product-lightbox-trigger-host { position: relative; }
.product-lightbox-zoomable img[data-lightbox-src] { cursor: zoom-in; }
.product-lightbox-open {
    position: absolute; right: 12px; bottom: 12px; z-index: 5;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 12px; border: 0; border-radius: 999px;
    background: rgba(31, 35, 64, .72); color: #fff; font: 600 13px/1 inherit; cursor: pointer;
}
.product-lightbox-open:hover, .product-lightbox-open:focus-visible { background: rgba(102, 77, 254, .92); outline: none; }
.product-lightbox-open svg { width: 16px; height: 16px; }

.product-lightbox-lock, .product-lightbox-lock body { overflow: hidden; }
.product-lightbox {
    /* Выше всех слоёв страницы: виджетов чата, баннеров, панели отладки. */
    position: fixed; inset: 0; z-index: 2147483000; display: none;
    background: rgba(12, 14, 26, .94);
}
.product-lightbox--open { display: block; }
.product-lightbox__stage {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    padding: 56px 72px; overflow: hidden; touch-action: none;
}
.product-lightbox__img {
    max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; border-radius: 6px;
    cursor: zoom-in; user-select: none; -webkit-user-drag: none;
    transition: transform .2s ease;
}
.product-lightbox--zoomed .product-lightbox__img { transform: scale(2.2); cursor: zoom-out; transition: none; }
.product-lightbox__btn {
    position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .14); color: #fff; font-size: 34px; line-height: 1; cursor: pointer;
}
.product-lightbox__btn:hover, .product-lightbox__btn:focus-visible { background: rgba(255, 255, 255, .28); outline: none; }
.product-lightbox__close { top: 12px; right: 12px; font-size: 30px; }
.product-lightbox__prev { left: 12px; top: 50%; transform: translateY(-50%); }
.product-lightbox__next { right: 12px; top: 50%; transform: translateY(-50%); }
.product-lightbox__counter {
    position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%);
    color: #fff; font-size: 14px; opacity: .85;
}
@media (max-width: 600px) {
    .product-lightbox__stage { padding: 56px 8px; }
    .product-lightbox__prev, .product-lightbox__next { top: auto; bottom: 8px; transform: none; width: 44px; height: 44px; }
    .product-lightbox__counter { bottom: 20px; }
}