/* Vesper — стили шапки и подвала (из DC-хелметов). */

    *{box-sizing:border-box;margin:0;padding:0}
    ::selection{background:#EF8A3E;color:#fff}
    input::placeholder{color:#9aa3a8}
    @media(max-width:1200px){
      .v-nav{gap:22px!important;letter-spacing:1.1px!important}
    }
    @media(max-width:1150px){
      .v-nav{display:none!important}
      .v-burger{display:flex!important}
    }
    @media(max-width:1100px){
      .v-grid4{grid-template-columns:repeat(2,1fr)!important}
    }
    @media(max-width:900px){
      .v-nav{display:none!important}
      .v-burger{display:flex!important}
      .v-logo{font-size:22px!important}
      .v-header{padding-left:22px!important;padding-right:22px!important}
      .v-grid4{grid-template-columns:repeat(2,1fr)!important}
      .v-quizpanel{padding:18px 20px 32px!important}
      .v-quizpanel h3{font-size:24px!important;line-height:1.18!important;margin-top:24px!important}
      .v-grid2{grid-template-columns:1fr!important}
      .v-leadwrap{grid-template-columns:1fr!important}
      .v-mgrwin{order:-1!important}
    }
    @keyframes vspMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
    @keyframes vspQuizDown{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
    @keyframes vspCardIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
    @keyframes vspColIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
    @keyframes vspDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.55}}
    @keyframes vspDrawerIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
    @keyframes vspAccIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
    .v-qopt .v-qarrow{transition:transform .2s ease,background .2s ease,border-color .2s ease}
    .v-qopt:hover .v-qarrow{transform:translateX(4px);background:rgba(38,52,59,.12);border-color:rgba(38,52,59,.4)}
  
*{box-sizing:border-box;margin:0;padding:0}
  @media (max-width:768px){
    .v-foot{padding:44px 22px 40px!important}
    .v-foot-top{flex-direction:column!important;gap:26px!important}
    .v-foot-bot{flex-direction:column!important;align-items:flex-start!important;gap:22px!important;margin-top:30px!important;padding-top:0!important;border-top:none!important}
    .v-foot-nav{flex-direction:column!important;gap:0!important;width:100%!important}
    .v-foot-nav a{display:block!important;padding:9px 0!important;border-bottom:none!important;font-size:11px!important}
    .v-foot-legal{gap:18px!important;flex-wrap:wrap!important}
  }
  @media (max-width:520px){
    .v-cookie{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;max-width:none!important}
  }
/* хлебные крошки видимы и на мобильном */
@media (max-width:900px){.v-breadcrumb{display:flex!important;left:22px!important;right:22px!important;font-size:10px!important;letter-spacing:.8px!important;gap:7px!important;flex-wrap:wrap!important}}

/* согласие: центрирование на мобильном */
@media (max-width:768px){label.v-leadconsent,label.v-askconsent{justify-content:center;margin-left:auto;margin-right:auto}}

    /* ===== burger ↔ cross morph ===== */
    .v-burger .v-bl1,.v-burger .v-bl2{transform-origin:50% 50%;backface-visibility:hidden;will-change:transform}
    @keyframes vspBurgerTopOpen{0%{transform:translate(0,0) rotate(0deg) scaleX(1)}50%{transform:translate(0,3.75px) rotate(0deg) scaleX(.923)}100%{transform:translate(0,3.75px) rotate(45deg) scaleX(.923)}}
    @keyframes vspBurgerBotOpen{0%{transform:translate(0,0) rotate(0deg) scaleX(1)}50%{transform:translate(-4.5px,-3.75px) rotate(0deg) scaleX(1.412)}100%{transform:translate(-4.5px,-3.75px) rotate(-45deg) scaleX(1.412)}}
    @keyframes vspBurgerTopClose{0%{transform:translate(0,3.75px) rotate(45deg) scaleX(.923)}46%{transform:translate(0,3.75px) rotate(0deg) scaleX(.923)}100%{transform:translate(0,0) rotate(0deg) scaleX(1)}}
    @keyframes vspBurgerBotClose{0%{transform:translate(-4.5px,-3.75px) rotate(-45deg) scaleX(1.412)}46%{transform:translate(-4.5px,-3.75px) rotate(0deg) scaleX(1.412)}100%{transform:translate(0,0) rotate(0deg) scaleX(1)}}
    .v-burger[aria-expanded="true"] .v-bl1{animation:vspBurgerTopOpen .5s cubic-bezier(.32,.9,.3,1) forwards}
    .v-burger[aria-expanded="true"] .v-bl2{animation:vspBurgerBotOpen .5s cubic-bezier(.32,.9,.3,1) forwards}
    .v-burger[data-morph][aria-expanded="false"] .v-bl1{animation:vspBurgerTopClose .44s cubic-bezier(.32,.9,.3,1) forwards}
    .v-burger[data-morph][aria-expanded="false"] .v-bl2{animation:vspBurgerBotClose .44s cubic-bezier(.32,.9,.3,1) forwards}
    @media(prefers-reduced-motion:reduce){.v-burger .v-bl1,.v-burger .v-bl2{animation-duration:.01ms!important}}

/* Мега-меню: внутренний скролл, если панель выше вьюпорта */
.v-megapanel{max-height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.v-megapanel::-webkit-scrollbar{width:8px}
.v-megapanel::-webkit-scrollbar-thumb{background:rgba(38,52,59,.18);border-radius:8px}
.v-megapanel::-webkit-scrollbar-track{background:transparent}