/* Баннер прилипающий к верху, не блокирует скролл страницы */
.tg-teaser{
  position: sticky;   /* либо оставьте static, если так и задумано */
  top: 0;
  z-index: 1;
  overflow: hidden;   /* можно оставить, он не мешает скроллу */
  touch-action: pan-y;; /* явно разрешаем вертикальную прокрутку */
}

/* На всякий случай отключаем любые перекрывающие оверлеи */
.tg-teaser::before,
.tg-teaser::after { 
  pointer-events: none !important;
  content: none !important;
}

.tg-teaser__inner{
  display:flex; align-items:center; gap:.8rem;
  padding:12px 16px; max-width:1200px; margin:0 auto;
}
.tg-teaser__dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:0 0 8px}
.tg-teaser__text{font-size:15px;line-height:1.35}
.tg-teaser__hint{color:#6b7280;margin-left:.6rem;font-size:12px}
.tg-teaser__btn{
  margin-left:auto; display:inline-flex; align-items:center; gap:.4rem;
  padding:8px 12px;border-radius:999px;background:var(--brand);color:#fff;
  text-decoration:none;font-weight:600; white-space:nowrap;
}
.tg-teaser__btn:hover{opacity:.92}
.tg-teaser__close{
  margin-left:10px;
  font-size:12px;
  color:#6b7280;
  background:transparent;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
}

/* По умолчанию показываем слово */
.tg-teaser__close-icon{display:none;font-size:18px;line-height:1}

/* На мобильных показываем крестик вместо слова */
@media (max-width:480px){
  .tg-teaser__close-text{display:none}
  .tg-teaser__close-icon{display:inline}
}

/* Анимация раскрытия без дёрганий верстки */
.tg-teaser.tg-teaser--prefold{max-height:0; opacity:0}
.tg-teaser.tg-teaser--open{max-height:160px; opacity:1; transition:max-height .35s ease, opacity .25s ease}
@media (max-width:480px){
  .tg-teaser__inner{padding:10px 12px}
  .tg-teaser__btn{padding:7px 10px}
  .tg-teaser__hint{display:none}
}