/* ===== СЕКЦИИ (глобально) =====
   Оформление всех заголовков секций Tilda:
   .t-section__title — стандартный заголовок секции
   h1/h2/h3.t-title  — альтернативные варианты заголовков */
.t-section__title,
h1.t-title, h2.t-title, h3.t-title {
  position: relative;     /* нужно для позиционирования псевдоэлемента ::after */
  display: block;         /* гарантируем блочное поведение */
  padding-bottom: 12px;   /* место под декоративную линию */
  margin: 0 0 18px;       /* отступ снизу после заголовка */
  border-bottom: none !important; /* убираем стандартную линию Tilda */
}

/* Псевдоэлемент — декоративная линия под заголовком */
.t-section__title::after,
h1.t-title::after, h2.t-title::after, h3.t-title::after {
  content: "" !important; /* принудительно создаём псевдоэлемент */
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;              /* линия "прилипает" к низу заголовка */
  height: 3px;            /* толщина линии */
  width: 100%;
  max-width: 860px;       /* ограничение ширины на больших экранах */
  background: linear-gradient(
    90deg,
    #00A4A4,
    rgba(0,164,164,.15)
  );                       /* фирменный градиент */
  border-radius: 3px;     /* скругление концов */
}

/* ===== КАРТОЧКИ в блоке #rec1220526406 =====
   Локальное оформление заголовков карточек,
   чтобы не затрагивать остальные блоки */
#rec1220526406 .t-item .t-name,
#rec1220526406 .t-item .t-heading {
  position: relative;   /* база для ::after */
  padding-bottom: 8px;  /* место под короткую линию */
  margin-bottom: 6px;   /* расстояние до контента карточки */
}

/* Короткая декоративная линия под заголовком карточки */
#rec1220526406 .t-item .t-name::after,
#rec1220526406 .t-item .t-heading::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 40%;           /* линия короче, чем у секций */
  background: linear-gradient(
    90deg,
    #00A4A4,
    rgba(0,164,164,.15)
  );
  border-radius: 3px;
}

/* Адаптация карточек под мобильные устройства */
@media (max-width:640px){
  /* На узких экранах линия становится чуть длиннее
     для лучшей визуальной читаемости */
  #rec1220526406 .t-item .t-name::after,
  #rec1220526406 .t-item .t-heading::after {
    width: 55%;
  }
}

/* ===== Меню #rec1272422201 — тени на моб =====
   Управление тенями мобильного меню Tilda через CSS-переменные */
@media (max-width:980px){

  /* Задаём кастомные значения теней */
  #rec1272422201{
    --menu-shadow-closed: 0px 10px 40px -2px rgba(0,161,161,0.6);
    --menu-shadow-opened: 0px 10px 40px -2px rgba(0,161,161,0.6);
  }

  /* Тень контейнера меню в закрытом состоянии */
  #rec1272422201 .tmenu-mobile__container{
    box-shadow: var(--menu-shadow-closed) !important;
  }

  /* Тень контейнера меню в открытом состоянии */
  #rec1272422201
  .tmenu-mobile.tmenu-mobile_opened
  .tmenu-mobile__container{
    box-shadow: var(--menu-shadow-opened) !important;
  }
}

/* ===== Меню #rec1272422201 — соцсети =====
   Кастомизация иконок соцсетей в мобильном/десктопном меню */
#rec1272422201 .t-sociallinks__item {
  background-color: #f4fcf8 !important; /* светлый фон иконки */
  border: none !important;              /* убираем стандартную обводку */
}

/* Цвет самих SVG-иконок соцсетей */
#rec1272422201 .t-sociallinks__svg,
#rec1272422201 .t-sociallinks__svg * {
  fill: #00a4a4 !important;   /* заливка */
  stroke: #00a4a4 !important; /* обводка (если есть) */
}