@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeOvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSd-OvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSG-OvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsS9-SvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSzuSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSgOSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexc1RwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1WwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexXRWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpWwaA.ttf) format('truetype');
}
.up {
  text-transform: uppercase;
}
.none {
  text-decoration: none;
}
.th {
  font-weight: 100;
}
.el {
  font-weight: 200;
}
.l {
  font-weight: 300;
}
.reg {
  font-weight: 400;
}
.med {
  font-weight: 500;
}
.sb {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.eb {
  font-weight: 800;
}
.black {
  font-weight: 900;
}
.un {
  text-decoration: underline;
}
.in {
  display: inline-block;
}
.vam {
  vertical-align: middle;
}
.rel {
  position: relative;
}
.bl {
  display: block;
}
.abs {
  position: absolute;
}
.tr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.try {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.trx {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tc {
  display: table-cell;
  vertical-align: middle;
}
.dn {
  display: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.taj {
  text-align: justify;
}
.it {
  font-style: italic;
}
.sn {
  font-style: normal;
}
.b0 {
  border: 0;
}
.bn {
  background: none;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.wa {
  width: auto;
}
.p0 {
  padding: 0;
}
.m0 {
  margin: 0;
}
.poi {
  cursor: pointer;
}
.auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.noup {
  text-transform: none;
}
.fix {
  position: fixed;
}
.tn {
  transform: none;
}
.bf {
  background: #fff;
}
.cf {
  color: #fff;
}
.c0 {
  color: #000;
}
.ap {
  appearance: none;
}
.nw {
  white-space: nowrap;
}
.ma {
  margin: 0 auto;
}
.oh {
  overflow: hidden;
}
.pen {
  pointer-events: none;
}
body,
html {
  width: 100%;
  min-height: 100%;
}
body {
  background: #fff;
  overflow-x: hidden;
}
body,
th,
td {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  color: #000;
}
body,
form,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
img,
table {
  border: none;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  text-decoration: none;
}
input,
textarea,
button,
select {
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: "Mulish", sans-serif;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
button:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
button:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
button:focus:-moz-placeholder,
select:focus:-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
button:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: transparent;
}
button,
input[type='submit'] {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  border: 0;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
.an {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section,
header,
footer,
nav,
main {
  display: block;
}
.wrap {
  margin: 0 auto;
  width: 1320px;
}
* {
  outline: none!important;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.flex3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.header {
  padding: 12px 0;
  border-bottom: 1px solid rgba(1, 1, 1, 0.2);
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
}
.header--mb {
  margin-bottom: 0;
}
.header .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.header__logo a {
  display: inline-block;
  width: 110px;
}
.header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 40px;
}
.header__menu li a:hover {
  color: #0039a6;
}
.header__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.header__adress {
  margin-right: 30px;
}
.header__phone {
  display: inline-block;
  border: 1px solid #0039a6;
  color: #0039a6;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  position: relative;
}
.header__phone span {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none' style=''%3E%3Cpath d='M19.7446 14.5828C20.2283 15.0679 20.5 15.725 20.5 16.41C20.5 17.095 20.2283 17.7521 19.7446 18.2372L18.985 19.1128C12.1482 25.6577 -4.48861 9.0262 1.95576 2.16827L2.91574 1.33356C3.40138 0.863354 4.05264 0.603237 4.7286 0.609485C5.40457 0.615733 6.0509 0.887845 6.52777 1.36695C6.55365 1.39283 8.10046 3.40196 8.10046 3.40196C8.55944 3.88411 8.81494 4.52458 8.81385 5.19023C8.81277 5.85589 8.55517 6.49552 8.09462 6.97616L7.12796 8.19149C7.66292 9.49122 8.44945 10.6724 9.44235 11.6673C10.4353 12.6621 11.615 13.451 12.9137 13.9885L14.1366 13.0161C14.6174 12.5559 15.2569 12.2987 15.9225 12.2977C16.588 12.2968 17.2282 12.5523 17.7103 13.0111C17.7103 13.0111 19.7187 14.557 19.7446 14.5828ZM18.596 15.7965C18.596 15.7965 16.5984 14.2598 16.5725 14.2339C16.4005 14.0634 16.1681 13.9677 15.926 13.9677C15.6838 13.9677 15.4514 14.0634 15.2794 14.2339C15.2569 14.2573 13.5732 15.5987 13.5732 15.5987C13.4597 15.689 13.3247 15.7482 13.1814 15.7704C13.0381 15.7927 12.8914 15.7772 12.7559 15.7255C11.0734 15.0991 9.54522 14.1185 8.27479 12.85C7.00436 11.5816 6.0214 10.0549 5.39249 8.37346C5.33672 8.23611 5.31855 8.0864 5.33982 7.9397C5.36109 7.793 5.42105 7.65461 5.51353 7.53876C5.51353 7.53876 6.855 5.85432 6.87753 5.83262C7.04805 5.66066 7.14372 5.4283 7.14372 5.18614C7.14372 4.94398 7.04805 4.71162 6.87753 4.53966C6.85166 4.51462 5.31486 2.5155 5.31486 2.5155C5.14031 2.359 4.9125 2.27519 4.67814 2.28124C4.44377 2.28729 4.2206 2.38275 4.05436 2.54806L3.09438 3.38276C-1.61536 9.0454 12.8019 22.6619 17.7645 17.9726L18.525 17.0961C18.7032 16.9311 18.8102 16.7032 18.8235 16.4607C18.8367 16.2181 18.7551 15.98 18.596 15.7965Z' fill='black'/%3E%3C/svg%3E");
  background: #0039a6;
  margin: -2px 4px 0 0;
}
.header__phone:hover {
  background: #0039a6;
  color: #fff;
}
.header__phone:hover span {
  background: #fff;
}
.header__burger {
  width: 30px;
  height: 16px;
  position: relative;
  display: inline-block;
  display: none;
}
.header__burger--active span:nth-child(1) {
  transform: translate(3px, 7px) rotate(45deg);
  left: 0;
}
.header__burger--active span:nth-child(2) {
  display: none;
}
.header__burger--active span:nth-child(3) {
  transform: translate(3px, -7px) rotate(-45deg);
  left: 0;
}
.header__burger:hover span:nth-child(1) {
  left: 0;
}
.header__burger:hover span:nth-child(2) {
  left: 6px;
}
.header__burger:hover span:nth-child(3) {
  left: 0;
}
.header__burger span {
  position: absolute;
  width: 24px;
  height: 2px;
  background: #0039a6;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header__burger span:nth-child(1) {
  top: 0;
  left: 6px;
}
.header__burger span:nth-child(2) {
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.header__burger span:nth-child(3) {
  bottom: 0;
  left: 6px;
}
.menu .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.hero {
  padding: 20px 0;
}
.hero .swiper-slide {
  height: 500px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  overflow: hidden;
}
.hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hero__text {
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  background: rgba(0, 57, 166, 0.5);
  color: #fff;
}
.hero__txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 30px;
}
.hero__name {
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 25px;
}
.hero__desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 40px;
}
.hero__button {
  width: 375px;
  height: 60px;
  background: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #0039a6;
  font-size: 16px;
  font-weight: 600;
}
.hero__button:hover {
  color: #fff;
  background: #0039a6;
}
.hero__dots {
  position: absolute;
  left: auto!important;
  right: 0;
  bottom: 50px!important;
  width: 500px!important;
  text-align: center;
  z-index: 3;
}
.hero__dots span {
  width: 54px;
  height: 3px;
  background: #fff;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.hero__item--inner {
  height: 500px;
  position: relative;
}
.h2 {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
}
.h2 img {
  vertical-align: middle;
  width: 64px;
}
.brands {
  padding: 40px 0;
}
.brands__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.brands__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #B4B4B4;
  border-radius: 10px;
  padding: 10px 0 15px;
  position: relative;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.brands__item:hover {
  background: rgba(1, 1, 1, 0.1);
}
.brands__item:hover .brands__logo {
  filter: none;
}
.brands__item:hover .brands__name {
  text-decoration: underline;
}
.brands__item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.brands__logo {
  width: 40px;
  height: 40px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  filter: grayscale(100%);
}
.brands__name {
  font-weight: 400;
  font-size: 14px;
  font-weight: 500;
}
.catalog {
  padding: 40px 0;
  overflow: hidden;
}
.catalog .wrap {
  position: relative;
}
.catalog__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.catalog__item {
  width: calc(25% - 20px);
  margin: 0 20px 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F7F7F7;
  padding: 15px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.catalog__item:hover {
  box-shadow: rgba(1, 1, 1, 0.3) 0 0 30px;
}
.catalog__card-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 12px;
}
.catalog__item--action {
  border: 2px solid orange;
}
.catalog__image {
  background: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding-top: 30px;
  margin-bottom: 20px;
}
.catalog__image img {
  width: 100%;
}
.catalog__name {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 35px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
}
.catalog__price {
  width: 48.5%;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.catalog__old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #B4B4B4;
}
.catalog__credit {
  width: 48.5%;
  margin-bottom: 20px;
  line-height: 22px;
}
.catalog__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.catalog__buttons button {
  width: 48.5%;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.catalog__buttons button:nth-child(1) {
  background: #0039a6;
  border: 1px solid #0039a6;
  color: #fff;
}
.catalog__buttons button:nth-child(1):hover {
  color: #0039a6;
  background: none;
}
.catalog__buttons button:nth-child(2) {
  color: #0039a6;
  background: #fff;
  border: 1px solid #0039a6;
}
.catalog__buttons button:nth-child(2):hover {
  color: #fff;
  background: #0039a6;
}
.catalog__discount {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 10px;
  background: #f24942;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
}
.catalog__action {
  position: absolute;
  left: 0;
  top: 0;
  background: orange;
  border-radius: 8px 0px 10px 0;
  width: 91px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
}
.catalog__bottom-link {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  min-width: 190px;
  color: #0039a6;
  border: 1px solid #0039a6;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.catalog__bottom-link:hover {
  color: #fff;
  background: #0039a6;
}
.catalog__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding-top: 20px;
}
.catalog__page {
  background: #F7F7F7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
}
.catalog__page--active {
  background: #6E96E3;
  color: #fff;
}
.catalog__page--next {
  width: auto;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  padding-right: 60px;
  margin-left: 30px;
}
.catalog__page--next:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url('data:image/svg+xml,<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3998 5.48919L1.8098 0.899191C1.62244 0.71294 1.36899 0.608398 1.1048 0.608398C0.840616 0.608398 0.587165 0.71294 0.399802 0.899191C0.306074 0.992154 0.23168 1.10275 0.180911 1.22461C0.130142 1.34647 0.104004 1.47718 0.104004 1.60919C0.104004 1.7412 0.130142 1.87191 0.180911 1.99377C0.23168 2.11563 0.306074 2.22623 0.399802 2.31919L4.9998 6.89919C5.09353 6.99215 5.16793 7.10276 5.21869 7.22462C5.26946 7.34647 5.2956 7.47718 5.2956 7.60919C5.2956 7.7412 5.26946 7.87191 5.21869 7.99377C5.16793 8.11563 5.09353 8.22623 4.9998 8.31919L0.399802 12.8992C0.211499 13.0862 0.105184 13.3403 0.104246 13.6057C0.103308 13.871 0.207825 14.1259 0.394803 14.3142C0.581781 14.5025 0.835903 14.6088 1.10127 14.6097C1.36663 14.6107 1.6215 14.5062 1.8098 14.3192L6.3998 9.72919C6.96161 9.16669 7.27716 8.40419 7.27716 7.60919C7.27716 6.81419 6.96161 6.05169 6.3998 5.48919Z" fill="white"/></svg>') #6e96e3 center no-repeat;
}
.catalog__nav {
  font-size: 0;
  padding-bottom: 10px;
}
.catalog__nav a {
  display: inline-block;
  margin: 0 10px 10px 0;
  line-height: 40px;
  background: #0039a6;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  padding: 0 20px;
  font-size: 16px;
}
.catalog__nav a:hover {
  background: #f24942;
}
.advantages {
  padding: 40px 0;
  overflow: hidden;
}
.advantages__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.advantages__item {
  width: calc(33.3334% - 20px);
  margin: 0 20px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F7F7F7;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  gap: 20px;
  padding: 35px;
  font-size: 24px;
  font-weight: 600;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.advantages__item:hover {
  box-shadow: rgba(1, 1, 1, 0.3) 0 0 30px;
}
.advantages__icon {
  display: block;
  background: #6E96E3;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.order {
  padding: 40px 0;
}
.order .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order__image {
  width: 50.5%;
  border-radius: 10px;
}
.order__form {
  border-radius: 10px;
  background: #F7F7F7;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
}
.order__name {
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 15px;
}
.order__top-text {
  text-align: center;
  margin-bottom: 30px;
}
.order__input {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid transparent;
  margin-bottom: 15px;
}
.order__button {
  width: 100%;
  height: 60px;
  color: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #0039a6;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}
.order__button:hover {
  border: 1px solid #0039a6;
  color: #0039a6;
  background: none;
}
.order input[type='checkbox'] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.order input[type='checkbox'] + label {
  font-size: 12px;
}
.order input[type='checkbox'] + label a {
  text-decoration: underline;
}
.credit-banner {
  padding: 40px 0;
}
.credit-banner__banner {
  background: #0039a6;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 40px;
  position: relative;
  color: #fff;
  overflow: hidden;
}
.credit-banner__image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -55px;
  height: 355px;
}
.credit-banner__name {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #fff !important;
}
.credit-banner__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 60px;
}
.credit-banner__item {
  font-size: 20px;
}
.credit-banner__item span {
  display: block;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}
.credit-banner .hero__button {
  width: 230px;
}
.credit-banner .hero__button:hover {
  color: #0039a6;
  background: #ccc;
}
.services {
  padding: 40px 0;
  overflow: hidden;
}
.services__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.services__item {
  width: calc(50% - 20px);
  margin: 0 20px 20px 0;
  height: 240px;
  border-radius: 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.services__item:hover {
  box-shadow: rgba(1, 1, 1, 0.3) 0 0 30px;
}
.services__item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 57, 166, 0.5);
}
.services__name {
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.services__name:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 2px;
  background: #fff;
}
.services__name:before {
  content: "";
  background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.70721 8.31648C9.09773 7.92596 9.09773 7.29279 8.70721 6.90227L2.34325 0.538307C1.95272 0.147783 1.31956 0.147783 0.929032 0.538307C0.538508 0.928831 0.538508 1.562 0.929032 1.95252L6.58589 7.60938L0.929032 13.2662C0.538508 13.6568 0.538508 14.2899 0.929032 14.6804C1.31956 15.071 1.95272 15.071 2.34325 14.6804L8.70721 8.31648ZM8 8.60938H8.0001V6.60938H8V8.60938Z" fill="white"/></svg>') center no-repeat;
  width: 9px;
  height: 15px;
  position: absolute;
  right: -1px;
  bottom: -26px;
}
.partners {
  padding: 40px 0;
}
.partners__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
.partners__item {
  background: #fff;
  border: 1px solid #B4B4B4;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  height: 70px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.partners__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.actions {
  padding: 40px 0;
  overflow: hidden;
}
.actions__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.actions__item {
  width: calc(25% - 20px);
  margin: 0 20px 20px 0;
  border-radius: 10px;
  overflow: hidden;
  background: #F7F7F7;
}
.actions__image {
  width: 100%;
  height: 208px;
  -o-object-fit: cover;
  object-fit: cover;
}
.actions__info {
  padding: 16px 20px;
}
.actions__name {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  height: 46px;
}
.actions__date {
  margin-bottom: 10px;
  color: #f24942;
  font-weight: 700;
}
.actions__desc {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  height: 36px;
}
.contacts {
  padding: 40px 0;
}
.contacts__map {
  height: 600px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.contacts__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.contacts__contacts {
  padding: 20px;
  position: absolute;
  left: 10px;
  bottom: 55px;
  background: #fff;
  border-radius: 10px;
  color: var(--primary);
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #0039a6;
}
.contacts__contacts a {
  color: #0039a6;
}
.footer {
  padding: 40px 0;
}
.footer .header__logo {
  width: 24%;
  margin-bottom: 40px;
}
.footer__contacts {
  width: 24%;
  margin-bottom: 40px;
  display: grid;
  grid-gap: 20px;
  font-size: 18px;
  line-height: 140%;
}
.footer__menu {
  width: 24%;
  margin-bottom: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  font-size: 18px;
  line-height: 140%;
}
.footer__menu li a:hover {
  color: #0039a6;
}
.footer__rules {
  width: 24%;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: bold;
}
.footer__rules:hover {
  color: #0039a6;
}
.footer__text {
  font-size: 12px;
  font-weight: 500;
  color: #B4B4B4;
}
.breadcrumbs {
  padding: 20px 0;
  margin-bottom: 40px;
  color: #B4B4B4;
}
.breadcrumbs--mb {
  margin-bottom: 0;
}
.breadcrumbs a {
  color: #0039a6;
}
.breadcrumbs span {
  display: inline-block;
  margin: 0 5px;
}
.credit {
  background: #e2eaf9;
  padding: 0 0 40px 0;
}
.credit__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px;
}
.credit__left {
  width: calc(50% - 10px);
  background: #f7f7f7;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 35px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.credit__right {
  width: calc(50% - 10px);
  background: #f7f7f7;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 35px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.credit__name {
  margin: 20px 0 30px;
  font-size: 28px;
  font-weight: 600;
  text-align: left;
}
.credit__top-text {
  font-size: 14px;
  margin-bottom: 30px;
}
.credit__select {
  width: 49%;
  height: 60px;
  margin-bottom: 20px;
  padding: 0 30px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-size: 16px;
  appearance: none;
  background: #ffffff url('img/select.svg') no-repeat right 20px top 50%;
}
.credit__price {
  margin-bottom: 40px;
  font-size: 14px;
}
.credit__price span {
  color: #0039a6;
  font-size: 24px;
  font-weight: 700;
}
.credit__name2 {
  margin-bottom: 10px;
  color: #b4b4b4;
  font-size: 16px;
}
.credit__result {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
.credit__result input[type='text'] {
  background: none;
  font-size: 24px;
  font-weight: bold;
  color: #b4b4b4;
  width: 55px;
}
.credit__result span {
  color: #b4b4b4;
}
.credit__range {
  margin-bottom: 15px;
}
.credit__range .ui-widget.ui-widget-content {
  border: 0;
}
.credit__range .ui-widget-content {
  background: #0039a6;
}
.credit__range .ui-slider-horizontal {
  height: 2px;
}
.credit__range .ui-widget-header {
  background: #BFBFBF;
}
.credit__range .ui-state-default,
.credit__range .ui-widget-content .ui-state-default,
.credit__range .ui-widget-header .ui-state-default,
.credit__range .ui-button,
.credit__range html .ui-button.ui-state-disabled:hover,
.credit__range html .ui-button.ui-state-disabled:active {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  width: 30px;
  height: 30px;
  border: 7px solid #0039a6;
  margin: -9px 0 0 -15px;
}
.credit__values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
.credit__att {
  display: flex;
  gap: 12px;
  padding: 8px;
  font-size: 14px;
  background: #e4e4e4;
  color: #0e0e13;
  border-radius: 10px;
}
.credit__att:before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 15V10M11 7H10.99M1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11Z' stroke='%230039A6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.credit__image {
  background: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 30px;
  text-align: center;
}
.credit__image img {
  width: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  border-radius: 10px;
  max-height: 325px;
}
.credit__name3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.credit__item {
  width: 49%;
  margin-bottom: 20px;
  font-size: 14px;
}
.credit__item span {
  display: block;
  margin-top: 8px;
  font-weight: 700;
  font-size: 24px;
}
.credit__item span.blue {
  color: #0039a6;
}
.credit__item span i {
  font-style: normal;
  color: #b4b4b4;
}
.credit__banner {
  display: flex;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #0039a6 url('img/banner.webp') no-repeat left / contain;
  background: linear-gradient(to left, #0039a6 42%, rgba(0, 57, 166, 0) 64%), url(img/banner.webp);
}
.credit__banner-content {
  margin-left: auto;
  width: 100%;
  max-width: 480px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 40px;
  color: #fff;
}
.credit__banner-content h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #fff !important;
}
.credit__banner-content p {
  font-size: 20px;
  margin-bottom: 25px;
}
.credit__banner-content .hero__button {
  width: 100%;
}
.steps {
  padding: 40px 0;
}
.steps__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-right: -20px;
}
.steps__item {
  width: calc(25% - 20px);
  margin: 0 20px 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F7F7F7;
  border-radius: 20px;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.steps__item:hover {
  box-shadow: rgba(1, 1, 1, 0.3) 0 0 30px;
}
.steps__number {
  background: -o-radial-gradient(37.86% 30.64%, 105.52% 108.84%, #0039a6 0%, #5478bc 100%);
  background: radial-gradient(105.52% 108.84% at 37.86% 30.64%, #0039a6 0%, #5478bc 100%);
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
}
.credit-advantages {
  padding: 40px 0;
}
.credit-advantages__content {
  background: #6e96e3 url(img/rules-section-bg.webp) center / cover no-repeat;
  position: relative;
  border-radius: 20px;
  padding: 40px;
  overflow: hidden;
}
.credit-advantages__list {
  margin-left: auto;
  max-width: 685px;
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
}
.credit-advantages__item {
  background: #F7F7F7;
  padding: 30px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 30px;
  border-radius: 10px;
}
.credit-advantages__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: #6E96E3;
  border-radius: 50%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.credit-advantages__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.credit-advantages__text h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.autocredit {
  padding: 40px 0;
}
.autocredit__text {
  background: -o-radial-gradient(37.86% 30.64%, 105.52% 108.84%, #0039a6 0%, #5478bc 100%);
  background: radial-gradient(105.52% 108.84% at 37.86% 30.64%, #0039a6 0%, #5478bc 100%);
  color: #fff;
  padding: 40px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.car {
  padding: 40px 0;
}
.car__photos {
  width: calc(50% - 10px);
  margin-bottom: 40px;
}
.car__info {
  width: calc(50% - 10px);
  margin-bottom: 40px;
}
.car__main-photos {
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 20px;
}
.car__photo {
  margin-bottom: 20px;
  background: #F7F7F7;
  border-radius: 20px;
  height: 420px;
  line-height: 420px;
  text-align: center;
}
.car__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.car__previews .swiper-slide {
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-top: 7px;
}
.car__previews .swiper-slide.swiper-slide-thumb-active {
  width: 45px;
  height: 45px;
  margin-top: 0;
}
.car__name {
  color: #0E0E13;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.car__top-text {
  font-size: 1rem;
  margin-bottom: 20px;
}
.car__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: -12px;
  padding-bottom: 8px;
}
.car__data-item {
  width: calc(25% - 12px);
  margin: 0 12px 12px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 10px;
  background: #F7F7F7;
}
.car__data-item p {
  font-weight: 700;
}
.car__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.car__icon--icon1 {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDJMNC4wOTM0NyAxMi42ODc5QzMuNzQ0NjYgMTMuMTA2NCAzLjU3MDI2IDEzLjMxNTcgMy41Njc1OSAxMy40OTI1QzMuNTY1MjggMTMuNjQ2MSAzLjYzMzc1IDEzLjc5MjMgMy43NTMyNyAxMy44ODg5QzMuODkwNzYgMTQgNC4xNjMxOSAxNCA0LjcwODA1IDE0SDEyTDExIDIyTDE5LjkwNjYgMTEuMzEyMUMyMC4yNTU0IDEwLjg5MzYgMjAuNDI5OCAxMC42ODQzIDIwLjQzMjQgMTAuNTA3NUMyMC40MzQ4IDEwLjM1MzkgMjAuMzY2MyAxMC4yMDc3IDIwLjI0NjggMTAuMTExMUMyMC4xMDkzIDEwIDE5LjgzNjggMTAgMTkuMjkyIDEwSDEyTDEzIDJaIiBzdHJva2U9IiMyRTU4REIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDJMNC4wOTM0NyAxMi42ODc5QzMuNzQ0NjYgMTMuMTA2NCAzLjU3MDI2IDEzLjMxNTcgMy41Njc1OSAxMy40OTI1QzMuNTY1MjggMTMuNjQ2MSAzLjYzMzc1IDEzLjc5MjMgMy43NTMyNyAxMy44ODg5QzMuODkwNzYgMTQgNC4xNjMxOSAxNCA0LjcwODA1IDE0SDEyTDExIDIyTDE5LjkwNjYgMTEuMzEyMUMyMC4yNTU0IDEwLjg5MzYgMjAuNDI5OCAxMC42ODQzIDIwLjQzMjQgMTAuNTA3NUMyMC40MzQ4IDEwLjM1MzkgMjAuMzY2MyAxMC4yMDc3IDIwLjI0NjggMTAuMTExMUMyMC4xMDkzIDEwIDE5LjgzNjggMTAgMTkuMjkyIDEwSDEyTDEzIDJaIiBzdHJva2U9IiMyRTU4REIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-color: #2e58db;
}
.car__icon--icon2 {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTJDNSA4LjEzNDAxIDguMTM0MDEgNSAxMiA1TTE2LjQ5OTkgNy41TDExLjk5OTkgMTJNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWk0xMyAxMkMxMyAxMi41NTIzIDEyLjU1MjMgMTMgMTIgMTNDMTEuNDQ3NyAxMyAxMSAxMi41NTIzIDExIDEyQzExIDExLjQ0NzcgMTEuNDQ3NyAxMSAxMiAxMUMxMi41NTIzIDExIDEzIDExLjQ0NzcgMTMgMTJaIiBzdHJva2U9IiMyRTU4REIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTJDNSA4LjEzNDAxIDguMTM0MDEgNSAxMiA1TTE2LjQ5OTkgNy41TDExLjk5OTkgMTJNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWk0xMyAxMkMxMyAxMi41NTIzIDEyLjU1MjMgMTMgMTIgMTNDMTEuNDQ3NyAxMyAxMSAxMi41NTIzIDExIDEyQzExIDExLjQ0NzcgMTEuNDQ3NyAxMSAxMiAxMUMxMi41NTIzIDExIDEzIDExLjQ0NzcgMTMgMTJaIiBzdHJva2U9IiMyRTU4REIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-color: #2e58db;
}
.car__icon--icon3 {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxLjVDMTMuODU2NSAyMS41IDE1LjYzNyAyMC43NjI1IDE2Ljk0OTcgMTkuNDQ5N0MxOC4yNjI1IDE4LjEzNyAxOSAxNi4zNTY1IDE5IDE0LjVDMTkgMTIuNSAxOCAxMC42IDE2IDlDMTQgNy40IDEyLjUgNSAxMiAyLjVDMTEuNSA1IDEwIDcuNCA4IDlDNiAxMC42IDUgMTIuNSA1IDE0LjVDNSAxNi4zNTY1IDUuNzM3NSAxOC4xMzcgNy4wNTAyNSAxOS40NDk3QzguMzYzMDEgMjAuNzYyNSAxMC4xNDM1IDIxLjUgMTIgMjEuNVoiIHN0cm9rZT0iIzJFNThEQiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxLjVDMTMuODU2NSAyMS41IDE1LjYzNyAyMC43NjI1IDE2Ljk0OTcgMTkuNDQ5N0MxOC4yNjI1IDE4LjEzNyAxOSAxNi4zNTY1IDE5IDE0LjVDMTkgMTIuNSAxOCAxMC42IDE2IDlDMTQgNy40IDEyLjUgNSAxMiAyLjVDMTEuNSA1IDEwIDcuNCA4IDlDNiAxMC42IDUgMTIuNSA1IDE0LjVDNSAxNi4zNTY1IDUuNzM3NSAxOC4xMzcgNy4wNTAyNSAxOS40NDk3QzguMzYzMDEgMjAuNzYyNSAxMC4xNDM1IDIxLjUgMTIgMjEuNVoiIHN0cm9rZT0iIzJFNThEQiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-color: #2e58db;
}
.car__icon--icon4 {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDhMNyAzTDUgM0w1IDhIN1pNOCAzQzggMi40NDc3MiA3LjU1MjI4IDIgNyAySDVDNC40NDc3MiAyIDQgMi40NDc3MiA0IDNWOEM0IDguNTUyMjggNC40NDc3MiA5IDUgOUg3QzcuNTUyMjggOSA4IDguNTUyMjggOCA4TDggNi41SDExLjVMMTEuNSAxNy41SDhWMTZDOCAxNS40NDc3IDcuNTUyMjggMTUgNyAxNUg1QzQuNDQ3NzIgMTUgNCAxNS40NDc3IDQgMTZWMjFDNCAyMS41NTIzIDQuNDQ3NzIgMjIgNSAyMkg3QzcuNTUyMjggMjIgOCAyMS41NTIzIDggMjFMOCAxOC41SDE2VjIxQzE2IDIxLjU1MjMgMTYuNDQ3NyAyMiAxNyAyMkgxOUMxOS41NTIzIDIyIDIwIDIxLjU1MjMgMjAgMjFWMTZDMjAgMTUuNDQ3NyAxOS41NTIzIDE1IDE5IDE1SDE3QzE2LjQ0NzcgMTUgMTYgMTUuNDQ3NyAxNiAxNlYxNy41SDEyLjVMMTIuNSA2LjVIMTZWOEMxNiA4LjU1MjI4IDE2LjQ0NzcgOSAxNyA5SDE5QzE5LjU1MjMgOSAyMCA4LjU1MjI4IDIwIDhWM0MyMCAyLjQ0NzcyIDE5LjU1MjMgMiAxOSAySDE3QzE2LjQ0NzcgMiAxNiAyLjQ0NzcyIDE2IDNWNS41SDhWM1pNMTcgM0wxOSAzVjhIMTdWM1pNNyAyMUw3IDE2SDVMNSAyMUg3Wk0xNyAxNkgxOVYyMUgxN1YxNloiIGZpbGw9IiMyRTU4REIiLz4KPC9zdmc+Cg==);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDhMNyAzTDUgM0w1IDhIN1pNOCAzQzggMi40NDc3MiA3LjU1MjI4IDIgNyAySDVDNC40NDc3MiAyIDQgMi40NDc3MiA0IDNWOEM0IDguNTUyMjggNC40NDc3MiA5IDUgOUg3QzcuNTUyMjggOSA4IDguNTUyMjggOCA4TDggNi41SDExLjVMMTEuNSAxNy41SDhWMTZDOCAxNS40NDc3IDcuNTUyMjggMTUgNyAxNUg1QzQuNDQ3NzIgMTUgNCAxNS40NDc3IDQgMTZWMjFDNCAyMS41NTIzIDQuNDQ3NzIgMjIgNSAyMkg3QzcuNTUyMjggMjIgOCAyMS41NTIzIDggMjFMOCAxOC41SDE2VjIxQzE2IDIxLjU1MjMgMTYuNDQ3NyAyMiAxNyAyMkgxOUMxOS41NTIzIDIyIDIwIDIxLjU1MjMgMjAgMjFWMTZDMjAgMTUuNDQ3NyAxOS41NTIzIDE1IDE5IDE1SDE3QzE2LjQ0NzcgMTUgMTYgMTUuNDQ3NyAxNiAxNlYxNy41SDEyLjVMMTIuNSA2LjVIMTZWOEMxNiA4LjU1MjI4IDE2LjQ0NzcgOSAxNyA5SDE5QzE5LjU1MjMgOSAyMCA4LjU1MjI4IDIwIDhWM0MyMCAyLjQ0NzcyIDE5LjU1MjMgMiAxOSAySDE3QzE2LjQ0NzcgMiAxNiAyLjQ0NzcyIDE2IDNWNS41SDhWM1pNMTcgM0wxOSAzVjhIMTdWM1pNNyAyMUw3IDE2SDVMNSAyMUg3Wk0xNyAxNkgxOVYyMUgxN1YxNloiIGZpbGw9IiMyRTU4REIiLz4KPC9zdmc+Cg==);
  background-color: #2e58db;
}
.car__total {
  color: #fff;
  background: #0039a6;
  padding: 20px;
  border-radius: 20px;
  gap: 20px;
  display: grid;
}
.car__total p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.car__price {
  width: 49%;
  font-size: 32px;
  font-weight: 600;
}
.car__old-price {
  font-weight: 400;
  font-size: 20px;
  text-decoration: line-through;
  margin-bottom: 10px;
  display: inline-block;
}
.car__discount {
  font-size: 12px;
  display: block;
  color: #ffffff;
  padding: 5px;
  background: #f44336;
  line-height: 17px;
  border-radius: 5px;
}
.car__credit {
  width: 49%;
  font-size: 20px;
  font-weight: bold;
}
.car__credit p {
  margin-bottom: 10px;
}
.car__credit span {
  display: inline-block;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #6E96E3;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: fit-content;
}
.car__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}
.car__buttons button {
  width: 49%;
  height: 60px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 700;
}
.car__buttons button:nth-child(1) {
  background: #fff;
  color: #0039a6;
}
.car__buttons button:nth-child(1):hover {
  background: #ccc;
}
.car__buttons button:nth-child(2) {
  background: none;
  color: #fff;
  border: 2px solid #fff;
}
.car__buttons button:nth-child(2):hover {
  background: #fff;
  color: #0039a6;
}
.car__mods {
  padding: 40px 0;
}
.car__mods-name {
  color: #0E0E13;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.car__mods-name a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #eef2ff;
  border-radius: 40px;
  transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  flex-shrink: 0;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin: -2px 0 0 2px;
}
.car__mod {
  background: #F7F7F7;
  padding: 16px;
  border-radius: 10px;
}
.car__mod-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  gap: 12px;
}
.car__mod-check {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #0039a6;
  min-width: 30px;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: none;
}
.car__mod-check--active:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0039a6;
}
.car__mod-content2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.car__mod-title {
  display: block;
  width: 320px;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.car__mod-old-price {
  color: #B4B4B4;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: line-through;
}
.car__mod-price {
  color: #0039a6;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.car__mod-button {
  display: flex;
  align-items: center;
  gap: 12px;
}
.car__mod-button button {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: #fff;
  color: #0039a6;
  line-height: 40px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 0 20px;
}
.car__mod-button button:hover {
  color: #fff;
  background: #0039a6;
}
.car__mod-price2 {
  max-height: 40px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: #0039a6;
  color: #fff;
  line-height: 40px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 0 20px;
}
.car__mod-button .car__mod-price2 {
  background: #0039a6;
  color: #fff;
}
.car__mod-button .car__mod-price2:hover {
  background: #002b80;
  color: #fff;
}
.car__mods-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}
.car__compare {
  color: #0039a6;
  background: none;
  border: 1px solid #0039a6;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 200px;
  height: 46px;
  font-size: 16px;
  font-weight: 700;
}
.car__compare:hover {
  color: #fff;
  background: #0039a6;
}
.car__gallery {
  padding: 40px 0 0 0;
}
.car__gallery-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.car__gallery-item {
  position: relative;
  aspect-ratio: 1.33333333;
  min-height: 100%;
}
.car__gallery-item:first-child {
  -ms-grid-column-span: 2;
  grid-column: 2 span;
  -ms-grid-row-span: 2;
  grid-row: 2 span;
}
.car__gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.car__complect {
  display: none;
}
.car__complect-content {
  width: 49%;
}
.car__complect {
  padding: 15px 0;
}
.car .order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.speclist__tech__item {
  margin-top: 12px;
}
.header-text-m {
  font-size: 16px;
}
.specs__list__item {
  display: flex;
  align-items: flex-end;
  border-bottom: none;
  justify-content: space-between;
  padding: 0;
  margin: 12px 8px 4px 8px;
}
.specs__list__item__value {
  max-width: 390px;
  text-align: right;
}
.speclist__tech__item {
  margin-top: 12px;
}
.specs__list__item__name {
  flex-shrink: 0;
  width: fit-content;
  color: #646970;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.specs__list__item__fill-dot {
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #dde3ee, #dde3ee 5px, transparent 0, transparent 10px);
}
.mod-check__addon {
  margin-top: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  overflow: hidden;
  padding-right: 10px;
}
.mod-check__addon-item:has(b) {
  margin-left: 0;
  font-size: 18px;
  margin-top: 12px;
}
.mod-check__addon-item {
  padding-left: 30px;
  position: relative;
}
.mod-check__addon-item:has(b)::after {
  content: none;
}
.mod-check__addon-item:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 6px;
  width: 8px;
  height: 8px;
  background: #B4B4B4;
  border-radius: 50%;
}
.categories {
  padding: 40px 0;
}
.categories .wrap {
  position: relative;
}
.categories__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.categories__item {
  margin: 0 12px 12px 0;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 20px;
  border: 1px solid #000;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  min-width: 208px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.categories__item:hover {
  color: #fff;
  background: #000;
}
.products {
  padding: 40px 0;
}
.products .wrap {
  position: relative;
}
.products__list {
  overflow: hidden;
  padding: 10px;
  margin: 0 -10px;
}
.products__list .catalog__item:hover {
  box-shadow: rgba(1, 1, 1, 0.2) 0 0 10px;
}
.products__nav {
  padding-top: 40px;
  text-align: center;
}
.products__nav-item {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
  background-color: #6E96E3;
}
.products__nav-item.swiper-button-disabled {
  filter: grayscale(100%);
  opacity: .5;
}
.products__nav-item--prev {
  background-image: url('data:image/svg+xml,<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.59986 8.31919C2.50613 8.22623 2.43174 8.11563 2.38097 7.99377C2.3302 7.87191 2.30406 7.7412 2.30406 7.60919C2.30406 7.47718 2.3302 7.34647 2.38097 7.22462C2.43174 7.10276 2.50613 6.99215 2.59986 6.89919L7.18986 2.31919C7.28359 2.22623 7.35798 2.11563 7.40875 1.99377C7.45952 1.87191 7.48566 1.7412 7.48566 1.60919C7.48566 1.47718 7.45952 1.34647 7.40875 1.22461C7.35798 1.10275 7.28359 0.992154 7.18986 0.899191C7.0025 0.71294 6.74905 0.608398 6.48486 0.608398C6.22067 0.608398 5.96722 0.71294 5.77986 0.899191L1.18986 5.48919C0.628058 6.05169 0.3125 6.81419 0.3125 7.60919C0.3125 8.40419 0.628058 9.16669 1.18986 9.72919L5.77986 14.3192C5.96612 14.5039 6.21752 14.6081 6.47986 14.6092C6.61147 14.61 6.74193 14.5847 6.86377 14.535C6.9856 14.4852 7.09642 14.4119 7.18986 14.3192C7.28359 14.2262 7.35798 14.1156 7.40875 13.9938C7.45952 13.8719 7.48566 13.7412 7.48566 13.6092C7.48566 13.4772 7.45952 13.3465 7.40875 13.2246C7.35798 13.1028 7.28359 12.9922 7.18986 12.8992L2.59986 8.31919Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.products__nav-item--next {
  background-image: url('data:image/svg+xml,<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.3998 5.48919L1.8098 0.899191C1.62244 0.71294 1.36899 0.608398 1.1048 0.608398C0.840616 0.608398 0.587165 0.71294 0.399802 0.899191C0.306074 0.992154 0.23168 1.10275 0.180911 1.22461C0.130142 1.34647 0.104004 1.47718 0.104004 1.60919C0.104004 1.7412 0.130142 1.87191 0.180911 1.99377C0.23168 2.11563 0.306074 2.22623 0.399802 2.31919L4.9998 6.89919C5.09353 6.99215 5.16793 7.10276 5.21869 7.22462C5.26946 7.34647 5.2956 7.47718 5.2956 7.60919C5.2956 7.7412 5.26946 7.87191 5.21869 7.99377C5.16793 8.11563 5.09353 8.22623 4.9998 8.31919L0.399802 12.8992C0.211499 13.0862 0.105184 13.3403 0.104246 13.6057C0.103308 13.871 0.207825 14.1259 0.394803 14.3142C0.581781 14.5025 0.835903 14.6088 1.10127 14.6097C1.36663 14.6107 1.6215 14.5062 1.8098 14.3192L6.3998 9.72919C6.96161 9.16669 7.27716 8.40419 7.27716 7.60919C7.27716 6.81419 6.96161 6.05169 6.3998 5.48919Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.popup {
  padding: 0!important;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #F7F7F7!important;
  color: #fff;
}
.popup__top {
  background: url('img/popup.webp') center / cover;
  padding: 20px 44px;
  color: #fff;
}
.popup__top p {
  margin-top: 10px;
  font-size: 18px;
}
.popup__date {
  display: inline-block;
  font-size: 24px;
  font-weight: 900;
  padding: 0.4em 0.8em;
  border-radius: 0.35em;
  background: #DD4C70;
}
.popup__form {
  color: #000;
  padding: 44px;
}
.popup__form h2 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 900;
}
.popup__top-text {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}
.popup__image {
  width: 100%;
  margin-bottom: 30px;
  background: #efefef;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height: 180px;
  object-fit: scale-down;
}
.popup input[type='checkbox'] {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.popup input[type='checkbox'] + label {
  font-size: 12px;
}
.popup input[type='checkbox'] + label a {
  text-decoration: underline;
}
@media (max-width: 1350px) {
  .wrap {
    width: 970px;
  }
  .header__phone {
    margin-top: 0;
  }
  .header__menu {
    gap: 20px;
  }
  .brands__list {
    grid-template-columns: repeat(8, 1fr);
  }
  .catalog__item {
    width: calc(33.3334% - 20px);
  }
  .order__image {
    width: 100%;
    padding-bottom: 75%;
    margin-bottom: 20px;
  }
  .order__form {
    width: 100%;
  }
  .credit-banner__image {
    height: 200px;
    transform: none;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    top: 0;
    right: 0;
  }
  .footer .header__logo {
    width: 100%;
  }
  .footer__contacts {
    width: 32%;
  }
  .footer__menu {
    width: 32%;
  }
  .footer__rules {
    width: 32%;
  }
  .credit__left {
    width: 100%;
    margin-bottom: 20px;
  }
  .credit__right {
    width: 100%;
  }
  .credit-advantages__list {
    max-width: 550px;
  }
  .car__price {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .wrap {
    width: 747px;
  }
  .header__menu {
    gap: 10px;
  }
  .header__menu {
    font-size: 14px;
  }
  .header__phone {
    font-size: 14px;
    padding: 0 15px;
  }
  .header__phone span {
    display: none;
  }
  .header__adress {
    font-size: 14px;
  }
  .menu__hours {
    font-size: 14px;
  }
  .brands__list {
    grid-template-columns: repeat(6, 1fr);
  }
  .catalog__item {
    width: calc(50% - 20px);
  }
  .advantages__item {
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
  }
  .credit-banner__image {
    height: 140px;
  }
  .partners__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .actions__item {
    width: calc(33.3333334% - 20px);
  }
  .footer__contacts {
    width: 49%;
  }
  .footer__menu {
    width: 49%;
  }
  .footer__rules {
    width: 100%;
  }
  .credit-advantages__content {
    background: #6e96e3;
  }
  .credit-advantages__list {
    max-width: 100%;
  }
  .car__photos {
    width: 100%;
  }
  .car__info {
    width: 100%;
  }
  .car__mod-content2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .car__mod-title {
    width: 100%;
  }
  .categories .catalog__bottom-link {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .car__complect-content {
    width: 100%;
  }
  .mod-check__addon-item:has(b) {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .wrap {
    width: auto;
    padding: 0 15px;
  }
  .header {
    margin-bottom: 0;
  }
  .menu .wrap {
    position: relative;
  }
  .menu__hours {
    display: none;
  }
  .header .wrap {
    position: relative;
  }
  .header__menu {
    position: absolute;
    left: 15px;
    top: 100%;
    margin-top: 10px;
    width: calc(100% - 30px);
    background: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    box-shadow: rgba(1, 1, 1, 0.1) 0 0 20px;
    display: block;
    font-size: 16px;
    display: none;
  }
  .header__menu.header__menu--opened {
    display: block;
  }
  .header__menu li:not(:last-child) {
    margin-bottom: 15px;
  }
  .header__burger {
    display: block;
  }
  .header__adress {
    display: none;
  }
  .hero__image {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    padding-bottom: 50%;
    margin-bottom: 20px;
    border-radius: 20px;
  }
  .hero__text {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    border-radius: 20px;
  }
  .hero__txt {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
    padding: 20px;
  }
  .hero .swiper-slide {
    height: auto;
  }
  .hero__button {
    width: 100%;
  }
  .hero__dots {
    display: none;
  }
  .h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .brands__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog__bottom-link {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
  }
  .catalog__item {
    width: calc(100% - 20px);
  }
  .advantages__item {
    width: calc(100% - 20px);
  }
  .order__form {
    padding: 20px;
  }
  .credit-banner__banner {
    padding: 20px;
  }
  .credit-banner__name {
    font-size: 30px;
    margin-bottom: 20px;
    width: 50%;
  }
  .credit-banner__image {
    height: auto;
    width: 45%;
    top: 15px;
  }
  .credit-banner__items {
    display: block;
    margin-bottom: 20px;
  }
  .credit-banner__item {
    margin-bottom: 20px;
  }
  .credit-banner .hero__button {
    width: 100%;
  }
  .services__item {
    width: calc(100% - 20px);
  }
  .partners__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .actions__item {
    width: calc(100% - 20px);
  }
  .contacts__map {
    height: 400px;
  }
  .contacts__contacts {
    bottom: 10px;
    font-size: 16px;
  }
  .footer__contacts {
    width: 100%;
  }
  .footer__menu {
    width: 100%;
  }
  .credit__left {
    padding: 20px;
  }
  .credit__name {
    font-size: 24px;
    margin: 0 0 20px 0;
  }
  .credit__select {
    width: 100%;
  }
  .credit__right {
    padding: 20px;
  }
  .credit__banner {
    background: #0039a6;
  }
  .credit__banner-content {
    padding: 20px;
  }
  .credit__banner-content h3 {
    font-size: 30px;
  }
  .steps__item {
    width: calc(50% - 20px);
    padding: 20px 15px;
  }
  .credit-advantages__content {
    padding: 0;
    background: none;
  }
  .credit-advantages__item {
    padding: 20px;
  }
  .credit-advantages__icon {
    width: 60px;
    height: 60px;
  }
  .credit-advantages__text h3 {
    font-size: 20px;
  }
  .autocredit__text {
    padding: 20px;
  }
  .catalog__page--next {
    display: none;
  }
  .h2 img {
    display: none;
  }
  .catalog__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .catalog__nav a {
    margin: 0 0 10px 0;
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .car__photo {
    height: 320px;
    line-height: 320px;
  }
  .car__data-item {
    width: calc(50% - 12px);
  }
  .car__price {
    width: 100%;
    margin-bottom: 12px;
  }
  .car__credit {
    width: 100%;
  }
  .car__buttons {
    padding-top: 0;
  }
  .car__buttons button {
    width: 100%;
    margin-top: 12px;
  }
  .car__mod-title {
    width: 100%;
    margin-bottom: 10px;
  }
  .car__mod-button {
    width: 100%;
    margin-top: 10px;
  }
  .car__mod-price2 {
    padding: 0 15px;
  }
  .car__mod-button button {
    padding: 0 15px;
  }
  .car__gallery-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .categories__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .categories__item {
    width: 49%;
    margin: 0 0 12px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .products__nav {
    padding: 0 0 30px 0;
  }
  .popup__top {
    padding: 20px;
  }
  .popup__form {
    padding: 20px;
  }
  .popup__form h2 {
    font-size: 24px;
  }
}

/* DriveAuto 777: точечные исправления страниц и форм */
.da-hero-swiper .hero__image {
  transform: scaleX(-1);
}

.catalog__nav a.is-active {
  background: #f24942;
  color: #fff;
}

.car__total .car__credit {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.credit__right .credit__item {
  background: #f7f7f7;
}

.credit__right .credit__image {
  background: #f7f7f7;
}

.services__item > a {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
}

.car__mod-content {
  cursor: pointer;
}

.wrapper > .credit {
  background: #fff;
  color: #212121;
}

.credit__range input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  height: 30px;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

.credit__range input[type="range"]::-webkit-slider-runnable-track {
  height: 2px;
  border: 0;
  background: #0039a6;
}

.credit__range input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  margin-top: -14px;
  border: 7px solid #0039a6;
  border-radius: 50%;
  background: #fff;
}

.credit__range input[type="range"]::-moz-range-track {
  height: 2px;
  border: 0;
  background: #0039a6;
}

.credit__range input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 7px solid #0039a6;
  border-radius: 50%;
  background: #fff;
}

/* Простая модалка — тот же визуальный язык, что у блока «Отправьте заявку» */
.fancybox__content:has(.da-modal-form) {
  width: min(560px, calc(100vw - 30px));
  padding: 0 !important;
  border-radius: 12px;
  background: transparent;
}

.da-modal-form {
  width: 100%;
  padding: 40px;
  border-radius: 12px;
  background: #f7f7f7;
  box-sizing: border-box;
}

.da-modal-form .order__name {
  margin-bottom: 12px;
}

.da-modal-form .order__top-text {
  margin-bottom: 25px;
}

.da-modal-form .order__privacy {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.35;
}

.da-modal-form .order__privacy input {
  flex: 0 0 auto;
  margin-top: 2px;
}

/* Кредитная модалка */
.fancybox__content:has(.credit__modal) {
  width: min(720px, calc(100vw - 30px));
  max-height: calc(100vh - 30px);
  padding: 0 !important;
  border-radius: 12px;
  overflow: auto;
}

.credit__modal .credit_car {
  position: static;
  display: block;
  width: 100%;
  max-width: none;
  padding: 35px 40px 40px !important;
  border-radius: 12px;
  background: #f7f7f7;
  box-sizing: border-box;
}

.credit__modal .credit__header {
  padding: 0 !important;
  margin-bottom: 10px;
}

.credit__modal .credit__header h4 {
  margin: 0;
  color: #212121;
  font-size: 30px;
  font-weight: 800;
}

.credit__modal .credit-subtitle,
.credit__modal .credit__subtitle {
  padding: 0 !important;
  color: #212121;
}

.credit__modal .credit__form {
  padding: 0 !important;
  background: transparent;
}

.credit__modal .credit__items-calc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.credit__modal .credit__item-calc,
.credit__modal .credit__item {
  width: auto;
  max-width: none;
}

.credit__modal .credit__item {
  background: #fff !important;
}

.credit__modal .credit__item input {
  background: #fff !important;
}

.credit__modal .credit__item-calc {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}

.credit__modal .credit__item-subtitle {
  font-size: 18px;
  font-weight: 700;
}

.credit__modal .credit__calc-result_wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 0;
}

.credit__modal .credit__calc-desc {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff;
}

.credit__modal .credit__block:last-child {
  margin-top: 24px;
  padding: 25px;
  border-radius: 10px;
  background: #fff;
}

.credit__modal .credit__field_margin,
.da-side-form .credit__field_margin {
  margin-bottom: 15px;
}

.credit__modal input[type="text"],
.credit__modal input[type="tel"],
.da-side-form input[type="text"],
.da-side-form input[type="tel"],
.da-side-form select,
.da-side-form .ss-main {
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

.credit__modal .credit__btn-submit,
.da-side-form .credit__btn-submit,
.da-side-form button[type="submit"] {
  width: 100%;
  min-height: 56px;
  border: 1px solid #0039a6;
  border-radius: 10px;
  background: #0039a6;
  color: #fff;
  font-weight: 600;
}

/* Контакты и служебные страницы */
.da-page {
  padding-top: 20px;
  padding-bottom: 60px;
}

.da-page .breadcrumbs {
  margin-bottom: 35px;
}

.da-contact-layout,
.da-service-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: 30px;
  align-items: start;
}

.da-contact-map {
  min-height: 630px;
  overflow: hidden;
  border-radius: 12px;
}

.da-contact-map > *,
.da-contact-map iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 630px;
}

.da-contact-card,
.da-side-form,
.da-service-layout > .markup__bar .credit {
  padding: 30px;
  border-radius: 12px;
  background: #f7f7f7;
  box-shadow: none;
  box-sizing: border-box;
}

.da-contact-card {
  margin-bottom: 20px;
}

.da-contact-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
}

.da-contact-card p {
  margin: 0 0 6px;
}

.da-contact-card__section + .da-contact-card__section {
  margin-top: 24px;
}

.da-contact-card a {
  color: inherit;
}

.da-side-form .small-form__title,
.da-service-layout .credit_carloan > h3 {
  margin: 0 0 20px;
  padding: 0;
  background: transparent;
  color: #212121;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}

.da-side-form .grid-3 {
  display: block;
}

.da-side-form .iti {
  width: 100%;
  margin-top: 14px;
}

.da-side-form form > div:last-child {
  font-size: 13px;
  line-height: 1.45;
}

.da-service-layout .markup__content,
.da-service-layout > .markup__bar {
  width: auto;
  max-width: none;
}

.da-service-layout .carloan {
  padding: 35px;
  border-radius: 12px;
  background: #f7f7f7;
}

.da-service-layout .credit__block {
  padding: 0;
}

.da-service-layout .credit__block + .credit__block {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e0e0e0;
}

/* Страница списка акций использует те же карточки, что главная */
.actions--page {
  padding: 10px 0 60px;
}

.actions--page .actions__list {
  margin-top: 25px;
}

/* Отдельная акция */
.da-promo-page {
  padding: 30px 0 60px;
}

.da-promo-page__title {
  margin-bottom: 25px;
}

.da-promo-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: 30px;
  align-items: start;
}

.da-promo-main {
  overflow: hidden;
  border-radius: 12px;
  background: #f7f7f7;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.da-promo-main__image {
  width: 100%;
  height: 410px;
  display: block;
  object-fit: cover;
}

.da-promo-main__body {
  padding: 28px;
}

.da-promo-main__body p {
  margin: 0 0 20px;
  line-height: 1.55;
}

.da-promo-main__body .btn {
  display: flex;
  width: 100%;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #0039a6;
  color: #fff;
}

.da-promo-sidebar {
  display: grid;
  gap: 18px;
}

.da-promo-card {
  display: grid;
  grid-template-columns: 44% 1fr;
  min-height: 140px;
  overflow: hidden;
  border-radius: 12px;
  background: #f7f7f7;
  color: #212121;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.da-promo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.da-promo-card__body {
  padding: 18px;
}

.da-promo-card__title {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 700;
}

.da-promo-card__text {
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 991px) {
  .da-contact-layout,
  .da-service-layout,
  .da-promo-layout {
    grid-template-columns: 1fr;
  }

  .da-contact-map,
  .da-contact-map > *,
  .da-contact-map iframe {
    min-height: 450px;
  }
}

@media (max-width: 767px) {
  .da-modal-form,
  .credit__modal .credit_car {
    padding: 25px 18px !important;
  }

  .credit__modal .credit__items-calc,
  .credit__modal .credit__calc-result_wrapper {
    grid-template-columns: 1fr;
  }

  .da-promo-main__image {
    height: 260px;
  }

  .da-promo-card {
    grid-template-columns: 1fr;
  }

  .da-promo-card img {
    height: 190px;
  }
}


/* Rubik alias -> Mulish: базовая сборка использует font-family:Rubik без fallback, отдаем фирменный шрифт темы */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeOvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSd-OvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSG-OvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsS9-SvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSzuSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSqeSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSgOSvHg.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexc1RwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFRwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexU1WwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexXRWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexRNWwaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpWwaA.ttf) format('truetype');
}

/* Переопределения поверх базовой сборки: возвращаем дизайн DriveAuto 777 */
.services__name {
  color: #fff;
}
.actions__name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  height: auto;
  min-height: 46px;
}

/* Футер DriveAuto 777 светлый, перебиваем тёмный фон базовой сборки */
.footer {
  background: none !important;
  color: #000;
}

/* Цена на карточке авто: базовая сборка даёт line-height 16px при шрифте 30px */
.car__price,
.car__price-wrapper {
  line-height: 1.15;
}

/* Заголовок хиро поверх тёмных фотографических баннеров */
.hero__name {
  color: #fff;
}

/* Финальные сбросы конфликтов с общей Rubik-сборкой проекта */
.wrapper,
.wrapper button,
.wrapper input,
.wrapper select,
.wrapper textarea {
  font-family: Mulish, sans-serif;
}
.wrapper .h2,
.wrapper .hero__name,
.wrapper .catalog__name,
.wrapper .advantages__item,
.wrapper .order__name,
.wrapper .credit-banner__name,
.wrapper .credit-banner__item,
.wrapper .services__name,
.wrapper .actions__name,
.wrapper .car__name,
.wrapper .car__mods-name,
.wrapper .car__mod-title,
.wrapper .credit__name,
.wrapper .credit__name2,
.wrapper .credit__name3,
.wrapper .credit-advantages__text h3 {
  font-family: Mulish, sans-serif;
  line-height: normal;
}
.advantages__item,
.order__top-text,
.credit-banner__item,
.credit__item,
.steps__item,
.services__name {
  line-height: normal;
}

/* Форма заявки должна повторять исходную форму из вёрстки */
.order__form > .order__input {
  display: block;
}
.order__privacy {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.35;
}
.order__privacy input {
  flex: 0 0 auto;
  margin-top: 2px !important;
}
.order__privacy a {
  text-decoration: underline;
}

/* Акции: горизонтальный кадр без светлой полосы под изображением */
.actions__image {
  display: block;
  height: clamp(105px, 11vw, 155px);
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}
.actions__item {
  align-self: flex-start;
}

/* Карточки каталога */
.catalog__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalog .h2 img {
  display: inline-block;
  width: auto;
  max-width: 72px;
  max-height: 52px;
  margin-right: 12px;
  vertical-align: middle;
}
.products .swiper-slide > .catalog__item {
  width: 100%;
  margin: 0;
}

/* Страница автомобиля */
.car__main {
  align-items: flex-start;
}
.car .car__main > .car__photos,
.car .car__main > .car__info {
  width: calc(50% - 10px) !important;
  max-width: none !important;
  flex: 0 0 calc(50% - 10px) !important;
}
.car .car__main > .car__info {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.car__total .car__price,
.car__total .car__credit,
.car__total .car__credit p {
  color: #fff !important;
}
.car__discount-options {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
}
.car__discount-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
}
.car__discount-option.is-disabled {
  opacity: 0.45;
}
.car__discount-switch {
  position: relative;
  flex: 0 0 42px;
  width: 42px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.car__discount-switch span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s ease;
}
.car__discount-switch.is-active {
  border-color: #fff;
  background: #6e96e3;
}
.car__discount-switch.is-active span {
  transform: translateX(18px);
}
.car__discount-switch:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.car__discount-label {
  min-width: 0;
}
.car__discount-amount {
  margin-left: auto;
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 14px;
}
.car__discount [data-da-benefit],
.car__credit [data-da-monthly] {
  color: inherit !important;
  font: inherit;
}
.car__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.car__previews .swiper-slide {
  cursor: pointer;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 7px 15px 0 0 !important;
}
.car__previews .swiper-slide.swiper-slide-thumb-active {
  flex-basis: 45px !important;
  width: 45px !important;
  height: 45px !important;
  margin-top: 0 !important;
}
@media (max-width: 575px) {
  .car__discount-options {
    padding: 12px;
  }
  .car__discount-option {
    gap: 8px;
    font-size: 13px;
  }
  .car__discount-amount {
    font-size: 13px;
  }
}
.car__mod--opened .car__complect {
  display: block;
}
.car__mod--opened .car__mod-check {
  transform: rotate(180deg);
}
.car__gallery-item {
  display: block;
}
.car__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Нативные ползунки кредитного калькулятора */
.credit__range input[type="range"] {
  display: block;
  width: 100%;
  accent-color: #0039a6;
}

@media (max-width: 767px) {
  .actions__image {
    height: 165px;
  }
  .car .car__main > .car__photos,
  .car .car__main > .car__info {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
  }
  .car__name {
    display: block !important;
  }
  .catalog .h2 img {
    max-width: 55px;
    max-height: 40px;
  }
}