

/* Start:/local/templates/main/components/bitrix/news/products/bitrix/news.section/.default/style.css?178522660731047*/
.table__sort:after {
    display: none !important;
}

.table__sort:hover {
    cursor: auto !important;
}

.table__sort:focus {
    outline: none !important;
}

.starting__heading {
	max-width: none !important;
}

#form .form__title em {
    color: #ff4f28 !important;
}

.wrap .wrap__block,
.wrap__block.wrap__block--gray.block-types {
	margin: 0 auto !important;
	max-width: 1151px !important;
}

.wrap__block.wrap__block--stick.wrap__block--fluid,
.wrap__block.wrap__block--gray {
	max-width: none !important;
}

.wrap__block.wrap__block--stick.wrap__block--fluid {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Блок формы — прозрачный фон, wrap__item по центру */
.wrap .wrap__block.wrap__block--form,
.wrap .wrap__block.wrap__block--gray.wrap__block--form,
.wrap .wrap__block.wrap__block--form .wrap__item {
    background: transparent !important;
}
.wrap .wrap__block.wrap__block--form .wrap__item {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* --- FAQ: белый фон, без скруглений, без сепаратора, Montserrat --- */
.wrap .faq-section,
.wrap .faq-section .wrap__title,
.wrap .faq-item .faq-question,
.wrap .faq-item .faq-answer {
    font-family: "Montserrat", sans-serif !important;
}
@media (min-width: 1440px) {
	.wrap .faq-section .wrap__title {
    	padding-left: 0 !important;
	}
}

.wrap .faq-section .wrap__title {
    margin: 0 0 2rem !important;
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    box-sizing: border-box !important;
}
.wrap .faq-item {
    background: #fff !important;
    border: 1px solid #D1D5DC !important;
    border-radius: 0 !important;
    padding: 1.25rem 1.5rem !important;
    margin-bottom: 1rem !important;
    box-sizing: border-box !important;
}
.wrap .faq-item:last-child {
    margin-bottom: 0 !important;
}
.wrap .faq-item .faq-question {
    margin: 0 0 1rem !important;
    padding-right: 2rem !important;
    position: relative !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #101828 !important;
    line-height: 1.4 !important;
}
.wrap .faq-item .faq-answer,
.wrap .faq-item .info__item {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}

.wrap .faq-item .faq-answer p {
    margin: 0 0 1rem !important;
}
.wrap .faq-item .faq-answer p:first-child { margin-top: 0 !important; }
.wrap .faq-item .faq-answer p:last-child { margin-bottom: 0 !important; }

/* ========== Блоки по макету (макс. специфичность + !important для кнопок, чтобы не перебивались) ========== */

/* --- Общий контейнер: макс. ширина 1151px, паддинги 24px слева/справа; единый левый край у всех блоков --- */
.wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
/* Убираем лишние отступы у блоков и обёрток — выравнивание только за счёт .wrap */
.wrap .wrap__block,
.wrap .wrap__item,
.wrap .block-cta__inner,
.wrap .block-types__inner,
.wrap .block-spec__inner,
.wrap .block-block2__inner,
.wrap .block-block3__inner,
.wrap .block-delivery__inner,
.wrap .block-cards__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* --- CTA: по макету — крупный заголовок, описание, две кнопки, Montserrat --- */
.wrap .wrap__block.block-cta {
    padding-top: 2.5rem !important;
    padding-bottom: 1.25rem !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-cta .block-cta__title,
.wrap .wrap__block.block-cta .block-cta__text,
.wrap .wrap__block.block-cta .block-cta__buttons a {
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-cta .block-cta__inner {
    max-width: 100% !important;
}
/* Заголовок: крупнее, шире — в две строки */
.wrap .wrap__block.block-cta .block-cta__title {
    font-weight: 700 !important;
    color: #000 !important;
    margin: 0 0 1.5rem !important;
    font-size: clamp(2rem, 6vw, 2.75rem) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
}
/* Текст под заголовком: ограничение по ширине — в две строки */
.wrap .wrap__block.block-cta .block-cta__text {
    color: #333 !important;
    margin-bottom: 0 !important;
    font-size: 1.0625rem !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-cta .block-cta__text p {
    margin: 0 0 1rem !important;
}
.wrap .wrap__block.block-cta .block-cta__text p:first-child { margin-top: 0 !important; }
.wrap .wrap__block.block-cta .block-cta__text p:last-child { margin-bottom: 0 !important; }
.wrap .wrap__block.block-cta .block-cta__buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem 1.25rem !important;
    align-items: center !important;
    margin-top: 1.75rem !important;
}
/* Кнопки: вид кнопок, не ссылок — все состояния переопределены */
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn:link,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn:visited,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn:hover,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn:focus {
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px !important;
    padding: 0 1.75rem !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    border: 2px solid transparent !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s !important;
    cursor: pointer !important;
}
/* Основная кнопка: оранжевый фон, белый текст */
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--primary,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--primary:link,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--primary:visited {
    background-color: #ff4f28 !important;
    color: #fff !important;
    border-color: #ff4f28 !important;
}
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--primary:hover,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--primary:focus {
    background-color: #e64520 !important;
    color: #fff !important;
    border-color: #e64520 !important;
    text-decoration: none !important;
}
/* Вторая кнопка: прозрачный фон, оранжевая обводка и текст */
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--outline,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--outline:link,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--outline:visited {
    background-color: transparent !important;
    color: #ff4f28 !important;
    border-color: #ff4f28 !important;
}
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--outline:hover,
.wrap .wrap__block.block-cta .block-cta__buttons a.block-cta__btn--outline:focus {
    background-color: #ff4f28 !important;
    color: #fff !important;
    border-color: #ff4f28 !important;
    text-decoration: none !important;
}

/* --- Марки и виды: фон блока белый, карточки с серой рамкой 1px, без синего сепаратора, Montserrat --- */
.wrap .wrap__block.block-types {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    background: #fff !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-types .block-types__inner,
.wrap .wrap__block.block-types .block-types__main-title,
.wrap .wrap__block.block-types .block-types__card-title,
.wrap .wrap__block.block-types .block-types__card-intro,
.wrap .wrap__block.block-types .block-types__card-list {
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-types .block-types__inner {
    background: transparent !important;
}
.wrap .wrap__block.block-types .block-types__main-title {
    margin: 0 0 2rem !important;
    padding-bottom: 0 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
}
.wrap .wrap__block.block-types .block-types__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
}
@media (max-width: 767px) {
    .wrap .wrap__block.block-types .block-types__grid {
        grid-template-columns: 1fr !important;
    }
}
.wrap .wrap__block.block-types .block-types__card {
    background: #fff !important;
    padding: 1.25rem 1.25rem 1.25rem 1.5rem !important;
    border-radius: 0 !important;
    border: 1px solid #D1D5DC !important;
    box-shadow: none !important;
}
.wrap .wrap__block.block-types .block-types__card-title {
    margin: 0 0 0.4rem !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    color: #1a1a1a !important;
}
.wrap .wrap__block.block-types .block-types__card-intro {
    margin: 0 0 0.5rem !important;
    font-size: 0.9375rem !important;
    color: #333 !important;
    line-height: 1.45 !important;
}
.wrap .wrap__block.block-types .block-types__card-list {
    margin: 0 !important;
    padding-left: 1.15rem !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    color: #555 !important;
}
.wrap .wrap__block.block-types .block-types__card-list ul {
    margin: 0 !important;
    padding-left: 0.5rem !important;
    list-style: disc !important;
}
.wrap .wrap__block.block-types .block-types__card-list li {
    margin-bottom: 0.25rem !important;
}
.wrap .wrap__block.block-types .block-types__card-list li:last-child {
    margin-bottom: 0 !important;
}

/* --- Таблица характеристик: референс — границы #D1D5DC, заголовки #F3F4F6/#F9FAFB, текст #364153/#101828, Montserrat --- */
.wrap .wrap__block.block-spec {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-spec .block-spec__title {
    margin: 0 0 2rem !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
}
.wrap .wrap__block.block-spec .block-spec__table-wrap {
    overflow-x: auto !important;
    margin-bottom: 1rem !important;
    -webkit-overflow-scrolling: touch !important;
}
.wrap .wrap__block.block-spec .block-spec__table {
    min-width: 100% !important;
}
.wrap .wrap__block.block-spec .block-spec__table table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    border: 1px solid #D1D5DC !important;
}
.wrap .wrap__block.block-spec .block-spec__table th,
.wrap .wrap__block.block-spec .block-spec__table td {
    border: 1px solid #D1D5DC !important;
    padding: 0.75rem 1rem !important;
}
/* Первая строка заголовка таблицы */
.wrap .wrap__block.block-spec .block-spec__table thead tr:first-child th {
    background: #F3F4F6 !important;
    font-weight: 600 !important;
    color: #101828 !important;
    text-align: center !important;
}
/* Вторая строка заголовка (сокращения) */
.wrap .wrap__block.block-spec .block-spec__table thead tr:nth-child(2) th {
    background: #F9FAFB !important;
    font-weight: 600 !important;
    color: #101828 !important;
    text-align: center !important;
}
/* Все ячейки тела таблицы — один цвет #364153 (названия показателей и значения) */
.wrap .wrap__block.block-spec .block-spec__table tbody td {
    color: #364153 !important;
    font-weight: 400 !important;
}
.wrap .wrap__block.block-spec .block-spec__table td:first-child {
    background: #fff !important;
    text-align: left !important;
}
.wrap .wrap__block.block-spec .block-spec__table tbody tr:nth-child(even) td:not(:first-child) {
    background: #F9FAFB !important;
}
.wrap .wrap__block.block-spec .block-spec__table tbody tr:nth-child(odd) td:not(:first-child) {
    background: #fff !important;
}
.wrap .wrap__block.block-spec .block-spec__table td:not(:first-child) {
    text-align: center !important;
}
.wrap .wrap__block.block-spec .block-spec__footer {
    margin: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #364153 !important;
    line-height: 1.45 !important;
}

/* --- Доставка и логистика: без сепараторов, преимущества в карточке #F9FAFB, Montserrat --- */
.wrap .wrap__block.block-delivery {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    background: #fff !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-delivery .block-delivery__title {
    margin: 0 0 2rem !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
    border-top: none !important;
    border-bottom: none !important;
}
.wrap .wrap__block.block-delivery .block-delivery__intro {
    margin: 0 0 1.25rem !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-delivery .block-delivery__intro p {
    margin: 0 0 1rem !important;
}
.wrap .wrap__block.block-delivery .block-delivery__intro p:first-child { margin-top: 0 !important; }
.wrap .wrap__block.block-delivery .block-delivery__intro p:last-child { margin-bottom: 0 !important; }

/* Блок после CTA: UF_BLOCK2_TITLE + UF_BLOCK2_DESCRIPTIO */
.wrap .wrap__block.block-block2 .block-block2__inner {
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-block2 .block-block2__title {
    margin: 0 0 2rem !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
    border: none !important;
}
.wrap .wrap__block.block-block2 .block-block2__text {
    margin: 0 !important;
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-block2 .block-block2__text p {
    margin: 0 0 1rem !important;
}
.wrap .wrap__block.block-block2 .block-block2__text p:first-child { margin-top: 0 !important; }
.wrap .wrap__block.block-block2 .block-block2__text p:last-child { margin-bottom: 0 !important; }

/* Блок после таблицы: UF_BLOCK3_TITLE + UF_BLOCK3_DESCRIPIO */
.wrap .wrap__block.block-block3 .block-block3__inner {
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-block3 .block-block3__title {
    margin: 0 0 2rem !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
    border: none !important;
}
.wrap .wrap__block.block-block3 .block-block3__text {
    margin: 0 !important;
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-block3 .block-block3__text p {
    margin: 0 0 1rem 44px !important;
    position: relative;

}

.wrap .wrap__block.block-block3 .block-block3__text p::before {
    content: url("https://carbontc.ru/local/templates/main/components/bitrix/news/products/bitrix/news.section/.default/Check.svg");
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -44px;
}

.wrap .wrap__block.block-block3 .block-block3__text p:first-child { margin-top: 0 !important; }
.wrap .wrap__block.block-block3 .block-block3__text p:last-child { margin-bottom: 0 !important; }

/* Карточка «Преимущества» + список: белый фон, серая рамка 1px, отступ снизу чуть больше */
.wrap .wrap__block.block-delivery .block-delivery__adv {
    background: #fff !important;
    border: 1px solid #D1D5DC !important;
    padding: 1.25rem 1.5rem 1.75rem !important;
    border-radius: 0 !important;
}
.wrap .wrap__block.block-delivery .block-delivery__adv-title {
    margin: 0 0 0.75rem !important;
    padding-bottom: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    color: #101828 !important;
    border-bottom: none !important;
}
.wrap .wrap__block.block-delivery .block-delivery__adv-cols {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem 3rem !important;
}
@media (max-width: 575px) {
    .wrap .wrap__block.block-delivery .block-delivery__adv-cols {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}
.wrap .wrap__block.block-delivery .block-delivery__adv-ul {
    margin: 0 !important;
    padding-left: 1.2rem !important;
    list-style-type: disc !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-delivery .block-delivery__adv-ul li {
    margin-bottom: 0.35rem !important;
}
/* Точки как в блоке «Марки и виды» — тёмные, чёткие */
.wrap .wrap__block.block-delivery .block-delivery__adv-ul li::marker {
    color: #101828 !important;
}
.wrap .wrap__block.block-delivery .block-delivery__adv-ul li:last-child {
    margin-bottom: 0 !important;
}

/* --- Карточки (Преимущества сотрудничества / Как выбрать): белый фон, выравнивание по левой стороне, карточки с бордером #D1D5DC, без сепараторов --- */
.wrap .wrap__block.block-cards {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    background: #fff !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-cards .block-cards__title,
.wrap .wrap__block.block-cards .block-cards__intro,
.wrap .wrap__block.block-cards .block-cards__card-title,
.wrap .wrap__block.block-cards .block-cards__card-subtext,
.wrap .wrap__block.block-cards .block-cards__card-text,
.wrap .wrap__block.block-cards .block-cards__footer {
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-cards .block-cards__title {
    margin: 0 0 2rem !important;
    padding-bottom: 0 !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
}
.wrap .wrap__block.block-cards .block-cards__intro {
    margin: 0 0 1.5rem !important; /* отступ снизу перед сеткой карточек */
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}
.wrap .wrap__block.block-cards .block-cards__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
}
@media (max-width: 991px) {
    .wrap .wrap__block.block-cards .block-cards__grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 575px) {
    .wrap .wrap__block.block-cards .block-cards__grid {
        grid-template-columns: 1fr !important;
    }
}
.wrap .wrap__block.block-cards .block-cards__card {
    background: #fff !important;
    border: 1px solid #D1D5DC !important;
    border-radius: 0 !important;
    padding: 1.25rem 1.25rem 1.5rem !important;
    text-align: left !important;
    transition: border-color 0.25s ease, transform 0.25s ease !important;
}
.wrap .wrap__block.block-cards .block-cards__card:hover {
    border-color: #ff4f28 !important;
    transform: translateY(-5px) !important;
}
.wrap .wrap__block.block-cards .block-cards__card-icon {
    margin-bottom: 0.75rem !important;
}
.wrap .wrap__block.block-cards .block-cards__card-icon img {
    display: inline-block !important;
    max-width: 52px !important;
    max-height: 52px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.wrap .wrap__block.block-cards .block-cards__card-title {
    margin: 0 0 0.35rem !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0 !important;
    color: #101828 !important;
}
.wrap .wrap__block.block-cards .block-cards__card-subtext {
    margin: 0 0 0.25rem !important;
    font-size: 0.9375rem !important;
    color: #364153 !important;
    line-height: 1.45 !important;
}
.wrap .wrap__block.block-cards .block-cards__card-text {
    margin: 0 !important;
    font-size: 0.9375rem !important;
    color: #364153 !important;
    line-height: 1.45 !important;
}
.wrap .wrap__block.block-cards .block-cards__footer {
    margin-top: 1.25rem !important;
    font-size: 1rem !important;
    color: #364153 !important;
    line-height: 1.55 !important;
}

/* 1440px: внутренние отступы карточек FAQ 32px, заголовок секции выровнен с карточками */
@media (min-width: 1440px) {
    .wrap .faq-item {
        padding: 32px !important;
    }
    .wrap .faq-section .wrap__title {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

/* Мобильные: отступы между блоками в 1.3 раза меньше; у заголовка FAQ — без большого margin */
@media (max-width: 767px) {
    .wrap .wrap__block.block-cta,
    .wrap .wrap__block.block-types,
    .wrap .wrap__block.block-spec,
    .wrap .wrap__block.block-delivery,
    .wrap .wrap__block.block-cards {
        padding-top: 1.92rem !important;
        padding-bottom: 1.92rem !important;
    }
    .wrap .faq-section .wrap__title {
        margin: 0 0 2rem !important;
    }
}

@media screen and (min-width: 577px) {
  .wrap__block--base .wrap__item {
    margin-left: 0 !important;
  }
}

.wrap .wrap__block.block-cta .block-cta__title {
	margin-bottom: 0 !important;
}

.wrap__block.wrap__block--base.block-cta {
	padding-bottom: 0 !important;
}

@media (min-width: 1280px) {
  .header__list > li:nth-child(5) {
    display: block !important;
  }
}

/* ========== Блок «Сертификаты» — слайдер (5 в ряд, листание кнопками) ========== */
.wrap .wrap__block.block-cert {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    font-family: "Montserrat", sans-serif !important;
}
.wrap .wrap__block.block-cert .block-cert__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.wrap .wrap__block.block-cert .block-cert__title {
    margin: 0 0 1.5rem !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    color: #101828 !important;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
    line-height: 1.3 !important;
}

/* Слайдер: --per — сколько карточек в ряд, --cert-gap — отступ между ними */
.wrap .wrap__block.block-cert .block-cert__slider {
    position: relative;
    --per: 5;
    --cert-gap: 16px;
}
.wrap .wrap__block.block-cert .block-cert__viewport {
    overflow: hidden;
    width: 100%;
}
.wrap .wrap__block.block-cert .block-cert__track {
    display: flex;
    gap: var(--cert-gap);
    transition: transform 0.4s ease;
    will-change: transform;
}
.wrap .wrap__block.block-cert .block-cert__slide {
    flex: 0 0 calc((100% - (var(--per) - 1) * var(--cert-gap)) / var(--per));
    max-width: calc((100% - (var(--per) - 1) * var(--cert-gap)) / var(--per));
    box-sizing: border-box;
}

/* Кнопки перелистывания */
.wrap .wrap__block.block-cert .block-cert__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #D1D5DC;
    background: #fff;
    color: #101828;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.wrap .wrap__block.block-cert .block-cert__nav:hover {
    background: #ff4f28;
    border-color: #ff4f28;
    color: #fff;
}
.wrap .wrap__block.block-cert .block-cert__nav--prev { left: -22px; }
.wrap .wrap__block.block-cert .block-cert__nav--next { right: -22px; }
.wrap .wrap__block.block-cert .block-cert__nav.is-disabled,
.wrap .wrap__block.block-cert .block-cert__nav:disabled {
    opacity: 0;
    pointer-events: none;
}
.wrap .wrap__block.block-cert .block-cert__slider--static .block-cert__nav {
    display: none;
}

/* Карточки-сертификаты (растягиваются по ширине слайда) */
.wrap .wrap__block.block-cert .block-cert__item--img {
    display: block;
    width: 100%;
    aspect-ratio: 5 / 7;
    border: 1px solid #D1D5DC;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.25s ease, transform 0.25s ease;
}
.wrap .wrap__block.block-cert .block-cert__item--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap .wrap__block.block-cert .block-cert__item--img:hover {
    border-color: #ff4f28;
}
.wrap .wrap__block.block-cert .block-cert__item--file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    width: 100%;
    aspect-ratio: 5 / 7;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #D1D5DC;
    background: #fff;
    text-decoration: none;
    transition: border-color 0.25s ease, transform 0.25s ease;
}
.wrap .wrap__block.block-cert .block-cert__item--file:hover {
    border-color: #ff4f28;
}
.wrap .wrap__block.block-cert .block-cert__file-icon {
    flex: none;
    display: inline-flex;
    color: #ff4f28;
}
.wrap .wrap__block.block-cert .block-cert__file-meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.wrap .wrap__block.block-cert .block-cert__file-name {
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.35;
    color: #101828;
    word-break: break-word;
}
.wrap .wrap__block.block-cert .block-cert__file-size {
    margin-top: 4px;
    font-size: 0.8125rem;
    color: #6b6d72;
}

@media (max-width: 1200px) {
    .wrap .wrap__block.block-cert .block-cert__slider { --per: 4; }
}
@media (max-width: 900px) {
    .wrap .wrap__block.block-cert .block-cert__slider { --per: 3; }
}
@media (max-width: 575px) {
    .wrap .wrap__block.block-cert .block-cert__slider { --per: 2; --cert-gap: 12px; }
    .wrap .wrap__block.block-cert .block-cert__nav { width: 38px; height: 38px; }
    .wrap .wrap__block.block-cert .block-cert__nav--prev { left: -8px; }
    .wrap .wrap__block.block-cert .block-cert__nav--next { right: -8px; }
}

/* ========== Лайтбокс сертификатов (поп-ап) ========== */
body.cert-lb-lock { overflow: hidden; }
.cert-lb {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
}
.cert-lb.is-open { display: flex; }
.cert-lb__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(14, 16, 16, 0.85);
    cursor: zoom-out;
}
.cert-lb__figure {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    pointer-events: none;
}
.cert-lb__img {
    display: block;
    max-width: 90vw;
    max-height: 82vh;
    width: auto;
    height: auto;
    object-fit: contain;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
/* figcaption присутствует в DOM (по ТЗ), но не отображается визуально */
.cert-lb__caption {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.cert-lb__close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
}
.cert-lb__close:hover { background: #ff4f28; }
.cert-lb__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
}
.cert-lb__nav:hover { background: #ff4f28; }
.cert-lb__nav--prev { left: 18px; }
.cert-lb__nav--next { right: 18px; }
@media (max-width: 575px) {
    .cert-lb__nav { width: 42px; height: 42px; }
    .cert-lb__nav--prev { left: 6px; }
    .cert-lb__nav--next { right: 6px; }
    .cert-lb__close { top: 10px; right: 10px; width: 40px; height: 40px; }
    .cert-lb__img { max-height: 78vh; }
}
/* End */


/* Start:/local/components/main/main.feedback/templates/product_simple/style.min.css?1775551786251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */
/* /local/templates/main/components/bitrix/news/products/bitrix/news.section/.default/style.css?178522660731047 */
/* /local/components/main/main.feedback/templates/product_simple/style.min.css?1775551786251 */
