

/* Start:/proekt/russkydom/style.css?17893277031804*/
.scs-russkiy-dom-page {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 80px;
}

@media (max-width: 991px) {
	.scs-russkiy-dom-page {
		gap: 60px;
	}
}

@media (max-width: 575px) {
	.scs-russkiy-dom-page {
		gap: 40px;
	}
}

/* В макете заголовок страницы не выводится — прячем визуально,
   но оставляем в DOM для поисковиков и скринридеров. */
.scs-page-top-info__title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.scs-russkiy-dom-title {
	font-family: Manrope;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	color: var(--scs-main-text);
	margin: 0;
}

@media (max-width: 1279px) {
	.scs-russkiy-dom-title {
		font-size: 40px;
	}
}

@media (max-width: 991px) {
	.scs-russkiy-dom-title {
		font-size: 32px;
	}
}

@media (max-width: 575px) {
	.scs-russkiy-dom-title {
		font-size: 24px;
		line-height: 1.2;
	}
}

.scs-russkiy-dom-subtitle {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: var(--scs-secondary-text);
	margin: 0;
}

@media (max-width: 575px) {
	.scs-russkiy-dom-subtitle {
		font-size: 16px;
	}
}

/* Врезка с вертикальной линией слева — повторяется в блоках «Автор» и «Концепция» */
.scs-russkiy-dom-quote {
	border-left: 10px solid #18212a;
	padding-left: 10px;
	font-family: Manrope;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: var(--scs-main-text);
}

.scs-russkiy-dom-quote p {
	margin: 0 0 10px;
}

.scs-russkiy-dom-quote p:last-child {
	margin-bottom: 0;
}

@media (max-width: 575px) {
	.scs-russkiy-dom-quote {
		border-left-width: 6px;
		font-size: 16px;
	}
}

/* End */


/* Start:/proekt/russkydom/blocks/banner/style.css?1789107419307*/
.scs-rd-banner {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.scs-rd-banner picture,
.scs-rd-banner img {
	display: block;
	width: 100%;
}

.scs-rd-banner img {
	aspect-ratio: 1700 / 563;
	object-fit: cover;
}

@media (max-width: 575px) {
	.scs-rd-banner img {
		aspect-ratio: 328 / 620;
	}
}

/* End */


/* Start:/local/templates/kubaturamall/custom/css/video-card.css?17893212831833*/
.scs-video-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	cursor: pointer;
	color: var(--scs-main-text);
}

.scs-video-card__cover {
	position: relative;
	width: 100%;
	aspect-ratio: 300 / 450;
	border-radius: 16px;
	overflow: hidden;
	background: var(--scs-bg-soft);
}

.scs-video-card__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease-in-out;
}

.scs-video-card:hover .scs-video-card__cover img {
	transform: scale(1.04);
}

/* Кнопка проигрывания: в покое — только белый контур,
   по наведению круг заливается (макет 4616:12624). */
.scs-video-card__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 135px;
	height: 135px;
	border: 2px solid rgb(255 255 255 / 80%);
	border-radius: 50%;
	background: transparent;
	transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
}

.scs-video-card:hover .scs-video-card__play {
	border-color: transparent;
	background: rgb(217 217 217 / 58%);
	backdrop-filter: blur(2px);
}

.scs-video-card__play svg {
	width: 30px;
	height: 34.641px;
	margin-left: 4px;
}

.scs-video-card__content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 16px;
}

.scs-video-card__name {
	font-family: Manrope;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
}

.scs-video-card__text {
	font-family: Manrope;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
}

@media (max-width: 1279px) {
	.scs-video-card__play {
		width: 110px;
		height: 110px;
	}

	.scs-video-card__play svg {
		width: 24px;
		height: 27.7px;
	}
}

@media (max-width: 575px) {
	.scs-video-card__content {
		padding: 0 8px;
	}
}

/* End */


/* Start:/proekt/russkydom/blocks/author/style.css?17893225122547*/
.scs-rd-author {
	display: flex;
	align-items: flex-start;
	gap: 80px;
}

.scs-rd-author__col {
	display: flex;
	flex-direction: column;
	gap: 40px;
	flex: 1 1 0;
	min-width: 0;
}

.scs-rd-author__text {
	font-family: Manrope;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.3;
	color: var(--scs-main-text);
}

.scs-rd-author__text p {
	margin: 0 0 10px;
}

.scs-rd-author__text p:last-child {
	margin-bottom: 0;
}

.scs-rd-author__quote {
	max-width: 800px;
}

.scs-rd-author__media {
	display: flex;
	gap: 20px;
	flex: 0 0 auto;
	height: 520px;
}

.scs-rd-author__photo,
.scs-rd-author__video {
	width: 300px;
	height: 100%;
}

/* Внутри включаемой области лежит обёртка с data-gallery — тянем её на всю высоту,
   иначе картинка внутри схлопнется */
.scs-rd-author__photo > div {
	width: 100%;
	height: 100%;
}

.scs-rd-author__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.scs-rd-author__video .scs-video-card,
.scs-rd-author__video .scs-video-card__cover {
	height: 100%;
}

.scs-rd-author__video .scs-video-card__cover {
	aspect-ratio: auto;
}

@media (max-width: 1279px) {
	.scs-rd-author {
		gap: 40px;
	}

	.scs-rd-author__media {
		height: 440px;
	}

	.scs-rd-author__photo,
	.scs-rd-author__video {
		width: 240px;
	}

	.scs-rd-author__text {
		font-size: 18px;
	}
}

@media (max-width: 991px) {
	.scs-rd-author {
		flex-direction: column;
		gap: 24px;
	}

	/* Порядок из мобильного макета: заголовок → текст → фото → врезка → видео */
	.scs-rd-author__col,
	.scs-rd-author__media {
		display: contents;
	}

	.scs-rd-author__title {
		order: 1;
	}

	.scs-rd-author__text {
		order: 2;
	}

	.scs-rd-author__photo {
		order: 3;
	}

	.scs-rd-author__quote {
		order: 4;
		max-width: none;
	}

	.scs-rd-author__video {
		order: 5;
	}

	.scs-rd-author__photo {
		width: 100%;
		height: auto;
	}

	.scs-rd-author__photo > div {
		height: auto;
	}

	.scs-rd-author__photo img {
		height: auto;
		aspect-ratio: 328 / 442;
	}

	.scs-rd-author__video {
		width: 300px;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.scs-rd-author__video .scs-video-card,
	.scs-rd-author__video .scs-video-card__cover {
		height: auto;
	}

	.scs-rd-author__video .scs-video-card__cover {
		aspect-ratio: 300 / 480;
	}
}

@media (max-width: 575px) {
	.scs-rd-author__text {
		font-size: 16px;
	}
}

.scs-rd-author__photo {
	cursor: pointer;
}

/* End */


/* Start:/local/templates/kubaturamall/custom/css/slider-nav.css?1789324885651*/
.scs-slider-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

@media (max-width: 991px) {
	.scs-slider-nav .scs-btn-icon {
		width: 48px;
		height: 48px;
	}

	.scs-slider-nav .scs-btn-icon svg {
		width: 24px;
		height: 24px;
	}
}

/* Слайдер помещается целиком — листать нечего, стрелки прячем.
   Класс ставит скрипт: число слайдов задаёт контентщик, и на широком экране
   их может оказаться меньше, чем влезает в ряд. */
.scs-slider-nav--fits {
	display: none;
}

/* End */


/* Start:/local/templates/kubaturamall/custom/js/owl.carousel/owl.carousel.min.css?17627628673351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/kubaturamall/custom/js/owl.carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/proekt/russkydom/blocks/concept/style.css?17893201793007*/
.scs-rd-concept {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.scs-rd-concept__body {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.scs-rd-concept__col {
	display: flex;
	flex-direction: column;
	gap: 40px;
	flex: 1 1 0;
	min-width: 0;
}

.scs-rd-concept__image img {
	display: block;
	width: 100%;
	aspect-ratio: 860 / 350;
	object-fit: cover;
	border-radius: 16px;
}

.scs-rd-concept__text {
	font-family: Manrope;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: var(--scs-main-text);
}

.scs-rd-concept__text p {
	margin: 0 0 10px;
}

.scs-rd-concept__text p:last-child {
	margin-bottom: 0;
}

.scs-rd-concept__gallery {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 0 0 800px;
	max-width: 800px;
	min-width: 0;
}

/* Кадры разной ширины. Ширину задаёт пропорция из макета (--scs-rd-ratio),
   а не натуральный размер картинки: иначе owl с autoWidth считает ширину
   до загрузки изображений и схлопывает слайды в ноль. */
.scs-rd-concept__slide {
	height: 726px;
	aspect-ratio: var(--scs-rd-ratio, 1 / 1);
	border-radius: 16px;
	overflow: hidden;
}

.scs-rd-concept__slide img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.scs-rd-concept__slide--contain {
	background: #f8f7f6;
}

.scs-rd-concept__slide--contain img {
	object-fit: contain;
}

.scs-rd-concept__slider .owl-stage {
	display: flex;
}

.scs-rd-concept__caption {
	font-family: Manrope;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: var(--scs-secondary-text);
	text-align: center;
}

@media (max-width: 1439px) {
	.scs-rd-concept__gallery {
		flex-basis: 620px;
		max-width: 620px;
	}

	.scs-rd-concept__slide {
		height: 560px;
	}
}

@media (max-width: 1279px) {
	.scs-rd-concept__body {
		gap: 24px;
	}

	.scs-rd-concept__gallery {
		flex-basis: 440px;
		max-width: 440px;
	}

	.scs-rd-concept__slide {
		height: 440px;
	}

	.scs-rd-concept__text {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.scs-rd-concept__body {
		flex-direction: column;
		gap: 24px;
	}

	/* Порядок из мобильного макета: заголовок → фото → врезка → слайдер → текст */
	.scs-rd-concept__col {
		display: contents;
	}

	.scs-rd-concept__image {
		order: 1;
	}

	.scs-rd-concept__quote {
		order: 2;
	}

	.scs-rd-concept__gallery {
		order: 3;
		flex-basis: auto;
		max-width: none;
		width: 100%;
	}

	.scs-rd-concept__text {
		order: 4;
	}

	.scs-rd-concept__image img {
		aspect-ratio: 328 / 156;
	}

	/* На мобилке в макете все кадры одного размера */
	.scs-rd-concept__slide {
		width: 300px;
		height: 360px;
		aspect-ratio: auto;
	}
}

@media (max-width: 575px) {
	.scs-rd-concept {
		gap: 24px;
	}

	.scs-rd-concept__caption {
		font-size: 14px;
	}
}

.scs-rd-concept__slide {
	cursor: pointer;
}

/* End */


/* Start:/local/templates/kubaturamall/components/bitrix/system.pagenavigation/.default/style.css?17627628672059*/
.scs-pagination {
	display: flex;
	justify-content: center;
	margin-top: 32px;

}
.scs-pagination__more {

}
.scs-pagination__loading {
	display: none;
}

.sk-circle {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: var(--scs-accent-primary);
	border-radius: 100%;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
	transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
	transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
	transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
	transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
	transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
	transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
	transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
	transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
	transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
	transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
	transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
	animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
	animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
	animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
	animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
	animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
	animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
	animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
	animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
	animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
	animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
}

@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
		transform: scale(0);
	}
	40% {
		transform: scale(1);
	}
}
/* End */


/* Start:/proekt/russkydom/blocks/partnership/style.css?1789107568844*/
.scs-rd-partnership {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 80px;
	border-radius: 16px;
	background: #eae1c1;
}

.scs-rd-partnership__text {
	width: 100%;
	font-family: Manrope;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #1b242d;
	text-align: center;
}

.scs-rd-partnership__text p {
	margin: 0 0 10px;
}

.scs-rd-partnership__text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 1279px) {
	.scs-rd-partnership {
		padding: 48px 40px;
	}

	.scs-rd-partnership__text {
		font-size: 26px;
	}
}

@media (max-width: 991px) {
	.scs-rd-partnership {
		padding: 32px 24px;
	}

	.scs-rd-partnership__text {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.scs-rd-partnership {
		padding: 24px 20px;
	}

	.scs-rd-partnership__text {
		font-size: 18px;
		text-align: left;
	}
}

/* End */


/* Start:/proekt/russkydom/blocks/voices/style.css?1789107606424*/
.scs-rd-voices {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.scs-rd-voices__head {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.scs-rd-voices__slider .owl-stage {
	display: flex;
}

.scs-rd-voices__slider .owl-item {
	display: flex;
}

.scs-rd-voices__slider .scs-video-card {
	width: 100%;
}

@media (max-width: 991px) {
	.scs-rd-voices {
		gap: 24px;
	}

	.scs-rd-voices__head {
		gap: 12px;
	}
}

/* End */


/* Start:/local/templates/kubaturamall/custom/css/partner-card.css?17893266852386*/
.scs-partner-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	padding: 40px;
	border-radius: 16px;
	background: var(--scs-bg-additional);
	overflow: hidden;
	cursor: pointer;
}

.scs-partner-card__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.scs-partner-card__logo img {
	max-width: 100%;
	max-height: 220px;
	object-fit: contain;
}

.scs-partner-card__info {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px 40px 20px;
	border-radius: 16px;
	background: var(--scs-bg-soft);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease-in-out, visibility .25s ease-in-out;

	/* Описание длиннее карточки прокручивается внутри неё. Полосу показываем
	   всегда: иначе на длинном тексте не видно, что он продолжается.
	   overscroll-behavior не даёт прокрутке перескочить на страницу,
	   когда текст домотан до конца. */
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--scs-grey) transparent;
}

.scs-partner-card__info::-webkit-scrollbar {
	width: 4px;
}

.scs-partner-card__info::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: var(--scs-grey);
}

.scs-partner-card:hover .scs-partner-card__info,
.scs-partner-card--open .scs-partner-card__info {
	opacity: 1;
	visibility: visible;
}

.scs-partner-card__group {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.scs-partner-card__title {
	font-family: Manrope;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.1;
	color: var(--scs-main-text);
}

.scs-partner-card__text {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	color: var(--scs-secondary-text);
}

@media (max-width: 1279px) {
	.scs-partner-card__title {
		font-size: 22px;
	}

	.scs-partner-card__text {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.scs-partner-card {
		min-height: 200px;
		padding: 24px;
	}

	.scs-partner-card__logo img {
		max-height: 140px;
	}

	.scs-partner-card__info {
		gap: 12px;
		padding: 20px 24px;
	}

	.scs-partner-card__title {
		font-size: 20px;
	}

	.scs-partner-card__text {
		font-size: 16px;
	}
}

/* End */


/* Start:/proekt/russkydom/blocks/partners/style.css?1789119971899*/
.scs-rd-partners {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.scs-rd-partners__head {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Флекс, а не грид: в макете неполный последний ряд выровнен по центру */
.scs-rd-partners__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.scs-rd-partners__grid > * {
	flex: 0 0 calc(25% - 15px);
	max-width: 410px;
}

.scs-partner-card--plain {
	cursor: default;
}

@media (max-width: 1279px) {
	.scs-rd-partners__grid > * {
		flex-basis: calc(33.3333% - 13.3333px);
	}
}

@media (max-width: 991px) {
	.scs-rd-partners {
		gap: 24px;
	}

	.scs-rd-partners__head {
		gap: 12px;
	}

	.scs-rd-partners__grid > * {
		flex-basis: calc(50% - 10px);
	}
}

@media (max-width: 575px) {
	.scs-rd-partners__grid > * {
		flex-basis: 100%;
		max-width: none;
	}
}

/* End */


/* Start:/local/templates/kubaturamall/custom/css/button.css?17800827711678*/
.scs-btn {
	border-radius: 16px;
	padding: 8px 32px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
	background: var(--scs-accent-primary);
	color: var(--scs-bg-default);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
	border: none;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	font-family: Manrope;
	transition: background-color .25s ease-in-out,
				color .25s ease-in-out;
}
.scs-btn--small {
	padding: 8px 16px;
	height: 40px;
	border-radius: 12px;
}
.scs-btn:hover {
	background: var(--scs-soft-accent);
	color: var(--scs-main-text);
}
.scs-btn:active {
	background: var(--scs-accent-hover);
	color: var(--scs-bg-default);
}

.scs-btn--accent {
	background: var(--scs-soft-accent);
	color: var(--scs-main-text);
}
.scs-btn--accent:hover {
	background: var(--scs-accent-primary);
	color: var(--scs-main-text);
}
.scs-btn--accent:active {
	background: var(--scs-accent-hover);
	color: var(--scs-main-text);
}

.scs-btn--green {
	background: var(--scs-green);
	color: var(--scs-bg-default);
}
.scs-btn--green:hover {
	background: var(--scs-green-light);
	color: var(--scs-bg-default);
}
.scs-btn--green:active {
	background: var(--scs-green);
	color: var(--scs-main-text);
}

.scs-btn--gray {
	background: var(--scs-bg-soft);
	color: var(--scs-grey);
	box-shadow: none;
}
.scs-btn--gray:hover {
	background: var(--scs-soft-accent);
	color: var(--scs-main-text);
}
.scs-btn--gray:active {
	background: var(--scs-accent-hover);
	color: var(--scs-bg-default);
}

.scs-btn:disabled {
	background: var(--scs-bg-soft);
	color: var(--scs-grey);
	box-shadow: none;
}
/* End */


/* Start:/proekt/russkydom/blocks/expo/style.css?17893115291222*/
.scs-rd-expo {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* Кадры разной ширины. Ширину задаёт пропорция из макета (--scs-rd-ratio),
   а не натуральный размер картинки: иначе owl с autoWidth считает ширину
   до загрузки изображений и схлопывает слайды в ноль. */
.scs-rd-expo__slide {
	height: 450px;
	aspect-ratio: var(--scs-rd-ratio, 16 / 9);
	border-radius: 16px;
	overflow: hidden;
}

.scs-rd-expo__slide img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.scs-rd-expo__slider {
	margin-bottom: -12px;
}

.scs-rd-expo__slider .owl-stage {
	display: flex;
}

.scs-rd-expo__btn {
	display: flex;
}

@media (max-width: 1279px) {
	.scs-rd-expo__slide {
		height: 380px;
	}
}

@media (max-width: 991px) {
	.scs-rd-expo {
		gap: 24px;
	}

	.scs-rd-expo__slide {
		height: 300px;
	}
}

@media (max-width: 575px) {
	.scs-rd-expo__slide {
		height: 240px;
	}

	.scs-rd-expo__btn {
		justify-content: stretch;
	}

	.scs-rd-expo__btn .scs-btn {
		width: 100%;
		justify-content: center;
	}
}

.scs-rd-expo__slide {
	cursor: pointer;
}

/* End */


/* Start:/local/templates/kubaturamall/custom/css/popup.css?17627628672815*/
.scs-dialog {
	display: flex;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0 0 32px;
	border: none;
	max-width: none;
	max-height: 100dvh;
	background: var(--scs-glass-dark);
	backdrop-filter: blur(4px);
	transform: translateX(100%);
	overflow: hidden;
	visibility: hidden;
}
.scs-dialog[open] {
	width: 100%;
	height: 100dvh;
	transform: translateX(0);
	visibility: visible;
	transition: transform .4s ease-out;
}

.scs-dialog-wrapper {
	margin: auto 0;
	max-height: 100%;
	display: flex;
	flex-direction: column;
}
.scs-dialog-wrapper--top {
	margin: 0;
}

.scs-dialog-header {
	color: var(--scs-bg-default);
	line-height: 1.2;
	margin-bottom: 8px;
	padding: 14px 0;
	display: flex;
	align-items: center;
	gap: 16px;
}
.scs-dialog-header__logo {
	display: block;
	max-width: 190px;
}
.scs-dialog-header__logo svg {
	max-width: 100%;
	height: auto;
}
.scs-dialog-header__location {
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
}
.scs-dialog-header__location button {
	flex-shrink: 0;
}
.scs-dialog-header__close {
	flex-shrink: 0;
	margin-left: auto;
}

.scs-dialog-content {
	padding: 60px;
	border-radius: 16px;
	background: var(--scs-bg-default);
	overflow: auto;
}

.scs-dialog-content-wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

@media (max-width: 1599px) {
	.scs-dialog-content {
		padding: 40px;
	}
}

@media (max-width: 991px) {
	.scs-dialog-header__logo {
		max-width: 120px;
	}
}

@media (max-width: 767px) {
	.scs-dialog-content {
		padding: 24px;
	}
}

@media (max-width: 575px) {
	.scs-dialog {
		background: rgb(33 33 33 / 50%);
		backdrop-filter: none;
		transform: translateX(0);
		padding: 0;
	}

	.scs-dialog-wrapper {
		position: relative;
		margin: auto 0 0;
		overflow: hidden;
		padding: 0 !important;
	}

	.scs-dialog-header {
		margin-bottom: 0;
		position: sticky;
		top: 0;
		z-index: 99;
	}
	.scs-dialog-header__logo,
	.scs-dialog-header__location {
		display: none;
	}

	.scs-dialog-content {
		padding: 16px;
	}

	.scs-dialog-draggable {
		height: 44px;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: sticky;
		top: 0;
		border: none;
		width: 100%;
		z-index: 5;
	}
	.scs-dialog-draggable:before {
		content: '';
		border-radius: 8px;
		width: 74px;
		height: 4px;
		background: var(--scs-light-grey);
	}

	.scs-dialog-content-wrapper {
		background: var(--scs-glass-dark);
		padding: 0 16px 32px;
		border-radius: 40px 40px 0 0;
		position: relative;
		transform: translateY(100%);
		transition: transform .4s ease-out;
	}
	.scs-dialog--dropdown .scs-dialog-content-wrapper {
		background: var(--scs-bg-default);
	}

	.scs-dialog[open] .scs-dialog-content-wrapper {
		transform: translateY(0);
	}
}

body:has(.scs-dialog[open]) {
	touch-action: none;
}

/* End */


/* Start:/proekt/russkydom/blocks/media-popup/style.css?17893261748979*/
.scs-rd-media-dialog.scs-dialog {
	align-items: center;
	justify-content: center;
	padding: 0;
	background: rgb(0 0 0 / 30%);
	backdrop-filter: blur(2px);
	transform: none;
}

.scs-rd-media-dialog.scs-dialog[open] {
	transform: none;
	animation: scs-rd-media-dialog-in .25s ease-out;
}

@keyframes scs-rd-media-dialog-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.scs-rd-media-dialog::backdrop {
	background: transparent;
}

.scs-rd-media-dialog__close {
	position: fixed;
	top: 32px;
	right: 32px;
	z-index: 2;
}

/* Обёртка нужна мобильной версии — там это выезжающий снизу лист */
.scs-rd-media-dialog__sheet {
	position: relative;
	margin: auto;
}

.scs-rd-media-dialog__handle {
	display: none;
}

/* Белая карточка галереи из макета: 1200 × padding 40 × radius 16 */
.scs-rd-media-dialog__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 1200px;
	max-width: calc(100vw - 48px);
	padding: 40px;
	border-radius: 16px;
	background: var(--scs-bg-default);
}

.scs-rd-media-dialog__stage {
	position: relative;
	/* вертикальную прокрутку оставляем браузеру, горизонтальный жест ловим сами */
	touch-action: pan-y;
}

/* Кадры листаются слайдером. Размеры держит сам кадр, контейнеру достаётся
   только ширина — поэтому своих правил у него почти нет. */
.scs-rd-media-dialog__frames,
.scs-rd-media-dialog__frames .scs-rd-media-dialog__frame {
	width: 100%;
}

.scs-rd-media-dialog__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 1100 / 680;
	max-height: calc(100vh - 260px);
	border-radius: 16px;
	overflow: hidden;
	background: var(--scs-bg-soft);
}

.scs-rd-media-dialog__frame img,
.scs-rd-media-dialog__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
	object-fit: cover;
}

/* Кадр видео: постер с кнопкой проигрывания поверх.
   Состояния как у карточки (макет 4616:12624): в покое контур, по наведению заливка. */
.scs-rd-media-dialog__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 160px;
	padding: 0;
	border: 2px solid rgb(255 255 255 / 80%);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
}

.scs-rd-media-dialog__play:hover {
	border-color: transparent;
	background: rgb(217 217 217 / 58%);
	backdrop-filter: blur(2px);
}

.scs-rd-media-dialog__play svg {
	width: 36px;
	height: 41.6px;
	margin-left: 5px;
}

/* Стрелки выходят за края кадра, как в макете */
.scs-rd-media-dialog__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.scs-rd-media-dialog__nav--prev {
	left: -68px;
}

.scs-rd-media-dialog__nav--next {
	right: -68px;
}

.scs-rd-media-dialog__nav[disabled] {
	opacity: .4;
	pointer-events: none;
}

.scs-rd-media-dialog__thumbs {
	display: flex;
	gap: 16px;
	justify-content: flex-start;
	justify-content: safe center;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: thin;
	padding-bottom: 4px;
}

/* Лента становится слайдером, только когда миниатюры не помещаются целиком.
   Пока помещаются — это обычный флекс со своим выравниванием по центру. */
.scs-rd-media-dialog__thumbs--slider {
	display: block;
	overflow: visible;
}

.scs-rd-media-dialog__thumbs--slider .owl-stage {
	display: flex;
}

.scs-rd-media-dialog__thumb {
	position: relative;
	flex: 0 0 auto;
	width: 80px;
	height: 80px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	background: none;
	cursor: pointer;
}

.scs-rd-media-dialog__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.scs-rd-media-dialog__thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 6px;
	background: rgb(33 33 33 / 30%);
	transition: opacity .2s ease-in-out;
}

.scs-rd-media-dialog__thumb--active {
	border-color: var(--scs-accent-primary);
}

.scs-rd-media-dialog__thumb--active::after,
.scs-rd-media-dialog__thumb:hover::after {
	opacity: 0;
}

.scs-rd-media-dialog__thumb-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 24px;
	height: 24px;
	border: 1px solid rgb(255 255 255 / 70%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scs-rd-media-dialog__thumb-play svg {
	width: 8px;
	height: 9.2px;
	margin-left: 1px;
}

@media (max-width: 1339px) {
	.scs-rd-media-dialog__card {
		max-width: calc(100vw - 160px);
	}
}

@media (max-width: 991px) {
	.scs-rd-media-dialog__card {
		max-width: calc(100vw - 32px);
		gap: 12px;
		padding: 16px;
	}

	.scs-rd-media-dialog__frame {
		max-height: calc(100vh - 200px);
	}

	.scs-rd-media-dialog.scs-dialog .scs-rd-media-dialog__nav {
		width: 44px;
		height: 44px;
	}

	.scs-rd-media-dialog__nav svg {
		width: 22px;
		height: 22px;
	}

	.scs-rd-media-dialog__nav--prev {
		left: 12px;
	}

	.scs-rd-media-dialog__nav--next {
		right: 12px;
	}

	.scs-rd-media-dialog__play {
		width: 96px;
		height: 96px;
	}

	.scs-rd-media-dialog__play svg {
		width: 24px;
		height: 27.7px;
	}

	.scs-rd-media-dialog__thumbs {
		justify-content: flex-start;
		gap: 8px;
	}

	.scs-rd-media-dialog__thumb {
		width: 56px;
		height: 56px;
	}
}

/* --- Мобильная версия: выезжающий снизу лист (макет 4616:14452) --- */
@media (max-width: 575px) {
	/* Колонкой, прижатой к низу: крестик встаёт над листом потоком,
	   а не абсолютом — иначе его срезает прокрутка листа. */
	.scs-rd-media-dialog.scs-dialog {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-end;
		background: rgb(33 33 33 / 50%);
		backdrop-filter: none;
	}

	/* Крестик висит над листом, а не в углу экрана */
	.scs-rd-media-dialog.scs-dialog .scs-rd-media-dialog__close {
		position: static;
		align-self: flex-end;
		flex: 0 0 auto;
		margin: 0 10px 8px 0;
		width: 44px;
		height: 44px;
	}

	.scs-rd-media-dialog__close svg {
		width: 20px;
		height: 20px;
	}

	.scs-rd-media-dialog__sheet {
		width: 100%;
		flex: 0 1 auto;
		max-height: calc(100dvh - 112px);
		margin: 0;
		padding-bottom: 16px;
		border-radius: 40px 40px 0 0;
		background: rgb(33 33 33 / 85%);
		overflow-y: auto;
	}

	.scs-rd-media-dialog__handle {
		display: block;
		width: 74px;
		height: 4px;
		margin: 10px auto;
		border-radius: 8px;
		background: var(--scs-light-grey);
	}

	.scs-rd-media-dialog__card {
		gap: 10px;
		width: auto;
		max-width: none;
		margin: 0 16px;
		padding: 24px 16px;
	}

	/* В макете рамка вертикальная (296 × 521) — под видео-интервью. В галерее
	   кадры разных пропорций, поэтому высоту задаёт сам кадр: иначе горизонтальные
	   чертежи и фото с выставки либо режутся, либо тонут в полях. */
	.scs-rd-media-dialog__frame {
		aspect-ratio: auto;
		max-height: none;
	}

	.scs-rd-media-dialog__frame img {
		position: static;
		width: 100%;
		height: auto;
		max-height: 60dvh;
		object-fit: contain;
	}

	/* Видео остаётся в рамке 16:9 — плеер требует заданных размеров */
	.scs-rd-media-dialog__frame:has(iframe) {
		aspect-ratio: 16 / 9;
	}

	.scs-rd-media-dialog.scs-dialog .scs-rd-media-dialog__nav {
		width: 40px;
		height: 40px;
	}

	.scs-rd-media-dialog__nav svg {
		width: 20px;
		height: 20px;
	}

	.scs-rd-media-dialog__nav--prev {
		left: -16px;
	}

	.scs-rd-media-dialog__nav--next {
		right: -16px;
	}

	.scs-rd-media-dialog__thumbs {
		/* safe center: пока лента влезает — по центру, дальше прижимается к началу,
		   иначе первые миниатюры уезжают за край и до них не доскроллить */
		justify-content: flex-start;
		justify-content: safe center;
		gap: 4px;
		padding-bottom: 0;
	}

	.scs-rd-media-dialog__thumb {
		width: 44px;
		height: 44px;
		border-radius: 6px;
	}

	.scs-rd-media-dialog__thumb img,
	.scs-rd-media-dialog__thumb::after {
		border-radius: 4px;
	}

	.scs-rd-media-dialog__play {
		width: 88px;
		height: 88px;
	}

	.scs-rd-media-dialog__play svg {
		width: 22px;
		height: 25.4px;
	}
}

/* End */
/* /proekt/russkydom/style.css?17893277031804 */
/* /proekt/russkydom/blocks/banner/style.css?1789107419307 */
/* /local/templates/kubaturamall/custom/css/video-card.css?17893212831833 */
/* /proekt/russkydom/blocks/author/style.css?17893225122547 */
/* /local/templates/kubaturamall/custom/css/slider-nav.css?1789324885651 */
/* /local/templates/kubaturamall/custom/js/owl.carousel/owl.carousel.min.css?17627628673351 */
/* /proekt/russkydom/blocks/concept/style.css?17893201793007 */
/* /local/templates/kubaturamall/components/bitrix/system.pagenavigation/.default/style.css?17627628672059 */
/* /proekt/russkydom/blocks/partnership/style.css?1789107568844 */
/* /proekt/russkydom/blocks/voices/style.css?1789107606424 */
/* /local/templates/kubaturamall/custom/css/partner-card.css?17893266852386 */
/* /proekt/russkydom/blocks/partners/style.css?1789119971899 */
/* /local/templates/kubaturamall/custom/css/button.css?17800827711678 */
/* /proekt/russkydom/blocks/expo/style.css?17893115291222 */
/* /local/templates/kubaturamall/custom/css/popup.css?17627628672815 */
/* /proekt/russkydom/blocks/media-popup/style.css?17893261748979 */
