/* Start:/local/templates/immunohealth/assets/css/pages/reviews-b2b.css?17899932868194*/
/* ==========================================================================
   /reviews-b2b/ — «Отзывы» B2B-раздела.
   Эталон: Figma O4hCS4XXvppJ73LW1CNYgf, кадр «отзывы» 1:1068 (1600×2963).

   Файл подключается через SetAdditionalCSS, а ShowHead() в header-coop.php
   стоит ВЫШЕ ссылки на style.css — то есть этот файл грузится раньше общего.
   Поэтому всё, что переопределяет общие блоки (.coop-intro, .faq-item,
   .contacts__social), пишется через префикс страницы: специфичность 0,2,0
   выигрывает у style.css независимо от порядка загрузки.
   ========================================================================== */

.reviews-b2b-page {
    /* Тёмно-зелёный вопросов и ответов FAQ (Figma #195d3c). В :root его нет. */
    --c-forest: #195d3c;
}


/* 1. Шапка страницы — серая карточка с H1.
   Разметка и размеры взяты у .coop-intro (радиус 30, паддинг 30, min-height 220,
   отступ сверху = header-h + 47 = 111px как в Фигме). Ограничение ширины в 14ch
   рассчитано на «Сотрудничество», здесь заголовок длиннее — снимаем, перенос
   строки задан <br> по макету. */
.reviews-b2b-page .coop-intro__title { max-width: none; }


/* 2. Отзывы партнёров — слайдер (2 карточки в ряд: 730 + 20 + 730 = 1480) */
.rvb-partners { padding-top: clamp(60px, 9.4vw, 150px); }
.rvb-partners__head {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 40px;
}
/* Стрелки слайдера на этой странице не нужны — листается свайпом и клавишами.
   Скрыты, а не удалены из разметки: вернуть — убрать это правило. */
.rvb-partners .reviews-nav { display: none; }
.rvb-partners__headings { min-width: 0; }
.rvb-partners__title {
    font-size: clamp(1.75rem, 3.75vw, 60px); font-weight: 600; line-height: 1.3; color: var(--c-teal);
}
.rvb-partners__lead {
    margin-top: 20px; max-width: 1000px;
    font-size: clamp(1rem, 1.25vw, 20px); font-weight: 500; line-height: 1.3; color: var(--c-body);
}

.rvb-slider { margin-top: 40px; }
/* высота карточек — по самой высокой в ряду, без JS-выравнивания */
.rvb-slider .swiper-slide { height: auto; }

.rvb-review {
    box-sizing: border-box; height: 100%;
    display: flex; flex-direction: column; gap: 20px;
    padding: 30px; border-radius: 20px; background: var(--c-grey-050);
}
.rvb-review__head {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
}
.rvb-review__person { display: flex; align-items: center; gap: 16px; min-width: 0; }
/* монограмма вместо фото: в макете аватар лежит внутри растрового скриншота,
   отдельным слоем его из Фигмы не выгрузить */
.rvb-review__ava {
    flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%;
    display: grid; place-items: center;
    background: var(--c-teal); color: var(--c-white);
    font-size: 16px; font-weight: 600; line-height: 1;
}
.rvb-review__name {
    font-size: clamp(1rem, 1.25vw, 20px); font-weight: 600; line-height: 1.3; color: var(--c-teal);
}
.rvb-review__logo {
    flex: 0 0 auto; display: grid; place-items: center;
    min-width: 130px; min-height: 44px; padding: 6px 16px;
    border-radius: 10px; background: var(--c-white);
    font-size: 14px; font-weight: 600; line-height: 1.2; text-align: center; color: var(--c-forest);
}
.rvb-review__logo--text { text-align: center; }
/* Аватар и логотип редактор задаёт либо текстом, либо картинкой (свойства
   AVA_TEXT / PREVIEW_PICTURE и LOGO_TEXT / LOGO_FILE). Для картинки те же
   габариты, только вместо типографики — вписанное изображение. */
.rvb-review__ava--photo {
    display: block;
    object-fit: cover;
    background: none;
}
.rvb-review__logo--img { padding: 6px 10px; }
.rvb-review__logo--img img {
    display: block;
    width: auto; height: auto;
    max-width: 110px; max-height: 32px;
    object-fit: contain;
}
.rvb-review__text {
    font-size: clamp(1rem, 1.25vw, 20px); font-weight: 500; line-height: 1.4; color: var(--c-body);
}
.rvb-review__text p { margin: 0; }
.rvb-review__text p + p { margin-top: .6em; }
.rvb-review__actions {
    display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: auto;
}
.rvb-review__action {
    background: none; border: none; padding: 0; cursor: pointer;
    font-size: clamp(14px, 1vw, 16px); font-weight: 600;
    color: var(--c-teal); text-decoration: underline; text-underline-offset: 3px;
    transition: color var(--t1);
}
.rvb-review__action:hover { color: var(--c-forest); }
.rvb-review__action--video {
    display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
}
.rvb-review__action--video .icon { width: 18px; height: 18px; fill: currentColor; }


/* 3. Часто задаваемые вопросы.
   Каркас — общий .faq-list/.faq-item (нативный <details>, плюс поворачивается
   в крестик). По Фигме отличаются: фон карточки серый #f7f7f7 вместо зеленоватого,
   цвет текста #195d3c, отступ до первой карточки 40px, ответ выровнен по вопросу
   (в общих стилях он сдвинут под иконку рубрики, которой здесь нет). */
.rvb-faq { padding-top: clamp(60px, 9.4vw, 150px); }
.rvb-faq__title {
    font-size: clamp(1.75rem, 3.75vw, 60px); font-weight: 600; line-height: 1.3; color: var(--c-teal);
}
.rvb-faq .faq-list { margin-top: 40px; }
.rvb-faq .faq-item { background: var(--c-grey-050); }
.rvb-faq .faq-item__title { color: var(--c-forest); }
.rvb-faq .faq-item__a { padding: 0 36px 30px 31px; }
.rvb-faq .faq-item__a p {
    max-width: 1327px;                       /* ширина текстового блока в Фигме — держит перенос строк */
    font-size: clamp(1rem, 1.25vw, 20px); font-weight: 500; line-height: 1.3; color: var(--c-forest);
}


/* 4. Контакты — блок целиком общий (.coop-contacts). По Фигме на этой странице
   соцсети идут выше карточек с режимом работы, а снизу до футера 39px, а не 75. */
.reviews-b2b-page .contacts__social { margin-top: 20px; }
.reviews-b2b-page .coop-contacts { padding-bottom: 40px; }


/* ------------------------------- адаптив ---------------------------------- */
@media (max-width: 1024px) {
    .rvb-partners,
    .rvb-faq { padding-top: 80px; }
    .rvb-review { padding: 24px; gap: 16px; }
    .rvb-review__logo { min-width: 110px; font-size: 13px; }
}

@media (max-width: 640px) {
    .rvb-partners,
    .rvb-faq { padding-top: 60px; }
    .rvb-partners__head { flex-direction: column; align-items: flex-start; gap: 24px; }
    .rvb-partners__lead { margin-top: 14px; }
    .rvb-slider { margin-top: 24px; }
    .rvb-review { padding: 16px; border-radius: 15px; }
    .rvb-review__head { flex-direction: column; align-items: flex-start; gap: 12px; }
    .rvb-review__ava { flex-basis: 36px; width: 36px; height: 36px; font-size: 14px; }
    .rvb-review__name { font-size: 16px; }
    .rvb-review__text { font-size: 16px; }
    .rvb-faq .faq-item__a { padding: 0 16px 20px; }
    .rvb-faq .faq-item__a p { font-size: 16px; }
}

/* End */
/* /local/templates/immunohealth/assets/css/pages/reviews-b2b.css?17899932868194 */