/* ==========================================================================
   Nik.Ru — «Суперакция»: плашка на главной, страница promo.html, акценты
   Подключается ПОСЛЕ nik.css. Использует переменные nik.css (--ink, --paper,
   --card, --line, --muted, --blue, --red, --sun, --lime …) с запасными
   значениями. Внутри жёлтых элементов цвета зафиксированы, чтобы плашка
   одинаково выглядела в светлой и тёмной теме.
   ========================================================================== */

:root{
  --pr-ink:#0F1620;
  --pr-sun:#FFBE2E;
  --pr-sun-2:#FFD565;
  --pr-red:#EE4B32;
  --pr-lime:#7EE236;
  --pr-blue:#2F5BEA;
  --pr-display:"Unbounded","Arial Black",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pr-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---------- 1. Плашка сверху главной ---------- */
.promo-bar{
  position:relative;isolation:isolate;overflow:hidden;
  color:var(--pr-ink);
  background:linear-gradient(100deg,#FFE45C 0%,#FFC51F 44%,#FF9F1A 100%);
  border-bottom:2px solid var(--pr-ink);
  font-size:14px;line-height:1.25;
}
.promo-bar[hidden]{display:none}
.promo-bar::before{ /* штриховка из фирменной графики + «блик», пробегающий по плашке */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(105deg,transparent 42%,rgba(255,255,255,.62) 50%,transparent 58%) 100% 0/260% 100% no-repeat,
    repeating-linear-gradient(135deg,rgba(15,22,32,.07) 0 2px,transparent 2px 13px);
  animation:pbShine 6.5s ease-in-out 1.4s infinite;
}
.promo-bar::after{ /* круг — та же форма, что в логотипе и hero */
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:-34px;top:50%;width:150px;height:150px;margin-top:-75px;border-radius:50%;
  border:3px solid rgba(15,22,32,.9);opacity:.18;
}
.promo-bar .pb-in{ /* плашка чуть шире основного контента, чтобы всё помещалось в одну строку */
  width:auto;max-width:1500px;margin-inline:auto;padding-inline:clamp(14px,2.4vw,36px);
  display:flex;align-items:center;gap:12px 20px;padding-block:9px;
}
.pb-lead{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pb-tag{
  flex:none;display:inline-flex;align-items:center;gap:7px;
  padding:8px 12px 8px 9px;border:2px solid var(--pr-ink);border-radius:9px;
  background:var(--pr-red);color:#fff;text-decoration:none;
  font:800 12px/1 var(--pr-display);letter-spacing:.07em;text-transform:uppercase;
  box-shadow:3px 3px 0 var(--pr-ink);transform:rotate(-2deg);
  animation:pbWiggle 5s ease-in-out 1.2s infinite;
}
.pb-tag svg{width:15px;height:15px;color:var(--pr-sun-2);flex:none}
.pb-timer{
  flex:none;display:inline-flex;align-items:center;gap:7px;
  padding:5px 10px;border-radius:999px;background:rgba(15,22,32,.92);color:#fff;
  font:600 12px/1 var(--pr-mono);white-space:nowrap;
}
.pb-timer i{width:8px;height:8px;border-radius:50%;background:var(--pr-red);box-shadow:0 0 0 0 rgba(238,75,50,.7);animation:pbPulse 1.6s infinite}
.pb-timer b{font-weight:700;color:var(--pr-sun-2);font-variant-numeric:tabular-nums}

.pb-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px 22px}
.pb-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}
.pb-hr{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.pb-h{margin:0;font:800 clamp(17px,1.35vw,21px)/1.1 var(--pr-display);letter-spacing:-.02em;white-space:nowrap}
.pb-h em{
  font-style:normal;padding:0 .1em;margin:0 -.1em;
  background:linear-gradient(transparent 58%,rgba(238,75,50,.92) 58% 92%,transparent 92%);
}
.pb-fast{ /* «Создание за 5 дней» */
  display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;
  border:2px solid var(--pr-ink);border-radius:999px;background:var(--pr-lime);color:var(--pr-ink);
  text-decoration:none;white-space:nowrap;transform:rotate(1.2deg);box-shadow:2px 2px 0 var(--pr-ink);
  font:800 11.5px/1 var(--pr-display);letter-spacing:.03em;text-transform:uppercase;
}
.pb-fast svg{width:14px;height:14px;flex:none}
.pb-fast b{font-weight:800;font-size:13px;letter-spacing:-.01em}
.pb-fast:hover{background:#9BF055}

/* формула: домен + сайт + хостинг + SSL + SEO (используется и на promo.html) */
.pb-eq,.pr-eq{display:flex;flex-wrap:wrap;align-items:center;gap:5px 0;margin:0;padding:0;list-style:none}
.pb-eq li,.pr-eq li{display:flex;align-items:center}
.pb-eq li:not(:last-child)::after,.pr-eq li:not(:last-child)::after{
  content:"+";content:"+" / "";
  padding:0 6px;font:800 15px/1 var(--pr-display);color:var(--pr-ink);
}
.pb-eq .c,.pr-eq .c{
  display:inline-block;padding:5px 9px;border:2px solid var(--pr-ink);border-radius:8px;
  font:800 11.5px/1 var(--pr-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  box-shadow:2px 2px 0 var(--pr-ink);
}
.pb-eq .c1,.pr-eq .c1{background:#2F5BEA;color:#fff;transform:rotate(-1.2deg)}
.pb-eq .c2,.pr-eq .c2{background:#EE4B32;color:#fff;transform:rotate(.8deg)}
.pb-eq .c3,.pr-eq .c3{background:#0F1620;color:#FFD565;transform:rotate(-.6deg)}
.pb-eq .c4,.pr-eq .c4{background:#7EE236;color:#0F1620;transform:rotate(1.1deg)}
.pb-eq .c5,.pr-eq .c5{background:#fff;color:#0F1620;transform:rotate(-.8deg)}

.pb-price{
  flex:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;
  font-family:var(--pr-display);white-space:nowrap;
}
.pb-p2{display:inline-flex;align-items:flex-start}
.pb-price s{margin-left:4px;font-size:11.5px;font-weight:600;opacity:.66;text-decoration-thickness:2px}
.pb-price b{
  font-size:clamp(20px,2.2vw,27px);font-weight:800;letter-spacing:-.02em;
  background:var(--pr-ink);color:var(--pr-sun-2);padding:3px 11px 4px;border-radius:9px;
  transform:rotate(1.2deg);display:inline-block;
}
.pb-star{align-self:flex-start;margin-left:-4px;padding:2px 4px;color:var(--pr-ink);font:800 20px/1 var(--pr-display);text-decoration:none}
.pb-star:hover{color:var(--pr-red)}
.pb-a{flex:none;display:flex;align-items:center;gap:6px 16px}
.pb-btn{
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  padding:12px 19px;border:2px solid var(--pr-ink);border-radius:999px;
  background:var(--pr-ink);color:var(--pr-lime);
  font:800 14px/1 var(--pr-display);letter-spacing:-.005em;white-space:nowrap;
  box-shadow:3px 3px 0 rgba(15,22,32,.35);
  transition:transform .15s ease,box-shadow .15s ease;
  animation:pbRing 2.6s ease-out 1s infinite;
}
.pb-btn:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 rgba(15,22,32,.4)}
.pb-btn:active{transform:none;box-shadow:2px 2px 0 rgba(15,22,32,.35)}
.pb-ph{
  display:inline-flex;align-items:center;gap:8px;color:var(--pr-ink);text-decoration:none;
  font:800 15px/1 var(--pr-display);letter-spacing:-.01em;white-space:nowrap;
}
.pb-ph>span{display:flex;flex-direction:column;gap:2px}
.pb-ph svg{display:none;width:22px;height:22px;flex:none}
.pb-ph small{font:600 11px/1 system-ui,sans-serif;letter-spacing:0;opacity:.75}
.pb-ph:hover b{text-decoration:underline;text-underline-offset:3px}
.pb-tag:focus-visible,.pb-btn:focus-visible,.pb-ph:focus-visible,.pb-star:focus-visible,.pb-fast:focus-visible{outline:3px solid var(--pr-ink);outline-offset:3px}

@keyframes pbPulse{70%{box-shadow:0 0 0 8px rgba(238,75,50,0)}100%{box-shadow:0 0 0 0 rgba(238,75,50,0)}}
@keyframes pbRing{0%{box-shadow:3px 3px 0 rgba(15,22,32,.35),0 0 0 0 rgba(15,22,32,.45)}55%,100%{box-shadow:3px 3px 0 rgba(15,22,32,.35),0 0 0 12px rgba(15,22,32,0)}}
@keyframes pbWiggle{0%,86%,100%{transform:rotate(-2deg)}90%{transform:rotate(1.5deg)}94%{transform:rotate(-3.5deg)}}
@keyframes pbShine{0%{background-position:100% 0,0 0}55%,100%{background-position:0% 0,0 0}}

@media (max-width:1399px){
  .promo-bar .pb-in{gap:12px 16px}
  .pb-h{font-size:17px}
  .pb-btn{padding:12px 16px}
  .pb-ph small{display:none}
}
/* ноутбуки и планшеты: две строки — метка, таймер и телефон сверху, предложение снизу */
@media (max-width:1320px){
  .promo-bar .pb-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"lead lead ph" "main price btn";gap:8px 16px;align-items:center;padding-block:9px 11px}
  .pb-lead{grid-area:lead;flex-direction:row;align-items:center;gap:10px}
  .pb-main,.pb-a{display:contents}
  .pb-txt{grid-area:main}
  .pb-price{grid-area:price}
  .pb-btn{grid-area:btn}
  .pb-ph{grid-area:ph;justify-self:end}
  .pb-ph small{display:block}
}
@media (max-width:900px){
  /* планшет: слева метка и таймер, рядом заголовок с формулой; ниже цена, кнопка, телефон */
  .promo-bar .pb-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead main main" "price btn ph"}
  .pb-lead{flex-direction:column;align-items:flex-start;gap:6px}
  .pb-btn{justify-self:start}
}
@media (max-width:720px){
  /* телефон: ряд 1 — метка и таймер, ряд 2 — заголовок и срок, ряд 3 — формула, ряд 4 — цена, кнопка, звонок */
  .promo-bar .pb-in{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"lead lead lead" "main main main" "price btn ph";gap:7px 10px;padding-block:9px 11px}
  .pb-lead{flex-direction:row;align-items:center;justify-content:space-between}
  .pb-tag{font-size:11px;padding:7px 10px 7px 8px;gap:6px}
  .pb-timer{font-size:10.5px;padding:5px 8px;gap:6px}
  .pb-hr{gap:5px 8px}
  .pb-h{font-size:15.5px}
  .pb-fx,.pb-bx{display:none}
  .pb-fast{padding:5px 9px 5px 7px;font-size:10.5px}
  .pb-fast b{font-size:12px}
  .pb-eq .c{padding:4px 6px;font-size:10px;border-width:1.5px;box-shadow:1.5px 1.5px 0 var(--pr-ink)}
  .pb-eq li:not(:last-child)::after{padding:0 4px;font-size:12px}
  .pb-price b{font-size:21px;padding:3px 9px 4px}
  .pb-btn{padding:12px 15px;font-size:13.5px;justify-self:auto}
  .pb-ph{width:46px;height:46px;justify-content:center;border:2px solid var(--pr-ink);border-radius:50%;background:rgba(255,255,255,.45)}
  .pb-ph svg{display:block}
  .pb-ph>span{display:none}
  .promo-bar::after{display:none}
}
@media (max-width:380px){
  .pb-tag{font-size:10.5px;padding:6px 8px 6px 7px}
  .pb-timer{font-size:10px;padding:5px 7px}
  .pb-timer i{display:none}
  .pb-h{font-size:14.5px}
  .pb-eq .c{padding:4px 5px;font-size:9.5px}
  .pb-eq li:not(:last-child)::after{padding:0 3px}
}

/* ---------- 2. Заметные ссылки на акцию в навигации, футере, чате ---------- */
.nav a.nav-promo{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:999px;border:2px solid var(--pr-ink);
  background:var(--pr-sun);color:var(--pr-ink);font-weight:800;white-space:nowrap;text-decoration:none;
}
.nav a.nav-promo::before{content:"★";font-size:12px;color:var(--pr-red)}
.nav a.nav-promo:hover{background:var(--pr-sun-2)}
.mnav a.m-promo{font-weight:800}
.mnav a.m-promo small{display:block;font-weight:600;opacity:.7}
.ftr a.ftr-promo{font-weight:700;color:inherit}
.ftr a.ftr-promo::before{content:"★ ";color:var(--pr-red)}

.pr-strip{ /* строка-анонс внутри карточки «Создание сайтов» */
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:14px 0 4px;
  padding:11px 16px;border-radius:12px;border:2px solid var(--pr-ink);
  background:linear-gradient(100deg,#FFD565,#FFBE2E);color:var(--pr-ink);
  text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;
  transition:transform .15s ease;
}
.pr-strip:hover{transform:translateY(-1px)}
.pr-strip b{font-family:var(--pr-display);font-weight:800;letter-spacing:-.01em}
.pr-strip em{font-style:normal;font-weight:800;background:var(--pr-ink);color:var(--pr-sun-2);padding:2px 9px;border-radius:7px;white-space:nowrap}
.pr-strip .go{margin-left:auto;font-weight:800;white-space:nowrap}
.pr-strip:focus-visible{outline:3px solid var(--pr-ink);outline-offset:3px}

.ch-quick a.pr-quick{
  display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;
  border:1.5px solid var(--pr-ink);background:var(--pr-sun-2);color:var(--pr-ink);
  font:700 13px/1.2 inherit;text-decoration:none;white-space:nowrap;
}
.ch-quick a.pr-quick::before{content:"★";color:var(--pr-red)}

/* ---------- 3. Плашка внутри формы заявки ---------- */
.pr-ribbon{
  display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;
  border:2px solid var(--pr-ink);border-radius:12px;
  background:linear-gradient(100deg,#FFD565,#FFBE2E);color:var(--pr-ink);
  font-size:14px;font-weight:600;line-height:1.3;
}
.pr-ribbon svg{width:20px;height:20px;flex:none;color:var(--pr-red)}
.pr-ribbon b{font-family:var(--pr-display);font-weight:800;letter-spacing:-.01em}

/* ---------- 4. Страница promo.html ---------- */
html.js .pr-rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--d,0s)}
html.js .pr-rv.in{opacity:1;transform:none}

.pr-hero{position:relative;overflow:hidden;padding:clamp(26px,4.4vw,58px) 0 clamp(36px,5vw,72px)}
.pr-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.pr-hero-bg svg{width:100%;height:100%;display:block}
.pr-hero .wrap{position:relative;z-index:1}
.pr-hero-g{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,4.4vw,68px);align-items:center}

.pr-kick{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font:600 13px/1.2 var(--pr-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#5B6675)}
.pr-sticker{
  display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:2px solid var(--pr-ink);border-radius:9px;
  background:var(--pr-red);color:#fff;font:800 12px/1 var(--pr-display);letter-spacing:.07em;
  box-shadow:3px 3px 0 var(--pr-ink);transform:rotate(-2deg)
}
.pr-sticker svg{width:14px;height:14px;color:var(--pr-sun-2)}
.pr-h1{
  margin:16px 0 16px;font-family:var(--pr-display);font-weight:800;
  font-size:clamp(28px,3.7vw,50px);line-height:1.06;letter-spacing:-.028em;color:var(--ink,#0F1620);
}
.pr-h1 em{
  font-style:normal;white-space:nowrap;color:inherit;
  background:linear-gradient(transparent 60%,var(--pr-sun) 60% 93%,transparent 93%);
  padding:0 .06em;margin:0 -.06em;
}
.pr-lead{margin:0 0 20px;max-width:560px;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted,#4B5563)}
.pr-lead b{color:var(--ink,#0F1620);font-weight:700}

.pr-offer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0 0 20px}
.pr-offer .big{font-family:var(--pr-display);font-weight:800;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.035em;color:var(--ink,#0F1620);white-space:nowrap}
.pr-offer .big small{font-size:.5em;letter-spacing:-.01em;margin-left:.08em}
.pr-offer .was{display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.25;color:var(--muted,#5B6675)}
.pr-offer .was s{font:700 17px/1 var(--pr-display);text-decoration-thickness:2px;text-decoration-color:var(--pr-red)}
.pr-offer .save{
  display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:7px;
  background:var(--pr-lime);color:var(--pr-ink);font:800 12px/1.2 var(--pr-display);letter-spacing:-.005em
}

.pr-count{display:flex;align-items:stretch;gap:8px;margin:0 0 20px}
html:not(.js) .pr-count{display:none}
.pr-count>div{
  min-width:58px;padding:9px 10px 8px;border:2px solid var(--pr-ink);border-radius:12px;
  background:var(--pr-sun);color:var(--pr-ink);text-align:center;box-shadow:3px 3px 0 var(--pr-ink)
}
.pr-count b{display:block;font:800 26px/1 var(--pr-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pr-count small{display:block;margin-top:4px;font:600 10.5px/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.05em;opacity:.8}
.pr-count-cap{display:flex;flex-direction:column;justify-content:center;gap:4px;margin-left:6px;font-size:13px;line-height:1.3;color:var(--muted,#5B6675)}
.pr-count-cap b{font:700 14px/1.2 var(--pr-display);color:var(--ink,#0F1620);letter-spacing:-.01em}

.pr-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.pr-phone{display:inline-flex;align-items:center;gap:10px;color:var(--ink,#0F1620);text-decoration:none;font:800 18px/1.1 var(--pr-display);letter-spacing:-.015em;padding:10px 4px}
.pr-phone svg{width:22px;height:22px;flex:none}
.pr-phone small{display:block;font:600 12px/1.2 system-ui,sans-serif;color:var(--muted,#5B6675);letter-spacing:0;margin-top:3px}
.pr-phone:hover b{text-decoration:underline;text-underline-offset:4px}

/* «билет» с составом пакета */
.pr-coupon-wrap{position:relative;padding:18px 8px 26px 0}
.pr-coupon{
  position:relative;background:var(--card,#fff);color:var(--ink,#0F1620);
  border:2.5px solid var(--ink,#0F1620);border-radius:20px;overflow:hidden;
  box-shadow:10px 10px 0 var(--pr-sun);transform:rotate(1.4deg);
}
.pr-cp-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;
  background:var(--pr-ink);color:var(--pr-sun-2);font:800 13px/1.2 var(--pr-display);letter-spacing:.05em;text-transform:uppercase
}
.pr-cp-top span:last-child{color:#fff;font-family:var(--pr-mono);font-weight:600;font-size:12px;letter-spacing:.03em}
.pr-cp-list{list-style:none;margin:0;padding:8px 20px 6px}
.pr-cp-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1.5px dashed var(--line-2,#D5DBE3);font-size:15px;line-height:1.35;font-weight:600}
.pr-cp-list li:last-child{border-bottom:0}
.pr-cp-list li i{
  flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--pr-lime);
  display:grid;place-items:center
}
.pr-cp-list li i svg{width:13px;height:13px;color:var(--pr-ink)}
.pr-cp-list li small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--muted,#5B6675)}
.pr-cp-foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 20px 18px;border-top:2.5px dashed var(--ink,#0F1620);background:var(--paper-2,#EEF1F5)
}
.pr-cp-foot .p{font:800 32px/1 var(--pr-display);letter-spacing:-.03em}
.pr-cp-foot .p small{display:block;margin-bottom:5px;font:600 11px/1 var(--pr-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#5B6675)}
.pr-burst{
  position:absolute;z-index:2;right:-10px;top:-6px;width:124px;height:124px;display:grid;place-items:center;
  transform:rotate(12deg);filter:drop-shadow(3px 4px 0 rgba(15,22,32,.9))
}
.pr-burst svg{position:absolute;inset:0;width:100%;height:100%}
.pr-burst span{position:relative;text-align:center;color:#fff;font:800 10px/1.05 var(--pr-display);letter-spacing:.02em;text-transform:uppercase}
.pr-burst span b{display:block;margin-top:3px;font-size:14.5px;letter-spacing:-.03em;white-space:nowrap;color:var(--pr-sun-2)}

/* секции */
.pr-sec{padding:clamp(44px,6vw,84px) 0}
.pr-sec.alt{background:var(--paper-2,#EEF1F5)}
.pr-head{max-width:760px;margin:0 0 clamp(26px,3.4vw,42px)}
.pr-head .kick{display:inline-flex;align-items:center;gap:9px;font:600 13px/1.2 var(--pr-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#5B6675)}
.pr-head .kick i{width:11px;height:11px;background:var(--c,var(--pr-red));border-radius:3px;transform:rotate(45deg)}
.pr-head h2{margin:12px 0 12px;font-family:var(--pr-display);font-weight:800;font-size:clamp(25px,3.3vw,40px);line-height:1.1;letter-spacing:-.025em;color:var(--ink,#0F1620)}
.pr-head p{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:var(--muted,#4B5563)}

/* что входит */
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pr-card{
  position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;
  background:var(--card,#fff);color:var(--ink,#0F1620);
  border:2px solid var(--ink,#0F1620);border-radius:18px;
  transition:transform .18s ease,box-shadow .18s ease;
}
.pr-card:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--c,var(--pr-sun))}
.pr-card.w2{grid-column:span 2}
.pr-card .n{position:absolute;right:18px;top:16px;font:600 12px/1 var(--pr-mono);letter-spacing:.06em;color:var(--muted,#8A94A3)}
.pr-card .ic{width:54px;height:54px;flex:none}
.pr-card h3{margin:6px 0 0;font:800 clamp(17px,1.5vw,20px)/1.2 var(--pr-display);letter-spacing:-.015em}
.pr-card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted,#4B5563)}
.pr-card ul{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.pr-card li{padding:5px 10px;border-radius:999px;background:var(--paper-2,#EEF1F5);font-size:13px;font-weight:600;line-height:1.2}
.pr-card .val{margin-top:auto;padding-top:6px;font:600 12px/1.3 var(--pr-mono);letter-spacing:.02em;color:var(--muted,#5B6675)}

/* выгода */
.pr-val{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.pr-tbl{margin:0;border:2px solid var(--ink,#0F1620);border-radius:18px;background:var(--card,#fff);overflow:hidden}
.pr-tbl .r{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:15px 20px;border-bottom:1.5px dashed var(--line-2,#D5DBE3);font-size:15px;line-height:1.4}
.pr-tbl .r span small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted,#5B6675)}
.pr-tbl .r b{font:800 16px/1.2 var(--pr-display);white-space:nowrap;letter-spacing:-.01em}
.pr-tbl .r.inc b{font:700 13px/1.2 var(--pr-mono);color:#2C7A0B;letter-spacing:.02em}
.pr-tbl .sum{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;background:var(--paper-2,#EEF1F5);border-bottom:1.5px dashed var(--line-2,#D5DBE3);font-weight:700}
.pr-tbl .sum b{font:800 19px/1 var(--pr-display);letter-spacing:-.02em;text-decoration:line-through;text-decoration-color:var(--pr-red);text-decoration-thickness:2px}
.pr-tbl .win{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:var(--pr-sun);color:var(--pr-ink);font-weight:800}
.pr-tbl .win b{font:800 28px/1 var(--pr-display);letter-spacing:-.03em}
.pr-bars{display:flex;flex-direction:column;gap:14px}
.pr-bar{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}
.pr-bar>span{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.pr-bar>span b{font:800 15px/1 var(--pr-display);letter-spacing:-.01em}
.pr-bar>i{display:block;height:22px;border-radius:8px;border:2px solid var(--ink,#0F1620);background:linear-gradient(90deg,var(--c,var(--line-2)) var(--w,100%),transparent var(--w,100%))}
.pr-save{
  margin-top:8px;padding:18px 20px;border-radius:18px;border:2px solid var(--ink,#0F1620);
  background:var(--pr-lime);color:var(--pr-ink);display:flex;align-items:center;gap:16px;box-shadow:6px 6px 0 var(--ink,#0F1620)
}
.pr-save b{font:800 clamp(24px,3vw,34px)/1 var(--pr-display);letter-spacing:-.03em;white-space:nowrap}
.pr-save span{font-size:14px;line-height:1.4;font-weight:600}
.pr-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--muted,#5B6675)}

/* кому подходит */
.pr-fit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pr-fit div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--ink,#0F1620);border-radius:14px;background:var(--card,#fff);font-size:15px;font-weight:700;line-height:1.25}
.pr-fit i{flex:none;width:12px;height:12px;border-radius:3px;background:var(--c,var(--pr-blue));transform:rotate(45deg)}

/* шаги */
.pr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:prs}
.pr-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px 22px;background:var(--card,#fff);border:2px solid var(--ink,#0F1620);border-radius:18px}
.pr-step::before{
  counter-increment:prs;content:counter(prs);display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:11px;
  background:var(--c,var(--pr-blue));color:#fff;font:800 18px/1 var(--pr-display);transform:rotate(-6deg)
}
.pr-step h3{margin:0 0 8px;font:800 17px/1.25 var(--pr-display);letter-spacing:-.015em}
.pr-step p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--muted,#4B5563)}
.pr-step em{display:inline-block;margin-top:auto;padding-top:0;padding:3px 9px;border-radius:7px;background:var(--paper-2,#EEF1F5);font:600 12px/1.2 var(--pr-mono);font-style:normal;color:var(--ink,#0F1620)}

/* гарантии */
.pr-guar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pr-g{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:18px;border:2px solid var(--ink,#0F1620);background:var(--card,#fff)}
.pr-g svg{width:44px;height:44px}
.pr-g h3{margin:4px 0 0;font:800 17px/1.25 var(--pr-display);letter-spacing:-.015em}
.pr-g p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted,#4B5563)}

/* финальный призыв */
.pr-final{
  position:relative;overflow:hidden;isolation:isolate;padding:clamp(28px,4vw,52px);border-radius:26px;
  background:#0F1620;color:#fff;border:2.5px solid #0F1620;box-shadow:10px 10px 0 var(--pr-sun)
}
.pr-final::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 92% 16%,rgba(47,91,234,.55) 0 120px,transparent 121px),
  repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 14px)}
.pr-final .tri{position:absolute;z-index:-1;right:7%;bottom:-34px;width:0;height:0;border-left:64px solid transparent;border-right:64px solid transparent;border-bottom:112px solid rgba(238,75,50,.9);transform:rotate(-12deg)}
.pr-final h2{margin:0 0 12px;max-width:720px;font:800 clamp(24px,3.4vw,42px)/1.1 var(--pr-display);letter-spacing:-.028em;color:#fff}
.pr-final h2 em{font-style:normal;color:var(--pr-sun-2)}
.pr-final p{margin:0 0 20px;max-width:620px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}
.pr-final .pr-count{margin-bottom:22px}
.pr-final .pr-count>div{box-shadow:3px 3px 0 rgba(255,255,255,.9);border-color:#fff}
.pr-final .pr-count-cap{color:rgba(255,255,255,.75)}
.pr-final .pr-count-cap b{color:#fff}
.pr-final .pr-phone{color:#fff}
.pr-final .pr-phone small{color:rgba(255,255,255,.7)}

.pr-fine{margin:22px 0 0;max-width:900px;font-size:11.5px;line-height:1.55;color:var(--muted,#7A8493);opacity:.9}

/* акция завершена */
.pr-over{display:none}
html.promo-over .pr-over{display:block}
html.promo-over [data-promo-live]{display:none!important}
.pr-over-box{padding:18px 20px;border:2px dashed var(--ink,#0F1620);border-radius:14px;font-size:15px;line-height:1.5;margin:0 0 22px;background:var(--card,#fff);color:var(--ink,#0F1620)}
.pr-final .pr-over-box{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}

/* ---------- адаптив страницы ---------- */
@media (max-width:1040px){
  .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-card.w2{grid-column:span 2}
  .pr-steps,.pr-guar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-fit{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .pr-hero-g,.pr-val{grid-template-columns:minmax(0,1fr)}
  .pr-coupon-wrap{padding:14px 10px 22px 0;max-width:560px}
  .pr-hero-bg{opacity:.6}
}
@media (max-width:620px){
  .pr-grid,.pr-steps,.pr-guar,.pr-fit{grid-template-columns:minmax(0,1fr)}
  .pr-card.w2{grid-column:auto}
  .pr-offer .big{font-size:clamp(38px,13vw,56px)}
  .pr-count>div{min-width:0;flex:1 1 0;padding:8px 6px}
  .pr-count b{font-size:22px}
  .pr-count-cap{display:none}
  .pr-cta .btn{flex:1 1 100%;justify-content:center}
  .pr-burst{width:100px;height:100px;right:-6px}
  .pr-burst span{font-size:8.5px}
  .pr-burst span b{font-size:12px}
  .pr-cp-list li{font-size:14.5px}
  .pr-coupon{box-shadow:7px 7px 0 var(--pr-sun)}
  .pr-final{border-radius:20px;box-shadow:6px 6px 0 var(--pr-sun)}
  .pr-tbl .r,.pr-tbl .sum,.pr-tbl .win{padding-inline:16px}
  .pr-save{flex-direction:column;align-items:flex-start;gap:8px}
}

@media (prefers-reduced-motion:reduce){
  .pb-tag,.pb-btn,.pb-timer i,.promo-bar::before{animation:none}
  html.js .pr-rv{opacity:1;transform:none;transition:none}
  .pr-card,.pr-strip,.pb-btn{transition:none}
}
@media print{
  .promo-bar,.pr-burst{display:none}
}

/* ---------- 5. Мелочи страницы акции ---------- */
.pr-final .btn-line{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}
.pr-final .btn-line:hover{background:rgba(255,255,255,.1)}
.pr-final-a{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.pr-inline-note{margin:0 0 0;font-size:13px;color:var(--muted,#5B6675)}

/* ---------- 6. Формула «всё под ключ» и срок «5 дней» ---------- */
.pr-fast{
  display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;
  border:2px solid var(--pr-ink);border-radius:999px;background:var(--pr-lime);color:var(--pr-ink);
  font:800 12px/1 var(--pr-display);letter-spacing:.05em;text-transform:uppercase;
  box-shadow:3px 3px 0 var(--pr-ink);transform:rotate(1.5deg);white-space:nowrap
}
.pr-fast svg{width:15px;height:15px;flex:none}
.pr-fast b{font-size:14px;font-weight:800;letter-spacing:-.01em}

.pr-eq{margin:0 0 20px;gap:9px 0}
.pr-eq li:not(:last-child)::after{padding:0 8px;font-size:22px;color:var(--ink,#0F1620)}
.pr-eq .c{
  padding:9px 13px;border-radius:11px;border:2.5px solid var(--ink,#0F1620);
  font-size:clamp(12px,1.05vw,14.5px);box-shadow:3px 3px 0 var(--pr-ink)
}

.pr-cp-list li.hot{
  margin:2px -12px;padding:10px 12px;border-radius:12px;border-bottom-color:transparent;font-weight:800;
  background:linear-gradient(90deg,rgba(126,226,54,.38),rgba(126,226,54,.1))
}
.pr-cp-list li.hot+li{border-top:0}
.pr-cp-list li.hot i{background:var(--pr-ink)}
.pr-cp-list li.hot i svg{color:var(--pr-lime)}
.pr-card li.hot{background:var(--pr-lime);color:var(--pr-ink);box-shadow:inset 0 0 0 1.5px var(--pr-ink)}

/* блок «5 дней» сразу под hero */
.pr-days{
  position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(38px,5.4vw,70px) 0 clamp(36px,5vw,62px);
  background:#0F1620;color:#fff;border-block:2.5px solid #0F1620
}
.pr-days::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 97% 6%,rgba(47,91,234,.55) 0 150px,transparent 151px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 14px)
}
.pr-days::after{
  content:"";position:absolute;z-index:-1;left:2.5%;bottom:-46px;width:0;height:0;pointer-events:none;
  border-left:66px solid transparent;border-right:66px solid transparent;border-bottom:114px solid rgba(238,75,50,.85);
  transform:rotate(14deg)
}
.pr-days-h{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px clamp(20px,3.4vw,52px);margin:0 0 clamp(24px,3.4vw,42px)}
.pr-days-big{
  display:flex;align-items:flex-end;gap:.14em;
  font:800 clamp(78px,11vw,150px)/.82 var(--pr-display);letter-spacing:-.06em;color:var(--pr-sun);
  text-shadow:5px 5px 0 rgba(255,255,255,.12)
}
.pr-days-big small{font-size:.24em;letter-spacing:-.01em;line-height:1;padding-bottom:.55em;color:#fff;text-shadow:none}
.pr-days-t h2{margin:0;font:800 clamp(24px,3vw,40px)/1.1 var(--pr-display);letter-spacing:-.028em;color:#fff}
.pr-days-t h2 em{font-style:normal;color:var(--pr-sun-2)}
.pr-days-t p{margin:12px 0 0;max-width:640px;font-size:clamp(15px,1.3vw,17px);line-height:1.55;color:rgba(255,255,255,.8)}

.pr-d5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:d5}
.pr-d5 li{
  position:relative;display:flex;flex-direction:column;gap:7px;padding:18px 16px 20px;
  border-radius:16px;border:2.5px solid #fff;background:#fff;color:#0F1620
}
.pr-d5 li::before{
  counter-increment:d5;content:counter(d5);display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;
  border-radius:13px;background:var(--c,#2F5BEA);color:var(--cc,#fff);
  font:800 24px/1 var(--pr-display);transform:rotate(-5deg)
}
.pr-d5 li:not(:last-child)::after{ /* стрелка-треугольник в промежутке между днями */
  content:"";position:absolute;top:36px;right:-13px;width:0;height:0;
  border-left:9px solid var(--pr-sun);border-top:7px solid transparent;border-bottom:7px solid transparent
}
.pr-d5 .dl{font:600 11px/1 var(--pr-mono);letter-spacing:.07em;text-transform:uppercase;color:#5B6675}
.pr-d5 h3{margin:0;font:800 16px/1.25 var(--pr-display);letter-spacing:-.015em}
.pr-d5 p{margin:0;font-size:14px;line-height:1.5;color:#4B5563}
.pr-d5 li.go{background:var(--pr-sun);border-color:var(--pr-sun)}
.pr-d5 li.go::before{background:#0F1620;color:var(--pr-sun-2)}
.pr-d5 li.go .dl,.pr-d5 li.go p{color:#2B2410}

.pr-days-a{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:clamp(22px,3vw,34px)}
.pr-days .pr-phone{color:#fff}
.pr-days .pr-phone small{color:rgba(255,255,255,.7)}
.pr-days-note{margin:18px 0 0;max-width:860px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.66)}

@media (max-width:1100px){
  .pr-d5{grid-template-columns:repeat(6,minmax(0,1fr))}
  .pr-d5 li{grid-column:span 2}
  .pr-d5 li:nth-child(4),.pr-d5 li:nth-child(5){grid-column:span 3}
  .pr-d5 li:not(:last-child)::after{display:none}
}
@media (max-width:900px){
  .pr-days-h{grid-template-columns:minmax(0,1fr);gap:6px}
  .pr-days-big{font-size:clamp(84px,24vw,128px)}
}
@media (max-width:620px){
  .pr-d5{grid-template-columns:minmax(0,1fr);gap:10px}
  .pr-d5 li,.pr-d5 li:nth-child(4),.pr-d5 li:nth-child(5){grid-column:auto;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:14px 14px 16px}
  .pr-d5 li::before{grid-row:1/4;margin:0}
  .pr-d5 li>*{grid-column:2}
  .pr-days-a .btn{flex:1 1 100%;justify-content:center}
  .pr-eq .c{padding:7px 9px;font-size:11px}
  .pr-eq li:not(:last-child)::after{padding:0 5px;font-size:18px}
}

/* ---------- 7. Анонс в hero главной (над поиском домена) ---------- */
.hero-promo{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;gap:10px 12px;
  width:fit-content;max-width:100%;margin:0 0 22px;padding:10px 10px 10px 10px;
  border:2.5px solid var(--pr-ink);border-radius:16px;
  background:linear-gradient(100deg,#FFE45C 0%,#FFC51F 50%,#FF9F1A 100%);
  color:var(--pr-ink);text-decoration:none;box-shadow:4px 4px 0 var(--pr-ink);
  transition:transform .15s ease,box-shadow .15s ease;
}
.hero-promo::before{ /* штриховка + блик, как на верхней плашке */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(105deg,transparent 42%,rgba(255,255,255,.62) 50%,transparent 58%) 100% 0/260% 100% no-repeat,
    repeating-linear-gradient(135deg,rgba(15,22,32,.07) 0 2px,transparent 2px 13px);
  animation:pbShine 6.5s ease-in-out 2.2s infinite;
}
.hero-promo:hover{transform:translate(-1px,-2px);box-shadow:6px 7px 0 var(--pr-ink)}
.hero-promo:active{transform:none;box-shadow:2px 2px 0 var(--pr-ink)}
.hero-promo:focus-visible{outline:3px solid var(--pr-blue);outline-offset:4px}
:root[data-theme="dark"] .hero-promo{box-shadow:4px 4px 0 rgba(255,190,46,.4)}
:root[data-theme="dark"] .hero-promo:hover{box-shadow:6px 7px 0 rgba(255,190,46,.55)}
.hp-tag{
  flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 11px 8px 8px;
  border:2px solid var(--pr-ink);border-radius:9px;background:var(--pr-red);color:#fff;
  font:800 12px/1 var(--pr-display);letter-spacing:.08em;text-transform:uppercase;
  box-shadow:2px 2px 0 var(--pr-ink);transform:rotate(-2deg);
  animation:pbWiggle 5s ease-in-out 1.8s infinite;
}
.hp-tag svg{width:14px;height:14px;color:var(--pr-sun-2);flex:none}
.hp-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.hp-txt b{font:800 clamp(12.5px,1vw,14px)/1.2 var(--pr-display);letter-spacing:-.015em}
.hp-txt small{font:600 11px/1.2 var(--pr-mono);letter-spacing:.01em;opacity:.82}
.hp-eq{flex:none;font:800 22px/1 var(--pr-display);margin-inline:-2px}
.hp-price{
  flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 11px 7px 12px;border-radius:10px;
  background:var(--pr-ink);color:var(--pr-sun-2);white-space:nowrap;transform:rotate(1.2deg);
  font:800 clamp(18px,1.6vw,22px)/1 var(--pr-display);letter-spacing:-.02em;
  animation:hpRing 2.6s ease-out 1.4s infinite
}
.hp-price i{font-style:normal;font-size:.82em;color:var(--pr-lime);transition:transform .15s ease}
.hero-promo:hover .hp-price i{transform:translateX(3px)}
@keyframes hpRing{0%{box-shadow:0 0 0 0 rgba(15,22,32,.5)}70%,100%{box-shadow:0 0 0 10px rgba(15,22,32,0)}}
@media (max-width:560px){
  .hero-promo{flex-wrap:wrap;width:auto;padding:9px 10px;margin-bottom:18px}
  .hp-eq{display:none}
  .hp-price{margin-left:auto}
  .hp-txt{order:3;flex:1 0 100%}
  .hp-txt b{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .hero-promo,.hero-promo::before,.hp-tag,.hp-price{animation:none;transition:none}
}
@media print{.hero-promo{display:none}}

/* ---------- 8. После окончания акции все её анонсы на сайте скрываются ---------- */
[data-promo-bar][hidden],html.promo-over [data-promo-bar]{display:none!important}