@charset "UTF-8";
/* Модуль ventolux_seo_text - Figma «Why we» State=Collapsed 2487:51400 (1440x268):
   заголовок 32/40, опис 16/24 на три рядки, кнопка «читати більше».
   Згорнутий стан показує превʼю, розгорнутий - повний текст (collapse Bootstrap). */
.seo-text__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.seo-text__preview,
.seo-text__content {
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
}

/* превʼю - рівно три рядки, як у макеті */
.seo-text__preview {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 72px;
}

/* коли текст розгорнули, превʼю ховається */
.seo-text__content.show + .seo-text__preview,
.seo-text__content.collapsing + .seo-text__preview {
  display: none;
}

.seo-text__toggle {
  align-self: flex-start;
  padding-inline: 0;
}

.seo-text__caret {
  transition: transform var(--dur-base) var(--ease-out);
}

.seo-text__toggle[aria-expanded=true] .seo-text__caret {
  transform: rotate(180deg);
}

/* напис на кнопці залежить від стану */
.seo-text__toggle[aria-expanded=true] .seo-text__more,
.seo-text__toggle[aria-expanded=false] .seo-text__less {
  display: none;
}