.tlk-userbar__popup, .tlk-popup__container { border-radius: 30pxpx !important; background-color: #FFFFFF !important; } .ticodelk { display: none; } .tlk-userbar__popup-edit-profile { background: #FFF7EB !important; border-radius: 25pxpx; width: 100%; border: px solid ; padding: 7px !important; margin-top: 10px !important; color: #FEA800 !important; transition: 0.3s ease; } .tlk-userbar__popup-edit-profile:hover { color: #FFFFFF !important; background: #FEA800 !important; border: px solid ; } .tlk-userbar__popup-groups-link:hover, .tlk-userbar__popup-courses-link:hover { background: transparent !important; opacity: 0.8; } .tlk-popup__close::before, .tlk-popup__close::after { background-color: #5C5C5C !important; } .tlk-userbar__popup-name, .tlk-input-title, .tlk-userbar__popup-heading, .tlk-popup__change-lang, .tlk-userbar__arrow-down path, .tlk-userbar__popup-text span { color: #21201F !important; } .tlk-userbar__popup-heading { margin-bottom: 0 !important; } .tlk-popup__form-wrap { padding-bottom: 0 !important; } .tlk-userbar__popup-text { color: #21201F !important; } .tlk-userbar__popup-container { border-top: 0px solid transparent !important; position: relative; } .tlk-userbar__popup-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #FEA800; opacity: 0.2; pointer-events: none; } .tlk-input { background: #FFFFFF !important; border: 3pxpx solid #FEA800 !important; border-radius: 25pxpx; color: #21201F !important; } .tlk-btn.tlk-btn_gray { background: #FFF7EB !important; color: #FEA800 !important; border-radius: 25pxpx !important; width: 50%; transition: 0.3s ease; } .tlk-popup__button.tlk-btn_white { border: 1px solid #FFF7EB !important; border-radius: 25pxpx !important; color: #FFF7EB !important; width: 50%; transition: 0.3s ease; } .tlk-btn.tlk-btn_gray:hover, .tlk-popup__button.tlk-btn_white:hover, .tlk-popup__change-password:hover, .tlk-upload__button:hover { background: #FEA800 !important; color: #FFFFFF !important; border-color: #FEA800 !important; transition: 0.3s ease; } .tcd { display: none; } .tlk-popup__change-password { font-size: 14px; color: #FFF7EB; border-radius: 25pxpx; width: 100%; padding: 9px 15px 8px !important; border: 1px solid #FFF7EB !important; transition: 0.3s ease; } .tlk-upload__button { background: #5C5C5C !important; color: #FFFFFF !important; border-radius: 25pxpx; } .tlk-popup__title { color: #21201F !important; font-size: 20px !important; } .tlk-accordion__link:hover, .tlk-userbar__popup-accordion-link:hover { background-color: #21201F !important; opacity: 0.2 !important; } .tlk-userbar__popup-groups-link span { color: #21201F !important; }
/* Плавное свечение лампочек гирлянды */
.garland-light {
  border-radius: 50%;
  animation: glowPulse 3.5s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(255, 216, 122, 0.7);
}

.garland-light:nth-child(2n) {
  animation-duration: 3.8s;
}
.garland-light:nth-child(3n) {
  animation-duration: 4s;
  animation-delay: 1s;
}

@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 6px rgba(255, 216, 122, 0.6);
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 14px rgba(255, 230, 160, 1);
    opacity: 1;
    transform: scale(1.1);
  }

/* ===== ЛОКАЛЬНЫЙ СНЕГОПАД НАД ЛОГО SUPER FRUIT (ВСЕ РАЗРЕШЕНИЯ) ===== */

/* Оба контейнера фиксированы сверху, вне потока */
#logo-snow-desktop,
#logo-snow-mobile {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;   /* снег не мешает кликам */
  z-index: 9999;
}

/* Базовый стиль точек-снежинок */
#logo-snow-desktop .snow-dot,
#logo-snow-mobile .snow-dot {
  position: absolute;
  top: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #F6F6F8;
  opacity: 0;
  animation-name: snowFall, snowSway;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
}

/* ===== ДЕСКТОПНАЯ ВЕРСИЯ (>= 769px) ===== */
/* Высота падения: 0–110px, ширина зоны: от 20 до 250px */

@media (min-width: 769px) {
  #logo-snow-desktop {
    display: block;
    width: 230px;       /* 250 - 20 = 230px ширина локальной зоны */
    height: 110px;      /* вся высота снегопада над шапкой */
    transform: translateX(280px);  /* сдвиг зоны по X над логотипом */
  }

  #logo-snow-mobile {
    display: none;
  }

  /* Распределяем точки по ширине и времени — создаём живой, плотный снег */
  #logo-snow-desktop .snow-dot:nth-child(1)  { left: 0%;   animation-duration: 1.8s, 1.4s; animation-delay: 0s,   0s; }
  #logo-snow-desktop .snow-dot:nth-child(2)  { left: 5%;   animation-duration: 2.0s, 1.8s; animation-delay: 0.2s, 0.1s; }
  #logo-snow-desktop .snow-dot:nth-child(3)  { left: 10%;  animation-duration: 1.9s, 1.5s; animation-delay: 0.4s, 0.2s; }
  #logo-snow-desktop .snow-dot:nth-child(4)  { left: 15%;  animation-duration: 2.1s, 1.9s; animation-delay: 0.6s, 0.3s; }
  #logo-snow-desktop .snow-dot:nth-child(5)  { left: 20%;  animation-duration: 1.7s, 1.6s; animation-delay: 0.1s, 0.2s; }
  #logo-snow-desktop .snow-dot:nth-child(6)  { left: 25%;  animation-duration: 2.2s, 2.0s; animation-delay: 0.5s, 0.4s; }
  #logo-snow-desktop .snow-dot:nth-child(7)  { left: 30%;  animation-duration: 1.8s, 1.7s; animation-delay: 0.8s, 0.1s; }
  #logo-snow-desktop .snow-dot:nth-child(8)  { left: 35%;  animation-duration: 2.0s, 1.6s; animation-delay: 1.0s, 0.5s; }
  #logo-snow-desktop .snow-dot:nth-child(9)  { left: 40%;  animation-duration: 1.9s, 1.8s; animation-delay: 0.3s, 0.3s; }
  #logo-snow-desktop .snow-dot:nth-child(10) { left: 45%;  animation-duration: 2.1s, 1.9s; animation-delay: 0.7s, 0.6s; }
  #logo-snow-desktop .snow-dot:nth-child(11) { left: 50%;  animation-duration: 1.8s, 1.5s; animation-delay: 1.1s, 0.4s; }
  #logo-snow-desktop .snow-dot:nth-child(12) { left: 55%;  animation-duration: 2.0s, 1.7s; animation-delay: 0.9s, 0.2s; }
  #logo-snow-desktop .snow-dot:nth-child(13) { left: 60%;  animation-duration: 1.7s, 1.6s; animation-delay: 1.3s, 0.7s; }
  #logo-snow-desktop .snow-dot:nth-child(14) { left: 65%;  animation-duration: 2.1s, 2.0s; animation-delay: 0.4s, 0.5s; }
  #logo-snow-desktop .snow-dot:nth-child(15) { left: 70%;  animation-duration: 1.9s, 1.8s; animation-delay: 0.6s, 0.8s; }
  #logo-snow-desktop .snow-dot:nth-child(16) { left: 75%;  animation-duration: 1.8s, 1.4s; animation-delay: 1.5s, 0.1s; }
  #logo-snow-desktop .snow-dot:nth-child(17) { left: 80%;  animation-duration: 2.2s, 2.1s; animation-delay: 1.0s, 0.6s; }
  #logo-snow-desktop .snow-dot:nth-child(18) { left: 85%;  animation-duration: 1.9s, 1.7s; animation-delay: 1.7s, 0.3s; }
  #logo-snow-desktop .snow-dot:nth-child(19) { left: 90%;  animation-duration: 2.0s, 1.9s; animation-delay: 0.2s, 0.9s; }
  #logo-snow-desktop .snow-dot:nth-child(20) { left: 95%;  animation-duration: 1.8s, 1.5s; animation-delay: 1.2s, 0.4s; }
  #logo-snow-desktop .snow-dot:nth-child(21) { left: 12%;  animation-duration: 2.1s, 1.8s; animation-delay: 1.4s, 0.2s; }
  #logo-snow-desktop .snow-dot:nth-child(22) { left: 28%;  animation-duration: 1.9s, 1.6s; animation-delay: 0.9s, 0.7s; }
  #logo-snow-desktop .snow-dot:nth-child(23) { left: 44%;  animation-duration: 2.0s, 2.0s; animation-delay: 1.8s, 0.5s; }
  #logo-snow-desktop .snow-dot:nth-child(24) { left: 52%;  animation-duration: 1.7s, 1.4s; animation-delay: 0.3s, 0.2s; }
  #logo-snow-desktop .snow-dot:nth-child(25) { left: 68%;  animation-duration: 2.2s, 1.9s; animation-delay: 1.1s, 0.6s; }
  #logo-snow-desktop .snow-dot:nth-child(26) { left: 76%;  animation-duration: 1.8s, 1.5s; animation-delay: 1.9s, 0.8s; }
  #logo-snow-desktop .snow-dot:nth-child(27) { left: 34%;  animation-duration: 2.1s, 1.9s; animation-delay: 0.5s, 0.1s; }
  #logo-snow-desktop .snow-dot:nth-child(28) { left: 58%;  animation-duration: 1.9s, 1.7s; animation-delay: 1.6s, 0.9s; }
  #logo-snow-desktop .snow-dot:nth-child(29) { left: 72%;  animation-duration: 2.0s, 1.6s; animation-delay: 0.8s, 0.4s; }
  #logo-snow-desktop .snow-dot:nth-child(30) { left: 88%;  animation-duration: 1.8s, 1.8s; animation-delay: 1.3s, 0.3s; }
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ (