/* R37 рекламная пауза в записи — поверх плеера, внутри обёртки [data-vplayer]: во весь экран разворачивается вместе с ней */
.vplayer .pz{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;overflow:auto;
  background:rgba(22,20,31,.95);color:#F1EFF8;padding:clamp(12px,3vw,40px);user-select:text;-webkit-user-select:text}
.vplayer .pz:focus{outline:none}
.pz-in{display:grid;grid-template-columns:minmax(160px,320px) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;width:100%;max-width:860px;margin:auto}
.pz-v{position:relative;border-radius:6px;overflow:hidden;background:#221F2F;aspect-ratio:16/9}
.vplayer .pz-v video{display:block;width:100%;height:100%;object-fit:cover;background:#221F2F}
.pz-k{font-size:13px;font-weight:700;color:#C79A3E;text-transform:uppercase;letter-spacing:.04em}
.pz-t p{margin:10px 0 18px;font-size:clamp(14px,1.5vw,18px);line-height:1.45}
.pz-a{display:flex;flex-wrap:wrap;gap:10px}
.pz .btn-2{color:#F1EFF8;border-color:rgba(241,239,248,.4)}
.pz .btn-2:hover{border-color:#F1EFF8}
.pz .btn[hidden]{display:none}
/* телефон: ролик — над текстом и кнопками во всю ширину; фото-заставку скрипт не ставит.
   Ролик, текст и кнопки выше плеера 16:9 — на время паузы плеер (не развёрнутый) растёт по паузе:
   пауза встаёт в поток, основное видео ложится под неё во всю высоту; после паузы плеер снова 16:9 */
@media screen and (max-width:639px){
  .vplayer .pz{align-items:flex-start;padding:12px}
  .pz-in{grid-template-columns:1fr;gap:12px}
  .pz-t p{font-size:14px;margin:6px 0 12px}
  .pz .btn{min-height:42px;padding:0 16px}
  .vplayer:not(:fullscreen):not(.fs-okno):has(> .pz){aspect-ratio:auto}
  .vplayer:not(:fullscreen):not(.fs-okno) > .pz{position:relative;inset:auto;overflow:visible}
  .vplayer:not(:fullscreen):not(.fs-okno):has(> .pz) > video{position:absolute;inset:0}
}
/* развёрнутый плеер — пауза крупнее */
.vplayer:fullscreen .pz-in,.vplayer.fs-okno .pz-in{max-width:1100px}
.vplayer:-webkit-full-screen .pz-in{max-width:1100px}