

/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/catalog/launj/bitrix/catalog.element/.default/style.css?17841520004982*/
/* ==== FAQ-аккордеон «Частые вопросы» на детальной ЛАУНЖА (Wave 2 SEO). ==== */
/* Этот style.css инжектится компонентом catalog.element подшаблона launj       */
/* ТОЛЬКО на детальной лаунжа → все правила ниже действуют лишь на /launj/*.      */
/* Доставка стилей на бой — через CSS-агрегацию Битрикса (прямой <link> нет).    */
/*                                                                               */
/* ОТЛИЧИЕ от квестов: FAQ ОДНОКОЛОНОЧНЫЙ (у квестов он в двухколоночном блоке    */
/* с актрисой). Здесь — просто вертикальный список аккордеона по центру.         */
/* Палитра темы furniture_dark-blue: жёлтый #f6c849, тёмный #2f323f. Flat (без    */
/* теней): закрытая карточка без периметр. рамки, open = нижний разделитель 1px.  */

/* Секция — ребёнок flex-колонки .main2__content (gap 48px даёт отступы сверху/снизу) */
.faq-qa {
    width: 100%;
}
.faq-qa__box {
    display: flex;
    flex-direction: column;
}
/* «Частые вопросы» наследует крупный глобальный h2 темы. По ЛЕВОЙ оси страницы —
   как соседние H2 (H1 лаунжа, «Почему здесь удобно», «Локация лаунжа»): бокс h2
   уже на левом краю .container (left 100px desktop / 20px mobile), центрировался
   лишь ТЕКСТ — убираем центрирование, чтобы FAQ не выпадал из левой оси. */
.faq-qa__box > h2 {
    text-align: left;
    margin-bottom: 32px;
}
/* один столбец аккордеона, ПРИЖАТ ВЛЕВО к левой оси контейнера (совпадает с h2 и
   соседними секциями — нет прыжка левого края при скролле FAQ→«Локация»).
   max-width 860px сохранён ради читаемой длины строки. */
.faq-qa__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 860px;
    margin: 0;
}
.faq-qa__item {
    background: #ffffff;
    border-radius: 20px;
    padding: 4px 24px;
}
.faq-qa__q {
    list-style: none;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start; /* иконка и +/× выравниваются по ПЕРВОЙ строке вопроса */
    gap: 12px;
    padding: 20px 0;
    color: #2f323f;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    -webkit-user-select: none;
    user-select: none;
}
.faq-qa__q::-webkit-details-marker {
    display: none;
}
.faq-qa__ic {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-right: 2px;
    object-fit: contain;
    /* центрируем по центру первой строки вопроса */
    margin-top: -2px;
}
.faq-qa__qt {
    flex: 1 1 auto;
    padding-top: 2px;
}
/* индикатор +/× справа (выровнен по первой строке, как иконка слева) */
.faq-qa__q::after {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    background: #2f323f;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5v14M5 12h14' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5v14M5 12h14' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>") center / contain no-repeat;
    transition: transform .25s ease, background-color .2s ease;
}
.faq-qa__item:hover .faq-qa__q::after {
    background: #f6c849;
}
.faq-qa__item[open] .faq-qa__q {
    border-bottom: 1px solid #ececec;
}
.faq-qa__item[open] .faq-qa__q::after {
    background: #f6c849;
    transform: rotate(45deg);
}
.faq-qa__a {
    padding: 18px 0 22px;
    color: #4a4d59;
    font-size: 17px;
    line-height: 155%;
    max-width: 700px; /* читаемая длина строки ответа на десктопе */
}
@media (max-width: 768px) {
    .faq-qa__box > h2 {
        margin-bottom: 24px;
    }
    .faq-qa__item {
        padding: 2px 18px;
        border-radius: 20px;
    }
    .faq-qa__q {
        font-size: 17px;
        padding: 16px 0;
        gap: 10px;
    }
    .faq-qa__ic {
        width: 26px;
        height: 26px;
        margin-top: -1px;
    }
    .faq-qa__a {
        font-size: 15px;
        padding-bottom: 18px;
        max-width: none;
    }
}

/* End */


/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/breadcrumb/template1/style.min.css?1771676569467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/news.list/dop/style.css?1771676569150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/news.list/com/style.css?17766002472082*/
.comfort__list
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap:20px;
}
.comfort__item
{
	background: #36423E;
	flex: 0 0 48%;
	color:#fff;
	border-radius: 30px;
	padding:24px;
	font-weight: 400;
	font-size: 16px;
}
.comfort__item-title{
	font-weight: 600;
	font-size: 18px;
margin:12px 0px;
}
.item {
	padding: 50px 0 50px!important;
}
.section__white-block{
	background: #fff;
	padding-top:80px;
	padding-bottom:80px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: -20px;
	margin-left: -20px;
}
.reg{
	padding: 80px 0px 0px 0px!important;
}
.item__el-ora{
	background: linear-gradient(90deg, #E24646 0%, #CE8B10 100%);
	background-image: url("/bitrix/templates/furniture_dark-blue/img/bg-r.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	border-radius: 30px;
	padding: 30px 40% 30px 30px;
	color:#fff;
	margin-top: 38px;
}
.item__el-ora-title{
	font-weight: 500;
	font-size: 32px;
	margin-bottom:20px;
}
.item__el-ora-text{
	font-weight: 400;
	font-size: 16px;

}
.item__el-ora-price{
	margin-top:58px;
	font-weight: 500;
	font-size: 22px;
}
.item__el-ora-price-t{
margin-bottom: 8px;
	font-weight: 400;
	font-size: 14px;
}
.comfort__block{
	display: flex;
	flex-wrap: wrap;
	width: 100%;gap:20px;
}
.comfort__block-top{
	flex: 0 0 60%;
	margin-bottom:60px!important;
}
.comfort__block-left{
	flex: 0 0 48%;overflow: hidden;
}
.comfort__block-right{
	flex: 0 0 48%;
}
.main2__top2 .swiper-slide{
	overflow: hidden;
	border-radius: 30px;
}
.main2__top2{
position: relative;
}
.item__el span.big{
font-size:58px;
}
.header-item{
	padding-bottom: 40px;
}
@media(max-width:768px){
	.item__el span.big {
		font-size: 32px;
	}
	.comfort__block-top {
		flex: 0 0 100%;
		margin-bottom: 30px !important;
	}
	.comfort__block-left {
		flex: 0 0 100%;
	}
	.comfort__block-right {
		flex: 0 0 100%;
	}
	.item__el-ora{
		background: linear-gradient(90deg, #E24646 0%, #CE8B10 100%);
		padding: 30px  30px 30px 30px;
	}
	.item__bottom{
		flex-wrap:wrap;
		gap:30px
	}
}
@media(max-width:490px){
.comfort__item {
	flex: 0 0 100%;
}
}
/* End */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/catalog/launj/bitrix/catalog.element/.default/style.css?17841520004982 */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/breadcrumb/template1/style.min.css?1771676569467 */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/news.list/dop/style.css?1771676569150 */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/news.list/com/style.css?17766002472082 */
