/* Apply only to text links (no img, no .t-btn, no .tn-atom) */
a:not(:has(img)):not(.t-btn):not(.tn-atom) {
    position: relative;
    text-decoration: none !important;
}

a:not(:has(img)):not(.t-btn):not(.tn-atom)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

a:not(:has(img)):not(.t-btn):not(.tn-atom):hover::after {
    width: 100%;
}

/* Remove underline effect entirely for links in #rec1204611956 */
#rec1204611956 a::after {
    content: none;
}

/* Делаем вертикальное расположение */
#rec1944442593 .t-container {
    display: flex !important;
    flex-direction: column !important;
}

/* Картинка на всю ширину */
#rec1944442593 .t-col:first-child {
    width: 100% !important;
    max-width: 100% !important;
}

/* Текстовые колонки тоже на всю ширину */
#rec1944442593 .t-col:not(:first-child) {
    width: 100% !important;
    max-width: 100% !important;
}

/* Отступ между картинкой и текстом */
#rec1944442593 .t-col + .t-col {
    margin-top: 30px !important;
}




/* =========================
ДЛЯ КАРУСЕЛИ ПРЕВЬЮ ИНТЕРФЕЙСОВ
ПЕРВЫЙ БЛОК
   ========================= */
/* =========================
   TABS clickability
   ========================= */

#rec1944444133 .tab-btn,
#rec1944444133 .tab-btn .tn-atom {
  cursor: pointer !important;
  pointer-events: auto !important;
  border-radius: 22px !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Hover (only when NOT active) */
#rec1944444133 .tab-btn:not(.active):hover,
#rec1944444133 .tab-btn:not(.active):hover .tn-atom {
  background-color: #3252E2 !important;
  border-color: #3252E2 !important;
}

/* Active state */
#rec1944444133 .tab-btn.active,
#rec1944444133 .tab-btn.active .tn-atom {
  background-color: #222222 !important;
  border-color: #222222 !important;
  border-radius: 22px !important;
}

/* Active state: white text */
#rec1944444133 .tab-btn.active,
#rec1944444133 .tab-btn.active .tn-atom,
#rec1944444133 .tab-btn.active .tn-atom * {
  color: #ffffff !important;
}

/* =========================
   Typography for content
   ========================= */

/* Title */
#rec1944444133 .tab-title,
#rec1944444133 .tab-title .tn-atom {
  font-family: Inter, sans-serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.33 !important;
  text-align: center !important;
}

/* Description */
#rec1944444133 .tab-desc,
#rec1944444133 .tab-desc .tn-atom {
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  text-align: center !important;
}

/* Закругление и тень для hero-картинки */
#rec1944444133 .tab-hero-img,
#rec1944444133 .tab-hero-img .tn-atom,
#rec1944444133 img.tab-hero-img,
#rec1944444133 .tab-hero-img img {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* Убираем "прыжок" при первой отрисовке */
#rec1944444133 .tab-hero-img,
#rec1944444133 .tab-hero-img .tn-atom{
  overflow: hidden !important;
  transform: none !important;
}

/* Если внутри есть  — фиксируем поведение */
#rec1944444133 .tab-hero-img img,
#rec1944444133 img.tab-hero-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transform: none !important;
}

#rec1944444133 .tab-hero-img,
#rec1944444133 .tab-hero-img .tn-atom {
  aspect-ratio: 16 / 9;
}

/* =========================
ДЛЯ КАРУСЕЛИ ПРЕВЬЮ ИНТЕРФЕЙСОВ
ВТОРОЙ БЛОК
   ========================= */

/* =========================
   TABS clickability
   ========================= */

#rec1946536493 .tab-btn,
#rec1946536493 .tab-btn .tn-atom {
  cursor: pointer !important;
  pointer-events: auto !important;
  border-radius: 22px !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Hover (only when NOT active) */
#rec1946536493 .tab-btn:not(.active):hover,
#rec1946536493 .tab-btn:not(.active):hover .tn-atom {
  background-color: #3252E2 !important;
  border-color: #3252E2 !important;
}

/* Active state */
#rec1946536493 .tab-btn.active,
#rec1946536493 .tab-btn.active .tn-atom {
  background-color: #222222 !important;
  border-color: #222222 !important;
  border-radius: 22px !important;
}

/* Active state: white text */
#rec1946536493 .tab-btn.active,
#rec1946536493 .tab-btn.active .tn-atom,
#rec1946536493 .tab-btn.active .tn-atom * {
  color: #ffffff !important;
}

/* =========================
   Typography for content
   ========================= */

/* Title */
#rec1946536493 .tab-title,
#rec1946536493 .tab-title .tn-atom {
  font-family: Inter, sans-serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.33 !important;
  text-align: center !important;
}

/* Description */
#rec1946536493 .tab-desc,
#rec1946536493 .tab-desc .tn-atom {
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  text-align: center !important;
}

/* Закругление и тень для hero-картинки */
#rec1946536493 .tab-hero-img,
#rec1946536493 .tab-hero-img .tn-atom,
#rec1946536493 img.tab-hero-img,
#rec1946536493 .tab-hero-img img {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* Убираем "прыжок" при первой отрисовке */
#rec1946536493 .tab-hero-img,
#rec1946536493 .tab-hero-img .tn-atom{
  overflow: hidden !important;
  transform: none !important;
}

/* Если внутри есть  — фиксируем поведение */
#rec1946536493 .tab-hero-img img,
#rec1946536493 img.tab-hero-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transform: none !important;
}

#rec1946536493 .tab-hero-img,
#rec1946536493 .tab-hero-img .tn-atom {
  aspect-ratio: 16 / 9;
}
/* =========================
ДЛЯ КАРУСЕЛИ ПРЕВЬЮ ИНТЕРФЕЙСОВ
Конец
   ========================= */