/* AVS — промо-страница антибота (/antibot/, themes/site_antibot.php).
   Подключается после usluga-ekspress-sayt.css (exp-*) и express.css (xp-*), здесь только ab-*. */

/* ---------- «толпа» 300 визитов ---------- */
.ab-truth{display:grid;grid-template-columns:1.25fr 0.75fr;gap:clamp(20px,3vw,32px);align-items:stretch}
.ab-crowd-card{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--radius-lg);padding:clamp(18px,2.6vw,28px)}
.ab-crowd-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.ab-crowd-legend{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}
.ab-crowd-state{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:0.04em;color:var(--amber-300)}
.ab-crowd-state.is-done{color:var(--aurora-300)}
.ab-crowd{display:grid;grid-template-columns:repeat(25,1fr);gap:7px}
.ab-dot{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:var(--text-muted);opacity:0.75;transition:background 420ms var(--ease-out),opacity 420ms var(--ease-out),transform 420ms var(--ease-out),box-shadow 420ms var(--ease-out)}
.ab-dot-key{width:10px;height:10px}
.ab-crowd.is-done .ab-dot,.ab-dot-key{background:var(--aurora-300);opacity:1}
.ab-crowd .ab-dot.is-bot,.ab-dot-key.is-bot{background:transparent;box-shadow:inset 0 0 0 1px var(--danger);opacity:0.45;transform:scale(0.72)}

/* ---------- три цифры ---------- */
.ab-nums{display:flex;flex-direction:column;gap:12px;margin:0}
.ab-num{flex:1;display:flex;flex-direction:column-reverse;justify-content:center;gap:6px;background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--radius-md);padding:16px 20px}
.ab-num dt{font-size:14px;line-height:1.4;color:var(--text-muted)}
.ab-num dd{margin:0;display:flex;align-items:baseline;gap:14px}
.ab-num-val{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,4.4vw,48px);line-height:1;color:var(--text-primary);letter-spacing:-0.01em}
.ab-num.is-real .ab-num-val{color:var(--aurora-300)}
.ab-num.is-conv{border-color:rgba(228,199,155,0.4);background:linear-gradient(180deg,rgba(228,199,155,0.07),transparent),var(--bg-surface)}
.ab-num.is-conv .ab-num-val{color:var(--amber-300)}
.ab-num-was{font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);color:var(--text-faint);text-decoration:line-through;text-decoration-thickness:2px}
.ab-truth-out{max-width:760px;margin:28px 0 0;font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--text-secondary);text-wrap:pretty}
.ab-truth-out b{color:var(--amber-300);font-weight:600}
.ab-footnote{margin:12px 0 0;font-size:13px;color:var(--text-faint)}

/* ---------- что даёт ---------- */
.ab-gains{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-gain .exp-card-desc{font-size:14px}

/* ---------- скриншоты в рамке окна ---------- */
.ab-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}
.ab-shot{margin:0;display:flex;flex-direction:column;gap:12px}
.ab-shot-main{grid-column:1 / -1}
.ab-shot-frame{display:block;width:100%;padding:0;border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden;cursor:zoom-in;box-shadow:var(--shadow-md);transition:border-color var(--dur-base) var(--ease-out)}
.ab-shot-frame:hover{border-color:var(--amethyst-500)}
.ab-shot-frame:focus-visible{outline:2px solid var(--amethyst-500);outline-offset:3px}
.ab-shot-bar{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line-1);background:var(--bg-surface)}
.ab-shot-bar i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.ab-shot img{display:block;width:100%;height:auto;filter:brightness(0.93)}
.ab-shot figcaption{font-size:14px;line-height:1.5;color:var(--text-muted);max-width:640px}
.ab-shot figcaption b{color:var(--text-primary);font-weight:600}

/* ---------- увеличение ---------- */
.ab-zoom{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);background:rgba(6,6,10,0.9);cursor:zoom-out}
.ab-zoom[hidden]{display:none}
.ab-zoom img{max-width:100%;max-height:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}
.ab-zoom-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--text-primary);font-size:16px;cursor:pointer}

/* ---------- стоимость ---------- */
.ab-price{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:860px}
.ab-per{font-size:0.5em;color:var(--text-muted);margin-left:4px}
.ab-price-cta{margin-top:24px}

@media (max-width:900px){
  .ab-truth{grid-template-columns:1fr}
  .ab-nums{flex-direction:row;flex-wrap:wrap}
  .ab-num{flex:1 1 180px}
  .ab-gains{grid-template-columns:1fr 1fr}
  .ab-shots{grid-template-columns:1fr}
  .ab-price{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ab-crowd{grid-template-columns:repeat(20,1fr);gap:5px}
  .ab-gains{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .ab-dot{transition:none} }