/* Акция «Чёрная пятница». Работает только когда promo.js повесил класс .is-promo на <html>. */

/* шапка — чёрная */
.is-promo .hdr{background:rgba(10,8,12,.94);border-bottom-color:#000}
.is-promo .logo b{color:#fff}
.is-promo .nav a{color:rgba(255,255,255,.82)}
.is-promo .nav a:hover{color:var(--mag)}
.is-promo .burger span{background:#fff}

.bf-tag{
  font-family:'Unbounded',sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;
  color:#0a080c;background:#fff;border-radius:6px;padding:5px 8px;white-space:nowrap;
}

/* бегущая строка */
.bf-bar{
  display:block;width:100%;overflow:hidden;cursor:pointer;
  background:#000;border:0;border-top:1px solid rgba(255,255,255,.12);padding:9px 0;
  color:#fff;font-family:'Unbounded',sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;
}
.bf-bar__run{display:flex;width:max-content;white-space:nowrap;animation:bf-run 40s linear infinite}
.bf-bar__run span{padding:0 18px}
.bf-bar__run i{font-style:normal;color:var(--mag)}
.bf-bar:hover .bf-bar__run{animation-play-state:paused}
.bf-bar:hover span{color:#ffd6f6}
@keyframes bf-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bf-bar__run{animation-duration:120s}}

/* баннер на весь экран */
.bf-ov{
  position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.84);backdrop-filter:blur(6px);padding:16px;overflow:auto;
}
.bf-ov[hidden]{display:none}
.bf-ov__box{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin:auto}
.bf-ov__img{
  display:block;width:auto;height:auto;max-width:min(560px,100%);
  max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);
  border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.bf-ov__x{
  position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(0,0,0,.6);color:#fff;font-size:30px;line-height:1;cursor:pointer;
}
.bf-ov__x:hover{background:#000}
.bf-ov__go{padding:15px 34px;font-size:17px}

/* цена по акции: старая зачёркнута */
.price__big s,.modal__lead s{font-weight:500;opacity:.45;font-size:.6em;margin-right:6px}
.modal__lead s{margin:0 0 0 4px;font-size:1em}

@media (max-width:600px){
  .bf-tag{display:none}
  .bf-bar{font-size:12px;padding:8px 0}
}
/* на планшете/телефоне меню выпадает на светлом фоне — ссылки оставляем тёмными */
@media (max-width:1000px){.is-promo .nav a{color:var(--ink-2)}}
/* с плашкой BLACK SALE меню на десктопе не влезало в строку */
@media (min-width:1001px){.is-promo .nav{gap:18px}.is-promo .nav a{white-space:nowrap}}
@media (min-width:1001px) and (max-width:1380px){.bf-tag{display:none}}