/* Start:/local/templates/furniture_gray/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178896152533744*/
#input-691ab3a4710b7 {
    max-width:100%;
}
#input-691ab3a471725 {
    max-width:100%;
}
.questionnaire-block {
    margin-bottom: 40px;
}
.news-post__content ul {
    list-style-type: disc;
    padding-left: 20px;
}
#nextBtn, #prevBtn {
    color: #fff!important;
}
.news-post__content ul li {
    margin-bottom: 10px;
    color: #000;
}

.news-post__content ol {
    padding-left: 20px;
    list-style: decimal;
}

.news-post__content ol li {
    line-height: 1.2;
    margin-bottom: 10px;
}



.news-post__content ol li strong {    
    font-weight: 600;
}


.news-post__content ul li::marker {
    color: gold;
    font-size: 1.4em;
}

.news-post__content img {
    width: 100%;
    border-radius: 15px;
}

.blogDetail__firstScreen {
    margin-top: 20px;
}

.blogDetail__firstScreen>.container {
    height: 100%;
}

.blogDetail__firstScreen>.container._withSidebar {
    margin-top: 0;
}

.blogDetail__firstScreen>.container>div,
.blogDetail__firstScreen>.container>article,
.blogDetail__firstScreen>.container>section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.post-page._blogDetailPost {
    grid-gap: unset;
}

.container._withSidebar {
    margin-top: 20px;
}

.container._withSidebar._flex {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 20px;
}

.sidebar._blogSidebar {
    max-width: 360px;
    width: 100%;
}

.blog-sidebar-block {
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 10px;
}

.post-page._blogDetailPost,
.post-page._blogDetailPost .container._withSidebar._flex,
.post-page._blogDetailPost .main-content,
.post-page._blogDetailPost .sidebar._blogSidebar {
    overflow: visible;
}

@media screen and (min-width: 1280px) {
    .blog-sidebar-block.__navigation {
        position: sticky;
        top: 20px;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }
}

.blog-sidebar-block__title {
    padding: 30px 30px 20px 30px;
    font-size: 25px;
    font-weight: 600;
}

.blog-detail__date-shows {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
}

.blog-detail__date-shows._black {
    color: #231F20;
}

.blog-detail__rating {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 10px;
    width: max-content;
}

.blog-detail__rating .__rating-number {
    font-size: 20px;
}

.blog-detail__rating .__rating-stars {
    display: flex;
    gap: 8px;
    align-items: center;
}

._blogDetailPost .__rating-star {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url('/local/templates/furniture_gray/asset/icons/grey_star.svg');
}

._blogDetailPost .__rating-star._partial ._partialFill {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background-image: url('/local/templates/furniture_gray/asset/icons/fill_star.svg');
    z-index: 1;
}

._blogDetailPost .__rating-star._full {
    background-image: url('/local/templates/furniture_gray/asset/icons/fill_star.svg');
}

/*АВТОР*/
.blog-author {
    display: flex;
    justify-content: space-between;
}

.blog-author-left {
    display: flex;
    gap: 32px;
}

.blog-author-left .__icon {
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-author-left .__icon img {
    width: 85%;
    height: 85%;
    /* без object-fit логотип растягивался по обеим осям и деформировался */
    object-fit: contain;
    margin-bottom: 0;
}

.blog-author-left .__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}

.blog-author-left .__info .__text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.blog-author-left .__info .__text .__over-title {
    font-size: 14px;
    color: #808080;
}

.blog-author-left .__info .__text .__name {
    font-size: 20px;
    font-weight: 500;
    color: #231F20;
}

.blog-author-left .__info .__text .__description {
    font-size: 16px;
    line-height: 140%;
    color: #231F20;
}

.blog-author-left .__info .__text .__description span:first-child {
    padding-right: 10px;
    border-right: 1px solid #231F20;
}

.blog-author-left .__info .__text .__description span:last-child {
    padding-left: 10px;
}

.blog-author-left .__info .__statistics {
    display: flex;
    gap: 20px;
}

.blog-author-left .__info .__statistics .__articles-count,
.blog-author-left .__info .__statistics .__answers-count {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.blog-author-left .__info .__statistics .__articles-count img,
.blog-author-left .__info .__statistics .__answers-count img {
    width: 20px;
    height: 20px;
}

.blog-author-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.blog-author-right .__socials {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.blog-author-right .__social-link {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: .3s;
}

.blog-author-right .__social-link._vk {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_vk_grey.svg');
}

.blog-author-right .__social-link._tg {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_tg_grey.svg');
}

.blog-author-right .__social-link._wp {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_wp_grey.svg');
}

.blog-author-right .__social-link._vk:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_vk_black.svg');
}

.blog-author-right .__social-link._tg:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_tg_black.svg');
}

.blog-author-right .__social-link._wp:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_wp_black.svg');
}

.blog-author-right ._max {
    background-image: url('/images/social/maxround.svg');
}

.blog-author-right ._max:hover {
    background-image: url('/images/social/maxround.svg');
    opacity: 0.1;
}


.blog-author-footer ._max {
    background-image: url('/images/social/maxround.svg');
}

.blog-author-footer ._max:hover {
    background-image: url('/images/social/maxround.svg');
    opacity: 0.1;
}

.blog-author-top ._max {
    opacity: 0.1;
}

.blog-author-top ._max:hover {
    background-image: url('/images/social/maxround.svg');
    opacity: 1;
}


/*Хэштеги*/
.blog-sidebar-block.__hashtags .__hashtags-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 20px 30px 30px 30px;
}

.blog-sidebar-block.__hashtags .__hashtag {
    padding: 10px 15px;
    background-color: #F7F7F7;
    font-size: 16px;
    line-height: 140%;
    border-radius: 5px;
}

.blog-sidebar-block.__hashtags .__hashtag:hover {
    color: #fff;
    background-color: #231F20;
    transition: .3s;
}

/*Блоки*/

/*ГОСТ*/
.gost-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
    /*flex-wrap: wrap;*/
    margin: 25px 0;
    padding: 40px 60px;
    background-color: #F7F7F7;
    border-radius: 20px;
}

.gost-block .__left {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.gost-block .__left img {
    width: 100%;
    height: 100%;
}

.gost-block .__right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gost-block .__right .__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 94%;
}

.gost-block .__right .__subtitle {
    font-size: 14px;
}

/*ПРЕИМУЩЕСТВА*/
.advantages-block {
    margin: 30px 0;
    padding: 40px;
    background-color: #F7F7F7;
    border-radius: 20px;
}

.advantages-block>.__title {
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 600;
}

.advantages-block .__advantages {
    display: flex;
    gap: 20px;
}

.advantages-block .__advantages .__item {
    width: 230px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    transition: .3s;
}

.advantages-block .__advantages .__item:hover {
    cursor: pointer;
    background-image: url('/local/templates/furniture_gray/images/advantage_card_bg.png');
    transition: .3s;
}

.advantages-block .__item .__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.advantages-block .__item img {
    width: 100%;
    height: 100%;
}

.advantages-block .__item .__title {
    font-size: 32px;
    font-weight: 600;
}

.advantages-block .__item .__bottom {
    font-size: 16px;
    color: #231F2080;
}

/*Ключевые показатели*/
.performanceIndicators-block {
    margin: 30px 0;
    padding: 40px;
    background-color: #FCCB06;
    border-radius: 20px;
}

.performanceIndicators-block__title {
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 600;
}

.performanceIndicators-block__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.performanceIndicators-block__item {
    padding: 30px 20px;
    border-radius: 10px;
    background-color: #EFC00E;
    color: #231F20;
}

.performanceIndicators-block__item:hover {
    color: #fff;
    background-color: #231F20;
    cursor: pointer;
}

.performanceIndicators-block__item-title {
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 10px;
}

.performanceIndicators-block__item-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

/*Форма*/
.form-calculate-price {
    position: relative;
    margin: 30px 0;
    padding: 40px;
    background-color: #FCCB06;
    border-radius: 20px;
}

.form-calculate-price__image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 300px;
    height: 300px;
    right: -11px;
    top: -84px;
}

.form-calculate-price__image img {
    width: 100%;
    height: 100%;
    /*transform: scaleX(-1);*/
}

.form-calculate-price__title {
    width: calc(100% - 320px);
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 600;
    /* было height: 88px - при переносе заголовка на 3+ строки текст
       выходил за блок и накрывал первое поле формы */
    min-height: 88px;
}

/*товары*/
.products-block {
    margin: 30px 0;
    padding: 40px;
    background-color: #F7F7F7;
    border-radius: 20px;
}

.products-block__title {
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: 600;
}

.products-block__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.products-block .product-card {
    height: 100%;
}

.products-block .product-card__footer {
    margin-top: auto;
}

@media screen and (min-width: 1281px) {
    .container._withSidebar._flex .main-content {
        max-width: 1120px;
    }
}

.product-card__specs {
    display: none !important;
}

/* Базовые стили для оглавления */
.toc-list {
    margin: 0;
    list-style-type: none;
}

.toc-item:hover p:before {
    content: '>';
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.toc-item:hover {
    background-color: #fccb06;
}

.toc-item {
    margin-bottom: 8px;
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.toc-level-1 {
    margin-left: 0;
    font-weight: bold;
}

.toc-level-2 {
    padding-left: 30px;
}

.toc-level-3 {
    padding-left: 30px;
}

.toc-level-4 {
    padding-left: 45px;
}

.toc-level-5 {
    padding-left: 60px;
}

.toc-level-6 {
    padding-left: 75px;
}

.toc-item a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
    font-size: 16px;
}

.toc-item a:hover {
    color: inherit;
}

.slide__player {
    text-align: center;
}

.slide__player img {
    width: 100%;
}

.carousel {
    margin-bottom: 30px;
}

.gost-block {
    position: relative;
}

.quote-up {
    position: absolute;
    top: 20px;
    left: 25px;
}

.quote-down {
    position: absolute;
    bottom: 25px;
    right: 20px;
    transform: rotate(180deg);
}

.news-post__content .advantages-block .__advantages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.news-post__content .advantages-block .__advantages .__item {
    width: 100%;
    height: 190px;
}

.video-block iframe {
    width: 100%;
    border-radius: 15px;
}

.share-block {
    color: #000;
}

.share-block .share-text {
    font-size: 26px;
    font-weight: 600;
}

.share-block .blog-author-right .__social-link._vk {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_vk_black.svg');
}

.share-block .blog-author-right .__social-link._tg {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_tg_black.svg');
}

.share-block .blog-author-right .__social-link._wp {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_wp_black.svg');
}

.share-block .blog-author-right .__social-link._vk:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_vk_grey.svg');
}

.share-block .blog-author-right .__social-link._tg:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_tg_grey.svg');
}

.share-block .blog-author-right .__social-link._wp:hover {
    background-image: url('/local/templates/furniture_gray/asset/icons/social_wp_grey.svg');
}

@Media (min-width: 768.5px) and (max-width: 1279.5px) {
    .container._withSidebar._flex {
        gap: unset;
        flex-wrap: wrap;
    }

    .sidebar._blogSidebar {
        max-width: unset;
    }

    ._blogDetailPost .firstScreen__banner h1 {
        font-size: 50px;
    }

    .comments-wrap .admin-comment {
        width: 80% !important;
    }
    .form-calculate-price__title {
        font-size: 33px;
    }
}

@Media (max-width: 768px) {
    .container._withSidebar._flex {
        gap: unset;
        flex-wrap: wrap;
    }

    .sidebar._blogSidebar {
        max-width: unset;
    }

    ._blogDetailPost .firstScreen__banner h1 {
        font-size: 45px;
    }

    .products-block .products-block__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-calculate-price__image {
        display: none;
    }

    .form-calculate-price__title {
        width: 100%;
    }

    .customers-choice__cards,
    .feedback__end,
    .feedback__fields {
        flex-direction: row;
    }

    .comments-wrap .admin-comment {
        width: 90% !important;
    }

    .products-block__title {
        font-size: 34px !important;
    }
}

@Media (max-width: 480px) {
    h2 {
        font-size: 34px !important;
    }

    .comments-wrap .comment-title {
        font-size: 34px !important;
    }

    .tmpcity {
        display: none;
    }

    .container._withSidebar._flex {
        display: block;
    }

    .sidebar._blogSidebar {
        max-width: unset;
    }

    ._blogDetailPost .firstScreen__banner h1 {
        font-size: 40px;
    }

    .products-block .products-block__items {
        grid-template-columns: 1fr;
    }

    .form-calculate-price__image {
        display: none;
    }

    .form-calculate-price__title {
        width: 100%;
    }

    .customers-choice__cards,
    .feedback__end,
    .feedback__fields {
        flex-direction: row;
    }

    .comments-wrap .admin-comment {
        width: 90% !important;
    }

    .news-post__content.blog-author,
    .blog-author-left {
        flex-wrap: wrap;
    }

    .blog-author-left {
        justify-content: center;
    }

    .firstScreen__banner .breadcrumbs {
        max-width: 76%;
    }

    .firstScreen__banner .breadcrumbs .breadcrumbs-item__delimiter {
        display: none;
    }

    .blog-author-right {
        width: 100%;
    }

    .blog-author-right .__socials {
        justify-content: flex-start;
        margin-top: 11px;
    }

    .blog-author-right .__button button {
        width: 100%;
    }

    .news-post__content h2 {
        font-size: 34px;
    }

    .gost-block {
        position: relative;
        flex-direction: column;
    }

    .advantages-block>.__title {
        font-size: 34px;
    }

    .news-post__content .advantages-block .__advantages {
        display: block;
    }

    /* Правило width:100% + display:block ломало структуру таблиц ниже 480px:
       ячейки вставали в один столбец и терялась связь «характеристика - значение».
       Вместо этого таблица скроллится по горизонтали, см. блок фиксов ниже. */

    .performanceIndicators-block__title {
        font-size: 34px;
    }

    .performanceIndicators-block__content {
        display: block;
    }

    .performanceIndicators-block__item-title {
        font-size: 35px;
    }

    .performanceIndicators-block__item {
        margin-bottom: 10px;
    }

    .form-calculate-price__title {
        font-size: 34px;
    }

    #pageTitle {
        font-size: 34px;
        line-height: 34px;
    }

    .progress-slider {
        margin-top: 30px;
    }

    .quiz-body {
        min-height: 350px;
    }

    .questionnaire-block .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    #reviewForm .fio-wrap {
        display: block;
    }

    #reviewForm select,
    #reviewForm input[type="text"],
    #reviewForm input[type="tel"],
    #reviewForm input[type="email"],
    #reviewForm textarea {
        /* padding: 0 1rem; */
        max-width: unset;
    }

    #reviewForm .form-group {
        margin-bottom: 15px;
    }

    #reviewForm button {
        max-width: unset !important;
    }

    .comments-wrap .admin-comment {
        width: 100% !important;
    }

    .feedback__title {
        font-size: 34px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .input .form-control {
        max-width: unset;
    }
}

@Media (max-width: 480px) {
    .firstScreen__banner .breadcrumbs {
        max-width: unset;
    }
}

/* =========================================================================
   Фикс вёрстки статей блога. Аудит сентябрь 2026.
   ========================================================================= */

/* В сборку шаблона попала только сетка Bootstrap (.row / .col), а display-
   и spacing-утилиты - нет. Из-за этого d-none / d-sm-block ничего не
   скрывают: «десктопный» и «мобильный» варианты таблиц в статьях выводятся
   одновременно, а .border-bottom не рисует разделители строк.
   Утилиты скоупим телом статьи, чтобы не задеть остальной сайт. */
.news-post__content .d-none { display: none !important; }
.news-post__content .d-block { display: block !important; }
.news-post__content .d-flex { display: flex !important; }

@media (min-width: 576px) {
    .news-post__content .d-sm-none { display: none !important; }
    .news-post__content .d-sm-block { display: block !important; }
    .news-post__content .d-sm-flex { display: flex !important; }
}

@media (min-width: 768px) {
    .news-post__content .d-md-none { display: none !important; }
    .news-post__content .d-md-block { display: block !important; }
    .news-post__content .d-md-flex { display: flex !important; }
}

@media (min-width: 992px) {
    .news-post__content .d-lg-none { display: none !important; }
    .news-post__content .d-lg-block { display: block !important; }
}

.news-post__content .border-bottom { border-bottom: 1px solid #eaeaea !important; }
.news-post__content .border-top { border-top: 1px solid #eaeaea !important; }
.news-post__content .mb-4 { margin-bottom: 1.5rem !important; }
.news-post__content .mb-5 { margin-bottom: 3rem !important; }
.news-post__content .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.news-post__content .p-4 { padding: 1.5rem !important; }

@media (min-width: 992px) {
    .news-post__content .p-lg-5 { padding: 3rem !important; }
}

.news-post__content .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* Мобильный вариант таблицы (.table-mini): карточка на строку */
.news-post__content .table-mini > div { margin-bottom: 12px; }
.news-post__content .table-mini .table-thead .col { font-weight: 700; }
.news-post__content .table-mini .container-fluid > .row + .row { border-top: 1px solid #eaeaea; }
.news-post__content .table-mini .container-fluid > .row > .col { padding-top: 10px; padding-bottom: 10px; }
.news-post__content .table-mini .container-fluid > .row > .col:first-child { font-weight: 600; }

/* Обычные <table> в тексте статьи: горизонтальный скролл вместо
   разъезжающейся сетки. Обёртку .table-responsive проставляет
   result_modifier.php этого же шаблона. */
.news-post__content .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 30px;
}

.news-post__content .table-responsive > table {
    margin-bottom: 0;
}

/* iframe с зашитыми width/height (видео из редактора) не должен вылезать
   за контейнер на узких экранах */
.news-post__content iframe {
    max-width: 100%;
}

.news-post__content .embed-responsive-16by9 {
    max-width: 100%;
}

.news-post__content .embed-responsive-16by9 > iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
}

/* .main-content - флекс-элемент, у него min-width по умолчанию auto,
   поэтому он не сжимался ниже ширины своего содержимого и вылезал
   за контейнер (заметнее всего на 481-560px) */
.container._withSidebar._flex .main-content {
    min-width: 0;
}

@media (max-width: 1280px) {
    .container._withSidebar._flex .main-content {
        max-width: 100%;
    }
}

/* -------------------------------------------------------------------------
   Калькуляторы в статьях (Bootstrap-разметка из старого сайта)
   ------------------------------------------------------------------------- */

/* Табы калькулятора - это <ul class="nav nav-pills">. Общее правило
   .news-post__content ul { list-style: disc } вешало на них маркеры
   списка, и на широких экранах точки лезли между табами и внутрь них. */
.news-post__content ul.nav {
    list-style: none;
    padding-left: 0;
    gap: 10px;
}

.news-post__content ul.nav > li {
    list-style: none;
    margin-bottom: 0;
}

.news-post__content ul.nav > li::marker {
    content: none;
}

/* Поля калькулятора: нативные стрелки type=number перекрывали введённое
   значение на узких колонках (от 768px колонка ужимается до ~140px). */
.news-post__content .calc input[type="number"] {
    padding-left: 12px;
    padding-right: 12px;
    -moz-appearance: textfield;
    appearance: textfield;
}

.news-post__content .calc input[type="number"]::-webkit-outer-spin-button,
.news-post__content .calc input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Заголовок «Посмотреть состав комплекта» шире своего контейнера, и на
   пике анимации heartBeat (scale 1.3) текст вылезал и обрезался.
   Оставляем пульсацию, но амплитуду делаем такой, чтобы ничего не резалось. */
@keyframes pmgSostavPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

.news-post__content #sostav {
    max-width: 100%;
    animation-name: pmgSostavPulse;
}

/* Подсказки Bootstrap.
   На сайте есть свой компонент .tooltip - иконка 30x30 с position:relative.
   Bootstrap рисует свою подсказку тоже с классом .tooltip, и она схлопывалась
   в те же 30x30: текст переносился по словам и наезжал на соседние элементы.
   Ниже - минимальный набор стилей Bootstrap 5 для его подсказки. Bootstrap
   всегда ставит ей role="tooltip", у сайтовой иконки такого атрибута нет,
   поэтому свой компонент не задеваем. */
.tooltip[role="tooltip"] {
    position: absolute;
    z-index: 1080;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip[role="tooltip"].show {
    opacity: 0.96;
}

.tooltip[role="tooltip"] .tooltip-inner {
    max-width: 260px;
    padding: 8px 12px;
    color: #fff;
    text-align: center;
    background-color: #231f20;
    border-radius: 8px;
}

.tooltip[role="tooltip"] .tooltip-arrow {
    display: none;
}

/* Блок «rental-of-components» (data-block="cards") приехал со старого сайта
   пустым: у карточек нет ни картинки (/uploads/noimg.png отдаёт 404), ни
   названия, ни цены - только «no image» и «по запросу». Наполнять его нечем
   и никакой скрипт его не заполняет, поэтому прячем: 28 статей показывали
   битые картинки. Если решим выводить тут товары - надо менять на макрос
   #PRODUCTS# и привязывать товары к статьям в админке. */
.news-post__content [data-block="cards"] {
    display: none;
}

/* Карточка товара без картинки анонса: вместо «битой» картинки - серая
   заглушка. Саму картинку надо проставить у товара в админке. */
.news-post__content .product-card__thumbnail._no-image {
    background-color: #f2f2f2;
    background-image: none;
}

/* -------------------------------------------------------------------------
   Наследство WordPress в текстах статей
   ------------------------------------------------------------------------- */

/* Картинки приехали из WP с обёртками .wp-caption и подписями
   .wp-caption-text - стилей под них нет, подпись выглядела как обычный
   абзац. Сами классы выравнивания (alignright/aligncenter) не трогаем:
   в шаблоне у всех картинок статьи width:100%, так что обтекание всё
   равно не сработает, а менять единый вид картинок по сайту не станем. */
.news-post__content .wp-caption {
    max-width: 100%;
}

.news-post__content .wp-caption img {
    margin-bottom: 8px;
}

.news-post__content .wp-caption-text {
    font-size: 14px;
    line-height: 1.4;
    color: #6b6b6b;
}

/* Блок «Быстрый расчет стоимости»: на старом сайте это была форма Contact
   Form 7. Форма не импортировалась, приехала только пустая оболочка .wpcf7,
   поэтому правая половина блока была пустой. Оболочку заменяем на кнопку
   общей модалки заявки (см. result_modifier.php), а сам блок собираем
   компактно: текст слева, кнопка сразу за ним, без пустой половины. */

/* !important ниже - вынужденный: у блока классы .p-4 / .p-lg-5 из
   WordPress (наши же утилиты, тоже с !important), а размер h2 задан
   в шаблоне правилом h2 { font-size: 34px !important }. */

/* Обёртка блока - .container, у него на сайте боковые поля по 20px,
   из-за них блок был уже текста статьи */
.news-post__content [data-block="slider"] {
    margin: 30px 0 !important;
}

.news-post__content .quick-calculation {
    padding: 24px 28px !important;
    background-color: #FCCB06;
    border-radius: 20px;
}

.news-post__content .quick-calculation > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 28px;
    margin: 0;
}

.news-post__content .quick-calculation > .row > div {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
    padding: 0;
}

/* текст занимает свободную ширину, кнопка - только по своему размеру */
.news-post__content .quick-calculation > .row > div:first-child {
    flex: 1 1 280px;
}

.news-post__content .quick-calculation h2 {
    margin: 0 0 8px;
    font-size: 30px !important;
    line-height: 1.2;
}

.news-post__content .quick-calculation p {
    margin: 0;
}

@media (max-width: 767px) {
    .news-post__content .quick-calculation {
        padding: 20px !important;
    }

    .news-post__content .quick-calculation h2 {
        font-size: 24px !important;
    }

    .news-post__content .quick-calculation > .row {
        display: block;
    }

    .news-post__content .quick-calculation > .row > div + div {
        margin-top: 18px;
    }

    /* кнопку по центру */
    .news-post__content .quick-calculation .button {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Форма обратной связи в статье: тот же вид, что у формы в подвале сайта -
   поля во всю ширину блока, кнопка с чекбоксами под ними. */
.form-calculate-price {
    /* было 40px, при пустом верхе блок выглядел полупустым */
    padding: 28px 30px;
}

.form-calculate-price__title {
    margin-bottom: 18px;
    /* min-height 88px оставлял пустую полосу под однострочным заголовком */
    min-height: 0;
}

/* до 1500px сайт и так ставит форму в колонку, выше - поля ужимались
   до 188px, потому что кнопка с чекбоксами забирала строку */
.form-calculate-price .feedback__form {
    flex-direction: column;
}

.form-calculate-price .feedback__end {
    align-items: center;
}

/* каска была 300x300 и нижним краем ложилась на поле «Ваш вопрос»,
   как только поля растянулись на всю ширину блока */
.form-calculate-price__image {
    width: 200px;
    height: 200px;
    top: -78px;
    right: 8px;
    pointer-events: none;
}

@media (max-width: 767px) {
    .form-calculate-price {
        padding: 20px;
    }

    .form-calculate-price .feedback__fields,
    .form-calculate-price .feedback__end {
        flex-direction: column;
    }

    .form-calculate-price .feedback__submit {
        width: 100%;
    }
}

/* End */


/* Start:/local/components/profmaster/feedback/templates/.default/style.css?17889653047052*/
/* Рейтинг звёздами */
.reviewForm-wrap {
    background-color: #fff;
    border-radius: 15px;
    margin: 40px 0;
    padding: 40px;
}
#reviewForm {
    display: grid;
}
#reviewForm .form-group {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
}
.rating-fio-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.rating-label {
    font-weight: 600;
    margin-bottom: 8px;
}
#reviewForm .rating-wrap {
    margin-top: 0;
    padding: 20px;
}
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
}

.rating input {
    display: none;
}

.rating label {
    font-size: 30px;
    color: #ddd;
    cursor: pointer;
    transition: color 0.2s;
    display: inline-block;
    margin: 0;
}

.rating label:hover,
.rating label:hover ~ label,
.rating input:checked ~ label {
    color: #fccb06;
}

/* Оранжевый чекбокс с чёрной галочкой */
.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding-left: 0;
}

.checkbox-group input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    min-width: 17px;
    min-height: 17px;
    max-width: 17px;
    max-height: 17px;
    accent-color: #fccb06;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

.checkbox-group input:checked {
    background-color: #fccb06;
    border-color: #fccb06;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.5 11.5l-4-4 1.5-1.5 2.5 2.5 5.5-5.5 1.5 1.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.checkbox-group label {
    margin: 0;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

#reviewForm button {
    background: #fccb06;
    color: #000;
    border: none;
    padding: 19px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
    width: 100%;
    max-width: 200px;
}

#reviewForm button:hover {
    background: #d3ad17;
}

#reviewForm button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* Сообщения */
.message {
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 6px;
    display: none;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    display: block;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    display: block;
}

/* Индикатор загрузки */
.loading {
    display: none;
    text-align: center;
    margin-top: 15px;
    color: #ff8c00;
}

.loading.active {
    display: block;
}
/* без #reviewForm правила били по всем полям страницы статьи: у select в модалке
   «Обратная связь» пропадала стрелка (background: transparent !important) */
#reviewForm select,
#reviewForm input[type="text"],
#reviewForm input[type="tel"],
#reviewForm input[type="email"],
#reviewForm textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: none;
    font-size: 1rem;
    transition: 0.2s;
    background: transparent !important;
    /* border-bottom: 2px solid #000; */
    font-family: inherit;
    max-width: 300px;
}
#reviewForm select:focus,
#reviewForm input[type="text"]:focus,
#reviewForm input[type="tel"]:focus,
#reviewForm input[type="email"]:focus,
#reviewForm textarea:focus {
    outline: none;
}
.comment-block {
    position: relative;
}
/* #reviewForm добавлен, чтобы правило перебивало max-width из блока выше */
#reviewForm .comment-block textarea {
    height: 100px;
    max-width: unset;
}
.comments-wrap {
    background-color: #fff;
    padding: 40px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.comments-wrap .autor-comment, .comments-wrap .admin-comment {
    border-radius: 15px;
    margin: 10px 0;
    padding: 20px;
    display: flex;
}
.comments-wrap .comment {
    width: 100%;    
}
.comments-wrap .autor-comment {
    width: 100%;
    background-color: #F7F7F7;
}
.comments-wrap .admin-comment {
    width: 70%;
    background-color: #FCCB06;
}
.comments-wrap .comment-title {
    font-size: 44px;
    font-weight: 600;
    margin: 20px 0;
    justify-content: flex-start;
    display: flex;
    width: 100%;
}
.comments-wrap .comment-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.comments-wrap .comment-header .comment-name {
    font-weight: 700;
}
.comments-wrap .admin-comment .comment-header .comment-date {
    color: #000;
}
.comments-wrap .comment-header .comment-date {
    color: #C3C3C3;
}
.comments-wrap .photo{
    min-width: 60px;
    margin-right: 15px;
}
.comments-wrap .photo img {
    width: 60px;
    height: 60px;
}
.load-more-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.load-more-wrap .load-more-btn {
    width: 100%;
    background-color: #f7f7f7 !important;
    text-align: center;
    border: none;
    color: #000;
    box-shadow: none;
    cursor: pointer;
}
.load-more-wrap .load-more-btn:hover {
    color: #000;
}
/* ===== Адаптив для полей формы (рейтинг, имя, email) ===== */

/* Планшет: рейтинг на всю ширину первой строкой, имя и email — второй строкой в 2 колонки */
@media (min-width: 768px) and (max-width: 1919px) {
    .rating-fio-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .rating-fio-wrap .rating-wrap {
        grid-column: 1 / -1;
    }
    .reviewForm-wrap h2 {
        padding-bottom: 25px;
    }
    .comment-block {
        margin-top: 10px;
    }
    .checkbox-group {
        margin-bottom: 10px;
    }
}

/* Десктоп (1920+) */
@media (min-width: 1920px) {
    .reviewForm-wrap h2 {
        padding-bottom: 30px;
    }
    #reviewForm .rating-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #reviewForm .rating-wrap .rating-label {
        white-space: nowrap;
    }
    .comment-block {
        margin-top: 10px;
    }
    .checkbox-group {
        margin-bottom: 10px;
    }
}

/* Мобильная версия: всё в три строки */
@media (max-width: 767px) {
    .rating-fio-wrap {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .reviewForm-wrap {
        padding: 20px;
    }
    .reviewForm-wrap h2 {
        padding-bottom:20px;
    }

    .rating-fio-wrap LABEL {
        color:#949293;
    }
}
/* End */


/* Start:/local/templates/furniture_gray/asset/css/first_screen_banner.css?17828285751188*/
.firstScreen__banner h1 {
    font-size: 64px;
    line-height: 94%;
}
h1._white {
    color: #fff;
}
/* .breadcrumbs.breadcrumbs_variant_default { */
    /* background: unset; */
    /* backdrop-filter: blur(9.899999618530273px); */
/* } */
.firstScreen__banner {
    width: 100%;
    height: 600px;
    padding: 0 0 40px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.firstScreen__banner > .container {
    position: relative;
    z-index: 1;
}
.firstScreen__banner .breadcrumbs {
    margin-top: 30px;
}
/* .breadcrumbs.breadcrumbs_variant_default .breadcrumbs-item__text,
.breadcrumbs.breadcrumbs_variant_default .breadcrumbs-item__delimiter,
.breadcrumbs.breadcrumbs_variant_default .breadcrumbs-item:hover,
.breadcrumbs.breadcrumbs_variant_default .breadcrumbs-item_active,
.breadcrumbs.breadcrumbs_variant_default .breadcrumbs-item_active .breadcrumbs-item__text {
    color: #fff;
} */
.breadcrumbs__icon svg path {
    fill: #fff;
}
.firstScreen__banner .backgroundBlackout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000085;
}
/* End */
/* /local/templates/furniture_gray/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178896152533744 */
/* /local/components/profmaster/feedback/templates/.default/style.css?17889653047052 */
/* /local/templates/furniture_gray/asset/css/first_screen_banner.css?17828285751188 */