/* Base */
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

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

/* Links */
a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */
aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

:root {
  --def-width: 1360px;
  --def-padding: 16px;
  --font-main: "Inter", Arial, sans-serif;
  --page-bg: #fff;
  --text-color: #121314;
  --link-color: #DC2222;
  --white-color: #FFF;
  --theme-base-color: #DC2222;
}

* {
  box-sizing: border-box !important;
  background-repeat: no-repeat !important;
  word-break: break-word !important;
  color: var(--text-color);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  font-family: var(--font-main);
  background-color: #FFF;
}

body.v3 {
  background-color: #F4F5F6;
}

@media (max-width: 970px) {
  body {
    padding-bottom: 59px;
  }
}

body * {
  font-family: var(--font-main);
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: var(--text-color);
}

@media (min-width: 501px) {
  body.v2 {
    background-color: #F4F5F6;
  }
}

h1,
.h1 {
  font-family: var(--font-main);
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

h2,
.h2 {
  font-family: var(--font-main);
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.def_title {
  margin-bottom: 30px;
}

.def_title h2,
.def_title span,
.def_title .h2 {
  font-family: var(--font-main);
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.def_title span {
  color: var(--link-color);
}

@media (max-width: 970px) {

  .def_title h2,
  .def_title span,
  .def_title .h2 {
    font-family: var(--font-main);
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
  }
}

@media (max-width: 500px) {

  .def_title h2,
  .def_title span,
  .def_title .h2 {
    font-family: var(--font-main);
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
  }
}

.cont-title {
  margin: 0 auto 30px;
  width: 100%;
  max-width: calc(var(--def-width) + var(--def-padding) + var(--def-padding));
  padding: 0 var(--def-padding);
}

.cont-title.v2 {
  padding-right: 100px;
}

h1.title,
.h1.title {
  display: inline;
  position: relative;
  font-family: var(--font-main);
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

.count-products {
  position: absolute;
  left: 100%;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 25px;
  letter-spacing: 0%;
  color: #93999E;
  white-space: nowrap;
  bottom: 22px;
  transform: translateX(10px);
}

@media (max-width: 500px) {
  .count-products {
    bottom: 10px;
    transform: translateX(5px);
  }

  .cont-title {
    margin: 0 0 20px;
  }
}

h3,
.h3 {
  font-size: 24px;
  font-weight: 500;
}

h4,
.h4 {
  font-size: 20px;
  font-weight: 500;
}

h5,
.h5 {
  font-size: 18px;
  font-weight: 500;
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 970px) {

  h1,
  .h1 {
    font-size: 30px;
  }

  h2,
  .h2 {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  body * {
    font-family: var(--font-main);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
  }

  h1,
  .h1,
  h1.title,
  .h1.title {
    font-family: var(--font-main);
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
  }

  h2,
  .h2 {
    font-family: var(--font-main);
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
  }
}

a {
  text-decoration: none;
  transition: 0.5s;
  cursor: pointer;
}

a:hover {
  transition: 0.5s;
  color: var(--link-color);
}

main {
  padding: 0;
  margin: 0;
  position: relative;
}

.margin_bot {
  margin-bottom: 60px;
}

@media (max-width: 500px) {
  .margin_bot {
    margin-bottom: 40px;
  }
}

.padding {
  padding: 0 var(--def-padding);
}

@media (max-width: 970px) {
  .padding-mob {
    padding-left: var(--def-padding);
    padding-right: var(--def-padding);
  }

  .fix-0503 .padding-mob {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 720px) {
  .fix-0503 .padding-mob {
    padding-left: var(--def-padding);
    padding-right: var(--def-padding);
  }
}

.flex {
  display: flex;
}

.flex-direct {
  flex-direction: column;
}

.def_div {
  width: 100%;
  max-width: var(--def-width);
  margin: 0 auto;
}

.button {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--white-color);
  min-height: 40px;
  width: fit-content;
  transition: 0.5s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11.5px 15px;
  background-color: var(--link-color);
  border-radius: 10px;
}

.button:hover:not([disabled]) {
  transition: 0.5s;
  background-color: #C70D0D;
  color: var(--white-color);
}

.button_v2 {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--text-color);
  min-height: 50px;
  width: fit-content;
  transition: 0.5s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15.5px 24px;
  background-color: #F4F5F6;
  border-radius: 10px;
}

.button_v2:hover:not([disabled]) {
  transition: 0.5s;
  background-color: #C70D0D;
  color: var(--white-color);
}

.fix-btn-v2.button_v2 {
  transition: background-color 0.5s, color 0.5s;
}

.fix-btn-v2.button_v2:hover:not([disabled]) {
  transition: background-color 0.5s, color 0.5s;
}

button:disabled {
  opacity: 0.6 !important;
  cursor: default !important;
}

.invise:not(h1.invise, .h1.invise) {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

h1.invise,
.h1.invise {
  max-width: 0px;
  max-height: 0px;
  min-height: 0px;
  min-width: 0px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-200%) translateX(-200%);
}

.default {
  width: 100%;
  max-width: var(--def-width);
  margin: 0 auto 60px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.default b {
  font-weight: 600;
}

.default a {
  color: var(--link-color);
  text-decoration: underline;
  display: inline-block;
}

.default ul {
  list-style-position: inside;
  padding-left: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.default ol {
  list-style-position: inside;
  padding-left: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 0;
}

.default ul li {
  list-style: disc;
}

.default ul li::marker {
  color: var(--text-color);
}

.default table {
  width: 100%;
}

.default caption {
  border-bottom: none;
  background-color: #9CA3AF;
}

.default thead th {
  background-color: #9CA3AF;
}

.default tbody td {
  background-color: #D1D5DB;
  text-align: center;
}

.fancybox-button *,
.fancybox-infobar * {
  color: var(--white-color) !important;
}

.fancybox-caption__body {
  color: var(--white-color);
}

.bread {
  width: 100%;
}

.bread ul {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0 30px;
  width: 100%;
  max-width: var(--def-width);
  margin: 0 auto;
}

.bread ul li {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #93999E;
}

.bread ul li a {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #93999E;
}

.bread ul li a:hover {
  color: var(--link-color);
}

@media (max-width: 500px) {
  .bread ul {
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding: 20px 0;
  }

  .bread ul li {
    white-space: nowrap;
  }

  .bread ul li a {
    white-space: nowrap;
  }
}

[data-href], [data-href-v2] {
  cursor: pointer;
}

#load-svg {
  position: fixed;
  transition: 0.5s;
  z-index: 1100;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.2);
}

#load-svg svg {
  max-width: 64px;
  max-height: 64px;
  min-height: 64px;
  min-width: 64px;
}

#load-svg.open {
  visibility: visible;
  opacity: 1;
}

.overlay {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: 0.5s;
}

.overlay.open {
  visibility: visible;
  opacity: 50%;
  transition: 0.5s;
}

.catalog-menu-overlay {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.5s;
}

.catalog-menu-overlay.open {
  visibility: visible;
  opacity: 50%;
  transition: 0.5s;
}

.popupCheck {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: max-content;
  padding: 0 20px;
}

.popupCheck .popup__container {
  display: flex;
  flex-direction: column;
  width: auto;
  position: relative;
  background-color: #FFF;
  border-radius: 8px;
  width: 100%;
  max-width: 400px;
  padding: 40px 20px 20px;
  max-height: 70vh;
  overflow-y: scroll;
}

.popupCheck .popup__container .h2 {
  font-size: 28px;
  text-align: center;
}

@media (max-width: 970px) {
  .popupCheck .popup__container .h2 {
    font-size: 24px;
  }
}

@media (max-width: 500px) {
  .popupCheck .popup__container .h2 {
    font-size: 20px;
  }
}

.popupCheck .popup__container .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
  cursor: pointer;
  width: 21px;
  height: 21px;
}

.popupCheck .popup__container .close-btn path {
  transition: 0.5s;
}

.popupCheck .popup__container .close-btn:hover path {
  fill: var(--link-color);
  stroke: var(--link-color);
}

.popupCheck.open {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}

@media (min-width: 991px) {
  .popupCheck .popup__container {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .popupCheck .popup__container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.checkbox .check {
  display: none !important;
}

.checkbox.checked .check {
  display: block !important;
}

.checkbox {
  margin-top: 15px;
  display: flex;
  gap: 15px;
}

.checkbox.err .check-box-btn {
  border: 1px solid var(--link-color);
}

.checkbox .check-box-btn {
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
  border-radius: 4px;
  cursor: pointer;
  transform: translateY(5px);
}

.checkbox .check-box-btn {
  border: 1px solid #D5D5D5;
}

.checkbox .check-box-btn .check {
  width: 100%;
  height: 100%;
}

.checkbox.checked .check-box-btn {
  border: none;
}

.checkbox.err .check-box-btn {
  background-color: var(--color-red);
}

.checkbox p {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.checkbox p * {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.checkbox p a {
  text-decoration: underline;
}

.no-line {
  text-decoration: none;
}

.btn-cont {
  width: 100%;
  margin: 30px 0 0;
  display: flex;
}

.btn-cont .button,
.btn-cont .button_v2 {
  margin: 0 auto;
}

.no-scroll {
  overflow-y: hidden !important;
}

.sw-cont {
  position: relative;
}

.sw-btn {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  min-width: 40px;
  border-radius: 50%;
  transition: 0.5s;
}

.sw-btn * {
  transition: 0.5s;
}

.sw-btn:hover:not(.swiper-button-disabled) rect {
  fill: var(--link-color);
}

.sw-btn:hover:not(.swiper-button-disabled) path {
  stroke: var(--white-color);
}

.sw-btn.sw-btn-next {
  left: auto;
  right: 10px;
}

.sw-btn.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.before-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  background: linear-gradient(270deg, rgba(18, 19, 20, 0) 36.34%, rgba(18, 19, 20, 0.5) 59.63%, rgba(18, 19, 20, 0.8) 99.24%);
}

@media (max-width: 500px) {
  .before-1::before {
    background: linear-gradient(270deg, rgba(18, 19, 20, 0) 0, rgba(18, 19, 20, 0.5) 59.63%, rgba(18, 19, 20, 0.8) 99.24%);
  }
}

.sw-pagination {
  display: flex;
  justify-content: center;
  gap: 6px;
  bottom: 16px !important;
}

.sw-pagination * {
  transition: 0.5s;
}

.sw-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6980392157);
  max-width: 5px;
  max-height: 5px;
  min-height: 5px;
  min-width: 5px;
  border-radius: 12px;
  opacity: 1;
  padding: 0 !important;
  margin: 0 !important;
}

.sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  max-width: 20px;
  min-width: 20px;
  background: #FFFFFF;
}

.sw-pagination.v2 {
  gap: 4px;
  bottom: 0 !important;
}

.sw-pagination.v2 .swiper-pagination-bullet {
  background: #D5D6DB;
  max-width: 12px;
  max-height: 2px;
  min-height: 2px;
  min-width: 12px;
  border-radius: 2px;
  opacity: 1;
}

.sw-pagination.v2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  max-width: 12px;
  min-width: 12px;
  background: #121314;
}

.pagin-container {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 30px 0 0;
}

.pagin-item {
  max-width: 50px;
  max-height: 50px;
  min-height: 50px;
  min-width: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  cursor: pointer;
  transition: 0.5s;
  color: var(--text-color);
}

.pagin-item * {
  transition: 0.5s;
}

.pagin-item svg {
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
}

.pagin-item.prev,
.pagin-item.next {
  background-color: #F4F5F6;
}

.pagin-item:hover,
.pagin-item.active {
  background-color: #121314;
  color: var(--white-color);
}

.pagin-item:hover svg .arrow-path,
.pagin-item.active svg .arrow-path {
  stroke: var(--white-color);
}

[data-tab-container] {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
}

[data-tab-container] .top {
  border-bottom: 1px solid #DADCDE;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0 24px;
  overflow: hidden;
  overflow-x: auto;
}

[data-tab-container] .bottom {
  padding: 40px 24px 24px;
}

[data-tab] {
  padding: 18px 0;
  cursor: pointer;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
  transition: 0.5s;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  transform: translateY(1px);
  white-space: nowrap;
}

[data-tab].active {
  color: var(--text-color);
  border-bottom: 2px solid var(--link-color);
}

[data-tab]:hover {
  border-bottom: 2px solid var(--link-color);
}

[data-tab-el]:not(.active) {
  display: none !important;
}

@media (max-width: 500px) {
  [data-tab-container] .top {
    padding: 0;
  }

  [data-tab-container] .bottom {
    padding: 20px 0 0;
  }
}

html,
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

/* Blocks */
footer {
  background-color: #484F55;
  border-top: 1px solid #E6E6E6;
}

footer * {
  color: #FFF;
}

.footer-top {
  padding: 60px var(--def-padding);
}

.footer-top .default-container {
  display: flex;
  gap: 94px;
  justify-content: space-between;
}

.footer-menu {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 1077px;
}

.footer-menu_cont {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer-menu_cont .h2 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.footer-menu_cont .h2 svg {
  display: none;
}

.footer-menu_cont ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: fit-content;
  min-width: 170px;
  max-width: 225px;
}

.footer-menu_cont ul li {
  height: fit-content;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.footer-menu_cont ul li a {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  opacity: 0.5;
  color: #FFF;
}

.footer-menu_cont ul li a:hover {
  color: var(--link-color);
}

.footer-menu_cont ul li.active a {
  color: var(--link-color);
  opacity: 1;
}

.footer-menu_cont.v2 {
  width: 100%;
  max-width: 565px;
}

.footer-menu_cont.v2 .flex-cont {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.footer-menu_cont.v2 .flex-cont .flex {
  position: relative;
  height: fit-content;
}

.footer-menu_cont.v2 .flex-cont .flex ul {
  min-width: auto;
}

.footer-right_cont {
  width: 100%;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.footer-right_cont .h3 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 24px;
}

.footer-right_cont .header-phone {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  white-space: nowrap;
  margin-bottom: 16px;
  color: #FFF;
}

.footer-right_cont .header-phone:hover {
  color: var(--link-color);
}

.footer-right_cont .last-cont-1 {
  margin-top: 32px;
}

.footer-right_cont .last-cont-1 .contact-item {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #FFF;
}

.footer-right_cont .last-cont-1 a.contact-item:hover {
  color: var(--link-color);
}

.footer-right_cont .last-cont-1 .contact-item svg {
  max-width: 20px;
  max-height: 20px;
  min-height: 20px;
  min-width: 20px;
}

.more-height {
  position: absolute;
  top: 100%;
  left: 0%;
  transform: translateY(-50%) translateX(0%);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 25px;
  max-height: 25px;
  min-height: 25px;
  min-width: 25px;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #FFF;
  transition: 0.5s;
  cursor: pointer;
}

.more-height path {
  transition: 0.5s;
}

.more-height:hover {
  transition: 0.5s;
  background-color: #484F55;
}

.more-height:hover path {
  fill: #FFF;
}

.overflow-hidden-bottom {
  max-height: 240px;
  transition: 0.5s;
  overflow: hidden;
  position: relative;
}

.footer-check-height-cont .more-height {
  opacity: 0;
  visibility: hidden;
}

.footer-menu_cont {
  position: relative;
  height: fit-content;
}

.footer-menu_cont:not(.v2):hover .more-height {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%) translateX(0%);
}

.footer-menu_cont.v2 .flex:hover .more-height:not(.opened) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%) translateX(0%);
}

.footer-menu_cont.v2 .flex:hover .more-height.opened {
  opacity: 1;
  visibility: visible;
  transform: translateY(20px) translateX(0%) rotate(180deg);
}

.footer-check-height-cont:hover .more-height.opened {
  transform: translateY(20px) translateX(0%) rotate(180deg);
}

.footer-check-height-cont .more-height.opened {
  transform: translateY(20px) translateX(0%) rotate(180deg);
}

.footer-menu_cont.v2 .flex .more-height.opened {
  transform: translateY(20px) translateX(0%) rotate(180deg);
}

.more-height.opened {
  transform: translateY(0%) translateX(0%) rotate(180deg);
}

.overflow-hidden-bottom.opened {
  max-height: 3000px;
}

.footer-check-height-cont {
  position: relative;
}

.footer-bottom {
  border-top: 1px solid rgba(18, 19, 20, 0.1019607843);
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-bottom * {
  height: fit-content;
}

.footer-bottom .default-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.footer-bottom-right {
  display: flex;
  gap: 10px 0;
}

.footer-last-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0%;
  padding: 0 var(--def-padding);
  color: rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 0;
}

a.footer-last-text {
  text-decoration: underline;
}

@media (max-width: 1360px) {
  .footer-last-text {
    padding: 0;
  }

  .footer-bottom-right {
    gap: 20px;
  }
}

@media (max-width: 1280px) {
  .footer-top .default-container {
    gap: 30px;
  }
}

@media (max-width: 1150px) {
  .footer-menu_cont ul {
    min-width: auto;
  }

  .footer-menu_cont .h2 {
    white-space: nowrap;
  }
}

@media (max-width: 970px) {
  .overflow-hidden-bottom {
    max-height: none;
  }

  .footer-top .default-container {
    flex-wrap: wrap;
  }

  .footer-bottom .default-container,
  .footer-bottom-right {
    flex-wrap: wrap;
  }
}

@media (max-width: 720px) {
  .footer-top {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top .default-container {
    gap: 0;
  }

  .footer-right_cont {
    padding: 24px var(--def-padding);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
    max-width: none;
  }

  .footer-check-height-cont {
    flex-direction: column;
    gap: 0;
    padding-left: var(--def-padding);
    padding-right: var(--def-padding);
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  }

  .footer-menu_cont {
    width: 100%;
    gap: 0;
  }

  .footer-menu_cont ul:not(.v2 ul) {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
  }

  .footer-menu_cont:not(.v2).opened .h2 {
    color: var(--link-color);
  }

  .footer-menu_cont:not(.v2).opened .h2 svg path {
    stroke: var(--link-color);
  }

  .footer-menu_cont:not(.v2).opened ul {
    max-height: 3000px;
  }

  .footer-menu_cont.v2 .flex-cont {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
    flex-wrap: wrap;
  }

  .footer-menu_cont.v2.opened .flex-cont {
    max-height: 3000px;
  }

  .footer-menu_cont.v2.opened .h2 {
    color: var(--link-color);
  }

  .footer-menu_cont.v2.opened .h2 svg path {
    stroke: var(--link-color);
  }

  .footer-menu_cont.v2 {
    max-width: none;
  }

  .footer-menu_cont .h2 {
    padding: 13px 0;
    display: flex;
    gap: 15px;
    justify-content: space-between;
  }

  .footer-menu_cont .h2 svg {
    display: block;
    max-width: 14px;
    max-height: 14px;
    min-height: 14px;
    min-width: 14px;
  }
}

@media (max-width: 500px) {
  .footer-bottom .default-container {
    flex-direction: column-reverse;
  }
}

header {
  background-color: #FFF;
  position: relative;
  transition: 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

@media (min-width: 971px) {
  header .arrow-svg {
    display: none;
  }
}

header .def_div .city-cont .arrow-svg {
  display: none;
}

header.fixed {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
}

header.fixed.open {
  border-radius: 0;
}

.hiiden-container-menu {
  display: none;
  position: relative;
}

.header-overlay {
  display: none;
}

.header-top-container {
  background-color: #484F55;
  padding: 12px var(--def-padding);
}

.header-top-container * {
  color: var(--white-color);
}

.header-top-container .def_div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.header-top-container .city-cont {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.header-top-container .city-cont svg {
  max-width: 14px;
  max-height: 14px;
  min-height: 14px;
  min-width: 14px;
  transition: 0.5s;
}

.header-top-container .city-cont svg path {
  transition: 0.5s;
}

.header-top-container .city-cont:hover svg path {
  fill: var(--link-color);
}

.header-top-container .city-cont:hover .h2 {
  color: var(--link-color);
}

.header-top-container .city-cont .h2 {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  white-space: nowrap;
  transition: 0.5s;
  margin: 0;
  padding: 0;
}

.header-menu-1 {
  display: flex;
  gap: 24px;
  height: fit-content;
}

.header-menu-1 li {
  height: fit-content;
}

.header-menu-1 li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  display: block;
}

.header-menu-1 li.active a {
  color: var(--link-color);
}

.menu-open-btn {
  display: none;
}

.header-phone-1 {
  width: 100%;
  max-width: 267px;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  white-space: nowrap;
}

.header-bottom-container {
  padding: var(--def-padding);
  position: relative;
}

.header-bottom-container .def_div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.header-bottom-container .help-cont-v1 {
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;
  max-width: 905px;
}

.header-bottom-container .last-cont {
  display: flex;
}

.header-bottom-container .last-cont .link-cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  min-width: 90px;
  min-height: 50px;
  /* padding: 3px 12.5px; */
}

.header-bottom-container .last-cont .link-cont svg {
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
}

.header-bottom-container .last-cont .link-cont svg path {
  transition: 0.5s;
}

.header-bottom-container .last-cont .link-cont p {
  font-weight: 400;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #484F55;
  transition: 0.5s;
  margin-bottom: 0;
}

.header-bottom-container .last-cont .link-cont:hover svg path {
  fill: var(--link-color);
}

.header-bottom-container .last-cont .link-cont:hover p {
  color: var(--link-color);
}

.catalog-btn {
  gap: 8px;
  padding: 0 16px;
  min-height: 50px;
}

.catalog-btn * {
  color: var(--white-color);
}

.catalog-btn svg {
  max-width: 20px;
  max-height: 20px;
  min-height: 20px;
  min-width: 20px;
}

.catalog-btn p {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 0;
}

.catalog-btn .catalog-svg-close {
  display: none;
}

.catalog-btn.open .catalog-svg-close {
  display: block;
}

.catalog-btn.open .catalog-svg-open {
  display: none;
}

.logo-cont {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: 24px;
}

.logo-cont img,
.logo-cont svg {
  max-width: 60px;
  max-height: 60px;
  min-height: 60px;
  min-width: 60px;
  object-fit: contain;
  object-position: center;
}

.logo-cont .cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.logo-cont .cont .h1 {
  font-family: Inter;
  font-weight: 800;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}

.logo-cont .cont .subtitle {
  font-family: Inter;
  font-weight: 700;
  font-size: 12.9px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
}

.header-search {
  width: 100%;
  max-width: 772px;
  position: relative;
  height: 50px;
}

.header-search .search_rez {
  opacity: 0;
  visibility: hidden;
  width: 100% !important;
  border: 1px solid #9CA3AF;
  background-color: #FFF;
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  transform: translateY(8px);
  border-radius: 12px;
  z-index: 7;
  padding: 16px;
  padding-right: 5px;
  margin: 0;
}

.header-search .search_rez .searche-result {
  padding: 0;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  max-height: 276px;
  padding-right: 7px;
}

.header-search .search_rez .searche-result::-webkit-scrollbar-track {
  background: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 5px 0 7px;
}

.header-search .search_rez .searche-result::-webkit-scrollbar-thumb {
  background-color: #C0C9CE;
  border-radius: 10px;
}

.header-search .search_rez .searche-result::-webkit-scrollbar {
  width: 4px;
}

.header-search .search_rez ul {
  overflow: hidden;
  overflow-y: auto;
  max-height: 276px;
  padding-right: 7px;
}

.header-search .search_rez ul::-webkit-scrollbar-track {
  background: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 5px 0 7px;
}

.header-search .search_rez ul::-webkit-scrollbar-thumb {
  background-color: #C0C9CE;
  border-radius: 10px;
}

.header-search .search_rez ul::-webkit-scrollbar {
  width: 4px;
}

.header-search .search_rez ul li a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #E5E7E8;
}

.header-search .search_rez ul li a img {
  width: 43px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}

.header-search .search_rez ul li a .h2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  transition: 0.5s;
}

.header-search .search_rez ul li a .h2 b {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  transition: 0.5s;
}

.header-search .search_rez ul li a .price {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  white-space: nowrap;
  margin-left: auto;
  transition: 0.5s;
}

.header-search .search_rez ul li a .price * {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  white-space: nowrap;
  margin-left: auto;
  transition: 0.5s;
}

.header-search .search_rez ul li a:hover .h2 {
  color: var(--link-color);
}

.header-search .search_rez ul li a:hover .price {
  color: var(--link-color);
}

.header-search .search_rez ul li:first-child a {
  padding-top: 0;
}

.header-search .search_rez ul li:last-child a {
  padding-bottom: 0;
  border-bottom: none;
}

.header-search .search_rez .all-results {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  background-color: var(--text-color);
  color: var(--white-color);
  min-height: 40px;
  margin-top: 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.header-search .search_rez .all-results:hover {
  background-color: var(--link-color);
}

.header-search.focus .search_rez {
  opacity: 1;
  visibility: visible;
}

.header-search.focus .header-search_form input {
  color: var(--text-color);
}

.header-search_form {
  padding: 0 0 0 var(--def-padding);
  border-radius: 10px;
  border: 1px solid #484F55;
  width: 100%;
  height: 100%;
}

.header-search_form input {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  height: 50px;
}

.header-search_form input::placeholder {
  color: #767D83;
}

.header-search_form .cont_2 {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.header-search_form .cont_2 .cont_32 {
  height: 50px;
  position: relative;
  bottom: 1px;
}

.header-search_form .cont_2 .cont_32 button {
  height: 100%;
  max-width: 60px;
  min-width: 60px;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  position: relative;
}

.header-search_form .cont_2 .cont_32 button .before-cont {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #484F55;
  border-radius: 50% 0 0 50%;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  z-index: -1;
  overflow: hidden;
}

.header-search_form .cont_2 .cont_32 button .before-cont::after {
  content: "";
  position: absolute;
  bottom: -25px;
  transition: 0.5s;
  transform: scale(0);
  right: -25px;
  width: 100%;
  height: 100%;
  background-color: var(--link-color);
  z-index: 1;
  border-radius: 50%;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  z-index: -1;
}

.header-search_form .cont_2 .cont_32 button:hover .before-cont::after {
  transform: scale(3);
}

.header-search_form .cont_2 .cont_32 svg {
  max-width: 20px;
  max-height: 20px;
  min-height: 20px;
  min-width: 20px;
  position: relative;
  top: 3px;
  left: 1px;
}

.header-search_form input {
  width: 100%;
  display: block;
  color: var(--text-color);
  position: relative;
  bottom: 1px;
}

.header-search.focus .header-search_form .cont_2 .cont_32 button .before-cont::after {
  transform: scale(3);
}

.header-hidden-cont-1,
.catalog-btn-hidden {
  display: none;
}

@media (min-width: 971px) {
  .header-menu-1-copy {
    display: none;
  }

  .header-menu-2-copy {
    display: none;
  }
}

@media (max-width: 1220px) {
  .header-phone-1 {
    max-width: fit-content;
  }
}

@media (max-width: 970px) {
  .header-overlay {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vh;
    width: 100%;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    background-color: #222;
    z-index: 5;
  }

  .header-overlay.open {
    opacity: 0.7;
    visibility: visible;
  }

  header.open .header-overlay {
    opacity: 0.7;
    visibility: visible;
  }

  .header-menu-1,
  .catalog-btn,
  .header-bottom-container .last-cont {
    display: none;
  }

  .menu-open-btn {
    display: block;
    max-width: 30px;
    max-height: 30px;
    min-height: 30px;
    min-width: 30px;
  }

  .menu-open-btn svg {
    max-width: 30px;
    max-height: 30px;
    min-height: 30px;
    min-width: 30px;
  }

  header * {
    transition: 0.5s;
  }

  header .btn-close {
    display: none;
  }

  .hiiden-container-menu {
    display: block;
  }

  header.open .header-top-container {
    transform: translateY(-101%);
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  header.open .btn-open {
    display: none;
  }

  header.open .btn-close {
    display: block;
  }

  header.open .header-bottom-container .def_div {
    gap: 0 20px;
  }

  header.open .header-bottom-container .help-cont-v1 {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }

  header.open .header-menu-2-copy {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    padding-top: 8px;
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 {
    display: block;
  }

  header.open .header-menu-2-copy .catalog-btn-hidden {
    padding: 16px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
  }

  header.open .header-menu-2-copy .catalog-btn-hidden a {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  header.open .header-menu-2-copy .catalog-btn-hidden .arrow-svg {
    max-width: 8px;
    max-height: 8px;
    min-height: 8px;
    min-width: 8px;
  }

  header.open .header-menu-2-copy .header-menu-1 {
    display: block;
    margin-bottom: 32px;
  }

  header.open .header-menu-2-copy .header-menu-1 li a {
    padding: 16px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  header.open .header-menu-2-copy .header-menu-1 li a .arrow-svg {
    max-width: 8px;
    max-height: 8px;
    min-height: 8px;
    min-width: 8px;
  }

  header.open .header-menu-2-copy .header-menu-1 li.active a {
    background-color: #F4F5F6;
  }

  header.open .header-menu-2-copy .link-cont {
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
  }

  header.open .header-menu-2-copy .link-cont .h2 {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  header.open .header-menu-2-copy .link-cont .city-svg {
    max-width: 24px;
    max-height: 24px;
    min-height: 24px;
    min-width: 24px;
  }

  header.open .header-menu-2-copy .link-cont .city-svg path {
    fill: var(--text-color);
  }

  header.open .header-menu-2-copy .link-cont .arrow-svg {
    margin-left: auto;
    max-width: 8px;
    max-height: 8px;
    min-height: 8px;
    min-width: 8px;
  }

  header .arrow-svg path {
    fill: none !important;
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 {
    padding: 30px var(--def-padding);
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 .header-contacts-cont .h3 {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 25px;
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 .header-contacts-cont .header-phone-1 {
    display: block;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 16px;
    color: var(--text-color);
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 .last-cont-1 {
    margin-top: 24px;
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 .last-cont-1 .contact-item {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  header .header-hidden-cont-1 .last-cont-1 .contact-item svg path {
    fill: #767D83;
  }

  header.open .header-menu-2-copy .header-hidden-cont-1 .last-cont-1 .contact-item svg {
    max-width: 20px;
    max-height: 20px;
    min-height: 20px;
    min-width: 20px;
  }

  header.open .header-menu-2-copy .city-cont {
    padding: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 32px;
  }

  header.open .header-menu-2-copy .city-cont .h2 {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  header.open .header-menu-2-copy .city-cont .city-svg {
    max-width: 14px;
    max-height: 14px;
    min-height: 14px;
    min-width: 14px;
  }

  header.open .header-menu-2-copy .city-cont .city-svg path {
    fill: var(--text-color);
  }

  header.open .header-menu-2-copy .city-cont .arrow-svg {
    margin-left: auto;
    max-width: 8px;
    max-height: 8px;
    min-height: 8px;
    min-width: 8px;
  }
}

@media (max-width: 720px) {
  .header-top-container {
    padding-top: 6.5px;
    padding-bottom: 6.5px;
  }

  .header-bottom-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header-bottom-container .def_div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
  }

  .logo-cont {
    gap: 7px;
  }

  .logo-cont img {
    max-width: 35px;
    max-height: 35px;
    min-height: 35px;
    min-width: 35px;
    aspect-ratio: 1/1;
  }

  .logo-cont .cont {
    gap: 3.5px;
  }

  .logo-cont .cont .h1 {
    font-family: Inter;
    font-weight: 800;
    font-size: 13.3px;
    line-height: 100%;
    text-transform: uppercase;
  }

  .logo-cont .cont .subtitle {
    font-family: Inter;
    font-weight: 700;
    font-size: 7px;
    line-height: 100%;
    text-transform: uppercase;
  }

  .menu-open-btn {
    grid-column: 2/3;
    grid-row: 1;
    justify-self: end;
  }

  .header-bottom-container .help-cont-v1 {
    grid-column: 2 span;
    grid-row: 2;
  }
}

@media (max-width: 500px) {
  .header-phone-1 {
    max-width: 145px;
  }
}

.about-top-text {
  margin-bottom: 50px;
}

.about-zapchasti-models {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.about-zapchasti-models p {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
}

@media (max-width: 500px) {
  .about-zapchasti-models p {
    font-size: 14px;
  }
}

.basket-pay {
  margin-bottom: 90px;
  display: flex;
  gap: 24px;
}

.basket-pay .checkbox {
  margin: 0;
}

.basket-pay .checkbox p a {
  text-decoration: underline;
}

.basket-pay .checkbox p,
.basket-pay .checkbox p * {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
}

.basket-pay-form-cont {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 899px;
  height: fit-content;
}

.bx-soa-coupon {
  display: none;
}

.bx-soa-cart-total .total-scroll-info .total-scroll-info__title {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.bx-soa-cart-total .total-scroll-info .total-scroll-info__value span {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.basket-pay .bx-soa-cart-total-button-container {
  margin-top: 20px;
}

.basket-pay .form-checkbox__box {
  top: 50%;
  transform: translateY(-50%);
}

.basket-pay .form-checbox__text {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  letter-spacing: 0%;
}

.basket-pay .form-checbox__text a {
  color: var(--text-color);
  text-decoration: underline;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
}


.basket-pay .form-checbox__text a:hover {
  color: var(--link-color);
}

.basket-pay .form-checkbox.relative:has(:checked) .form-checkbox__box {
  background-color: #121314;
  border-color: #121314;
}

.basket-pay .form-checkbox__label:hover .form-checkbox__box {
  box-shadow: 0 0 0 1px inset #121314;
  border-color: #121314;
}

.form-pay-cont {
  display: flex;
  flex-direction: column;
}

.form-pay-cont .row-props {
  margin: 0;
  padding: 0;
  padding: 24px 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.form-pay-cont .row:before {
  display: none;
}

.form-pay-cont .bx-compact-wrapper--profile {
  padding: 16px 0 0;
}

.form-pay-cont .bx-soa-customer .bx-soa-customer-field {
  padding: 0;
  margin: 0;
  width: 100%;
  margin: 0 !important;
}

.form-pay-cont .bx-soa-custom-label,
.form-pay-cont .bx-authform-starrequired {
  color: #767D83;
}

.form-pay-cont .bx-soa-more {
  display: none;
}

.form-pay-cont #bx-soa-order-main .bx-soa-tooltip .tooltip-inner {
  font-size: 13px;
}

.form-pay-cont .bx-soa-tooltip.bx-soa-tooltip-danger,
.form-pay-cont .bx-soa-section.bx-step-error {
  border: none;
}

.form-pay-cont .bx-soa-section-content {
  padding: 0;
  margin: 0;
  border: none;
}

.form-pay-cont .bx-soa-section {
  border: none;
}

.form-pay-cont .top,
.form-pay-cont .middle,
.form-pay-cont .bottom {
  border: 1px solid #E5E7E8;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px;
}

.form-pay-cont .bottom {
  margin-bottom: 0;
}

.form-pay-cont .middle .h2,
.form-pay-cont .bottom .h2 {
  margin-bottom: 20px;
  margin-top: 0;
}

.form-pay-cont .h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 24px;
}

.form-pay-cont .inputs-cont-margin-top {
  margin-top: 24px;
}

.form-pay-cont .inputs-cont-margin-top .inputs_cont:not(:last-child) {
  margin-bottom: 24px;
}

.form-pay-cont .inputs_cont {
  display: flex;
  gap: 24px;
}

.form-pay-cont .inputs_cont input {
  border: 1px solid #DADCDE;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  height: 50px;
}

.form-pay-cont .inputs_cont .input_cont {
  width: 100%;
}

.form-pay-cont .inputs_cont .input_cont .h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 12px;
  color: #767D83;
}

.form-pay-cont .inputs_cont .input_cont span {
  display: none;
  margin-bottom: 12px;
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #DC2222;
}

.form-pay-cont .inputs_cont .err input {
  border: 1px solid #DC2222;
}

.form-pay-cont .inputs_cont .err span {
  display: block;
}

.choice-delivery-cont-holder {
  border: 1px solid #E5E7E8;
  border-radius: 10px;
}

.choice-delivery-cont-holder .bx-soa-pp-item-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.choice-delivery-cont-holder .bx-soa-pp-item-container .bx-soa-pp-company-item:last-child .choice-delivery-cont {
  border-bottom: none;
  border-top: none;
  padding-bottom: 0;
}

.choice-delivery-cont-holder .bx-soa-pp-item-container .bx-soa-pp-company-item:first-child {
  border-bottom: 0;
}

.choice-delivery-cont-holder .bx-soa-pp-delivery-cost,
.choice-delivery-cont-holder .bx-soa-pp-company-inject {
  display: none;
}

.choice-delivery-cont-holder .choice-delivery-cont,
.choice-payment-cont {
  border-bottom: 1px solid #E5E7E8;
  padding: 24px;
  margin: 0;
}

.choice-delivery-cont-holder .bx-soa-pp-item-container .bx-soa-pp-company-item {
  border-bottom: 1px solid #E5E7E8;
}

.choice-delivery-cont-holder .bx-soa-pp-item-container .bx-soa-pp-company-item:last-child {
  border-bottom: none;
}

.bx-soa-title-subblock {
  display: none !important;
}

.choice-delivery-cont .fix-1421 {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.choice-delivery-cont .form-radiobox__box {
  position: static;
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  min-width: 16px;
  border: 1px solid #93999E;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.choice-delivery-cont-holder .form-radiobox__input:checked+.form-radiobox__label .form-radiobox__box,
.choice-delivery-cont-holder .form-radiobox__label .form-radiobox__input:checked~.form-radiobox__box {
  border: 1px solid #DC2222;
}

.choice-delivery-cont-holder .form-radiobox__input:checked+.form-radiobox__label .form-radiobox__box::before,
.choice-delivery-cont-holder .form-radiobox__label .form-radiobox__input:checked~.form-radiobox__box::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #DC2222;
  border-radius: 50%;
  max-width: 10px;
  max-height: 10px;
  min-height: 10px;
  min-width: 10px;
}

.choice-delivery-cont-holder .form-radiobox__label:hover .form-radiobox__box {
  border: 1px solid #DC2222;
  box-shadow: none;
}

.choice-delivery-cont-holder .input_cont,
.choice-delivery-cont-holder .input_cont {
  margin-top: 24px;
  width: 100%;
  padding: 0 24px 24px;
}

.basket-pay .bx-soa-total-wrapper {
  position: static;
}

.choice-delivery-cont-holder .bx-soa-customer-field {
  margin: 0;
  padding: 0;
}

.choice-delivery-cont .input_cont,
.choice-payment-cont .input_cont {
  margin-top: 24px;
  width: 100%;
}

.choice-delivery-cont .input_cont textarea,
.choice-payment-cont .input_cont textarea {
  border: 1px solid #DADCDE;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  outline: none;
  resize: none;
}

.choice-delivery-cont .input_cont textarea:focus,
.choice-payment-cont .input_cont textarea:focus {
  outline: none;
  box-shadow: none;
}

.choice-delivery-cont .input_cont .h3,
.choice-payment-cont .input_cont .h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 12px;
  color: #767D83;
}

.choice-delivery-cont .input_cont span,
.choice-payment-cont .input_cont span {
  display: none;
  margin-bottom: 12px;
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #DC2222;
}

.choice-delivery-cont .input_cont .err input,
.choice-payment-cont .input_cont .err input {
  border: 1px solid #DC2222;
}

.choice-delivery-cont .input_cont .err span,
.choice-payment-cont .input_cont .err span {
  display: block;
}

.choice-delivery-cont .cont,
.choice-payment-cont .cont {
  display: flex;
  gap: 16px;
  align-items: center;
}

.choice-delivery-cont .cont .choice-delivery-svg,
.choice-payment-cont .cont .choice-delivery-svg {
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  min-width: 16px;
  cursor: pointer;
}

.choice-delivery-cont .cont .choice-delivery-svg.choice-delivery-svg-active,
.choice-payment-cont .cont .choice-delivery-svg.choice-delivery-svg-active {
  display: none;
}

.choice-delivery-cont .cont span,
.choice-payment-cont .cont span {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3EA44B;
}

.choice-delivery-cont.active-checked .cont .choice-delivery-svg.choice-delivery-svg-active,
.choice-payment-cont.active-checked .cont .choice-delivery-svg.choice-delivery-svg-active {
  display: block;
}

.choice-delivery-cont.active-checked .cont .choice-delivery-svg.choice-delivery-svg-no-active,
.choice-payment-cont.active-checked .cont .choice-delivery-svg.choice-delivery-svg-no-active {
  display: none;
}

.choice-payment-cont {
  border: 1px solid #E5E7E8;
  border-radius: 10px;
}

.choise-select-cont {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.choise-select-cont select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  background: none;
  box-shadow: none;
  cursor: pointer;
  border: 1px solid #DADCDE;
  border-radius: 10px;
  padding: 24px 20px;
  width: 100%;
}

.choise-select-cont select:focus {
  outline: none;
  box-shadow: none;
}

.choise-select-cont svg {
  max-width: 10px;
  max-height: 6px;
  min-height: 6px;
  min-width: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.choice-delivery-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.choice-face-cont {
  border-bottom: 1px solid #DADCDE;
  width: 100%;
  display: flex;
  gap: 40px;
  overflow: hidden;
  overflow-x: auto;
}


.choice-face-cont .bx-soa-person-type {
  display: flex;
  gap: 40px;
  overflow: hidden;
  overflow-x: auto;
}

.choice-face-item .chip__label {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
  transition: .5s;
}

.choice-face-item {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
  cursor: pointer;
  transform: translateY(1px);
  transition: 0.5s;
}

.choice-face-item:hover {
  color: var(--text-color);
}

.choice-face-item .chip__label:hover {
  color: var(--text-color);
}

.choice-face-item.active {
  color: var(--text-color);
  border-bottom: 2px solid #DC2222;
}

.choice-face-item.active .chip__label {
  color: var(--text-color);
}

.basket-pay-total-cont {
  width: 100%;
  max-width: 437px;
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid #E5E7E8;
  height: fit-content;
}

.basket-pay-total-item {
  border-bottom: 1px solid #E5E7E8;
  display: flex;
  gap: 16px;
  padding: 16px;
}

.basket-pay-total-item img {
  max-width: 60px;
  max-height: 60px;
  min-height: 60px;
  min-width: 60px;
  object-fit: cover;
  object-position: center;
}

.basket-pay-total-item-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 12px;
}

.basket-pay-total-item-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.basket-pay-total-item-list li {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
}

.basket-pay-total-price {
  padding: 24px;
}

.basket-pay-total-price .button[type=submit] {
  width: 100%;
  min-height: 50px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0%;
  text-align: center;
}

.basket-pay-total-price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  overflow: visible;
  position: static;
}

.bx-soa-cart-total-line.basket-pay-total-price-item:not(.bx-soa-cart-total-line-totals):before {
  display: none;
}

.basket-pay-total-price-item p,
.bx-soa-cart-total-line.basket-pay-total-price-item span {
  white-space: nowrap;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  background: none;
}

.basket-pay .bx-soa-cart-total-line:not(.bx-soa-cart-total-line-totals):before {
  top: 17px;
}

.bx-soa-cart-total-line:not(.basket-pay-total-price-item) span {
  font-size: 14px;
  color: #767D83;
}

.basket-pay-total-price-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.basket-pay-total-price-list li {
  display: flex;
  gap: 8px;
}

.basket-pay-total-price-list li p {
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
}

.basket-pay-total-price-list li .dotted {
  flex: 1;
  height: 1px;
  border-bottom: 1px dotted #DADCDE;
  min-width: 0;
  margin-top: auto;
}

.basket-pay-total-payment {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 20px;
}

.basket-pay-total-payment * {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

@media (max-width: 970px) {
  .basket-pay {
    flex-direction: column;
  }

  .basket-pay-form-cont {
    max-width: 100%;
  }

  .basket-pay-total-cont {
    max-width: 100%;
  }

  .basket-pay .checkbox {
    align-items: center;
  }

  .basket-pay .checkbox .check-box-btn {
    transform: translateY(0);
  }
}

@media (max-width: 500px) {
  .basket-pay-section {
    padding: 0;
  }

  .basket-pay {
    margin-bottom: 60px;
    gap: 0;
  }

  .basket-pay-form-cont {
    border-radius: 0;
  }

  .choice-face-item {
    font-size: 14px;
  }

  .form-pay-cont .top,
  .form-pay-cont .middle,
  .form-pay-cont .bottom {
    border-radius: 0;
    margin-bottom: 0;
    padding: 16px;
  }

  .form-pay-cont .middle,
  .form-pay-cont .bottom {
    border-top: none;
  }

  .form-pay-cont .middle .h2,
  .form-pay-cont .bottom .h2 {
    margin-bottom: 20px;
  }

  .form-pay-cont .h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .form-pay-cont .inputs_cont {
    flex-direction: column;
  }

  .choice-delivery-cont,
  .choice-payment-cont {
    padding: 24px 16px;
  }

  .basket-pay-total-cont {
    border-top: none;
    width: 100%;
    border-radius: 0;
  }
}

.basket {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 60px;
  border: 1px solid #E5E7E8;
}

.basket-top {
  padding: 11px 16px;
  display: grid;
  grid-template-columns: 107px 300px 80px 70px 180px 1fr 136px 100px 92px;
  gap: 24px;
  border-bottom: 1px solid #E5E7E8;
  align-items: center;
}

.basket-items {
  display: grid;
  grid-template-columns: 107px 300px 80px 70px 180px 1fr 136px 100px 92px;
  gap: 24px;
  align-items: center;
}

.basket-top-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #93999E;
}

.basket-top-item * {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #93999E;
  white-space: nowrap;
}

.basket-items {
  padding: 14px 16px;
  border-bottom: 1px solid #E5E7E8;
}

.basket-item-foto {
  display: flex;
  gap: 12px;
  align-items: center;
}

.basket-item-foto .basket-item-block-image a {
  display: block;
  height: fit-content;
  width: fit-content;
}

.basket-item-foto .basket-item-block-image {
  height: fit-content !important;
}

.basket-item-foto .point {
  border-radius: 5px;
  cursor: pointer;
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  min-width: 16px;
  border: 1px solid var(--border-darker, rgba(39, 39, 42, 0.1490196078));
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.0509803922) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0392156863);

  display: none;
}

.basket-item-foto img {
  aspect-ratio: 60/52;
  width: 100%;
  max-width: 60px;
  height: fit-content;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}

.basket-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #121314;
}

.basket-item * {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #121314;
  margin: 0;
  padding: 0;
}

.basket-item-stock span,
.basket-item-name span,
.fix-style-article p .property_name,
.fix-style-brand p .property_name,
.fix-style-cost p .property_name,
.fix-style-price p .property_name {
  display: none;
}

.basket-item-cost,
.fix-style-cost p .property_value {
  font-weight: 600;
  white-space: nowrap;
}

.basket-item-cost *,
.fix-style-cost p * {
  font-weight: 600;
  white-space: nowrap;
}

.basket-item-quantity .num-cont {
  display: flex;
  gap: 20px;
  padding: 0 16px;
  border: 1px solid #DADCDE;
  border-radius: 8px;
  align-items: center;
  height: 40px;
  width: fit-content;
}

.detail-right-cont .nalichie-cont .bottom .num-cont {
  padding: 0 !important;
  border: none !important;
}

.item-action-container-fix {
  display: flex;
  gap: 10px;
}

.detail-right-cont .nalichie-cont .bottom .fix-button {
  min-height: 50px;
  font-size: 16px;
}

.detail-right-cont .nalichie-cont .bottom .num-cont .counter * {
  height: fit-content;
  display: flex;
}

.detail-right-cont .nalichie-cont .bottom .num-cont .counter {
  display: flex;
  gap: 16px;
  padding: 0 16px;
  border: 1px solid #DADCDE;
  border-radius: 8px;
  align-items: center;
  height: 40px;
  width: fit-content;
  min-height: 50px;
}

.detail-right-cont .nalichie-cont .bottom .num-cont .counter input {
  width: 30px;
  display: inline-block;
  text-align: center;
  color: var(--text-color);
}

.basket-item-quantity .num-cont .plus-svg,
.basket-item-quantity .num-cont .minus-svg {
  max-width: 14px;
  max-height: 14px;
  min-height: 14px;
  min-width: 14px;
  cursor: pointer;
}

.basket-item-quantity .basket-item-amount-filed,
.basket-item-quantity .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
  border: none;
  width: 25px;
}

.basket-item-quantity span:not(.num-cont span) {
  display: none;
}

.basket-item-price {
  font-weight: 600;
  white-space: nowrap;
}

.basket-item-price * {
  font-weight: 600;
  white-space: nowrap;
}

.basket-item-last {
  display: flex;
  gap: 12px;
}

.basket-bottom {
  display: flex;
  justify-content: end;
  padding: 16px;
  align-items: center;
  gap: 24px;
}

.basket-bottom .button {
  min-height: 50px;
}

.basket-bottom-total {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.basket-bottom-total p {
  margin: 0;
}

.basket-bottom-total * {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.basket-item-last .item-action--compare {
  display: none;
}

.basket-item-last {
  margin: 0 !important;
}

@media (max-width: 1400px) {
  .basket-top {
    grid-template-columns: 107px 300px 80px 70px 150px 1fr 136px 100px 92px;
    gap: 15px;
  }

  .basket-items {
    grid-template-columns: 107px 300px 80px 70px 150px 1fr 136px 100px 92px;
    gap: 15px;
  }
}

@media (max-width: 1280px) {

  .basket-top,
  .basket-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 1120px) {
  .basket-top {
    display: none;
  }

  .basket-items {
    grid-template-columns: 200px 1fr 1fr;
    align-items: start;
  }

  .basket-item-foto {
    grid-row: span 3;
    align-items: start;
  }

  .basket-item-foto img {
    width: 100%;
    max-width: 150px;
  }

  .basket-item-stock span,
  .basket-item-name span,
  .fix-style-article p .property_name,
  .fix-style-brand p .property_name,
  .fix-style-cost p .property_name,
  .fix-style-price p .property_name {
    display: contents;
    color: #93999E;
  }

  .basket-item-last {
    grid-column: 3/4;
    grid-row: 1/2;
    margin-left: auto;
  }

  .basket-item-price {
    display: none;
  }

  .basket-item-quantity {
    grid-column: 3/4;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .basket-item-quantity span:not(.num-cont span) {
    display: block;
    color: #93999E;
    margin: auto;
  }
}

@media (max-width: 720px) {
  .basket-items {
    grid-template-columns: 200px 1fr 40px;
    align-items: start;
  }

  .basket-item-article {
    grid-row: 4/5;
  }

  .basket-item-brand {
    grid-row: 5/6;
  }

  .basket-item-stock {
    grid-row: 6/7;
  }

  .basket-item-quantity {
    grid-column: 1/2;
    grid-row: 7/8;
    margin-left: 0;
    gap: 8px;
  }

  .basket-item-quantity span:not(.num-cont span) {
    margin: 0;
    text-align: start;
  }

  .basket-item-cost {
    grid-column: 3/4;
    grid-row: 7/8;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .fix-style-cost p {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .basket-item-cost span,
  .fix-style-cost p .property_name {
    display: none;
  }

  .fix-style-cost p .property_value {
    display: contents;
  }

  .basket-item-last {
    flex-direction: column-reverse;
  }
}

@media (max-width: 500px) {
  .basket-section {
    padding: 0;
  }

  .basket-item-foto .basket-item-block-image a img {
    height: 175px;
  }

  .basket-item-foto .basket-item-block-image {
    max-width: none;
    min-width: auto;
    width: auto;
  }

  .basket-item-foto {
    grid-row: span 2;
    margin-bottom: 16px;
  }

  .basket-item-foto img {
    display: block;
  }

  .basket-item-name {
    grid-row: 3/4;
  }

  .basket-item-name span {
    display: none;
  }

  .basket-item-name,
  .basket-item-article,
  .basket-item-brand {
    margin-bottom: 12px;
  }

  .basket-item-stock {
    margin-bottom: 16px;
  }

  .basket-item-name,
  .basket-item-article,
  .basket-item-brand,
  .basket-item-stock {
    grid-column: span 3;
  }

  .basket-items {
    padding: 16px;
    gap: 0;
  }

  .basket-item-foto {
    grid-column: span 2;
  }

  .basket-item-foto img {
    max-width: 202px;
  }

  .basket-bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .basket-bottom .button {
    width: 100%;
  }

  .basket-bottom-total {
    width: 100%;
  }

  .basket-bottom-total p {
    display: flex;
    justify-content: space-between;
  }

  .basket-bottom-total p .dotted {
    display: none;
  }
}

.bottom-fixed-menu {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #484F55;
  z-index: 11;
  min-height: 60px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bottom-fixed-menu .cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8px 5px;
  width: -webkit-fill-available;
  gap: 5px;
  background-color: rgba(18, 19, 20, 0);
  transition: 0.5s;
}

.bottom-fixed-menu .cont .basket {
  margin: 0;
  background: none;
  border-radius: 0;
  border: none;

}

.bottom-fixed-menu .cont * {
  color: rgba(255, 255, 255, 0.6);
}

.bottom-fixed-menu .cont p {
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  transition: 0.5s;
  margin-bottom: 0;
}

.bottom-fixed-menu .cont svg {
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
}

.bottom-fixed-menu .cont svg path {
  transition: 0.5s;
}

.bottom-fixed-menu .cont.active:not([data-catalog-mob-open-btn]) {
  background-color: #121314;
}

.bottom-fixed-menu .cont.active:not([data-catalog-mob-open-btn]) * {
  color: #FFFFFF;
}

.bottom-fixed-menu .cont.active:not([data-catalog-mob-open-btn]) svg path {
  fill: var(--link-color);
  fill-opacity: 1;
}

.bottom-fixed-menu .cont.open[data-catalog-mob-open-btn] {
  background-color: #121314;
}

.bottom-fixed-menu .cont.open[data-catalog-mob-open-btn] * {
  color: #FFFFFF;
}

.bottom-fixed-menu .cont.open[data-catalog-mob-open-btn] svg path {
  fill: var(--link-color);
  fill-opacity: 1;
}

@media (min-width: 971px) {
  .bottom-fixed-menu {
    display: none;
  }
}

.catalog-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.catalog-list.fix-catalog-list {
  display: flex;
  flex-direction: column;
}

.catalog-list.fix-catalog-list .grid-list {
  display: flex;
  flex-direction: column;
}

.catalog-list-items {
  padding: 20px 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
  transition: 0.5s;
  border-bottom: 1px solid #E5E7E8;
  border-top: 1px solid #E5E7E8;
  border-right: 1px solid #E5E7E8;
}

.catalog-list-items:nth-child(1),
.catalog-list-items:nth-child(4n+1) {
  border-left: 1px solid #E5E7E8;
}


.catalog-list-items:nth-child(n+5) {
  border-top: none;
}

.catalog-list-items * {
  transition: 0.5s;
}

.catalog-list-items img {
  aspect-ratio: 225/200;
  height: fit-content;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.catalog-list-items .h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
}


.catalog-list-items:hover {
  background-color: #F4F5F6;
}

@media (max-width: 970px) {
  .catalog-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .catalog-list-items:nth-child(1),
  .catalog-list-items:nth-child(3n+1) {
    border-left: 1px solid #E5E7E8;
  }

  .catalog-list-items:nth-child(n+4) {
    border-top: none;
  }
}

@media (max-width: 720px) {
  .catalog-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog-list-items:nth-child(1),
  .catalog-list-items:nth-child(2n+1) {
    border-left: 1px solid #E5E7E8;
  }

  .catalog-list-items:nth-child(n+3) {
    border-top: none;
  }

}

@media (max-width: 500px) {
  .catalog-list-items {
    padding: 14px 14px 25px;
    gap: 14px;
  }

  .catalog-list-items .h3 {
    font-size: 14px;
  }
}

@media (min-width: 971px) {
  .catalog-menu {
    /* --max-catalog-menu-height: 70vh; */
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: var(--def-width);
    min-height: 970px;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    transform: translateX(-50%);
    z-index: 9;
  }

  .catalog-menu.open {
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }

  .catalog-menu .help-cont {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #E5E7E8;
    background-color: #FFF;
    position: relative;
    /* min-height: var(--max-catalog-menu-height);
    max-height: var(--max-catalog-menu-height); */
  }

  .catalog-menu-level-2 {
    padding: 8px 0;
    border-right: 1px solid #E5E7E8;
    width: 22%;
    max-width: 300px;
    position: relative;
    height: 100%;
    /* max-height: var(--max-catalog-menu-height); */
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el) {
    border-bottom: 1px solid #E5E7E8;
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el):not(.drop_2) a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    cursor: pointer;
    padding: 11px 16px;
    transition: 0.5s;
    display: block;
    color: var(--text-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el):not(.drop_2) a:hover {
    background-color: #F4F5F6;
    transition: 0.5s;
    color: var(--text-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el):not(.drop_2).active a {
    color: var(--link-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding: 11px 16px;
    transition: 0.5s;
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
  }

  .catalog-menu-level-3-container .catalog-menu-el a {
    color: var(--text-color);
  }

  .catalog-menu-level-3-container .catalog-menu-el a:hover {
    color: var(--link-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2 a {
    color: var(--text-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2 svg {
    transform: rotate(-90deg) scale(0.8);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2 svg path {
    transition: 0.5s;
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2:hover {
    background-color: #F4F5F6;
    transition: 0.5s;
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2:hover a {
    color: var(--text-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2 .cont_2:hover svg path {
    stroke: var(--text-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2.active .cont_2 a {
    color: var(--link-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2.active .cont_2 svg path {
    stroke: var(--link-color);
  }

  .catalog-menu-el:not(.catalog-menu-level-3-container .catalog-menu-el).drop_2:hover .catalog-menu-level-3-container {
    opacity: 1;
    visibility: visible;
    transition: 0.1s;
  }

  .catalog-menu-level-3-container {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    padding: 8px 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
    border-right: 1px solid #E5E7E8;
    transform: translateX(1px);
  }

  .catalog-menu-level-3-container .catalog-menu-el {
    border-bottom: 1px solid #E5E7E8;
  }

  .catalog-menu-level-3-container .catalog-menu-el:not(.drop_3, .catalog-menu-level-4-container .catalog-menu-el) a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    cursor: pointer;
    padding: 11px 16px;
    transition: 0.5s;
    display: block;
    color: var(--text-color);
  }

  .catalog-menu-level-3-container .catalog-menu-el:not(.drop_3, .catalog-menu-level-4-container .catalog-menu-el) a:hover {
    background-color: #F4F5F6;
    transition: 0.5s;
    color: var(--text-color);
  }

  .catalog-menu-level-3-container .catalog-menu-el:not(.drop_3, .catalog-menu-level-4-container .catalog-menu-el).active a {
    color: var(--link-color);
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding: 11px 16px;
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3:hover {
    background-color: #F4F5F6;
    transition: 0.5s;
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3 a {
    color: var(--text-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3 svg {
    transform: rotate(-90deg) scale(0.8);
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3 svg path {
    transition: 0.5s;
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el) .cont_3:hover a {
    color: var(--text-color);
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el).active .cont_3 a {
    color: var(--link-color);
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el).active .cont_3 svg path {
    stroke: var(--link-color);
  }

  .catalog-menu-el .drop_3:not(.catalog-menu-level-4-container .catalog-menu-el):hover .catalog-menu-level-4-container {
    opacity: 1;
    visibility: visible;
    transition: 0.1s;
  }

  .catalog-menu-level-3 {
    position: relative;
  }

  .catalog-menu-level-4-container {
    position: absolute;
    top: 0;
    left: 100%;
    width: 254.5%;
    height: auto;
    overflow-y: auto;
    /* max-height: calc(var(--max-catalog-menu-height) - 9px); */
    background-color: #FFF;
    z-index: 11;
    transition: 0.1s;
    border-right: 1px solid #E5E7E8;
    transform: translateX(1px);
    padding: 22px 30px;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
  }

  .catalog-menu-level-4-container .header-mob-menu-back-container {
    display: block;
    margin-bottom: 30px;
  }

  .catalog-menu-level-4-container .header-mob-menu-back-container p {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
  }

  .catalog-menu-level-4-container .header-mob-menu-back-container svg {
    display: none;
  }

  .catalog-menu-level-4 {
    column-count: 2;
    column-gap: 40px;
  }

  .catalog-menu-level-4>li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 20px;
    border-bottom: 0 !important;
  }

  .header-mob-menu-back-container {
    display: none;
  }

  .catalog-menu-level-4-container {
    min-height: 960px;
  }
}

@media (max-width: 970px) {
  .catalog-menu.no-header-menu:not(.header-menu-1-copy .catalog-menu) {
    display: none;
  }

  .header-menu-1-copy,
  .header-menu-2-copy {
    position: absolute;
    height: 100vh;
    top: 100%;
    width: 100%;
    max-width: 375px;
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 185px;
    background-color: #FFF;
    transform: translateX(-101%);
    border-top: 1px solid #E5E7E8;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: 0.5s;
  }

  .header-menu-1-copy.open,
  .header-menu-2-copy.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .header-menu-1-copy *,
  .header-menu-2-copy * {
    transition: 0.5s;
  }

  .header-menu-1-copy {
    z-index: 6;
  }

  .catalog-menu-level-2-container,
  .catalog-menu-level-3-container,
  .catalog-menu-level-4-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    padding-bottom: 200px;
    background-color: #FFF;
    transform: translateX(-101%);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
  }

  .drop_1.open .catalog-menu-level-2-container {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .drop_2.open .catalog-menu-level-3-container {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .drop_3.open .catalog-menu-level-4-container {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }



  .header-mob-menu-back-container {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px var(--def-padding);
    border: 1px solid rgba(0, 45, 130, 0.1019607843);
  }

  .header-mob-menu-back-container svg {
    max-width: 16px;
    max-height: 12px;
    min-height: 12px;
    min-width: 16px;
  }

  .header-mob-menu-back-container p {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 1%;
  }

  .catalog-menu-el.drop_2,
  .catalog-menu-el.drop_3,
  .catalog-menu-el.drop_4,
  .catalog-menu-el.no-drop_2,
  .catalog-menu-el.no-drop_3,
  .catalog-menu-el.no-drop_4 {
    border-bottom: 1px solid rgba(229, 231, 232, 0.5019607843);
  }

  .catalog-menu-el.drop_2.active .cont_2 {
    background-color: #F4F5F6;
  }

  .catalog-menu-el.drop_2 .cont_2 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding: 15px var(--def-padding);
  }

  .catalog-menu-el.drop_2 .cont_2 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  .catalog-menu-el.drop_2 .cont_2 svg {
    transform: rotate(-90deg);
  }

  .catalog-menu-el.no-drop_2.active {
    background-color: #F4F5F6;
  }

  .catalog-menu-el.no-drop_2 a {
    padding: 15px var(--def-padding);
    display: block;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 100%;
  }

  .catalog-menu-el.drop_3.active .cont_3 {
    background-color: #F4F5F6;
  }

  .catalog-menu-el.drop_3 .cont_3 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding: 15px var(--def-padding);
  }

  .catalog-menu-el.drop_3 .cont_3 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }

  .catalog-menu-el.drop_3 .cont_3 svg {
    transform: rotate(-90deg);
  }

  .catalog-menu-el.no-drop_3.active {
    background-color: #F4F5F6;
  }

  .catalog-menu-el.no-drop_3 a {
    padding: 15px var(--def-padding);
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: var(--text-color);
  }

  .catalog-menu-el.drop_4.active .cont_4 {
    background-color: #F4F5F6;
  }

  .catalog-menu-el .cont_4 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding: 15px var(--def-padding);
  }

  .catalog-menu-el .cont_4 a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .catalog-menu-el .cont_4 svg {
    transform: rotate(-90deg);
  }

  .catalog-menu-el.no-drop_4.active {
    background-color: #F4F5F6;
  }

  .catalog-menu-el.no-drop_4 a {
    padding: 15px var(--def-padding);
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--text-color);
  }
}

.detail-tabs {
  margin-bottom: 40px;
}

.detail-tabs .last-text {
  display: none;
}

.detail-tabs .default {
  margin-bottom: 0;
}

.detail-tabs .description {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 0;
  flex-direction: row;
}

.detail-tabs .description .left {
  width: 100%;
  max-width: 771px;
}

.detail-tabs .description .left.default {
  margin: 0;
  gap: 25px;
}

.detail-tabs .description-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 45px;
}

.detail-tabs .description-list li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #737D8C;
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 10px 20px;
}

.detail-tabs .description-list li * {
  color: var(--text-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
}

.detail-tabs .description-list li .value-dash {
  display: none;
}

.detail-tabs .scheme {
  background-color: #F4F5F6;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 553px;
  align-items: center;
}

.detail-tabs .scheme img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.detail-tabs .scheme .scheme-text-mob {
  display: none;
}

.detail-tabs .scheme .scheme-text-desc {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  opacity: 0.8;
}

.detail-tabs .scheme .scheme-text-desc span {
  border-radius: 50%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0%;
  white-space: nowrap;
  color: var(--white-color);
  background-color: var(--link-color);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
}

.detail-tabs .description-text {
  margin: 0;
  background-color: #F4F5F6;
  gap: 16px;
  font-size: 14px;
  padding: 24px;
  border-radius: 8px;
  height: fit-content;
}

.detail-tabs .description-text * {
  font-size: 14px;
}

.detail-tabs .description-text div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (max-width: 1120px) {
  .detail-tabs .description {
    flex-direction: column;
  }

  .detail-tabs .description .left,
  .detail-tabs .description .right {
    width: 100%;
    max-width: none;
  }

  .detail-tabs .description-text br {
    display: none;
  }
}

@media (max-width: 500px) {
  .detail-tabs {
    margin-bottom: 24px;
  }

  .detail-tabs .last-text {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #999999;
    margin-top: 25px;
  }

  .detail-tabs .default {
    margin-bottom: 0;
  }

  .detail-tabs .description-list {
    gap: 0px;
    margin-bottom: 0;
  }

  .detail-tabs .description-list li {
    font-size: 14px;
    display: block;
    color: var(--text-color);
  }

  .detail-tabs .description-list li * {
    font-size: 14px;
    color: var(--text-color);
  }

  .detail-tabs .description-list li .value-dash {
    display: contents;
  }

  .detail-tabs .scheme {
    padding: 0;
    border-radius: 0;
    flex-direction: column-reverse;
    gap: 15px;
    max-width: none;
    width: 100%;
    align-items: start;
    background: none;
  }

  .detail-tabs .scheme .scheme-text-mob {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .detail-tabs .scheme .scheme-text-desc {
    display: none;
  }

  .detail-tabs .description-text {
    padding: 16px;
  }
}

.detail-top {
  display: flex;
  gap: 48px;
  margin-bottom: 40px;
  justify-content: space-between;
}

.detail-left-cont {
  width: 100%;
  max-width: 437px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mySwiper {
  width: 100%;
  margin: 0;
  background-color: #FFF;
  border-radius: 10px;
}

.mySwiper .sw-pagination {
  display: none;
}

.mySwiper .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1/1;
}

.mySwiper .swiper-slide img {
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}

.mySwiper2 {
  width: 100%;
  margin: 0;
}

.mySwiper2 .swiper-slide {
  width: fit-content;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  background-color: #FFF;
  aspect-ratio: 1/1;
  height: 64px;
  width: 64px;
}

.mySwiper2 .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #121314;
}

.mySwiper2 .swiper-slide img {
  aspect-ratio: 1/1;
  height: 64px;
  width: 64px;
  object-fit: cover;
  object-position: center;
}

.detail-right-cont {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 875px;
}

.detail-right-cont .characteristics-cont {
  width: 100%;
  max-width: 370px;
}

.detail-right-cont .characteristics-cont .h3 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 13px;
}

.detail-right-cont .characteristics-cont .characteristics-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 25px;
}

.detail-right-cont .characteristics-cont .characteristics-list li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
}

.detail-right-cont .characteristics-cont .characteristics-list li * {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

@media (min-width: 501px) {
  .detail-right-cont .characteristics-cont .characteristics-list li .value-dash {
    display: none;
  }
}

.detail-right-cont .characteristics-cont .description {
  margin: 0 0 30px;
  background-color: #FFF;
  padding: 16px;
  gap: 8px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.detail-right-cont .characteristics-cont .description * {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.detail-right-cont .characteristics-cont .related-products-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.detail-right-cont .characteristics-cont .related-products-list li {
  width: fit-content;
}

.detail-right-cont .characteristics-cont .related-products-list li p {
  display: block;
  width: fit-content;
  padding: 15px 24px;
  background-color: #FFF;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: default;
}

/* .detail-right-cont .characteristics-cont .related-products-list li a:hover {
  background-color: var(--link-color);
  color: var(--white-color);
} */

.detail-right-cont .nalichie-cont {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 481px;
}

.nalichie-cont .name-link {
  color: var(--text-color);
  text-decoration: none;
}

.nalichie-cont .name-link:hover {
  color: var(--link-color);
}



.detail-right-cont .nalichie-cont .top {
  background-color: #FFF;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #E5E7E8;
}

.detail-right-cont .nalichie-cont .nalichie-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}

.detail-right-cont .nalichie-cont .nalichie-table thead th {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #93999E;
  text-align: start;
  padding-bottom: 12px;
  padding-left: 10px;
  white-space: nowrap;
}

.detail-right-cont .nalichie-cont .nalichie-table thead th:first-child {
  padding-left: 0;
}

.detail-right-cont .nalichie-cont .nalichie-table thead th:last-child {
  text-align: end;
}

.detail-right-cont .nalichie-cont .nalichie-table thead th:first-child {
  width: 180px;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr {
  border-top: 1px solid #E5E7E8;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td {
  padding: 12px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding-left: 10px;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td:first-child {
  padding-left: 0;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td * {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}


.detail-right-cont .nalichie-cont .nalichie-table tbody tr td:last-child {
  text-align: end;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td .price {
  white-space: nowrap;
  font-weight: 600;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td .flex {
  gap: 10px;
  align-items: center;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td .num-cont {
  display: flex;
  gap: 5px;
  align-items: center;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td .num-cont .round {
  max-width: 6px;
  max-height: 6px;
  min-height: 6px;
  min-width: 6px;
  background-color: #3EA44B;
  border-radius: 50%;
}

.detail-right-cont .nalichie-cont .nalichie-table tbody tr td .num-cont .round.err {
  background-color: #DC2222;
}

.detail-right-cont .nalichie-cont .last-price {
  white-space: nowrap;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 16px;
}

.detail-right-cont .nalichie-cont .bottom {
  display: flex;
  width: 100%;
  gap: 10px;
}

.detail-right-cont .nalichie-cont .bottom .num-cont {
  display: flex;
  gap: 30px;
  padding: 0 16px;
  border: 1px solid #DADCDE;
  border-radius: 8px;
  align-items: center;
  height: 50px;
}

.detail-right-cont .nalichie-cont .bottom .num-cont .plus-svg,
.detail-right-cont .nalichie-cont .bottom .num-cont .minus-svg {
  max-width: 15px;
  max-height: 15px;
  min-height: 15px;
  min-width: 15px;
  cursor: pointer;
}

.detail-right-cont .nalichie-cont .bottom .button {
  min-width: 128px;
}

.detail-right-cont .nalichie-cont .bottom .like-svg {
  margin-left: auto;
  max-width: 50px;
  max-height: 50px;
  min-height: 50px;
  min-width: 50px;
}

.detail-right-cont .nalichie-cont .last-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #999999;
  margin: 0;
}

.sklad-item {
  display: flex;
  gap: 10px;
  cursor: pointer;
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  min-width: 16px;
}

.sklad-item .check-svg:not(.no-check) {
  display: none;
}

.sklad-item .check-svg {
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  min-width: 16px;
}

.sklad-item.checked .check-svg:not(.no-check) {
  display: block;
}

.sklad-item.checked .check-svg.no-check {
  display: none;
}

@media (max-width: 1330px) {
  .detail-top {
    flex-direction: column;
  }

  .detail-left-cont {
    margin: 0 auto;
  }

  .detail-right-cont {
    max-width: none;
    justify-content: space-between;
  }

  .detail-right-cont .characteristics-cont,
  .detail-right-cont .nalichie-cont {
    max-width: none;
    width: -webkit-fill-available;
  }
}

@media (max-width: 970px) {
  .detail-top {
    gap: 20px;
  }

  .detail-right-cont {
    flex-direction: column-reverse;
  }
}

@media (max-width: 500px) {
  .detail-top-section {
    padding: 0;
  }

  .detail-top {
    margin-bottom: 30px;
  }

  .mySwiper {
    padding-bottom: 12px;
  }

  .mySwiper .sw-pagination {
    display: flex;
  }

  .mySwiper2 {
    display: none;
  }

  .mySwiper .swiper-slide img {
    border-radius: 10px;
  }

  .detail-right-cont .nalichie-cont .top {
    border-radius: 0;
  }

  .detail-right-cont .nalichie-cont .last-text {
    display: none;
  }

  .detail-right-cont .characteristics-cont {
    padding: 0 var(--def-padding);
  }

  .detail-right-cont .characteristics-cont .h3 {
    margin-bottom: 20px;
  }

  .detail-right-cont .characteristics-cont .characteristics-list li {
    font-size: 13px;
    display: block;
    color: var(--text-color);
  }

  .detail-right-cont .characteristics-cont .characteristics-list li * {
    font-size: 13px;
    color: var(--text-color);
  }

  .detail-right-cont .characteristics-cont .characteristics-list {
    margin-bottom: 13px;
  }

  .detail-right-cont .characteristics-cont .description {
    font-size: 12px;
    background-color: #F4F5F6;
  }

  .detail-right-cont .characteristics-cont .description * {
    font-size: 12px;
  }

  .detail-right-cont .characteristics-cont .related-products-list li p {
    background-color: #F4F5F6;
  }
}

@media (max-width: 374px) {
  .detail-right-cont .nalichie-cont .bottom {
    flex-wrap: wrap;
  }

  .detail-right-cont .nalichie-cont .bottom .num-cont {
    width: fit-content;
  }

  .detail-right-cont .nalichie-cont .bottom .like-svg {
    margin: 0;
  }
}

.detail-zapchasti {
  margin-bottom: 120px;
}

.detail-zapchasti .def_title h2,
.detail-zapchasti .def_title span,
.detail-zapchasti .def_title .h2 {
  font-size: 36px;
}

.detail-zapchasti .def_title h2 {
  margin: 0;
}

.detail-zapchasti .sw-btn {
  max-width: 50px;
  max-height: 50px;
  min-height: 50px;
  min-width: 50px;
  left: -20px;
  transform: translateY(-50%) translateX(-100%);
}

.detail-zapchasti .sw-btn.sw-btn-next {
  left: auto;
  right: -20px;
  transform: translateY(-50%) translateX(100%);
}

.detail-zapchasti .sw-btn * {
  transition: 0.5s;
}

.detail-zapchasti .sw-btn:hover path {
  stroke: none;
  fill: #FFF;
}

.detail-zapchasti .swiper-scrollbar,
.detail-zapchasti .sw-pagination {
  display: none;
}

.swiperZapchasti {
  width: 100%;
}

@media (max-width: 1570px) {
  .detail-zapchasti .sw-btn {
    display: none;
  }
}

@media (max-width: 970px) {

  .detail-zapchasti .def_title h2,
  .detail-zapchasti .def_title span,
  .detail-zapchasti .def_title .h2 {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .detail-zapchasti {
    margin-bottom: 96px;
  }

  .detail-zapchasti .def_title h2,
  .detail-zapchasti .def_title span,
  .detail-zapchasti .def_title .h2 {
    font-size: 24px;
  }

  .detail-zapchasti .swiper-scrollbar {
    display: block;
    opacity: 1 !important;
    background: none !important;
  }

  .detail-zapchasti .swiper-scrollbar .swiper-scrollbar-drag {
    background: #C0C9CE;
    height: 4px;
  }

  .swiperZapchasti {
    padding-bottom: 20px;
  }
}

.main-about-cards {
  display: flex;
  gap: 16px;
  padding-top: 20px;
  padding-bottom: 50px;
  overflow-x: auto;
}

.main-about-card {
  padding: 16px;
  border-radius: 16px;
  background-color: #F4F5F6;
  height: auto;
  min-width: 252px;
}

.main-about-card img {
  max-width: 30px;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-bottom: 16px;
}

.main-about-card .h3 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 22px;
  letter-spacing: 0%;
  margin-bottom: 8px;
}

.main-about-card .default {
  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  color: #767D83;
  margin: 0;
}

.main-about-card .default * {
  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  color: #767D83;
}

@media (max-width: 500px) {
  .main-about-cards {
    padding-bottom: 20px;
  }
}

.main-about {
  border-radius: 16px;
  background-color: #F4F5F6;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.main-about .copy-cont {
  display: none;
}

.main-about .main-about-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.main-about .main-about-top .h2 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

.main-about .main-about-top .h2 span {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
  color: var(--link-color);
}

.main-about .main-about-top .subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.main-about .left-cont {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-about .left-cont .button {
  background-color: #121314;
  width: 100%;
  max-width: 159px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  min-height: 50px;
}

.main-about .left-cont .button:hover {
  background-color: #C70D0D;
  color: var(--white-color);
}

.main-about .right-cont img {
  border-radius: 16px;
  aspect-ratio: 640/388;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.main-about .help-cont-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.main-about-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.main-about-list li {
  border-radius: 10px;
  padding: 12px 16px;
  background-color: #FFF;
  display: flex;
  gap: 16px;
  align-items: center;
}

.main-about-list li img {
  max-width: 30px;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  object-fit: contain;
}

.main-about-list li .text-cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.main-about-list li .text-cont span {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

.main-about-list li .text-cont .default {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #767D83;
}

.main-about-list li .text-cont .default * {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #767D83;
}

@media (max-width: 1280px) {
  .main-about .main-about-top .subtitle br {
    display: none;
  }
}

@media (max-width: 970px) {
  .main-about .main-about-top .subtitle {
    display: none;
  }

  .main-about .help-cont-1 {
    grid-template-columns: 1fr;
  }

  .main-about .help-cont-1 .right-cont {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .main-about .help-cont-1 .right-cont .copy-cont {
    display: block;
  }

  .main-about .help-cont-1 .right-cont .copy-cont .subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .main-about .help-cont-1 .right-cont .copy-cont .subtitle br {
    display: none;
  }

  .main-about .main-about-top {
    grid-template-columns: 1fr;
  }
}

.main-about-section form.search {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

/* .btn */

.main-about-section form.search input {
  width: 100%;
}

.main-about-section form.search .btn {
  height: 100% !important;
  max-width: 60px;
  max-height: 47px;
  min-height: 47px;
  min-width: 60px;
}

@media (max-width: 720px) {
  .main-about-section {
    padding: 0;
  }

  .main-about-section .top-content-block {
    padding: 0 var(--def-padding);
  }

  .main-about {
    padding: 24px var(--def-padding);
    border-radius: 0;
  }

  .main-about-section form.search {
    /* flex-direction: column; */
  }
}

@media (max-width: 500px) {
  .main-about {
    gap: 24px;
  }

  .main-about .main-about-top .h2 {
    font-size: 20px;
  }

  .main-about .main-about-top .h2 span {
    font-size: 20px;
  }

  .main-about .right-cont img {
    aspect-ratio: 343/293;
  }
}

.swiperBaner {
  width: 100%;
  height: fit-content;
}

.main-banner-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100% !important;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  min-height: 400px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.main-banner-slide .h2 {
  font-size: 40px;
  color: var(--white-color);
  max-width: 545px;
  margin-bottom: 40px;
}

.main-banner-slide .default {
  max-width: 545px;
  color: var(--white-color);
  margin: 0 0 40px;
}

.main-banner-slide .default * {
  color: var(--white-color);
}

.main-banner-slide .button {
  min-height: 50px;
}

@media (max-width: 970px) {
  .main-banner .sw-btn {
    display: none;
  }

  .main-banner-slide {
    border-radius: 0;
  }

  .main-banner-slide .h2 {
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .main-banner-slide .default {
    max-width: 100%;
    margin: 0 0 24px;
  }
}

@media (max-width: 500px) {
  .main-banner-slide {
    padding: 24px 24px 50px;
    justify-content: end;
    min-height: 500px;
  }

  .main-banner-slide .h2 {
    margin-bottom: 30px;
  }

  .main-banner-slide .default {
    margin: 0 0 30px;
  }
}

.main-content {
  width: 100%;
  max-width: 1058px;
  /* overflow: hidden; */
  padding-bottom: 20px;
}

.main-content-fix {
  max-width: 100% !important;
}

.main-content.about-content {
  padding-bottom: 0;
}

@media (max-width: 500px) {
  .main-content {
    padding-bottom: 0;
  }
}

.main-hits {
  padding: 60px 0 40px;
}

.main-hits-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.main-product-item {
  height: auto;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #E5E7E8;
  box-shadow: 0px 1px 2px 0px rgba(18, 19, 20, 0.0509803922);
  padding: 12px;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  transition: 0.5s;
}

.main-product-item:hover {
  transform: scale(0.95);
}

.main-product-item .btn.btn-default {
  max-width: 102px;
  padding: 5px 10px !important;
}

.main-product-item .price {
  margin: 16px 0 12px;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  white-space: nowrap;
}


.main-product-item h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 8px;
  margin-top: 0;
  transition: 0.5s;
}

.main-product-item:hover h3 {
  color: #DC2222;
}

.main-product-item .article {
  color: #767D83;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 24px;
}

.main-product-item .availability {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 16px;
}

.main-product-item .availability p {
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  border-bottom: 1px dotted #3EA44B;
  display: inline-block;
  color: #3EA44B;
  margin: 0;
}

.main-product-item .availability .availability-svg {
  position: relative;
}

.main-product-item .availability .availability-svg svg {
  display: block;
  max-width: 6px;
  max-height: 3px;
  min-height: 3px;
  min-width: 6px;
}

.main-product-item .availability .availability-svg .availability-text {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  min-width: 204px;
  max-width: 204px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #E5E7E8;
  background-color: #FFF;
  border-radius: 8px;
  padding: 12px;
  z-index: 2;
}

.main-product-item .availability .availability-svg .availability-text ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 0;
}

.main-product-item .availability .availability-svg .availability-text ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 0;
}

.main-product-item .availability .availability-svg .availability-text::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-108%) rotate(45deg) translateY(-7px);
  background-color: #FFF;
  max-width: 8.5px;
  max-height: 8.5px;
  min-height: 8.5px;
  min-width: 8.5px;
  border-top: 1px solid #E5EAF0;
  border-left: 1px solid #E5EAF0;
  border-radius: 2px 0 0 0;
  display: block;
}

.main-product-item .availability:hover .availability-svg .availability-text {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(10px);
}

.main-product-item .bottom-cont {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: auto;
  height: fit-content;
}

.main-product-item .bottom-cont .item-action--compare {
  display: none;
}

.main-product-item .bottom-cont * {
  height: fit-content;
}

.main-product-item .bottom-cont .counter__action {
  height: 30px;
}

.main-product-item .bottom-cont .btn-default {
  min-height: 40px;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 10px;
}

.like-svg {
  padding: 10px;
  background-color: #F4F5F6;
  aspect-ratio: 1/1;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  min-width: 40px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.like-svg * {
  transition: 0.5s;
}

.like-svg svg.like-svg-path-like:not(.active .like-svg-path-like) {
  display: none;
}

.like-svg:hover .like-svg-path-no-like path {
  fill: #DC2222;
}

.like-svg.active .like-svg-path-no-like {
  display: none;
}

.like-svg.active .like-svg-path-like {
  position: relative;
}

.swiperProduct {
  padding-bottom: 10px;
  width: 100%;
  border-radius: 8px;
}

.fix-image-card {
  padding-bottom: 10px;
  width: 100%;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  aspect-ratio: 298/278;
  height: fit-content;
}

.fix-image-card .image-list-wrapper {
  height: 100% !important;
  padding: 0 !important;
}

.fix-image-card .image-list {
  height: 100% !important;
}

.fix-image-card .section-gallery-wrapper__item img,
.fix-image-card .image-list__link img {
  width: 100%;
}

.fix-image-card .section-gallery-nav {
  bottom: -15px;
}

.fix-image-card .sticker {
  display: none !important;
}

.swiperProduct .sale {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #DC2222;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 4px 8px;
  border-radius: 8px;
  z-index: 2;
  white-space: nowrap;
}

.swiperProduct .swiper-slide {
  width: 100% !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  aspect-ratio: 298/278;
}

@media (max-width: 970px) {
  .main-hits-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 720px) {
  .main-hits-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .main-hits {
    padding: 60px 0 30px;
  }

  .main-hits-list {
    gap: 8px;
  }

  .main-hits-list.v2 {
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px;
    padding-left: var(--def-padding);
    padding-right: var(--def-padding);
  }

  .main-hits-list.v2 .main-product-item {
    max-width: 167px;
    min-width: 167px;
  }

  .main-hits-list.v2 .main-product-item .bottom-cont .button {
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-product-item {
    padding: 8px;
  }

  .main-product-item .price {
    font-size: 16px;
  }

  .main-product-item h3 {
    font-size: 14px;
  }

  .main-product-item .availability:hover .availability-svg .availability-text {
    transform: translateX(-75%) translateY(10px);
  }

  .main-product-item .availability .availability-svg .availability-text {
    min-width: 150px;
    max-width: 150px;
    transform: translateX(-75%) translateY(20px);
  }

  .main-product-item .availability .availability-svg .availability-text ul li {
    font-size: 10px;
  }

  .main-product-item .availability .availability-svg .availability-text::before {
    left: 75%;
    transform: translateX(-102%) rotate(45deg) translateY(-7px);
    display: block;
  }

  .main-product-item .bottom-cont {
    gap: 8px;
  }
}

@media (max-width: 374px) {
  .main-hits-list {
    grid-template-columns: 1fr;
  }
}

.main-menu {
  height: fit-content;
  padding: 8px 0;
  border-radius: 16px;
  border: 1px solid #E5E7E8;
  box-shadow: 0px 2px 8px 0px #EDEDED;
  width: 100%;
  min-width: 278px;
  max-width: 278px;
}

.main-menu li {
  margin-bottom: 0;
}

.main-menu.about-menu {
  border: none;
  box-shadow: none;
  min-width: 257px;
  max-width: 257px;
  padding: 0;
}

.main-menu.about-menu li a {
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
}

.main-menu.about-menu li a p {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0%;
}

.main-menu.about-menu li a svg {
  display: none;
}

.main-menu.about-menu li .active a {
  background-color: #F4F5F6;
}

.main-menu.section-menu {
  padding: 0;
  border-radius: none;
  border: none;
  box-shadow: none;
  min-width: 298px;
  max-width: 298px;
  margin-bottom: 40px;
}

.main-menu.section-menu li:not(.drop-1) a {
  border: none;
  color: var(--text-color);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.main-menu.section-menu li:not(.drop-1).active a {
  background: none;
  color: var(--link-color);
}

.main-menu.section-menu li.drop-1 {
  border-radius: 8px;
  background-color: #F4F5F6;
  margin-left: 16px;
  padding: 12px;
}

.main-menu.section-menu li.drop-1.first {
  margin-top: 20px;
}

.main-menu.section-menu li.drop-1 ul {
  padding: 0;
  margin: 0;
}

.main-menu.section-menu li.drop-1 .cont-1 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main-menu.section-menu li.drop-1 .cont-1 a {
  background: none;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--text-color);
}

.main-menu.section-menu li.drop-1 ul a:hover {
  color: var(--link-color);
}

.main-menu.section-menu li.drop-1 .cont-1 svg {
  max-width: 10px;
  max-height: 6px;
  min-height: 6px;
  min-width: 10px;
}

.main-menu.section-menu li.drop-1 ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.main-menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  transition: 0.5s;
  border-bottom: 1px solid rgba(229, 231, 232, 0.5019607843);
}

.main-menu:not(.section-menu) li a:hover {
  background-color: #F4F5F6;
}

.main-menu.section-menu li:not(.drop-1) a:hover {
  color: var(--link-color);
}

.main-menu li a p {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.main-menu li a svg {
  max-width: 8px;
  max-height: 8px;
  min-height: 8px;
  min-width: 8px;
}

.main-menu li.active a {
  background-color: #F4F5F6;
}

.main-menu li:last-child a {
  border-bottom: none;
}

@media (max-width: 970px) {

  .main-menu,
  .section-menu-cont {
    display: none;
  }



  .section-menu-cont {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1000;
    background-color: #00000080;
    max-width: none !important;
    min-width: auto !important;
    opacity: 0;
    visibility: hidden;
    /* max-height: 100vh !important;
    overflow-y: auto; */
    transition: 0.5s;
  }

  .section-menu-cont.open {
    opacity: 1;
    visibility: visible;
  }

  .section-menu-cont.open .filter-compact-block {
    transform: translateX(0) !important;
  }

  .section-menu-cont .filter-compact-block {
    width: 100%;
    max-width: 350px;
    background-color: #FFF;
    padding: 24px var(--def-padding);
    transform: translateX(-101%) !important;
    transition: 0.5s;
  }

  .section-menu-cont .back-link,
  .section-menu-cont .name-section,
  .section-menu-cont .section-menu,

  .section-menu-cont .bx_filter_block {
    display: none !important;
  }

}

.main-spare-parts-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.main-spare-parts-item {
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #E5E7E8;
  transition: .5s;
}

a.main-spare-parts-item:hover {
  border: 1px solid var(--link-color);
}

.main-spare-parts-item img {
  aspect-ratio: 160/118;
  object-fit: contain;
  width: 100%;
  max-width: 160px;
}

@media (max-width: 720px) {
  .main-spare-parts-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .main-spare-parts {
    padding-top: 50px;
  }

  .main-spare-parts-item {
    padding: 15px;
  }

  .main-spare-parts-item img {
    max-width: 106px;
  }
}

.main-stocks {
  padding: 40px 0 80px;
}

.main-stocks.favorite-page {
  padding-top: 0;
}

@media (max-width: 1390px) {
  .main-stocks .def_title {
    padding: 0 var(--def-padding);
  }
}

@media (max-width: 500px) {
  .main-stocks {
    padding: 60px 0 36px;
  }

  .main-stocks.favorite-page {
    padding-top: 0px;
  }

  .main-stocks-section {
    padding: 0;
  }
}

.main-top {
  display: flex;
  gap: 24px;
  padding-top: 24px;
  overflow: hidden;
}

.main-top.v2 {
  padding-top: 0;
}

.main-top.v10 {
  gap: 48px;
  margin-bottom: 90px;
}

@media (max-width: 970px) {

  .main-top,
  .main-top-section {
    padding: 0;
  }

  .main-top.v10 {
    margin-bottom: 60px;
  }
}

.maps {
  display: flex;
  gap: 20px;
}

.map-cont {
  height: auto;
  width: -webkit-fill-available;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
}

.map-cont .address {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 24px;
}

.map-cont .flex {
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.map-cont .flex-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.map-cont .flex-item * {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
}

.map-cont .flex-item.v2 {
  font-weight: 600;
}

.map-cont .flex-item.v2 * {
  font-weight: 600;
  color: var(--text-color);
}

.map-cont .button {
  background-color: #121314;
  min-height: 50px;
}

.map-cont .button:hover {
  background-color: #C70D0D;
}

.map {
  width: 100%;
  aspect-ratio: 622/470;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
}

@media (max-width: 1440px) {
  .maps {
    flex-direction: column;
  }

  .map {
    aspect-ratio: 622/175;
  }
}

@media (max-width: 720px) {
  .map {
    aspect-ratio: 343/370;
  }
}

@media (max-width: 500px) {
  .maps-section {
    padding: 0;
  }

  .map-cont {
    padding: 16px;
  }

  .map-cont .flex {
    flex-direction: column;
  }

  .map-cont .button {
    width: 100%;
  }
}

.popupForm {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: max-content;
  padding: 0 20px;
}

.popupForm .popup__container {
  display: flex;
  flex-direction: column;
  width: auto;
  position: relative;
  background-color: #FFF;
  border-radius: 10px;
  width: 100%;
  max-width: 490px;
  padding: 24px;
  max-height: 70vh;
  overflow-y: scroll;
  box-shadow: 0px 20px 25px -4px rgba(18, 26, 43, 0.1019607843);
}

.popupForm .popup__container .popupForm-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 24px;
}

.popupForm .popup__container p:not(.checkbox p) {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 36px;
  color: #767D83;
}

.popupForm .popup__container .inputs_cont {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}

.popupForm .popup__container .inputs_cont input {
  border: 1px solid #DADCDE;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
}

.popupForm .popup__container .inputs_cont .input_cont {
  width: 100%;
}

.popupForm .popup__container .inputs_cont .input_cont .h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 12px;
  color: #767D83;
}

.popupForm .popup__container .inputs_cont .input_cont span {
  display: none;
  margin-bottom: 6px;
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #DC2222;
}

.popupForm .popup__container .inputs_cont .err input {
  border: 1px solid #DC2222;
}

.popupForm .popup__container .inputs_cont .err span {
  display: block;
}

.popupForm .popup__container .checkbox {
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
  margin-top: 0;
}

.popupForm .popup__container .checkbox .check-box-btn {
  transform: none;
  position: static;
}

.popupForm .popup__container .checkbox p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

.popupForm .popup__container .checkbox p * {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.popupForm .popup__container .checkbox p a {
  text-decoration: underline;
}

.popupForm .popup__container .button {
  width: 100%;
  min-height: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.popupForm .popup__container img {
  object-fit: contain;
  object-position: center;
  /* border: 50px solid #013C38; */
  width: 100%;
  max-width: min-content;
  max-height: 70vh;
  display: flex;
  position: relative;
}

.popupForm .popup__container .close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.popupForm .popup__container .close-btn:hover path {
  opacity: 0.5;
}

.popupForm.open {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}

.popupForm .popup__container img.mob {
  display: none;
}

@media (max-width: 900px) {
  .popupForm .popup__container img.mob {
    display: block;
  }

  .popupForm .popup__container img.desk {
    display: none;
  }
}

@media (min-width: 991px) {
  .popupForm .popup__container {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .popupForm .popup__container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.sclad {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 60px 0 87px;
}

.sclad .left {
  width: 100%;
  max-width: 899px;
}

.sclad .left .h2 {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 30px;
}

.sclad .left .default {
  margin-bottom: 30px;
}

.sclad .left ul:not(.default ul) {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sclad .left ul:not(.default ul) li {
  display: flex;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
}

.sclad .left ul:not(.default ul) li .img {
  height: auto;
  width: 100%;
  max-width: 160px;
  min-width: 160px;
  min-height: 100px;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sclad .left ul:not(.default ul) li .right-li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.sclad .left ul:not(.default ul) li .right-li .h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.sclad .left ul:not(.default ul) li .right-li .flex {
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

.sclad .left ul:not(.default ul) li .right-li .flex-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sclad .left ul:not(.default ul) li .right-li .flex-item * {
  color: #767D83;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.sclad .left ul:not(.default ul) li .right-li .flex-item.v2 * {
  color: var(--text-color);
  font-weight: 600;
}

.sclad .right {
  width: 100%;
  max-width: 322px;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
  padding: 24px;
}

.sclad .right img {
  border-radius: 8px;
  aspect-ratio: 274/160;
  object-fit: cover;
  width: 100%;
  object-position: center;
  margin-bottom: 24px;
}

.sclad .right .right-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.sclad .right .right-item span {
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #767D83;
}

.sclad .right .right-item p {
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.sclad .right .button {
  width: 100%;
  height: 50px;
}

@media (max-width: 970px) {
  .sclad {
    flex-direction: column-reverse;
  }

  .sclad .left,
  .sclad .right {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .sclad .left ul:not(.default ul) li .right-li .flex {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .sclad-section {
    padding: 0;
  }

  .sclad {
    display: flex;
    gap: 54px;
    justify-content: space-between;
    padding: 54px 0 60px;
  }

  .sclad .left {
    padding: 0 var(--def-padding);
  }

  .sclad .left ul:not(.default ul) li {
    flex-direction: column;
  }

  .sclad .left ul:not(.default ul) li .img {
    max-width: 160px;
    min-width: 160px;
    min-height: 100px;
    max-height: 100px;
  }

  .sclad .left ul:not(.default ul) li .right-li .flex {
    gap: 24px;
  }

  .sclad .right img {
    aspect-ratio: 327/160;
  }
}

.section-list-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.section-list-items-fix {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1380px) {
  .section-list-items-fix {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 720px) {
  .section-list-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

@media (max-width: 374px) {
  .section-list-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.section-menu-cont {
  height: fit-content;
  min-width: 298px;
  max-width: 298px;
}

.section-menu-cont .name-section {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  padding: 10px 16px;
  background-color: #F4F5F6;
  width: 100%;
  display: block;
  border-radius: 8px;
  margin-bottom: 3px;
  color: var(--text-color);
}

.back-link {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 11px 12px;
  margin-bottom: 20px;
}

.back-link * {
  transition: 0.5s;
}

.back-link svg {
  max-width: 18;
  max-height: 19;
  min-height: 19;
  min-width: 18;
}

.back-link p {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin: 0;
}

.back-link:hover svg {
  transform: translateX(-5px);
}

.back-link:hover svg path {
  fill: var(--link-color);
}

.back-link:hover p {
  color: var(--link-color);
}

.price-filter-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.price-filter-container .h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}

.price-filter-container .price-values-cont {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 13.5px 18px 3.5px;
  border: 1px solid #DADCDE;
  border-radius: 10px;
  position: relative;
}

.price-filter-container .price-values-cont .view {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(20px);
  background-color: #DC2222;
  color: #FFF;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  min-width: 100px;
  z-index: 2;
}

.price-filter-container .price-values-cont .price-values {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.price-filter-container .price-values-cont .price-values input {
  width: 100px;
}

.price-filter-container .price-values-cont .price-values input:last-child {
  text-align: end;
}

.price-filter-container .price-values-cont .noUi-handle:after,
.price-filter-container .price-values-cont .noUi-handle:before {
  display: none;
}

.price-filter-container .price-values-cont .noUi-horizontal {
  height: 2px;
  box-shadow: none;
  background: #DC2222;
  position: relative;
  border: none;
}

.price-filter-container .price-values-cont .noUi-connect {
  background: #DC2222;
}

.price-filter-container .price-values-cont .noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
  min-height: 18px;
  min-width: 18px;
  right: -9px;
  top: -9px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
}

.price-filter-container .price-values-cont .noUi-horizontal .noUi-handle .noUi-touch-area {
  max-width: 6px;
  max-height: 6px;
  min-height: 6px;
  min-width: 6px;
  background-color: #DC2222;
  border-radius: 50%;
}

.price-filter-container .price-values-cont .noUi-horizontal .noUi-handle:hover {
  transform: scale(1.1);
}

.section-seo-text {
  padding: 60px 0;
}

.section-seo-text .default {
  margin: 0;
}

@media (max-width: 720px) {
  .section-seo-text {
    padding: 90px 0 60px;
  }
}

.section-top-sort-cont {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.select {
  position: relative;
  cursor: pointer;
}

@media (min-width: 971px) {
  .select .filter-btn {
    display: none;
  }
}

.select .sort-cont-item {}

.select .dropdown-select__title {
  padding: 13px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
  background-color: #FFF;
  width: fit-content;
  height: 44px;
  transition: .5s;
}

.select .dropdown-select__title.opened {
  background-color: #F4F5F6;
}

.select .sort-cont-item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin: 0;
}

.select .dropdown-select__title span {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin: 0;
}

.select .sort-cont-item svg {
  min-width: 10px;
  min-height: 6px;
  max-width: 10px;
  max-height: 6px;
}

.select .dropdown-select__title svg {
  min-width: 10px;
  min-height: 6px;
  max-width: 10px;
  max-height: 6px;
}

.select .sort-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
  padding: 10px;
  z-index: 2;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.select .dropdown-menu-wrapper {
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #E5E7E8;
}

.fix-image-card .js-replace-icons {
  display: none !important;
}

.view-variants {
  display: flex;
  background-color: #F4F4F4;
  border: 2px solid #F4F4F4;
  gap: 2px;
  border-radius: 8px;
}

.view-variants a {
  background-color: #FFFFFF;
  max-width: 44px;
  max-height: 40px;
  min-height: 40px;
  min-width: 44px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-variants a.active svg path {
  stroke: #DC2222;
}



@media (max-width: 970px) {
  .view-variants {
    display: none;
  }

  .xpopover {
    z-index: 5 !important;
  }

  .section-top-sort-cont {
    margin-bottom: 30px;
  }

  /* .select .dropdown-select__title  .sort-cont-item {
    padding: 0;
  } */

  .select {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
  }

  .select .sort-cont-item {
    /* padding: 16px; */
    height: 50px;
  }

  .dropdown-select {
    height: 50px;
  }

  .select .dropdown-select__title {
    height: 50px;
  }

  .select .filter-btn {
    display: flex;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #E5E7E8;
    background-color: #FFF;
    height: 50px;
  }

  .select .filter-btn p {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }

  .select .filter-btn svg {
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
  }

  .bottom-fixed-menu .cont .basket-link-custom {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
    width: 100%;
    gap: 5px;
    background-color: rgba(18, 19, 20, 0);
    transition: 0.5s;
  }

  .bottom-fixed-menu .cont .basket-link-custom .arrow-svg,
  .bottom-fixed-menu .header-icon .arrow-svg {
    display: none;
  }

  .bottom-fixed-menu .cont svg path,
  .bottom-fixed-menu .header-icon svg path {
    fill: white;
  }

  .bottom-fixed-menu .cont .basket-link-custom svg,
  .bottom-fixed-menu .header-icon svg {
    opacity: 0.6;
    max-width: 24px;
    max-height: 24px;
    min-height: 24px;
    min-width: 24px;
  }

  .bottom-fixed-menu .cont .basket-link-custom .header__icon-name,
  .bottom-fixed-menu .header-icon .header__icon-name {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    transition: 0.5s;
    margin-bottom: 0;
  }

  .bottom-fixed-menu .header__icon {
    height: auto;
  }

  .bottom-fixed-menu .header-icon {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .bottom-fixed-menu .basket-link-custom {
    min-width: auto;
  }
}

@media (max-width: 760px) {
  .xpopover {
    z-index: 3001 !important;
  }
}

@media (max-width: 374px) {

  .select .sort-cont-item,
  .select .filter-btn {
    /* padding: 5px; */
    height: 40px;
  }

  .select .dropdown-select__title {
    height: 40px;
  }

  .dropdown-select {
    height: 40px;
  }
}

.section-top-tabs {
  margin-bottom: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.section-top-tabs-item {
  background-color: #FFF;
  padding: 15px 12px;
  border: 1px solid #E5EAF0;
  border-radius: 10px;
  box-shadow: 0px 3px 20px 0px rgba(34, 34, 34, 0.1019607843);
  width: fit-content;
}

.section-top-tabs-item .h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.section-top-tabs-item .h3 * {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
}

.section-top-tabs-item .h3 span {
  color: #999999;
}

@media (max-width: 970px) {
  .section-top-tabs-section {
    padding: 0;
  }

  .section-top-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 var(--def-padding) 10px;
    margin-bottom: 10px;
  }

  .section-top-tabs-item .h3 {
    white-space: nowrap;
  }
}

header ul,
header ul li {
  margin-bottom: 0;
}

body a:hover {
  color: var(--link-color);
}

header .basket {
  border-radius: 0;
  background: none;
  margin-bottom: 0;
  border: none;
}

header .basket:hover svg path {
  fill: var(--link-color);
}

header .basket:hover .basket-link-custom__name {
  color: var(--link-color);
}

.basket-link-custom {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  min-width: 90px;
  min-height: 50px;
  justify-content: center;
}

.header__search_fix_22 {
  width: 100%;
}

header .header-icon {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  min-width: 90px;
  min-height: 50px;
  justify-content: center;
}

header .header-icon .svg svg {
  max-width: 22px;
  max-height: 22px;
  min-height: 22px;
  min-width: 22px;
}

header .header-icon .svg svg path {
  transition: 0.5s;
}

header .header-icon:hover .svg svg path {
  fill: var(--link-color);
}

header .header-icon:hover .header__icon-name {
  color: var(--link-color);
}

header .header__icon {
  max-width: 24px;
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
}

header .header__icon-name {
  font-weight: 400;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #484F55;
  transition: 0.5s;
  margin-bottom: 0;
  padding: 0;
}

[data-ajax-block=HEADER] {
  position: static;
  transform: none;
  transition: 0;
  visibility: visible;
  opacity: 1;
}

header .header-menu-2-copy .city-cont {
  width: 100%;
}

@media (max-width: 970px) {

  .basket-link-custom,
  header .header-icon {
    flex-direction: row;
    gap: 12px;
    align-items: center;
    justify-content: start;
    min-height: auto;
  }

  header .link-cont .line-block__item {
    width: 100%;
  }

  header .basket {
    width: 100%;
  }

  header .header__icon-name {
    color: #121314;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0%;
  }

  header .last-cont .arrow-svg {
    margin-left: auto;
  }
}

header ul li::before,
main ul li::before,
footer ul li::before,
.catalog-menu ul li::before {
  display: none;
}

.catalog-menu ul li {
  position: static;
  margin-bottom: 0;
}

.catalog-menu ul li ul,
.catalog-menu ol li ol {
  padding-top: 0;
}

@media (min-width: 971px) {
  .catalog-menu .catalog-menu-level-4>li {
    margin-bottom: 20px;
  }
}

.btn.btn-default:hover {
  background-color: #C70D0D;
  border-color: #C70D0D;
}

.btn-default {
  min-height: 40px;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  background-color: #DC2222;
  border: 1px solid #DC2222;
  color: #FFF;
  transition: 0.5s;
  cursor: pointer;
}

.btn-default .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.catalog-block__info-bottom {
  margin-top: auto;
}

.fix-29-12 {
  margin-top: auto;
}

.bx_filter_parameters_box:not(.active) .bx_filter_block {
  display: block !important;
  position: static !important;
}

.dropdown-menu-wrapper .dropdown-menu-inner {
  background: none !important;
  padding: 0;
  max-width: none;
  box-shadow: none;
  overflow: visible;
}

.compact .price_block .bx_filter_parameters_box_title {
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 12px;
}

.div.form-control {
  min-height: 50px;
}

.bx_filter input[type="text"] {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.fix-1501 {
  margin-bottom: 40px;
}

.ajax_load_btn {
  max-width: none;
}

.pagin-item.arrows-pagination__item {
  position: static;
}

.sort-cont-item {
  position: relative;
}

.hidden-sort-cont-item_new a {
  display: block;
  padding: 13px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin: 0;
  color: var(--text-color);
}

.hidden-sort-cont-item_new a:hover {
  background-color: #F4F5F6;
}

.hidden-sort-cont-item_new .active a {
  background-color: #F4F5F6;
}

.hidden-sort-cont-item_new li {
  padding: 0;
  margin: 0;
}

.hidden-sort-cont-item_new {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  display: flex;
  flex-direction: column;
  z-index: 2;
  transform: translateY(10px);
  border-radius: 10px;
  border: 1px solid #E5E7E8;
  gap: 10px;
  box-shadow: 0px 3px 20px 0px rgba(34, 34, 34, 0.1019607843);
  display: none;
}

.sort-cont-item.opened .hidden-sort-cont-item_new {
  display: flex;
}


.detail-top .bottom .item-action.item-action--compare {
  display: none;
}

.bottom-icons-panel {
  display: none;
}

.dark_link {
  color: var(--text-color);
  transition: 0.5s;
}

.dark_link:hover {
  color: var(--link-color);
}

.btn.btn-default span {
  color: #FFF;
}

.detail-right-cont .counter__action::before,
.detail-right-cont .counter__action::after {
  display: none;
}

.detail-right-cont .btn-lg .counter__action {
  flex-basis: auto;
  flex: none;
  border: none;
}

.detail-right-cont .item-action.item-action--basket .button_v2 {
  display: none;
}

.detail-right-cont .item-action.item-action--basket .button_v2:hover {
  color: var(--text-color);
  text-decoration: none;
  background-color: #F4F5F6;
}

.detail-right-cont .item-action.item-action--basket.active .button {
  display: none;
}

.detail-right-cont .item-action.item-action--basket.active .button_v2 {
  display: flex;
}

body .detail-right-cont .buy_block .item-action--basket.active:not(.loadings):not(.btn-no-counter) {
  display: block;
}

.fix_box_1437 {
  width: 100%;
}

.cities--only-city .items_block {
  margin: 0;
}



.main-spare-parts-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.main-spare-parts-item {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #E5E7E8;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.6s;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}

.main-spare-parts-item:hover {
  background-color: #F4F5F6;
  transition: background-color 0.4s;
}

@media (max-width: 1226px) {
  .main-spare-parts-list {
    grid-template-columns: repeat(4, 1fr);
  }

  .main-spare-parts-item {
    padding: 14px;
    font-size: 14px;
  }
}

@media (max-width: 675px) {
  .main-spare-parts {
    padding-top: 50px;
  }

  .main-spare-parts-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-spare-parts-item {
    padding: 10px;
  }
}

@media (max-width: 500px) {
  .main-spare-parts {
    padding-top: 50px;
  }

  .main-spare-parts-item img {
    max-width: 106px;
  }

  .fix-hits-06 .main-spare-parts {
    padding-top: 0;
    padding-bottom: 50px;
  }
}

.fix-hits-06 {
  padding-top: 0;
}

.prop_type_E,
.prop_type_L {
  display: none !important;
}

.fix-0218 {
  padding-bottom: 50px;
}


.no-padding-top {
  padding-top: 0 !important;
}


.fancybox-bg,
.fancybox-container .fancybox-button {
  background: #00000077 !important;
}

.fix-flex-direction {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.line-block--8-vertical.fix-flex-direction>.line-block__item {
  width: 100%;
}

.fix-price-02 .line-block--6 {
  display: flex;
  justify-content: end;
}

.fix-no-svg svg {
  display: none;
}

.fix-price-02 .line-block--6 .price__new-val {
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  white-space: nowrap;
}

.status-icon {
  gap: 0 !important;
}

@media (max-width: 1300px) and (min-width: 992px) {
  .fix-price-02 .line-block--6 {
    display: flex;
    justify-content: start;
  }

  .catalog-list__info-bottom.fix-catalog-list__info-bottom {
    width: 100%;
  }

  .fix-flex-direction {
    flex-direction: row;
  }
}

.footer-bottom-right-a1 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0 var(--def-padding);
}

.footer-bottom-right-a1 p {
  text-align: end;
}

.footer-bottom-right-a1 img {
  width: 150px;
}

@media (max-width: 1360px) {
  .footer-bottom-right-a1 {
    padding: 0;
  }

}

@media (max-width: 970px) {
  .default-container.v2 .footer-bottom-left {
    display: none;
  }

  .footer-bottom-right-a1 p {
    text-align: start;
  }
}

.choise-select-cont-help {
  padding: 0 24px;
}

[data-property-id-row='20'],
[data-property-id-row='21'] {
  display: none !important;
}

.container-fluid-fix {
  display: block !important;
}


.header-phones-block-help .contact-item svg {
  display: none;
}

.header-phones-block-help .contact-item {
  width: 100%;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  white-space: nowrap;
}

.header-phones-block-help {
  display: flex;
  gap: 10px;
  align-items: center;
}

.svg-cont {
  display: flex;
  gap: 5px;
  align-items: center;
}

.svg-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  max-width: 20px;
  max-height: 20px;
  min-height: 20px;
  min-width: 20px;
  background-color: #FFF;
  border-radius: 50%;
  transition: 0.5s;
}

.svg-link * {
  transition: .5s;
}

.svg-link:hover path {
  fill: #FFF;
}

.svg-link:hover  {
  background-color: var(--link-color);
}

.last-cont-1 .svg-link {
  max-width: 35px;
  max-height: 35px;
  min-height: 35px;
  min-width: 35px;
  background-color: var(--link-color);
}

.last-cont-1 .svg-link path {
  fill: #FFF;
}

.last-cont-1 .svg-cont {
  margin-bottom: 12px;
}

@media (max-width: 720px) {
  .header-phones-block-help .contact-item, .header-phones-block-help .svg-cont {
    display: none;
  }
}

.description-text-v2403 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.availability-red {
  color: #C70D0D !important;
  border-bottom: 1px dotted #C70D0D !important;
}

.sale_order_full_table-fix-v1 b {
  font-weight: 900;
  color: var(--link-color);
}

.catalog-list-items-v1 img {
  object-fit: contain;
}