@import url("reset.css");
@import url("normalize.css");
@import url("popup.css");
@import url("menu.css");
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  --main-black: #1B2128;
  --light-black: #1B2128A6;
  --extra-light-black: #1B212880;
  --main-blue: #2BE5D9;
  --light-blue: #01E8F0;
  --dark-green: #1B2128A6;
  --main-red: #EF3123;
  --grey-1: #2F2F2F;
  --grey-3: #F1F1F1;
  --main-font: "Inter", sans-serif;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: var(--main-font);
  color: var(--main-black);
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
}

a {
  color: var(--main-black);
  text-decoration: none;
}

.container {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn {
  padding: 14px 20px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 0;
  transition: background 0.2s ease;
}
.btn-grey {
  background: var(--grey-3);
}
.btn-grey:hover {
  background: var(--main-red);
  color: #fff;
}
.btn-red {
  background: var(--main-red);
  color: #fff;
}
.btn-red:hover {
  background: var(--main-black);
}

/*  Заголовки - Начало */
h1 {
  font-size: 50px;
  font-weight: 700;
}
h2 {
  font-size: 42px;
  font-weight: 700;
}
h3 {
  font-size: 24px;
  font-weight: 600;
}

/* Заголовки - Конец */

header {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-logo img {
  width: 130px;
}
.main-menu {
  display: flex;
  gap: 16px;
}
.main-menu li a:hover {
  text-decoration: underline;
}
.btn-phone {
  position: relative;
  padding-left: 48px;
}
.btn-phone::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  left: 20px;
  background: no-repeat center/contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M15.5 11.9774V14.9241C15.5001 15.1351 15.4202 15.3383 15.2763 15.4926C15.1325 15.647 14.9355 15.741 14.725 15.7558C14.3611 15.7813 14.0639 15.7941 13.8333 15.7941C6.46917 15.7941 0.5 9.82495 0.5 2.46078C0.5 2.23078 0.512778 1.93356 0.538333 1.56911C0.553102 1.35865 0.647151 1.16162 0.801503 1.01779C0.955855 0.873952 1.15902 0.794018 1.37 0.794113H4.31667C4.42003 0.794009 4.51975 0.832329 4.59644 0.90163C4.67313 0.970931 4.72133 1.06627 4.73167 1.16911C4.75056 1.36022 4.76833 1.51356 4.785 1.62911C4.9506 2.78489 5.28999 3.90898 5.79167 4.96328C5.87083 5.12995 5.81917 5.32911 5.66917 5.43578L3.87083 6.72078C4.97059 9.28268 7.01227 11.3244 9.57417 12.4241L10.8575 10.6291C10.9097 10.5555 10.9863 10.5027 11.0736 10.48C11.161 10.4573 11.2535 10.4661 11.335 10.5049C12.3892 11.0057 13.513 11.3442 14.6683 11.5091C14.7839 11.5258 14.9367 11.5436 15.1267 11.5624C15.2294 11.573 15.3245 11.6213 15.3936 11.6979C15.4628 11.7746 15.5001 11.8742 15.5 11.9774Z"/></svg>');
}
.btn-phone:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M15.5 11.9774V14.9241C15.5001 15.1351 15.4202 15.3383 15.2763 15.4926C15.1325 15.647 14.9355 15.741 14.725 15.7558C14.3611 15.7813 14.0639 15.7941 13.8333 15.7941C6.46917 15.7941 0.5 9.82495 0.5 2.46078C0.5 2.23078 0.512778 1.93356 0.538333 1.56911C0.553102 1.35865 0.647151 1.16162 0.801503 1.01779C0.955855 0.873952 1.15902 0.794018 1.37 0.794113H4.31667C4.42003 0.794009 4.51975 0.832329 4.59644 0.90163C4.67313 0.970931 4.72133 1.06627 4.73167 1.16911C4.75056 1.36022 4.76833 1.51356 4.785 1.62911C4.9506 2.78489 5.28999 3.90898 5.79167 4.96328C5.87083 5.12995 5.81917 5.32911 5.66917 5.43578L3.87083 6.72078C4.97059 9.28268 7.01227 11.3244 9.57417 12.4241L10.8575 10.6291C10.9097 10.5555 10.9863 10.5027 11.0736 10.48C11.161 10.4573 11.2535 10.4661 11.335 10.5049C12.3892 11.0057 13.513 11.3442 14.6683 11.5091C14.7839 11.5258 14.9367 11.5436 15.1267 11.5624C15.2294 11.573 15.3245 11.6213 15.3936 11.6979C15.4628 11.7746 15.5001 11.8742 15.5 11.9774Z"/></svg>');
}
.header-buttons {
  display: flex;
  gap: 4px;
}
.header-menu {
}
#slider {
  background: var(--main-blue);
  padding-top: 40px;
  padding-bottom: 40px;
}
.slider-container {
  position: relative;
}
.slider-desc {
  color: var(--light-black);
  display: flex;
}
.slider-desc-time {
  position: relative;
  margin-left: 21px;
}
.slider-desc-time::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  left: -13px;
  background-color: #1B2128;
  opacity: 65%;
  border-radius: 50%;
}
.slider-buttons {
  margin-top: 40px;
  display: flex;
  gap: 16px;
}
.slider-quote {
  padding: 12px 16px;
  background: var(--dark-green);
  border-radius: 12px;
}
.slider-quote img {
  height: 76px;
  width: 76px;
}
.slider-quote-text {
  color: #fff;
}
.slider-quoter-author {
  margin-top: 8px;
  color: #FFFFFFA6;
}
.slider-adv-title {
  font-weight: 600;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin-top: 94px;
}
.slider-adv-title div {
  margin-left: 12px;
}
.slider-adv-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.slider-adv-wrapper img {
  width: 32px;
  height: 32px;
}
.slider-adv-item {
  border-radius: 12px;
  background: var(--light-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 34px;
  flex-basis: calc((100% - 24px) / 4);
  box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.1);
}
.slider-adv-item div {
  text-align: center;
  margin-top: 12px;
}
#payment {
  padding-top: 100px;
  padding-bottom: 60px;
}
.grey-container {
  background: var(--grey-3);
  border-radius: 18px;
  padding: 24px;
}
.payment-desc {
  font-size: 16px;
  width: 25%;
  margin-top: 8px;
  color: var(--light-black);
}
.btn-simple-block {
  margin-top: 24px;
  margin-bottom: 32px;
}
.payment-wrapper {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.payment-item {
  border-radius: 18px;
  background: var(--main-blue);
  display: flex;
  flex-direction: column;
  padding: 16px;
  flex-basis: calc((100% - 32px) / 3);
}
.payment-item-title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
.payment-item-desc {
  margin-top: 8px;
  font-size: 16px;
  height: 40px;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#profit {
  padding-top: 100px;
  padding-bottom: 60px;
}
.profit-top-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
.profit-left {
  flex-basis: calc((100% - 15px) / 2);
}
.profit-right {
  flex-basis: calc((100% - 15px) / 2);
}
.profit-right ul li {
  display: flex;
  font-size: 24px;
}
.profit-right ul li:not(:last-child) {
  margin-bottom: 12px;
}
.profit-right ul li::before{
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('../img/icons/check.svg');
  background-size: cover;
  margin-right: 16px;
}
.profit-right ul li span {
  color: var(--main-red);
}
.profit-wrapper,.tradein-wrapper {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.tradein-wrapper {
  margin-top: 16px;
}
.profit-item,.tradein-item {
  border-radius: 18px;
  background: var(--main-blue);
  display: flex;
  flex-direction: column;
  padding: 20px;
  flex-basis: calc((100% - 32px) / 3);
}
.profit-item-title,.tradein-item-title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
.profit-item-desc,.tradein-item-desc {
  margin-top: 24px;
  font-size: 16px;
}
#trade-in {
  padding-top: 60px;
  padding-bottom: 60px;
}
#help {
  padding-top: 60px;
  padding-bottom: 60px;
}
.help-wrapper {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.help-item {
  height: 186px;
  padding: 24px;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  display: flex;
  flex-basis: calc((100% - 16px) / 2);
  border-radius: 12px;
  background: var(--light-blue);
}
.help-item.help-item-long {
  flex-basis: 100%;
}
.help-item img {
  content: '';
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
}
.help-item h3 {
  width: 60%;
}
#products {
  padding-top: 100px;
  padding-bottom: 100px;
  background: var(--main-blue);
}
.product-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 16px;
}
.product-item {
  flex: 0 0 auto;
  width: calc((100% - 16px) / 2);
  display: block;
}
.product-item-new {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 10px;
  background: var(--main-red);
  z-index: 100;
  color: #fff;
  border-radius: 10px;
}
.product-item-main {
  border-radius: 16px;
  padding: 16px;
  background: #fff;
}
.product-item-img {
  height: 315px;
  text-align: center;
}
.product-item-img img {
  height: 80%;
  margin-top: 6%;
}
.product-item-profit {
  margin-top: 12px;
  margin-bottom: 12px;
}
.product-item-profit ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.product-item-profit li {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
}
.product-item-profit li::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../img/icons/check.svg');
  background-size: cover;
  position: absolute;
  left: 0;
}
.product-item-carousel {
  height: 60px;
  margin-top: 12px;
  margin-bottom: 20px;
}
.product-item-carousel img{
  height: 60px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--main-blue);
  border-radius: 8px;
  object-fit: cover;
}
.product-item-carousel .swiper-slide-thumb-active img {
  border: 2px solid var(--main-red);
}
.product-item-main h2 {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}
.product-item-size {
  position: relative;
  margin-left: 21px;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
}
.product-item-size::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  left: -13px;
  background-color: #1B2128;
  opacity: 65%;
  border-radius: 50%;
}
.product-item-desc {
  margin-top: 12px;
}
.product-item-complect {
  margin-top: 24px;
  border-radius: 8px;
  padding: 12px;
  padding-left: 40px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.product-item-complect::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  left: 12px;
  background: no-repeat center/contain;
  background-image: url('../img/icons/cogs.svg');
}
.product-item-char-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.product-item-char-wrapper-1, .product-item-char-wrapper-2 {
  display: flex;
  gap: 8px;
  flex-direction: column;
  flex-basis: calc((100% - 8px) / 2);
}
.product-item-char {
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 8px;
}
.product-item-char-title {
  font-size: 16px;
  font-weight: 600;
}
.product-item-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-item-price-cost {
  font-size: 32px;
  font-weight: 600;
  margin-top: 24px;
}
.product-item-price-cost span {
  font-size: 16px;
  color: var(--light-black);
}
.product-item-price-sale {
  border: 1px solid var(--grey-1);
  border-radius: 6px;
  padding: 10px;
}
.btn-product {
  margin-top: 20px;
  padding: 20 16px;
  display: block;
  text-align: center;
  width: 100%
}
.section-text {
  padding-top: 100px;
  padding-bottom: 100px;
}
.simple-block-big-text {
  font-weight: 700;
  font-size: 42px;
}
.simple-block-buttons {
  margin-top: 40px;
  display: flex;
  gap: 12px;
}
.production-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 60px;
  justify-content: center;
}
.production-item {
  height: 256px;
  padding: 32px;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  flex-basis: calc((100% - 16px) / 2);
  border-radius: 16px;
  background: var(--main-blue);
  gap: 24px;
  flex-direction: column;
}
.production-item img {
  width: 64px;
  height: 64px;
}
.production-slider {
  padding-top: 60px;
  padding-bottom: 60px;
  background: var(--main-blue);
}
.production-slider-wrapper {
  margin-top: 60px;
  height: 394px;
}
.production-slider-wrapper img{
  border-radius: 8px;
  height: 394px;
}
.swiper-button-prev:after, .swiper-button-next:after {
    content: none !important;
}
.production-slider-wrapper .swiper-button-prev {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M5.28721 11.7044L0.285132 6.70856C0.194054 6.61354 0.122659 6.50149 0.0750447 6.37884C-0.0250149 6.13557 -0.0250149 5.86272 0.0750447 5.61946C0.122659 5.49681 0.194054 5.38476 0.285132 5.28973L5.28721 0.29385C5.38049 0.200688 5.49122 0.126788 5.6131 0.0763693C5.73497 0.0259505 5.86559 -5.76523e-09 5.99751 0C6.26392 1.16462e-08 6.51942 0.105701 6.7078 0.29385C6.89618 0.481998 7.00201 0.737183 7.00201 1.00327C7.00201 1.26935 6.89618 1.52453 6.7078 1.71268L3.40643 4.99997L10.9996 4.99997C11.2649 4.99997 11.5194 5.10524 11.707 5.29262C11.8946 5.48001 12 5.73415 12 5.99915C12 6.26415 11.8946 6.51829 11.707 6.70567C11.5194 6.89305 11.2649 6.99832 10.9996 6.99832L3.40643 6.99832L6.7078 10.2856C6.80157 10.3785 6.87599 10.489 6.92678 10.6108C6.97757 10.7325 7.00372 10.8631 7.00372 10.995C7.00372 11.1269 6.97757 11.2575 6.92678 11.3793C6.87599 11.501 6.80157 11.6116 6.7078 11.7044C6.6148 11.7981 6.50415 11.8724 6.38224 11.9232C6.26033 11.9739 6.12957 12 5.99751 12C5.86544 12 5.73468 11.9739 5.61277 11.9232C5.49086 11.8724 5.38021 11.7981 5.28721 11.7044Z%22 fill%3D%22%231B2128%22/%3E%3C/svg%3E') no-repeat center center;
  background-size: contain;
  border: 12px solid white;
  box-sizing: content-box;
  background-color: #fff;
}
.production-slider-wrapper .swiper-button-next {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M6.71279 11.7035L11.7149 6.70759C11.8059 6.61256 11.8773 6.50051 11.925 6.37786C12.025 6.1346 12.025 5.86175 11.925 5.61848C11.8773 5.49583 11.8059 5.38378 11.7149 5.28876L6.71279 0.292873C6.61951 0.199711 6.50878 0.125812 6.3869 0.0753928C6.26503 0.024974 6.13441 -0.000976557 6.00249 -0.000976562C5.73608 -0.000976574 5.48058 0.104724 5.2922 0.292873C5.10382 0.481022 4.99799 0.736206 4.99799 1.00229C4.99799 1.26837 5.10382 1.52356 5.2922 1.7117L8.59357 4.99899L1.00042 4.99899C0.735089 4.99899 0.480629 5.10427 0.293014 5.29165C0.1054 5.47903 1.15834e-08 5.73317 0 5.99817C-1.15834e-08 6.26317 0.1054 6.51731 0.293014 6.7047C0.480628 6.89208 0.735089 6.99735 1.00042 6.99735L8.59357 6.99735L5.2922 10.2846C5.19843 10.3775 5.12401 10.488 5.07322 10.6098C5.02243 10.7316 4.99628 10.8622 4.99628 10.9941C4.99628 11.126 5.02243 11.2566 5.07322 11.3783C5.12401 11.5001 5.19843 11.6106 5.2922 11.7035C5.3852 11.7971 5.49585 11.8715 5.61776 11.9222C5.73967 11.9729 5.87043 11.999 6.00249 11.999C6.13456 11.999 6.26532 11.9729 6.38723 11.9222C6.50914 11.8715 6.61979 11.7971 6.71279 11.7035Z%22 fill%3D%22%231B2128%22/%3E%3C/svg%3E') no-repeat center center;
  background-size: contain;
  border: 12px solid white;
  box-sizing: content-box;
  background-color: #fff;
}
#delivery {
  padding-top: 60px;
  padding-bottom: 60px;
}
.delivery-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.delivery-item {
  padding: 24px;
  font-size: 16px;
  display: flex;
  flex-basis: calc((100% - 16px) / 2);
  border-radius: 16px;
  background: var(--main-blue);
  gap: 12px;
  flex-direction: column;
}
.delivery-item-right {
  display: flex;
  flex-basis: calc((100% - 16px) / 2);
  gap: 12px;
  flex-direction: column;
}
.delivery-item h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--light-black);
}
.delivery-item ul li {
  list-style: disc;
  margin-left: 20px;
}
#map {
  padding-top: 60px;
  padding-bottom: 60px;
}
.map-contacts-item a:hover {
  text-decoration: underline;
}
.map-contacts-title {
  color: var(--light-black);
}
.map-contacts-text {
  font-size: 16px;
}
.map-container h2 {
  margin-bottom: 30px;
}
footer {
  padding-top: 44px;
}
.footer-top {
  display: flex;
  justify-content: space-between;
}
.footer-top ul {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.footer-top ul a:hover {
  text-decoration: underline;
}
.footer-top img {
  width: 200px;
}
.footer-middle {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-middle .btn {
  padding: 20px 24px;
}
.footer-middle-desc {
  color: var(--extra-light-black);
}
.footer-bottom {
  margin-top: 24px;
  padding: 20px;
  display: flex;
  gap: 24px;
  justify-content: center;
}
.footer-bottom a {
  color: var(--light-black);
}
.footer-bottom a:hover {
  text-decoration: underline;
}
.menu-buttons {
  margin-top: 60px;
  gap: 8px;
  display: flex;
}
.menu-buttons .btn{
  padding-top: 17px;
  padding-bottom: 17px;
}
.background-404 {
  background: var(--main-blue);
}
#page-404 {
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  background: url('../img/main/404.png') center center no-repeat;
}
#page-404 h1{
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
#page-404 h1::after {
  content: '';
  display: inline-block;
  margin-left: 15px;
  width: 50px;
  height: 50px;
  background: url('../img/main/eyes.png') center bottom no-repeat;
  background-size: contain;
}
.content-404 {
  text-align: center;
}
.content-404 .btn {
  padding: 20px 16px;
}
.desc-404 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #e8e8e8;
}
.popup-politic a {
  text-decoration: underline;
}
.popup-politic a:hover {
  color: var(--main-red);
}
#production h2::after {
  content: '';
  display: inline-block;
  margin-left: 15px;
  width: 42px;
  height: 42px;
  background: url('../img/main/smile-laugh.png');
  background-size: contain;
}
.img-angel::after {
  content: '';
  display: inline-block;
  margin-left: 7px;
  width: 24px;
  height: 24px;
  background: url('../img/main/smile-angel.png');
  background-size: contain;
}
.video-slider img, .video-product img, .video-product-carousel {
  position: relative;
}
.video-slider::after, .video-product::after {
  content: '';
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Центрируем иконку по осям X и Y */
  width: 82px;
  height: 82px;
  position: absolute;
  background: url('../img/icons/video.png');
  background-size: contain;
}
.video-slider::after, .video-product::after {
  animation: pulse 1.5s infinite; /* Добавляем бесконечную пульсацию на hover */
}
.video-product-carousel::after {
  content: '';
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Центрируем иконку по осям X и Y */
  width: 24px;
  height: 24px;
  position: absolute;
  background: url('../img/icons/polygon.svg') no-repeat;
  background-size: contain;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1); /* Начальный размер */
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2); /* Увеличиваем */
  }
  100% {
    transform: translate(-50%, -50%) scale(1); /* Возвращаемся в исходное положение */
  }
}

.footer-middle-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-telegram {
  display: flex;
  align-items: center;
  gap: 5px;
}
.footer-telegram a {
  color: #27a7e7;
  display: flex;
  align-items: center;
  gap: 5px;
}
.footer-telegram a i {
  font-size: 22px;
}
.footer-telegram a:hover {
  color: #55baec;
}
.whatsapp-fixed {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #2cb742;
  color: #fff;
  font-size: 22px;
  z-index: 500;
}
.whatsapp-fixed:hover {
  background: #44d25a;
}


/* Media */

/* Между 1200 и 1250 пикселей */
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
  .header-logo img {
    width: 80px;
  }
}

/* Более 1200 пикселей */
@media only screen and (min-width: 1200px) {
  /*  Заголовки - Начало */
  h1 {
    max-width: 60%;
  }
  /*  Заголовки - Конец */
  #production {
    padding-top: 50px;
  }
  .section-text.section-text-1 {
    padding-bottom: 50px;
  }
  .slider-quote {
    position: absolute;
    right: 20px;
    top: 0;
    width: 240px;
    text-align: center;
  }
  .slider-quote-content {
    margin-top: 12px;
  }
  .map-container {
    position: relative;
  }
  .map-contacts-wrapper {
    position: absolute;
    top: 112px;
    left: 24px;
    background: #fff;
    width: 290px;
    padding: 16px 12px;
    border-radius: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 10px 31px 0px rgba(0, 0, 0, 0.15);
  }
  .map-contacts-item {
    gap: 4px;
    display: flex;
    flex-direction: column;
  }
  .footer-middle-desc {
    max-width: 53%;
  }
  /*.right-menu-main {
    display: none;
  }*/
}

/* До 1200 пикселей */
@media only screen and (max-width: 1199px) {
  /*  Заголовки - Начало */
  h1 {
    font-size: 42px;
  }
  h2,.simple-block-big-text {
    font-size: 36px;
  }
  #page-404 h1 {
    font-size: 42px;
  }
  /*  Заголовки - Конец */
  nav {
    display: none;
  }
  #slider {
    padding-top: 20px;
  }
  .slider-desc {
    font-size: 16px;
  }
  .slider-buttons {
    margin-top: 32px;
  }
  .slider-quote {
    width: 333px;
    margin-top: 38px;
    padding: 20px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .slider-adv-title {
    margin-top: 46px;
    font-size: 22px;
  }
  .slider-adv-item {
    flex-basis: calc((100% - 8px) / 2);
  }
  .payment-desc {
    width: 50%;
  }
  #payment, #profit, #trade-in, #help, #products, .section-text, #production, .production-slider, #delivery {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .payment-wrapper {
    gap: 8px;
  }
  .payment-item {
    flex-basis: 100%;
  }
  .grey-container {
    padding-bottom: 30px;
  }
  .profit-top-wrapper {
    gap: 24px;
  }
  .profit-left, .profit-right {
    flex-basis: 100%;
  }
  .profit-wrapper, .help-wrapper, .production-wrapper {
    margin-top: 24px;
    gap: 8px;
  }
  .profit-item {
    flex-basis: calc((100% - 8px) / 2);
  }
  .profit-item-long {
    flex-basis: 100%
  }
  .tradein-wrapper {
    gap: 8px;
  }
  .tradein-item, .help-item, .production-item {
    flex-basis: 100%;
  }
  .tradein-item {
    padding-bottom: 24px;
  }
  .product-item-wrapper {
    gap: 32px;
  }
  .product-item {
    width: 100%;
  }
  .product-item-complect {
    margin-top: 16px;
  }
  .product-item-price-cost {
    font-size: 30px;
  }
  .simple-block-buttons {
    margin-top: 24px;
  }
  .production-item {
    height: 158px;
    justify-content: space-between;
    gap: 0;
    padding: 16px 16px 20px;
  }
  .production-item img {
    width: 46px;
    height: 46px;
  }
  .production-slider-wrapper {
    height: 360px;
    margin-top: 24px;
  }
  .production-slider-wrapper img {
    width: 260px;
    height: 360px;
  }
  .delivery-wrapper {
    gap: 8px;
  }
  .delivery-item, .delivery-item-right {
    flex-basis: 100%;
  }
  #map {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .map-contacts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 94px;
    margin-bottom: 24px;
  }
  .map-contacts-item {
    gap: 8px;
    display: flex;
    flex-direction: column;
    flex-basis: calc((100% - 94px) / 2);
  }
  footer {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .footer-top {
    flex-wrap: wrap;
    gap: 20px;
  }
  .footer-top ul {
    gap: 16px;
  }
  .footer-middle {
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-bottom {
    margin-top: 16px;
  }
  #page-404 {
    margin-right: 20px;
    margin-left: 20px;
    background-size: contain;
  }
  .footer-top img {
    width: 102px;
  }
}

/* До 640 Пикселей */
@media only screen and (max-width: 639px) {
  /*  Заголовки - Начало */
  h1 {
    font-size: 36px;
  }
  h2,.simple-block-big-text {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
  #page-404 h1 {
    font-size: 34px;
  }
  /*  Заголовки - Конец */
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-logo img {
    width: 92px;
  }
  .btn-phone {
    width: 48px;
    height: 48px;
    padding: 0;
    overflow: hidden;
  }
  .btn-phone::before {
    left: 16px;
  }
  .btn-phone span {
    display: none;
  }
  .header-buttons {
    gap: 4px;
  }
  #slider {
    padding-top: 25px;
    padding-bottom: 18px;
  }
  .slider-buttons {
    margin-top: 24px;
  }
  .slider-quote {
    margin-top: 36px;
    width: 100%;
  }
  .slider-adv-title {
    margin-top: 32px;
  }
  .slider-adv-wrapper, .payment-wrapper, .profit-wrapper {
    gap: 4px;
  }
  .slider-adv-item {
    flex-basis: calc((100% - 4px) / 2);
    padding: 24px;
  }
  #payment, #profit, #trade-in, #help, #products, .section-text, #production, .production-slider, #delivery {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .grey-container {
    padding: 20px 10px;
  }
  .container:has(.grey-container) {
    padding-right: 0;
    padding-left: 0;
  }
  .payment-desc {
    width: 90%;
  }
  .payment-item-desc {
    font-size: 14px;
  }
  .profit-right ul li {
    font-size: 20px;
  }
  .profit-item {
    flex-basis: 100%;
    padding-bottom: 24px;
  }
  #trade-in .btn-simple-block {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .tradein-item {
    padding-bottom: 28px;
  }
  .product-item-size, .product-item-main h2 {
    font-size: 18px;
  }
  .product-item-complect {
    margin-top: 12px;
  }
  .product-item-char-wrapper {
    gap: 4px;
  }
  .product-item-char-wrapper-1, .product-item-char-wrapper-2 {
    flex-basis: 100%;
    gap: 4px;
  }
  .product-item-price {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 24px;
  }
  .product-item-price-cost {
    margin-top: 16px;
  }
  .product-item-price-cost {
    font-size: 28px;
  }
  .product-item-wrapper {
    gap: 24px;
  }
  .simple-block-buttons {
    margin-top: 16px;
  }
  .production-wrapper {
    margin-top: 16px;
    gap: 4px;
  }
  .production-slider-wrapper {
    height: 300px;
    margin-top: 16px;
  }
  .production-slider-wrapper img {
    width: 212px;
    height: 300px;
  }
  .map-contacts-wrapper {
    gap: 16px;
  }
  .map-contacts-item {
    flex-basis: 100%;
  }
  .footer-top ul {
    gap: 12px 16px;
  }
  .footer-bottom {
    font-size: 12px;
    justify-content: flex-start;
    padding: 0;
  }
  .form-content {
    width: calc(100% - 10px);
    padding: 24px 16px 32px;
  }
  .close-btn {
    top: 12px;
    right: 12px;
  }
  .menu-buttons {
    margin-top: 32px;
    flex-direction: column;
  }
  .menu-buttons .btn {
    width: 100%;
    text-align: center;
  }
  .menu-buttons .btn-phone::before {
    left: 28%
  }
  .menu-buttons .btn-phone span{
    display: inline;
  }
  #page-404 {
    gap: 40px;
  }
  #page-404 h1::after {
    content: none;
  }
  .desc-404 {
    font-size: 20px;
  }
  .btn.modal-popup {
    padding: 14px 10px;
  }
  .profit-right ul li {
    display: block;
  }
  .right-menu-main, .right-menu-alt {
    gap: 3px;
  }
  .right-menu-alt {
    margin-top: 10px;
  }
  .menu-item {
    font-size: 14px;
  }
}