/* site-v4: квиз-окно (vq-*) — скругления, мягкие состояния, плавное появление.
   Подключается и на главной, и на лендингах моделей; работает под body.v4. */
body.v4 .vq-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(4,5,8,.62);}
body.v4 .vq-overlay.vq-open{animation:vqFade .25s ease both;}
body.v4 .vq-overlay.vq-open .vq-modal{animation:vqPop .4s cubic-bezier(.4,0,.2,1) both;}
@keyframes vqFade{from{opacity:0;}to{opacity:1;}}
@keyframes vqPop{from{opacity:0;transform:translateY(18px) scale(.98);}to{opacity:1;transform:none;}}
@keyframes vqIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

body.v4 .vq-modal{
  border-radius:32px;border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(70% 60% at 100% 0%,rgba(255,255,255,.05),transparent 70%),#0e1116;
  font-family:var(--ff,"Onest"),"Inter",Arial,sans-serif;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8);
}
body.v4 .vq-close{background:rgba(255,255,255,.09);transition:background .2s,transform .2s;}
body.v4 .vq-close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg);}
body.v4 .vq-main > *{animation:vqIn .4s cubic-bezier(.4,0,.2,1) both;}
body.v4 .vq-main > *:nth-child(2){animation-delay:.04s;}
body.v4 .vq-main > *:nth-child(3){animation-delay:.08s;}
body.v4 .vq-main > *:nth-child(4){animation-delay:.12s;}
body.v4 .vq-title{font-weight:600;letter-spacing:-.02em;}
body.v4 .vq-eyebrow{display:inline-flex;align-self:flex-start;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);}

body.v4 .vq-progress{gap:6px;}
body.v4 .vq-progress i{height:5px;border-radius:3px;background:rgba(255,255,255,.12);transition:background .4s;}
body.v4 .vq-progress i.vq-done{background:linear-gradient(90deg,#ff5a61,#d71921);}

body.v4 .vq-option{
  border-radius:18px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);
  transition:border-color .2s,background .2s,transform .25s cubic-bezier(.4,0,.2,1);
}
body.v4 .vq-option:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);}
body.v4 .vq-option.vq-selected{background:rgba(215,25,33,.14);border-color:#d71921;box-shadow:0 0 0 3px rgba(215,25,33,.16);}
body.v4 .vq-option .vq-dot{transition:border-color .2s;}
body.v4 .vq-option.vq-color{border-radius:20px;}
body.v4 .vq-color-img{border-radius:0;}

body.v4 .vq-input,body.v4 .vq-phone-wrap{border-radius:16px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);transition:border-color .2s,box-shadow .2s,background .2s;}
body.v4 .vq-input:focus,body.v4 .vq-phone-wrap:focus-within{border-color:#d71921;box-shadow:0 0 0 4px rgba(215,25,33,.16);background:rgba(255,255,255,.06);}
body.v4 .vq-phone-wrap input:focus{box-shadow:none;}
body.v4 .vq-consent input{accent-color:#d71921;}

body.v4 .vq-btn{border-radius:999px;font-weight:600;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,background .2s;}
body.v4 .vq-btn-primary{background:linear-gradient(135deg,#e5232b,#c4151c);box-shadow:0 10px 26px -10px rgba(215,25,33,.7);}
body.v4 .vq-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ef2b33,#cf1a21);transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(215,25,33,.8);}
body.v4 .vq-btn-primary:disabled{background:#3a1a1d;box-shadow:none;}
body.v4 .vq-btn-back{border-radius:50%;width:48px;height:48px;padding:0;}

body.v4 .vq-side{background:transparent;padding:68px 18px 18px 0;flex-basis:300px;}
body.v4 .vq-side > *:first-child{margin-top:0;}
body.v4 .vq-side-label{padding-left:14px;}
body.v4 .vq-side-card{border-radius:24px;overflow:hidden;background:#161a22;border-color:rgba(255,255,255,.1);}
body.v4 .vq-side-card .vq-side-card-title{font-weight:600;}
body.v4 .vq-success-icon{box-shadow:0 0 0 10px rgba(215,25,33,.16);}

@media (max-width:760px){
  body.v4 .vq-modal{border-radius:0;border:none;}
  body.v4 .vq-overlay{background:#0e1116;}
}
@media (prefers-reduced-motion:reduce){
  body.v4 .vq-overlay.vq-open,body.v4 .vq-overlay.vq-open .vq-modal,body.v4 .vq-main > *{animation:none!important;}
}