/* skin.css — сезонные скины (слой декора поверх сайта). Всё, что здесь есть,
   работает только при html.lmx-skin; без активного скина файл ничего не меняет. */

#skBack, #skFront{
  position:fixed; inset:0; pointer-events:none; overflow:hidden;
  contain:strict;
}
#skBack{ z-index:-1; }
#skFront{ z-index:60; }
#skFront.is-muted{ visibility:hidden; }

#skBg{ position:absolute; inset:0; background-position:center; background-size:cover; background-repeat:no-repeat; }
#skBg::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,var(--sk-dim,0)); }

.skClip{ position:absolute; overflow:hidden; pointer-events:none; }
.skItem, .skSt{
  position:absolute; display:block; height:auto; max-width:none;
  pointer-events:none; user-select:none; -webkit-user-drag:none;
  transform-origin:50% 50%; will-change:transform;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));
}
.skItem[hidden], .skSt[hidden]{ display:none !important; }
#skParticles{ position:absolute; inset:0; width:100%; height:100%; }

/* ---------- Баннер события ---------- */
.skBanner{ display:block; line-height:0; text-decoration:none; border:0; }
.skBanner img{ display:block; width:100%; height:auto; }
.skBanner:hover img{ filter:brightness(1.06); }
.skBanner:focus-visible{ outline:2px solid var(--yellow,#f2c400); outline-offset:3px; }

/* Десктоп: баннер вместо содержимого штатного баннера хаба */
html.lmx-skin .noirHero.skHeroCover > :not(.skBanner){ display:none !important; }
html.lmx-skin .noirHero.skHeroCover{
  background:none !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; display:block !important;
}
html.lmx-skin .noirHero.skHeroCover > .skBanner{ width:100%; }
/* Десктоп: своя секция, если промо-баннер хаба выключен в админке */
.skHero{ display:flex; align-items:center; flex:1 1 auto; min-width:0; margin:0; }
.skHero > .skBanner{ width:100%; }

/* Телефон: баннер вверху ленты хаба */
.skBanner--m{ margin:0 0 14px; border-radius:10px; overflow:hidden; }

/* Лендинг и /start: баннер сразу после первого экрана */
.skBanner--land{ max-width:1200px; margin:28px auto; padding:0 20px; box-sizing:border-box; }
.skBanner--land a{ display:block; line-height:0; }

/* ---------- Плашка предпросмотра ---------- */
#skBadge{
  position:fixed; left:12px; bottom:12px; z-index:2147483000;
  display:flex; align-items:center; gap:8px;
  padding:7px 8px 7px 12px; border-radius:8px;
  background:rgba(12,11,10,.92); color:#f5f1e6; border:1px solid rgba(242,196,0,.55);
  font:600 12px/1.2 system-ui,-apple-system,sans-serif; letter-spacing:.02em;
  box-shadow:0 6px 18px rgba(0,0,0,.5);
}
#skBadge button{
  cursor:pointer; border:0; border-radius:5px; padding:4px 8px;
  background:#f2c400; color:#111; font:700 11px/1 system-ui,sans-serif; text-transform:uppercase;
}

@media (prefers-reduced-motion:reduce){
  #skParticles{ display:none; }
}
@media print{
  #skBack, #skFront, #skBadge{ display:none !important; }
}