/* Start:/local/templates/main/template_styles.css?17665013453792*/
/* =========================
   🎄 NEW YEAR MOOD (tuned) 🎄
   ========================= */

/* 1) Более заметный "снег" + лёгкий наклон/плавность */
html::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 998;

  /* крупнее и контрастнее, чтобы видно на тёмных/светлых */
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.3px, transparent 2.6px),
    radial-gradient(circle, rgba(255,255,255,.75) 0 1.1px, transparent 2.4px),
    radial-gradient(circle, rgba(255,255,255,.55) 0 0.9px, transparent 2.2px);

  background-size: 90px 90px, 140px 140px, 210px 210px;
  background-position: 0 0, 40px 60px, 90px 120px;

  animation: ny-snow 12s linear infinite;
  opacity: .85;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.35));
}

@keyframes ny-snow{
  from { transform: translateY(-70px) translateX(0); }
  to   { transform: translateY(320px) translateX(18px); }
}

/* 2) Гирлянда НЕ поверх контента.
   Вместо fixed-сверху — "лента" вверху страницы, но она не перекрывает:
   - делаем тонкую линию + огоньки ниже верхнего края
*/
html::before{
  content:"";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;

  height: 10px; /* тонкая, не закрывает текст */
  z-index: 999;
  pointer-events: none;

  /* тонкая тёмная нить + маленькие огоньки */
  background:
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),
    radial-gradient(circle at 12px 6px, rgba(255,70,70,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 34px 6px, rgba(255,215,90,.98) 0 3px, transparent 4px),
    radial-gradient(circle at 56px 6px, rgba(90,230,150,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 78px 6px, rgba(120,170,255,.98) 0 3px, transparent 4px);

  background-repeat: repeat-x;
  background-size: 100% 2px, 90px 10px, 90px 10px, 90px 10px, 90px 10px;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;

  box-shadow: 0 2px 8px rgba(0,0,0,.18);
  opacity: .95;
}

/* чтобы огоньки чуть "мигали" */
@keyframes ny-blink{
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.18); }
}
html::before{ animation: ny-blink 1.8s ease-in-out infinite; }

/* 3) Ёлочка-бейдж (фикс в углу, не мешает кликам) */
body{
  position: relative;
}
body .ny-tree-badge{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 997;
  pointer-events: none;

  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.55);
  color: #fff;
  backdrop-filter: blur(7px);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);

  font-weight: 600;
  letter-spacing: .2px;
  line-height: 1.1;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
body .ny-tree-badge span{
  font-size: 18px;
}
body .ny-tree-badge small{
  font-size: 12px;
  opacity: .9;
  font-weight: 500;
}

/* 4) “Снежный иней” по верхним углам — мягко и празднично */
.ny-frost{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 996;
  background:
    radial-gradient(closest-side at 0% 0%, rgba(255,255,255,.55), transparent 65%),
    radial-gradient(closest-side at 100% 0%, rgba(255,255,255,.55), transparent 65%);
  opacity: .25;
}

/* 5) На мобилках уменьшаем эффекты, чтобы не мешали */
@media (max-width: 768px){
  html::after{ opacity: .65; }
  body .ny-tree-badge{ transform: scale(.95); }
}

/* End */
/* /local/templates/main/template_styles.css?17665013453792 */