@media screen and (min-width:990px) {
  .muwc5-meta {margin-top:80px}
}

/* MU – Works Carousel (стабильный центр, ровный peek 100px) */

.muwc5-wrap{
  width:100%;
  --peek: 100px;                 /* сколько выглядывают соседи с каждой стороны */
}

/* Слайды: ширину считает CSS, позиционирование — Swiper (centeredSlides) */
.muwc5-carousel{ position:relative; overflow:visible; padding:0; }
.muwc5-carousel .swiper-wrapper{ align-items:stretch; }
.muwc5-carousel .swiper-slide{
  width: calc(100% - (var(--peek) * 2));   /* активная карточка меньше контейнера на 2*peek */
  transition: opacity .25s ease, filter .25s ease, transform .25s ease;
}
.muwc5-carousel .swiper-slide:not(.swiper-slide-active){
  opacity:.5; filter:brightness(.82); transform:scale(.992);
}
.muwc5-carousel .swiper-slide.swiper-slide-active{
  opacity:1; filter:none; transform:none; z-index:2;
}

/* Контент: слева фото-блок (400x400 + 3×120), справа текст */
.muwc5-slide{
  display:grid;
  grid-template-columns: 520px 1fr; /* 400 main + gap + 120 thumbs + небольшой запас */
  gap:74px;
  align-items:start;
  height:min(68vh, 430px);          /* помещаемся в экран */
  overflow:hidden;
  min-height:0;
}

/* Фото-зона */
.muwc5-photos{
  display:grid;
  grid-template-columns: 400px 120px;
  grid-template-rows: repeat(3,120px);
  gap:16px;
  align-content:start;
}
.muwc5-photo--main{ grid-column:1/2; grid-row:1/4; height:400px; }
.muwc5-photo--main img{
  width:100%; height:100%; object-fit:cover; display:block; border-radius:12px;
}
.muwc5-thumbs{
  grid-column:2/3; grid-row:1/4;
  display:grid; grid-template-rows:repeat(3,120px); gap:16px;
}
.muwc5-thumb, .muwc5-thumb img{
  width:120px; height:120px; display:block; object-fit:cover; border-radius:10px;
}

/* Текстовая часть */
.muwc5-meta .muwc5-title{
  margin:0 0 8px; font-size:28px; line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.muwc5-address{
  display:flex; align-items:center; gap:8px; margin-bottom:16px;
  font-size:16px; opacity:.9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.muwc5-address span:last-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* CTA */
.muwc5-cta-wrap{ display:flex; }
.muwc5-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 20px; background:#ef4444; color:#fff; text-decoration:none;
  font-weight:600; border-radius:9999px; transition:transform .15s ease, box-shadow .2s ease;
}
.muwc5-cta:hover{ transform:translateY(-1px); }

/* Навигация по центру */
.muwc5-nav{
  display:flex; justify-content:center; align-items:center; gap:16px; margin-top:18px;
}
.muwc5-prev, .muwc5-next{
  background:#f5f5f5; border:1px solid #ddd; border-radius:9999px;
  padding:.7rem 1.1rem; font-weight:600; font-size:.92rem; cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}
.muwc5-prev:hover, .muwc5-next:hover{ background:#eee; transform:translateY(-1px); }
.muwc5-counter{ font-weight:600; }

/* Адаптив */
@media (max-width:1280px){
  .muwc5-wrap{ --peek: 60px; }          /* чуть меньше подглядывание */
}
@media (max-width:980px){
  .muwc5-wrap{ --peek: 0px; }           /* на мобиле без «подглядывания» */
  .muwc5-slide{ grid-template-columns:1fr; height:auto; }
  .muwc5-photos{
    grid-template-columns:1fr; grid-template-rows:auto;
  }
  .muwc5-photo--main{ grid-row:auto; height:auto; }
  .muwc5-thumbs{
    grid-column:auto; grid-row:auto;
    grid-template-columns:repeat(3,1fr); grid-template-rows:none;
  }
  .muwc5-thumb, .muwc5-thumb img{ width:100%; height:100px; }
}
