/* Базовое состояние: подчеркивание + аккуратный вид */

#links-row .tn-atom,
#links-row .tn-atom a{
  color: #333;                             /* базовый цвет текста */
  text-decoration: underline;              /* подчёркивание видно сразу */
  text-underline-offset: 3px;              /* отступ линии от текста */
  text-decoration-thickness: 1.2px;        /* толщина */
  text-decoration-color: currentColor;     /* цвет линии = цвету текста */
  transition: color .2s ease, text-decoration-color .2s ease;
} 




/* Ховер: меняется и текст, и подчёркивание */
#links-row .tn-atom:hover,
#links-row .tn-atom a:hover{
  color: #4FA2B8;                          /* ← твой брендовый цвет */
  text-decoration-color: currentColor;
}


/* Заголовок H1 */
.h1 .tn-atom {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #111;
}

/* Заголовок H2 */
.h2 .tn-atom {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  color: #222;
}

/* Description */
.description .tn-atom {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #444;
}

/* Body */
.body .tn-atom {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}

/* Caption */
.caption .tn-atom {
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Link */
.link .tn-atom {
  font-size: 16px;
  font-weight: 500;
  color: #0070f3;
  text-decoration: underline;
}
.link .tn-atom:hover {
  color: #0051a1;
}

/* Button */
.button .tn-atom {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  background-color: #0070f3;
  padding: 12px 24px;
  border-radius: 8px;
  display: inline-block;
}
.button .tn-atom:hover {
  background-color: #0051a1;
}



/* Контейнер для карточек */
#rec1298069991 .cards-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
  padding: 0 20px; /* отступы внутри контейнера */
}

/* Сами карточки */
#rec1298069991 .card {
  flex: 0 0 auto;
  width: 250px;
  scroll-snap-align: start;
}



/* По умолчанию все картинки скрыты */
.retail-img,
.realestate-img,
.travel-img,
.healthcare-img {
  display: none;
}

/* Показываем только нужную картинку при активном табе */
body.tab-retail .retail-img { display: block; }
body.tab-realestate .realestate-img { display: block; }
body.tab-travel .travel-img { display: block; }
body.tab-healthcare .healthcare-img { display: block; }



/* стартовое состояние: поисковый видим, агенты скрыты */
.ztab-img-search { opacity:1; pointer-events:auto; }
.ztab-img-agents { opacity:0; pointer-events:none; }


/* Для планшетов (ширина 768–1199px) */
@media screen and (min-width: 640px) and (max-width: 980px) {
  #rec1308540761 .t-menuburger {
    margin-right: 32px !important; /* уменьши значение под себя */
  }
}





