/* Start:/local/templates/memoshome/components/bitrix/catalog/projects/bitrix/catalog.element/.default/style.css?17591546449565*/
.otdelka-tabs {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
}

.otdelka-tab {
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: all 0.3s;
}

.otdelka-tab.active {
  background: #000;
  color: #fff;
}

.otdelka-tab-content {
  display: none;
}

.otdelka-tab-content.active {
  display: block;
}
.otdelka-block
{padding:40px 0px}
/* Контейнер */
.otdelka-flex {
  display: flex;
  gap: 40px;          /* расстояние между колонками */
  align-items: stretch; /* по умолчанию одинаковая высота по контенту */
}

/* Дети: левая и правая части */
.otdelka-flex > * {
  flex: 1 1 50%;     /* две равные колонки */
  min-width: 0;      /* чтобы контент не раздвигал колонку (важно для слайдеров/длинных слов) */
}

/* Адаптив: на мобиле в столбик */
@media (max-width: 992px) {
  .otdelka-flex {
    flex-direction: column;
    gap: 24px;
  }
  .otdelka-flex > * {
    flex-basis: auto;
  }
}.project__slider2 .swiper-button-prev {

    opacity: 1!important;
}
.project__slider2 .swiper-button-next {

    opacity: 1!important;
}
.project__left{
	position: relative;
}

.project-info-infrastructure__item:last-child {
	position: relative;
}
@media (min-width: 1200PX) {

	.project-info-infrastructure__item:nth-child(3n+4):last-child:before,
	.project-info-infrastructure__item:nth-child(3n+5):last-child:before {
		content: "";
		position: absolute;
		right: -1px;
		top: 0;
		height: 100%;
		background: rgba(0, 50, 160, .1);
		width: 1px;
	}

	.project-info-infrastructure__item:nth-child(3n+4):last-child:after,
	.project-info-infrastructure__item:nth-child(3n+5):last-child:after {
		content: "";
		position: absolute;
		left: 100%;
		top: -1px;
		width: 200%;
		height: 1px;
		background: rgba(0, 50, 160, .1);
	}
	.project-info-infrastructure__item:nth-child(3n+5):last-child:after {
		width: 100%;
	}
}
@media (max-width: 1199PX) {
	.project-info-infrastructure__item:nth-child(2n+3):last-child:before {
		content: "";
		position: absolute;
		right: -1px;
		top: 0;
		height: 100%;
		background: rgba(0, 50, 160, .1);
		width: 1px;
	}
	.project-info-infrastructure__item:nth-child(2n+3):last-child:after {
		content: "";
		position: absolute;
		left: 100%;
		top: -1px;
		width: 100%;
		height: 1px;
		background: rgba(0, 50, 160, .1);
	}
}

.project__left .project__statuses{
	left: auto;
	right: 20px;
}
.catalog-card__top .project__statuses{
	left: auto;
	top: 30px;
	right: 0;
}
.btn.btn-getprice{
	margin-top: 20px;
}
.btn.btn-getprice + .btn{
	margin-top: 10px;
}
.project__right:has(.btn-getprice) .project__inner + .project__details,
.project__right:has(.btn-getprice) .project__details + .project__inner{
	margin-top: 23px;
}
.project__right:has(.btn-getprice) .project__detail+.project__detail {
	margin-top: 11px;
}

.project__slider2 .swiper-button-next,.project__slider2 .swiper-button-prev {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    min-width: 58px;
    width: 58px;
    height: 58px;
    font-size: 0;
    background: #fff;
    border: 1px solid rgba(20,20,20,.1);
    border-radius: 50%;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.project__slider2 .swiper-button-next:focus,.project__slider2 .swiper-button-prev:focus {
    outline: none
}

@media screen and (hover: hover) {
    .project__slider2 .swiper-button-next,.project__slider2 .swiper-button-prev {
        opacity:0
    }

    .project__slider2 .swiper-button-next:hover,.project__slider2 .swiper-button-prev:hover {
        background: #0032a0;
        border-color: #0032a0
    }

    .project__slider2 .swiper-button-next:hover>svg,.project__slider2 .swiper-button-prev:hover>svg {
        color: #fff
    }
}

@media screen and (max-width: 1023px) {
    .project__slider2 .swiper-button-next,.project__slider2 .swiper-button-prev {
        display:none
    }
}

.project__slider2 .swiper-button-next {
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.project__slider2 .swiper-button-prev {
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.project__slider2 .swiper-button-icon {
    min-width: 12px;
    width: 12px;
    height: 12px;
    color: #141414
}

.project__slider2 .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

@media screen and (hover: hover) {
    .project__slider2 .swiper-pagination {
        opacity:0
    }
}

@media screen and (min-width: 1024px) {
    .project__slider2 .swiper-pagination {
        position:absolute;
        bottom: 15px;
        left: 50%;
        z-index: 10;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (max-width: 1023px) {
    .project__slider2 .swiper-pagination {
        margin:10px auto 0
    }
}

.project__slider2 .swiper-pagination-bullet {
    display: block;
    min-width: 4px;
    width: 4px;
    height: 4px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

@media screen and (max-width: 1023px) {
    .project__slider2 .swiper-pagination-bullet {
        background:rgba(0,50,160,.1)
    }
}

.project__slider2 .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 6px
}

.project__slider2 .swiper-pagination-bullet-active {
    background: #fff
}

@media screen and (max-width: 1023px) {
    .project__slider2 .swiper-pagination-bullet-active {
        background:#0032a0
    }
}
.swiper-button-lock,
.otdelSwiper.no-arrows .swiper-button-next {
  display: none !important;
}




















/* === Live-блок в духе проекта === */
.live-banner {
  position: relative;
  padding: 0; /* отступы даёт .section-indent */
margin-bottom:100px;
}

.live-banner .catalog-banner__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 32px;
  border-radius: 16px;
  overflow: hidden;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(238, 66, 54, .18) 0%, rgba(238, 66, 54, 0) 55%),
    linear-gradient(135deg, #0E0E0F 0%, #1A1B1D 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* Декоративная сетка/блик */
.live-banner .catalog-banner__wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient( to right, rgba(255,255,255,.06) 1px, transparent 1px ) 0 0 / 32px 100%,
    linear-gradient( to bottom, rgba(255,255,255,.04) 1px, transparent 1px ) 0 0 / 100% 32px;
  pointer-events: none;
  mask-image: radial-gradient(100% 100% at 80% 0%, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 60%);
}

/* Левая колонка */
.live-banner .catalog-banner__body {
  max-width: 780px;
}

.live-banner .catalog-banner__heading {
  margin: 0 0 8px;
  font-size: clamp(24px, 3.2vw, 40px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .2px;
  color: #fff;
}

.live-banner .catalog-banner__subtitle {
  margin: 0;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.6;
  color: rgba(255,255,255,.85);
}

/* Кнопка */
.live-banner .catalog-banner__btn.btn--live {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 12px 18px;
  border-radius: 12px;
  background: #ffffff;
  color: #111;
  border: 1px solid rgba(255,255,255,.2);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.live-banner .catalog-banner__btn.btn--live:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,.25);
}

.live-banner .catalog-banner__btn.btn--live .btn-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Бейдж LIVE с пульсом */
.live-banner .catalog-banner__btn.btn--live::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF3B30;
  box-shadow: 0 0 0 0 rgba(255,59,48,.6);
  animation: livePulse 1.8s ease-out infinite;
}
@keyframes livePulse {
  0% { box-shadow: 0 0 0 0 rgba(255,59,48,.6); }
  70% { box-shadow: 0 0 0 10px rgba(255,59,48,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,59,48,0); }
}

/* Адаптив */
@media (max-width: 992px) {
  .live-banner .catalog-banner__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 20px;
    border-radius: 12px;
  }
}

@media (max-width: 576px) {
  .live-banner .catalog-banner__btn.btn--live {
    width: 100%;
    justify-content: center;
  }
}
/* End */
/* /local/templates/memoshome/components/bitrix/catalog/projects/bitrix/catalog.element/.default/style.css?17591546449565 */