/* DVS63-V1198-NAVIGATION-REGIONS-COMPLETION */
.dvs63-regions-v1196 .dvs-r1198-regions-process{background:#fff}
.dvs63-regions-v1196 .dvs-r1198-regions-process .dvs-container{width:min(1320px,calc(100% - 120px));margin:0 auto}
@media(max-width:1100px){.dvs63-regions-v1196 .dvs-r1198-regions-process .dvs-container{width:calc(100% - 64px)}}
@media(max-width:720px){.dvs63-regions-v1196 .dvs-r1198-regions-process .dvs-container{width:calc(100% - 32px)}.v20-mobile-menu__panel{overflow-y:auto;overscroll-behavior:contain}}
/*
Theme Name: DVS63
Theme URI: https://dvs63.ru/
Author: DVS63
Description: Custom hybrid theme for the DVS63 LADA/VAZ aggregates catalog.
Version: 1.22.144
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: dvs63
*/


/* DVS63-V1197-COMPLETION-INTERACTION */
@media (prefers-reduced-motion: no-preference) {
  /* DVS63-V1205-REVEAL-FAILOPEN
   * Sections stay visible by default. JS arms only a section that is
   * immediately about to animate. A missed observer event can therefore
   * never leave page content invisible and create a giant apparent gap.
   */
  body.dvs63-motion-ready .dvs63-site-reveal.dvs63-reveal-armed:not(.is-inview) {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition: opacity .52s ease, transform .52s cubic-bezier(.2,.7,.25,1);
    will-change: opacity, transform;
  }
  body.dvs63-motion-ready .dvs63-site-reveal.is-inview {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}
.dvs-r1197-five-steps {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}
.dvs-r1197-five-steps article {
  min-width: 0;
  padding: 18px;
  border: 1px solid #d7e5f1;
  border-radius: 16px;
  background: #fff;
}
.dvs-r1197-five-steps b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 30px;
  padding: 0 9px;
  margin-bottom: 12px;
  border-radius: 9px;
  background: #e9f5ff;
  color: #087ed5;
  font-size: 14px;
  line-height: 1;
}
.dvs-r1197-five-steps h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.25; color: #102e4b; }
.dvs-r1197-five-steps p { margin: 0; font-size: 15px; line-height: 1.5; color: #667f9c; }
.dvs-r1196-video-filters { display:flex; flex-wrap:wrap; gap:10px; }
.dvs-r1196-video-filters button {
  appearance:none;
  border:1px solid #d7e5f1;
  border-radius: 12px;
  background:#fff;
  color:#173b5c;
  min-height:42px;
  padding:0 16px;
  font:inherit;
  font-weight:600;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.dvs-r1196-video-filters button:hover { transform:translateY(-1px); border-color:#8bc8f4; }
.dvs-r1196-video-filters button.is-active { background:#0b8eed; border-color:#0b8eed; color:#fff; }
.dvs-r1197-video-filter-status { margin:16px 0 0; color:#667f9c; font-size:15px; }
.dvs-proof-video-card[hidden] { display:none !important; }
@media (max-width: 1100px) {
  .dvs-r1197-five-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dvs-r1197-five-steps article:last-child { grid-column:1/-1; }
}
@media (max-width: 620px) {
  .dvs-r1197-five-steps { grid-template-columns: 1fr; gap:10px; }
  .dvs-r1197-five-steps article:last-child { grid-column:auto; }
  .dvs-r1196-video-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:thin; }
  .dvs-r1196-video-filters button { flex:0 0 auto; min-height:44px; padding:0 14px; }
}


/* DVS63-V1199-AUTOSERVICE-GEO-MOBILE-PARITY */