/* ВИАТЕХ — полноэкранный просмотр изображений карточки товара (2.19.0).
   Нужен для чертежей и монтажных схем: в сетке выноски нечитаемы. */

/* Кликабельная картинка в теле карточки */
.vt-zoomable{cursor:zoom-in}
.vt-zoomable:focus-visible{outline:2px solid var(--vt-teal);outline-offset:3px}

/* Оверлей */
.vt-lb{position:fixed;inset:0;z-index:99999;display:none;background:rgba(8,20,32,.94);
	backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.vt-lb.is-open{display:flex;flex-direction:column}

.vt-lb__stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;
	padding:56px 24px 12px;overflow:auto;overscroll-behavior:contain}
.vt-lb__img{max-width:96vw;max-height:calc(100vh - 120px);width:auto;height:auto;
	object-fit:contain;background:#fff;border-radius:4px;cursor:zoom-in;
	box-shadow:0 20px 60px rgba(0,0,0,.45)}
/* режим 1:1 — для мелких выносок на чертежах.
   margin:auto вместо центрирования флексом: если изображение помещается в экран —
   свободное место уходит в поля и оно стоит по центру; если не помещается — поля
   схлопываются, и прокрутка добирается до верхнего и левого края без обрезки. */
.vt-lb.is-full .vt-lb__img{max-width:none;max-height:none;width:auto;cursor:zoom-out;margin:auto}
.vt-lb.is-full .vt-lb__stage{align-items:flex-start;justify-content:flex-start}

.vt-lb__cap{flex:0 0 auto;color:#e8eef4;font-size:14px;line-height:1.4;text-align:center;
	padding:0 24px 20px;max-width:900px;margin:0 auto}
.vt-lb__cap:empty{display:none}

/* Управление */
.vt-lb__btn{position:absolute;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;
	background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;
	display:flex;align-items:center;justify-content:center;transition:background .15s}
.vt-lb__btn:hover{background:rgba(255,255,255,.22)}
.vt-lb__btn:focus-visible{outline:2px solid var(--vt-teal);outline-offset:2px}

.vt-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;
	background:rgba(255,255,255,.10);color:#fff;font-size:28px;line-height:1;cursor:pointer;
	display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}
.vt-lb__nav:hover{background:rgba(255,255,255,.2)}
.vt-lb__nav:focus-visible{outline:2px solid var(--vt-teal);outline-offset:2px}
.vt-lb__nav--prev{left:12px}
.vt-lb__nav--next{right:12px}
.vt-lb__nav[hidden]{display:none}

.vt-lb__count{position:absolute;top:22px;left:20px;color:#b9c7d4;font-size:13px;
	font-family:'JetBrains Mono',monospace;letter-spacing:.08em}

body.vt-lb-open{overflow:hidden}

@media (max-width:782px){
	.vt-lb__stage{padding:52px 10px 8px}
	.vt-lb__nav{width:40px;height:56px;font-size:24px}
	.vt-lb__cap{font-size:13px;padding:0 16px 16px}
}