/* ==========================================================================
   Новогодняя коллекция 2027 (11.11.2026): раздел «Подарки на Новый год»

   Синий взят с упаковки зимней серии (презентация «COVEN NY_2027»): яркий
   #00A0E0 у завитков и глубокий #0070C0 у их теней. Белая подпись читается
   только на глубоком (5 : 1), на ярком было бы 3 : 1 — поэтому кнопки
   глубокие, а яркий остаётся снежинкам.

   Где включается:
     • кнопка раздела в ряду «Разделы» — .sc-chip-ny, на телефоне отдельная
       .sc-ny-mbtn и пункт списка .sc-item-ny (catalog.section.list /
       sc.catalog.name, признак ставит result_modifier.php);
     • страница раздела и подразделов — body.sc-ny, слой снега .sc-ny-snow
       (catalog/.default/section.php, снежинки — ny-snow.js);
     • пункт меню шапки — .hd-dd-ny (menu/sc2026.mega);
     • пояснения про скидку — .sc-ny-lead, .sc-ny-note, .loyal-ny.
   Раздела нет на витрине — ни один из классов не появляется, файл молчит.
   ========================================================================== */
:root{--ny-blue:#0070c0;--ny-blue-dark:#005a9c;--ny-azure:#00a0e0;--ny-ice:#eaf6fc}

/* ---- 1. Кнопка раздела в ряду «Разделы» ----
   Соседние кнопки — бутстраповские «таблетки» (.btn-outline-secondary):
   та же форма, только залитая синим и со снежинкой. Цвета — через
   переменные кнопки, чтобы наведение и нажатие шли тем же механизмом. */
.btn.sc-chip-ny{
  --ar-btn-color:#fff;--ar-btn-bg:var(--ny-blue);--ar-btn-border-color:var(--ny-blue);
  --ar-btn-hover-color:#fff;--ar-btn-hover-bg:var(--ny-blue-dark);--ar-btn-hover-border-color:var(--ny-blue-dark);
  --ar-btn-active-color:#fff;--ar-btn-active-bg:var(--ny-blue-dark);--ar-btn-active-border-color:var(--ny-blue-dark);
  gap:.5em}
.btn.sc-chip-ny::before,.sc-ny-mbtn::before,.sc-item-ny::before,.hd-dd-in a.hd-dd-ny::before{
  content:"";flex:none;width:1.05em;height:1.05em;background:currentColor;
  -webkit-mask:url(img/ny-flake.svg) center/contain no-repeat;mask:url(img/ny-flake.svg) center/contain no-repeat}

/* телефон и планшет: ряд свёрнут в список, раздел — отдельной кнопкой над ним */
.sc-ny-mbtn{display:flex;align-items:center;justify-content:center;gap:.55em;
  width:100%;min-height:48px;margin:0 0 10px;padding:0 20px;border-radius:800px;
  background:var(--ny-blue);color:#fff!important;text-decoration:none;
  font-family:var(--font);font-weight:700;font-size:15px;transition:background-color .2s}
.sc-ny-mbtn:hover,.sc-ny-mbtn:focus-visible{background:var(--ny-blue-dark)}
.sc-ny-mbtn:focus-visible{outline:2px solid var(--ny-azure);outline-offset:2px}
@media (min-width:992px){.sc-ny-mbtn{display:none}}
.dropdown-item.sc-item-ny{display:flex;align-items:center;gap:.5em;color:var(--ny-blue);font-weight:700}

/* меню шапки */
.hd-dd-in a.hd-dd-ny{gap:.5em;color:var(--ny-blue);font-weight:700}
.hd-dd-in a.hd-dd-ny:hover{color:var(--ny-blue-dark)}

/* ---- 2. Страница раздела ----
   Заголовок и кнопки подразделов синие; всё остальное — как в каталоге. */
body.sc-ny h1{color:var(--ny-blue)}
body.sc-ny .btn-outline-secondary.rounded-pill{
  --ar-btn-color:var(--ny-blue);--ar-btn-border-color:#9fd3ef;
  --ar-btn-hover-color:#fff;--ar-btn-hover-bg:var(--ny-blue);--ar-btn-hover-border-color:var(--ny-blue);
  --ar-btn-active-color:#fff;--ar-btn-active-bg:var(--ny-blue);--ar-btn-active-border-color:var(--ny-blue)}
/* на странице подраздела в ряду соседи, текущий залит (.active, result_modifier.php) */
.sc-ny-lead{margin:-.35rem 0 1.25rem;max-width:44em;color:#3d4a57;font-size:15px;line-height:1.5}
.sc-ny-lead a{color:var(--ny-blue);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.sc-ny-lead a:hover{color:var(--ny-blue-dark)}

/* предпросмотр по ссылке ?ny_preview=1 (section.php): полоска сверху и
   строка вместо пустой сетки, пока товаров нет */
.sc-ny-preview{margin:0 0 14px;padding:10px 16px;border-radius:14px;
  background:var(--ny-ice);color:var(--ny-blue-dark);font-size:14px;line-height:1.45}
.sc-ny-preview a{margin-left:.4em;color:var(--ny-blue);font-weight:700;text-decoration:underline}
.sc-ny-empty{margin:8px 0 40px;padding:28px 24px;border:1.5px dashed #9fd3ef;border-radius:20px;
  color:#3d4a57;font-size:15px;line-height:1.5;text-align:center}

/* Снег. Слой поверх страницы, но мимо него проходят все нажатия; снежинок
   немного, они мелкие и полупрозрачные, падают медленно — праздник, а не
   метель (Герман: «не сильно, чтобы не переборщить»). Кто попросил систему
   не двигать картинку, снега не видит вовсе. */
.sc-ny-snow{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}
.sc-ny-snow i{position:absolute;top:-24px;display:block;
  width:var(--s,12px);height:var(--s,12px);opacity:0;
  background:url(img/ny-flake.svg) center/contain no-repeat;
  animation:sc-ny-fall var(--t,18s) linear var(--d,0s) infinite;will-change:transform}
@keyframes sc-ny-fall{
  0%  {opacity:0;transform:translate3d(0,0,0) rotate(0deg)}
  8%  {opacity:var(--o,.6)}
  50% {transform:translate3d(var(--x,30px),50vh,0) rotate(180deg)}
  90% {opacity:var(--o,.6)}
  100%{opacity:0;transform:translate3d(0,calc(100vh + 48px),0) rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){.sc-ny-snow{display:none}}

/* ---- 3. Пояснения про скидку ---- */
.tl-cut-note.sc-ny-note{color:var(--ny-blue-dark)}
.loyal-ny{margin-top:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(28 * var(--u)) calc(24 * var(--u));
  border-radius:calc(28 * var(--u));background:var(--ny-ice)}
.loyal-ny .loyal-h2{color:var(--ny-blue)}
.loyal-ny .loyal-step{border-color:#bfe3f5}
.loyal-ny .loyal-step b{color:var(--ny-blue)}
.loyal-ny-lead{margin:calc(10 * var(--u)) 0 0;max-width:46em;font-family:var(--font-ui);
  font-size:calc(16 * var(--u));line-height:1.5;color:#1d2b36}
.loyal-ny .loyal-grid + .loyal-ny-lead{margin-top:calc(20 * var(--u))}
@media (max-width:767px){
  .loyal-ny{padding:4px 16px 18px;border-radius:20px}
  .loyal-ny-lead{font-size:15px}
}