/* Фото в новостях: главное фото на размытом фоне, галерея карточками, просмотр как в объявлениях. */
html body.single .middle-article__image.middle-article-photo{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#101a26!important;
  cursor:zoom-in;
}
.middle-article-photo::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-40px;
  background-image:var(--article-photo-bg);
  background-position:center;
  background-size:cover;
  filter:blur(30px) saturate(1.15) brightness(.82);
}
html body.single .middle-article__image.middle-article-photo img{
  position:relative;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:min(72vh,680px)!important;
  object-fit:contain!important;
  border-radius:0!important;
  box-shadow:0 12px 44px rgba(0,0,0,.34)!important;
  transition:none!important;
  transform:none!important;
}

.middle-content .gallery{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;
  gap:10px!important;
  margin:20px 0!important;
}
.middle-content .gallery .gallery-item{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  float:none!important;
}
.middle-content .gallery .gallery-icon,
.middle-content .gallery .gallery-icon a{display:block;margin:0}
.middle-content .gallery .gallery-icon img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3;
  object-fit:cover!important;
  border:0!important;
  border-radius:14px!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.middle-content .gallery .gallery-icon a:hover img{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,45,80,.2)}
.middle-article-zoom{cursor:zoom-in}

.middle-article-viewer{position:fixed;z-index:2147482000;inset:0;display:grid;grid-template-rows:64px minmax(0,1fr);overscroll-behavior:contain;touch-action:none}
.middle-article-viewer[hidden]{display:none!important}
.middle-article-viewer__backdrop{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(2,7,13,.97)!important;box-shadow:none!important;cursor:zoom-out}
.middle-article-viewer__top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 20px;padding-top:max(10px,env(safe-area-inset-top));color:#fff;pointer-events:none}
.middle-article-viewer__title{font-size:14px;font-weight:750;color:rgba(255,255,255,.82)}
.middle-article-viewer__counter{justify-self:center;grid-column:2;min-width:66px;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(20,31,45,.72);color:#fff;font-size:12px;font-weight:750;text-align:center}
.middle-article-viewer__close{grid-column:3;justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:116px;height:44px;padding:0 15px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;background:rgba(24,36,51,.86)!important;color:#fff!important;font-size:14px;line-height:1;cursor:pointer;pointer-events:auto}
.middle-article-viewer__close>span{font-size:28px;font-weight:300;line-height:1;transform:translateY(-1px)}
.middle-article-viewer__close>b{font-size:12px;font-weight:750}
.middle-article-viewer__stage{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0;padding:10px 92px 22px;overflow:hidden}
.middle-article-viewer__stage>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 24px 90px rgba(0,0,0,.46);transition:opacity .14s ease}
.middle-article-viewer__stage>img.is-changing{opacity:.35}
.middle-article-viewer__nav{position:absolute!important;top:50%;display:grid!important;place-items:center;width:56px;height:64px;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;background:rgba(20,32,47,.82)!important;color:#fff!important;transform:translateY(-50%);cursor:pointer}
.middle-article-viewer__nav>span{font-size:42px;font-weight:200;line-height:1;transform:translateY(-2px)}
.middle-article-viewer__nav--prev{left:22px}
.middle-article-viewer__nav--next{right:22px}
body.middle-article-viewer-open{position:fixed!important;right:0;left:0;width:100%!important;overflow:hidden!important}

@media (max-width:767px){
  html body.single .middle-article__image.middle-article-photo img{max-height:70vh!important}
  .middle-content .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .middle-article-viewer__top{padding:8px 12px}
  .middle-article-viewer__title{display:none}
  .middle-article-viewer__counter{grid-column:1;justify-self:start}
  .middle-article-viewer__close{min-width:44px;width:44px;padding:0!important}
  .middle-article-viewer__close>b{display:none}
  .middle-article-viewer__stage{padding:6px 8px 16px}
  .middle-article-viewer__nav{width:42px;height:54px;border-radius:14px!important}
  .middle-article-viewer__nav--prev{left:8px}
  .middle-article-viewer__nav--next{right:8px}
}