/* Просмотрщик изображений — своё решение вместо easy-fancybox */
.lb{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(15,18,22,.92);opacity:0;transition:opacity .2s ease}
.lb.is-open{display:flex;opacity:1}
.lb__stage{margin:0;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.lb__img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:4px;background:#fff;cursor:zoom-in;transition:transform .25s ease;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.lb__img.is-zoomed{transform:scale(1.7);cursor:zoom-out}
.lb__cap{color:#e8eaed;font-size:15px;line-height:1.45;text-align:center;max-width:760px;padding:0 12px}
.lb__counter{position:absolute;top:18px;left:22px;color:#c8ccd2;font-size:14px;letter-spacing:.02em}
.lb__close{position:absolute;top:10px;right:14px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s ease}
.lb__close:hover{opacity:1}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:34px;line-height:1;cursor:pointer;transition:background .15s ease}
.lb__nav:hover{background:rgba(255,255,255,.22)}
.lb__prev{left:16px}
.lb__next{right:16px}
.lb.is-loading .lb__img{opacity:.35}
body.lb-open{overflow:hidden}

/* Кликабельная картинка в тексте: подсказываем курсором, что она открывается */
.entry a[data-lb],article a[data-lb]{display:inline-block;cursor:zoom-in}
/* ☠️ Здесь стоял только filter, и это правило шло последним — оно перебивало
   плавный transform у карточек портфолио и каталога: фото дёргалось вместо
   мягкого наезда. Перечисляем оба свойства и держим общую кривую сайта. */
a[data-lb] img{transition:filter .35s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
a[data-lb]:hover img{filter:brightness(1.04)}

@media(prefers-reduced-motion:reduce){
	a[data-lb] img{transition:none}
}

@media(max-width:767px){
.lb__nav{width:44px;height:44px;font-size:28px}
.lb__prev{left:6px}
.lb__next{right:6px}
.lb__img{max-height:74vh}
.lb__cap{font-size:14px}
}

/* Плавающие элементы не должны просвечивать поверх открытого просмотрщика */
body.lb-open .msg-widget,body.lb-open .btn-back-top,body.lb-open .soc{opacity:0;pointer-events:none;transition:opacity .15s ease}