/* REAL PROOF — скриншот рекламного кабинета как доказательство, а не картинка.
   Подключается к любому сайту: цвета берутся из токенов ниши с запасными значениями. */
[data-dok]{position:relative}
[data-dok] img{cursor:zoom-in}
.dok-lupa{position:absolute;right:14px;top:14px;z-index:3;display:inline-flex;align-items:center;
  gap:7px;padding:9px 15px;border:0;border-radius:999px;cursor:zoom-in;font:600 13px/1 inherit;
  font-family:inherit;letter-spacing:.02em;
  background:var(--dok-plashka,rgba(16,20,26,.82));color:var(--dok-plashka-tekst,#fff);
  backdrop-filter:blur(8px);opacity:.92;transition:opacity .25s,transform .25s}
.dok-lupa:hover{opacity:1;transform:translateY(-1px)}
.dok-lupa::before{content:"⤢";font-size:14px}
/* окно просмотра */
.dok-okno{position:fixed;inset:0;z-index:200;display:none;background:rgba(8,10,14,.93);
  padding:clamp(10px,2vw,28px)}
.dok-okno[open]{display:grid;grid-template-rows:auto 1fr auto;gap:12px}
.dok-okno-verh{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#e8ecf1}
.dok-okno-verh b{font:700 14px/1.4 inherit}
.dok-zakryt{border:1px solid rgba(255,255,255,.3);background:transparent;color:#e8ecf1;
  border-radius:999px;width:38px;height:38px;font-size:18px;cursor:pointer;flex:none;line-height:1}
.dok-zakryt:hover{background:rgba(255,255,255,.12)}
.dok-holst{overflow:auto;display:grid;place-items:center;-webkit-overflow-scrolling:touch}
.dok-holst img{max-width:none;width:auto;height:auto;border-radius:6px;background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.6)}
.dok-niz{color:#9aa6b3;font-size:13px;text-align:center}
@media(max-width:760px){
  .dok-lupa{right:10px;top:10px;padding:8px 13px;font-size:12px}
  .dok-niz::after{content:" · листайте вбок или разводите пальцами"}
}
@media(prefers-reduced-motion:reduce){.dok-lupa{transition:none}}