/* ======================================
   GLASS HEADER — DESKTOP (SOFT VERSION)
   ====================================== */

@media screen and (min-width: 1200px) {

  .tn-elem__17477246511766645292437 {
    position: relative;

    /* Glass effect */
    backdrop-filter: blur(7px) saturate(110%);
    -webkit-backdrop-filter: blur(7px) saturate(110%);
    background: rgba(255, 255, 255, 0.08);

    /* Shape */
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.04);

    /* Depth */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);

    /* Smoothness */
    transition:
      background 0.25s ease,
      backdrop-filter 0.25s ease,
      box-shadow 0.25s ease;
  }

  /* Subtle light grain (premium touch) */
  .tn-elem__17477246511766645292437::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    background-image: url("https://grainy-gradients.vercel.app/noise.svg");
    opacity: 0.06;
    pointer-events: none;
  }

}
/* ======================================
   GLASS MENU — MOBILE (SOFT VERSION)
   ====================================== */

@media screen and (max-width: 1199px) {

  .t451__menu__content {
    position: relative;

    /* Glass effect */
    backdrop-filter: blur(7px) saturate(110%);
    -webkit-backdrop-filter: blur(7px) saturate(110%);
    background: rgba(124, 124, 124, 0.29);

    /* Shape */
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);

    /* Depth */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);

    /* Smoothness */
    transition:
      background 0.25s ease,
      backdrop-filter 0.25s ease,
      box-shadow 0.25s ease;
  }

  /* Subtle grain for premium feel */
  .t451__menu__content::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background-image: url("https://grainy-gradients.vercel.app/noise.svg");
    opacity: 0.06;
    pointer-events: none;
  }

}


/* ===== T852: фон + скругление + hover ===== */

/* Колонка карточки */
.t852 .t852__col {
  background-color: #F3F8FF;
  border-radius: 32px;
  padding: 32px;
  box-sizing: border-box;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ===== Hover для t852 и t1004 ===== */

.t852 .t852__col,
.t1004 .t1004__item {
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.t852 .t852__col:hover,
.t1004 .t1004__item:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* ===== Hover для карточек feed / slider ===== */

.t-feed__slider-grid__post-wrapper {
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.t-feed__slider-grid__post-wrapper:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* Текст */
.t852 .t852__title,
.t852 .t852__descr {
  color: #000;
}

/* Кнопка — отступ сверху */
.t852 .t852__btn-wrapper {
  margin-top: 24px;
}


/* === Sticky-заголовок для шаблонного блока t1119 === */

/* снимаем ограничения, мешающие sticky */
.t1119,
.t1119 .t-container,
.t1119 .t-col {
  overflow: visible !important;
}

/* делаем колонку ограничителем */
.t1119 .t-col_6 {
  position: relative;
}

/* фиксируем заголовок внутри левой колонки */
.t1119__title {
  position: sticky;
  top: 120px; /* отступ от верха экрана, при необходимости меняй */
  align-self: flex-start;
  z-index: 2;
}

/* отключаем sticky на мобильных */
@media (max-width: 960px) {
  .t1119__title {
    position: static;
  }
}