:root {
  --black: #000;
  --gray: #4b4f54;
  --gray-light: #b1b3b3;
  --orange: #ff5a34;
  --blue: #004682;
  --light-blue: #0078c8;
  --red: #b90700;
  --shadow: 0px 4px 14px rgba(178, 178, 178, 0.25);
}

.home-wrapper {
  position: relative;
  display: flex;
}

.orange {
  color: var(--blue);
}

.hidden {
  display: none !important;
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.section {
  margin: 60px 0;
}

.text-base {
  font-size: 16px;
  line-height: 20px;
}

.btn-wrap {
  display: flex;
  justify-content: space-evenly;
  row-gap: 10px;
  column-gap: 20px;
  flex-wrap: wrap;
}

.btn-wrap .btn {
  min-width: 270px;
}

.btn {
  border: none;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  gap: 4px;
  outline: none;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 16px;
  border: 0;
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.btn-normal {
  min-width: 200px;
}

.btn-normal[disabled] {
  opacity: 0.3;
  cursor: default;
}

.preloader-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10001;
}

.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  border: 2px solid transparent;
  --orange: #ff5a34;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.preloader:before {
  content: '';
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  border: 2px solid transparent;
  --orange: #ff5a34;
  border-radius: 50%;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

.preloader:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 2px solid transparent;
  --orange: #ff5a34;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.form__checkbox-holder label {
  width: 100%;
}

.form__checkbox-holder input {
  padding: 0px;
  height: 0px;
}

.form__checkbox {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-shrink: 0;
  margin-right: 15px;
  cursor: pointer;
}

.form__checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  visibility: visible;
}

.form__checkbox input:checked ~ .form__checkbox-ico img {
  transform: scale(1);
}

.form__checkbox-ico {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray-light);
  width: 20px;
  height: 20px;
  min-width: 20px;
  transition: background-color 0.2s ease;
}

.form__checkbox.error .form__checkbox-ico {
  border-color: #f00;
}

.form__checkbox.error .form__checkbox-text {
  color: #f00;
}

.form__checkbox-ico:hover {
  border-color: #000;
}

.form__checkbox-ico img {
  transition: transform 0.2s ease;
  transform: scale(0);
}

.form__checkbox-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-left: 15px;
}

.button-group .form__checkbox {
  margin: 18px 0;
}

.panel-button--complain {
  padding-top: 15px;
}

.form__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 1em;
  letter-spacing: normal;
}

.form__text {
  margin-bottom: 1em;
}

.form .form-field--buttons {
  margin: 2em 0 0 0;
  justify-content: center;
}

.form .form-field--buttons .btn {
  font-size: 14px;
  line-height: normal;
  height: auto;
  padding: 21px 36px;
}

.form .form-field--buttons.block {
  max-width: 450px;
  display: block;
}

.form .form-field--buttons.block .btn {
  display: block;
  width: 100%;
  font-size: 14px;
  font-family: Montserrat;
  margin-top: 16px;
}

.form .form-group textarea {
  resize: none;
}

.form-control.inputselect {
  width: 74%;
  border: 1px solid #b1b3b3;
  padding: 10px 8px;
  background-color: white;
  color: #4b4f54;
  height: 50px;
}

@media screen and (max-width: 768px) {
  .form-control.inputselect {
    width: 100%;
  }

  .form label.main-user-consent-request {
    display: flex;
  }
}

.form__checkbox-holder a {
  color: var(--blue);
}

.form__checkbox-holder a:link,
.form__checkbox-holder a:visited {
  color: var(--blue);
  text-decoration: underline;
}

.form__checkbox-holder a:hover,
.form__checkbox-holder a:active {
  text-decoration: underline;
}

.main-user-consent-request-popup {
  z-index: 10001;
}

[data-dropdown-link] {
  cursor: pointer;
}

[data-dropdown-content]:not(.active) {
  display: none;
}

/*  */
/* header */
/*  */
.header {
  z-index: 2;
}

.header-top {
  background-color: var(--gray-light);
  padding: 8px 0;
  font-size: 14px;
  line-height: 20px;
}

.header-top__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px;
  padding: 0 30px;
}

.header-main {
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px;
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 16px 30px;
  background-color: white;
  flex-grow: 1;
}

.header-main-right {
  display: grid;
  gap: 10px;
  flex-grow: 1;
}

.header-main-right-top {
  display: flex;
  align-items: center;
  gap: 1em;
}

.header-right {
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  gap: 0.5em;
  margin-left: auto;
}

/* city */
#header-city.loading {
  opacity: 0.33;
  pointer-events: none;
}

#header-city .city__list {
  display: flex;
  gap: 12px;
}

#header-city a {
  display: block;
  color: var(--gray);
  text-decoration: none;
}

#header-city .is-active {
  color: var(--red);
  font-weight: bold;
}

.city__list .toggler {
  display: flex;
  position: relative;
  width: 40px;
  height: 20px;
  padding: 2px;
  background: var(--light-blue);
  border-radius: 16px;
  cursor: pointer;
}

.city__list .toggler span {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #fff;
}

.city__list .toggler.active span {
  left: 22px;
}

.header-city-mobile {
  flex-grow: 1;
}

.header-city-mobile .city__list {
  display: flex;
  width: 100%;
}

.header-city-mobile .city__list > * {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  height: 30px;
  border: 1px solid #4b4f54;
  color: #4b4f54;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.header-city-mobile .city__list .is-active {
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
}

.header-city-mobile,
.header-city-mobile .city__list .toggler {
  display: none;
}

@media (max-width: 640px) {
  .header-city-mobile .city__list > * {
    font-size: 10px;
    line-height: 10px;
  }
}

/* city */
/* links */
#header-links {
  margin-left: auto;
  display: flex;
  gap: 24px;
}

#header-links .address-line a {
  display: block;
  color: var(--gray);
  text-decoration: none;
  text-transform: lowercase;
}

#header-links .address-line a::first-letter {
  text-transform: uppercase;
}

#header-links .address-line a:hover {
  color: var(--blue);
}

/* links */
/* logo */
#header-logo {
  margin-right: 1.5em;
}

#header-logo a,
#header-logo img {
  display: block;
}

#header-logo .header-logo__img-mobile {
  display: none;
}

/* logo */
/* search */
#header-search,
#header-search form,
#header-search .input-group {
  display: block;
  flex-grow: 1;
  height: 40px;
}

#header-search label {
  display: none;
}

#header-search input[type='text'] {
  width: 100%;
  height: 40px;
  font-size: 15px;
  line-height: 36px;
  border: 2px solid #4b4f54;
  background-color: white;
  background-image: url('../img/search-icon.svg');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 0 12px 0 36px;
}

#header-search input[type='text']:focus {
  padding: 0 12px;
  background: none;
}

#header-search button {
  display: none;
}

/* search */
/* nomortgage */
.nomortgage {
  position: relative;
  flex-shrink: 0;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: visible;
  width: 180px;
}

.nomortgage svg {
  position: absolute;
  top: -12px;
  right: -12px;
}

/* nomortgage */
/* phone */
#header-contacts {
  display: flex;
  gap: 1em;
}

#header-contacts .telephone {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #4b4f54;
  white-space: nowrap;
  /* align to bottom line */
}

#header-contacts .telephone a:link,
#header-contacts .telephone a:visited {
  color: #4b4f54;
  text-decoration: none;
}

#header-contacts .telephone a:hover,
#header-contacts .telephone a:active {
  color: black;
}

#header-contacts .worktime {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}

#header-contacts .header-social {
  display: flex;
  gap: 0.5em;
}

#header-contacts .header-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* phone */
/* cabinet */
#header-cabinet {
  position: relative;
  display: flex;
  align-items: flex-start;
}

#header-cabinet .ico {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

#header-cabinet .ico i {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 18px;
  height: 18px;
  background: var(--blue);
  border-radius: 100%;
}

#header-cabinet a.btn,
#responsive-panel .panel-button a.btn {
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

@media (max-width: 900px) {
  #header-cabinet .ico {
    padding: 0;
  }

  #header-cabinet .ico i {
    left: 26px;
  }
}

/* cabinet */
/* basket */
.basket-link svg {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.basket-link.active svg {
  opacity: 1;
}

.basket-link img,
.basket-link svg {
  margin-top: 5px;
  width: 36px;
  height: 36px;
  /* filter: grayscale(1); */
  opacity: 0.85;
}

.basket-link.active img {
  filter: none;
  opacity: 1;
}

.foot-fixed #header-basket {
  display: block;
}

/* basket */
/* catalog-fixed-menu */
.catalog-fixed-menu__container {
  position: relative;
}

.catalog-fixed-menu__container > .btn {
  font-size: 14px;
  height: 40px;
  text-transform: uppercase;
}

.catalog-fixed-menu__container > .btn span {
  flex-grow: 1;
}

@media (min-width: 1250px) {
  .catalog-fixed-menu__container > .btn {
    min-width: 180px;
  }
}

.catalog-fixed-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 2;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.catalog-fixed-menu__container:hover .catalog-fixed-menu {
  padding: 1em 1em;
  height: auto;
  width: 260px;
  opacity: 1;
}

/* catalog-fixed-menu */
@media (max-width: 1150px) {
  .header-main {
    gap: 1em;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .header-right {
    padding-left: 1em;
  }
}

@media (max-width: 1050px) {
  body > .wrapper ~ .wrapper {
    padding-bottom: 74px;
  }

  .header-main {
    padding: 10px 20px;
  }

  .header-top {
    display: none;
  }

  #header-logo .header-logo__img-desk {
    display: none;
  }

  #header-logo .header-logo__img-mobile {
    display: block;
  }

  #responsive-panel .panel-button .header-cabinet-menu .btn {
    line-height: normal;
  }

  #header-search {
    margin-left: auto;
  }

  #header-search,
  #header-search form,
  #header-search .input-group,
  #header-search input[type='text'] {
    height: 26px;
  }

  #header-search input[type='text'] {
    border-width: 1px;
    background-size: 12px;
    background-position: 8px;
  }

  #header-contacts {
    display: none;
  }

  .header-city-mobile {
    display: flex;
  }

  .foot-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    width: 100%;
    z-index: 3000;
    box-shadow: -2.41px -5.1px 6.61875px 0px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    padding: 6px;
  }

  .foot-fixed__block {
    display: block;
    flex-basis: 0;
  }

  .foot-fixed__block a {
    margin: auto;
  }

  .foot-fixed__block a span {
    display: block;
  }

  .foot-fixed__block svg,
  .foot-fixed__block img {
    width: 31px;
    height: 31px;
    margin: auto;
  }

  .foot-fixed #header-basket {
    position: relative;
    top: 0;
    right: 0;
    height: auto;
    width: auto;
  }

  .basket-link img {
    margin-top: 0;
  }

  .basket-link svg {
    position: static;
    opacity: 1;
    /* right: 50%;
    margin-right: -32px;
    width: 24px; */
  }

  #header-basket .basket-counter {
    top: 5px;
    right: 50%;
    margin-right: -11px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 16px;
    background-size: cover;
  }

  #header-switcher {
    font-size: 11px;
    line-height: 160%;
    letter-spacing: -0.02em;
  }

  #header-hamburger {
    flex-shrink: 0;
    display: inline-flex;
  }

  #header-basket {
    margin-bottom: 10px;
  }

  #header-cabinet,
  .header-main .nomortgage,
  .header-main .catalog-fixed-menu__container,
  .header-main .anketa-fixed-menu__container {
    display: none;
  }

  .header-right {
    position: absolute;
    padding-left: 0;
  }

  nav#main-nav,
  nav#main-nav ul {
    height: 38px;
  }
}

@media screen and (max-width: 768px) {
  .header-main {
    border-bottom: 1px solid var(--gray-light);
  }
}

@media screen and (max-width: 640px) {
  #header-logo {
    margin-right: 0;
  }

  #header-contacts {
    align-items: center;
  }

  #header-contacts .telephone {
    font-size: 12px;
  }

  #header-contacts .worktime {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .header-social img,
  .header-social svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (max-width: 420px) {
  #header-contacts .header-social {
    display: none;
  }
}

/*  */
/* header */
/*  */

.order-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.order-tabs.left {
  justify-content: flex-start;
  grid-gap: 30px;
}

.order-tabs .btn {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  flex: 0 1 211px;
  text-transform: uppercase;
  margin-bottom: 27px;
}

.order-tabs .btn svg {
  margin-right: 10px;
}

.sale-order-list-item {
  padding: 12px 0;
  border-top: 1px solid #4b4f54;
}

#content .sale-order-list-title-container,
.content .sale-order-list-title-container {
  position: relative;
  padding-right: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  min-height: 23px;
  margin: 0;
}

.sale-order-list-title-container [data-dropdown-link] {
  margin: 0;
}

.sale-order-list-title-container .underline {
  text-decoration: underline;
}

.sale-order-list-title-container [data-dropdown-link]:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color: #000;
  transform-origin: 3px 1px;
}

.sale-order-list-title-container[data-dropdown-link].active:before,
.sale-order-list-title-container .underline.active:before {
  transform: rotate(180deg);
}

.sale-order-list-title-block {
  display: inline-block;
  vertical-align: top;
  min-width: 330px;
}

.sale-order-list__status-container {
  min-width: 140px;
  margin-left: 2em;
}

.sale-order-list__status {
  display: inline-flex;
  align-items: flex-start;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  margin-top: -6px;
  padding: 6px 7px;
  border: 2px solid currentColor;
  box-sizing: border-box;
  border-radius: 8px;
}

.sale-order-list__status--progress {
  color: var(--red);
}

.sale-order-list__status--booked {
  color: #00b607;
}

.sale-order-list__status--instock {
  color: #005eb6;
}

.sale-order-list__status--canceled {
  color: #b60000;
}

@media (max-width: 950px) {
  .sale-order-list-title-container {
    flex-wrap: wrap;
    gap: 0.5em 1em;
  }

  .sale-order-list-title-block,
  .sale-order-list__status-container {
    min-width: 0;
    margin: 0;
  }

  .sale-order-name {
    margin: 0;
  }
}

.sale-order-list-inner-container {
  position: relative;
  padding-bottom: 30px;
}

.sale-order-list-title-container .price {
  white-space: nowrap;
}

.sale-order-list__header {
  position: absolute;
  right: 0;
  text-align: right;
}

.sale-order-list__header .btn {
  padding: 1px 15px;
  height: auto;
  line-height: normal;
}

/*table*/
.order-table {
  width: 100%;
  margin: 1em 0;
}

.order-table.nomrgn {
  margin: 1em 0 0 0;
}

.order-table th {
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  color: #4b4f54;
  line-height: 1.25em;
  padding-top: 0.69em;
}

.order-table td {
  font-weight: 500;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  padding: 0.12em 0;
}

.order-table .sale-order-list-basket-title a {
  color: #222;
}

.order-table .sale-order-list-basket-title a:hover {
  color: var(--blue);
}

.order-table .sale-order-list-basket-title--na {
  color: #7d838b;
}

.order-table .sale-order-list-basket-subtitile {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #4b4f54;
}

.order-table .sale-order-list-basket-date {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}

.order-table .sale-order-list-basket-price {
  text-align: right;
  white-space: nowrap;
}

.order-table .sale-order-list-basket-notavalible {
  position: relative;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #7d838b;
}

.order-table .sale-order-list-basket-notavalible .tooltip {
  position: absolute;
  right: -3px;
  top: -3px;
  transform: translateX(50%);
}

.order-table .sale-order-list-basket-quantity {
  text-align: right;
  padding-left: 20px;
  width: 50px;
}

.order-table .sale-order-list-basket-quantity input {
  width: 50px;
  border: 1px solid #b1b3b3;
  text-align: center;
}

.sale-order-list-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 2em;
}

.sale-order-list-button .btn {
  text-transform: uppercase;
  margin-left: 0.5em;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

/*table*/
@media (max-width: 580px) {
  .order-tabs {
    display: block;
    grid-gap: 0;
    margin-bottom: 16px;
  }

  .order-tabs .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  .order-table th {
    padding: 1em 0 0.5em 0;
  }

  .order-table td {
    font-size: 13px;
  }

  #content .sale-order-list-title-container,
  .content .sale-order-list-title-container {
    flex-wrap: wrap;
  }

  .sale-order-name {
    width: 100%;
  }
}

.tooltip-simple {
  position: relative;
}

.tooltip-simple:after {
  content: attr(data-content);
  position: absolute;
  left: 50%;
  bottom: 100%;
  min-width: 320px;
  background-color: #000;
  color: #fff;
  transform: translateX(-50%);
  font-size: 10px;
  line-height: normal;
  padding: 1em;
  margin-bottom: 10px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.tooltip-simple:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top-color: #000;
  opacity: 0;
  margin-bottom: -10px;
  transition: opacity 0.2s ease;
}

.tooltip-simple:hover:before,
.tooltip-simple:hover:after {
  opacity: 1;
}

.tooltip-simple-ask {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.2em;
  width: 1.2em;
  border-radius: 50%;
  color: #fff;
}

@media (max-width: 767px) {
  .tooltip-simple {
    position: static;
  }

  .tooltip-simple:after {
    min-width: 240px;
    bottom: auto;
    left: 0;
    margin-bottom: 30px;
    transform: translateY(-50%);
  }

  .tooltip-simple:before {
    bottom: auto;
    left: auto;
    margin-bottom: 10px;
    transform: none;
  }
}

.order-components {
  width: 100%;
  padding-left: 30px;
  margin-top: 24px;
}

.order-components__title .highlight:after {
  content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="black" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
  display: block;
  width: 12px;
  height: 12px;
  transform: scale(0.8);
  margin-left: 2px;
  transform-origin: center 7px;
}

.order-components__title.active .highlight:after {
  transform: scale(0.8) rotate(-180deg);
}

.order-components__title .highlight {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  color: #000;
  --orange: #ff5a34;
  font-weight: normal;
}

.order-components__item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 540px;
  font-weight: normal;
}

.order-components__item:first-child {
  margin-top: 0.5em;
}

.order-components__item .custom-checkbox {
  flex: 1 1;
}

.order-components__item .sale-order-list-basket-quantity {
  flex-shrink: 0;
  width: auto;
}

.tooltip--simple .tippy {
  position: absolute;
  bottom: 100%;
  left: -80px;
  margin-bottom: 8px;
  width: 170px;
  background: #4b4f54;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-weight: normal;
  display: none;
}

.tooltip--simple .tippy.visible {
  display: block;
}

.tooltip--simple .tippy:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  border: 1px solid transparent;
  border-top-color: #4b4f54;
  border-width: 7px 6px;
}

.tooltip--simple .tippy.right {
  left: auto;
  right: -7px;
  text-align: right;
}

.tooltip--simple .tippy.right:after {
  left: auto;
  right: 7px;
}

.tooltip--simple .tippy.left {
  left: -7px;
  text-align: left;
}

.tooltip--simple .tippy.left:after {
  left: 7px;
}

.catalog__detail-compare {
  height: 24px;
  margin-bottom: 6px;
}

.catalog__detail-compare .catalog__detail-compare-link {
  display: inline-flex;
  padding: 0;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

.catalog__detail-compare .catalog__detail-compare-link svg {
  flex-shrink: 0;
}

.content .catalog__detail-compare .catalog__detail-compare-link {
  color: #b1b3b3;
}

.bx-no-touch .content .catalog__detail-compare .catalog__detail-compare-link:hover,
.content .catalog__detail-compare .catalog__detail-compare-link.active {
  color: var(--blue);
}

.catalog-compare-block {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.66);
  transition: bottom 0.2s ease;
  z-index: 20;
}

.catalog-compare-block.concealed {
  bottom: -100%;
}

.catalog-compare-block__wrapper {
  position: relative;
  padding: 12px 48px;
  margin: 0 auto;
  max-width: 1000px;
}

.catalog-compare-block__close {
  position: absolute;
  top: 10px;
  right: 0;
  width: 32px;
  height: 32px;
  border: 0;
  padding: 0;
  background: 0;
  cursor: pointer;
}

.catalog-compare-block__close:before,
.catalog-compare-block__close:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  transform-origin: center;
}

.catalog-compare-block__close:before {
  transform: rotate(45deg);
}

.catalog-compare-block__close:after {
  transform: rotate(-45deg);
}

.catalog-compare-block__header {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}

.catalog-compare-block__header .btn {
  width: 25%;
  color: #fff;
  text-decoration: none;
  height: auto;
  line-height: normal;
  color: #fff;
  padding: 6px 10px;
  background: var(--blue);
}

.catalog-compare-block__header .removeall {
  display: none;
  color: #fff;
  text-decoration: none;
  height: auto;
  padding: 2px 5px;
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
}

.catalog-compare-block__header .removeall:hover {
  color: var(--blue);
}

.catalog-compare-block__total {
  line-height: normal;
  margin: auto 0;
}

.catalog-compare-block__body {
  margin: 12px -16px;
}

.catalog-compare-block__body .slider:not(.slick-initialized) {
  display: none;
}

.catalog-compare-block__body .slick-track {
  margin: 0;
}

.catalog-compare-block__body .slider .slider-nav-prev,
.catalog-compare-block__body .slider .slider-nav-next {
  top: 50%;
  margin-top: -8px;
  z-index: 20;
}

.catalog-compare-block__body .slider .slider-nav-prev {
  left: -10px;
}

.catalog-compare-block__body .slider .slider-nav-next {
  right: -10px;
}

.catalog-compare-block__item {
  position: relative;
  padding: 0 16px;
}

.catalog-compare-block__link {
  display: flex;
  color: #000;
  background: #fff;
  text-decoration: none;
}

.catalog-compare-block__item-image {
  display: inline-flex;
  align-items: center;
  width: 38%;
  margin: auto 2% auto 0;
}

.catalog-compare-block__item-image img {
  max-width: 100%;
}

.catalog-compare-block__item-text {
  width: 60%;
  margin: auto 0;
  font-size: 12px;
  line-height: 1.4;
}

.catalog-compare-block__item-remove {
  position: absolute;
  top: 0;
  right: 14px;
  border: 0;
  padding: 6px;
  display: inline-flex;
  background: none;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.catalog-compare-block__item:hover .catalog-compare-block__item-remove {
  opacity: 1;
}

.catalog-compare-block__footer a {
  color: #fff;
  text-decoration: none;
  height: auto;
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
}

.catalog-compare-block__footer a:hover {
  color: var(--blue);
}

@media screen and (max-width: 768px) {
  .catalog-compare-block {
    bottom: 73px;
  }

  .catalog-compare-block__wrapper {
    padding: 12px 20px;
    padding-right: 36px;
  }

  .catalog-compare-block__header {
    flex-wrap: wrap;
    align-items: flex-end;
  }

  .catalog-compare-block__total {
    width: 100%;
    font-size: 12px;
    line-height: 1.6;
  }

  .catalog-compare-block__header .btn {
    margin-top: 0.5em;
    margin-right: auto;
    padding: 3px 5px;
    display: inline-flex;
    width: auto;
    font-size: 12px;
  }

  .catalog-compare-block__header .removeall {
    display: inline-flex;
    margin-top: 0.5em;
  }

  .catalog-compare-block__body,
  .catalog-compare-block__footer {
    display: none;
  }
}

.top-media-block {
  display: flex;
  gap: 1em;
}

.top-media-block__text {
  flex: 1 418 418px;
}

.top-media-block__video {
  flex: 1 520 520px;
}

@media (max-width: 1000px) {
  .top-media-block {
    flex-wrap: wrap;
  }
}

/* icons list */
.icons-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 60px;
  margin: 30px 0;
}

.icons-list__item {
  display: flex;
  min-width: 200px;
}

.icons-list__ico {
  flex-shrink: 0;
  margin-right: 20px;
}

.icons-list__text {
  margin: auto 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.icons-list--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.icons-list--topimg {
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}

.icons-list--topimg .icons-list__item {
  display: block;
}

.icons-list--topimg .icons-list__ico {
  margin: 0 0 10px 0;
}

@media (max-width: 640px) {
  .icons-list {
    grid-template-columns: 1fr;
    grid-gap: 2em 1em;
  }

  .icons-list--flex {
    justify-content: flex-start;
  }

  .icons-list__text {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* icons list */

/* faq list */
.faq-list {
  margin: 30px 0;
}

.faq-list__item {
  margin-bottom: -1px;
}

.faq-list__header {
  display: flex;
  border-top: 1px solid #c8c9c7;
  border-bottom: 1px solid #c8c9c7;
  padding: 20px 30px;
}

.faq-list__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: auto 0;
  margin-right: 2em;
}

.faq-list__plus {
  margin-left: auto;
  flex-shrink: 0;
}

.faq-list__plus > * {
  transition: all 0.1s ease;
  transform-origin: center;
}

.faq-list__plus:hover .plus-bg,
.active > .faq-list__plus .plus-bg {
  fill: var(--light-blue);
}

.faq-list__plus:hover .plus-border,
.active > .faq-list__plus .plus-border {
  stroke: var(--blue);
}

.faq-list__plus:hover .plus-line,
.active > .faq-list__plus .plus-line {
  stroke: #fff;
}

.active > .faq-list__plus .plus-line--vert {
  transform: rotate(90deg);
}

.faq-list__text {
  padding: 20px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

@media (max-width: 640px) {
  .faq-list__header,
  .faq-list__text {
    padding: 1em 0;
  }

  .faq-list__text {
    padding-top: 1em;
    font-size: 14px;
    line-height: 1.2;
  }
}

/* faq list */

.content-header .breadcrumbs {
  margin-bottom: 0;
}

/* blog */
.blog-page .content-header {
  display: none;
}

.blog-header {
  display: flex;
}

.blog-header__title {
  margin-bottom: 36px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-header__sections {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.blog-header__sections .btn {
  height: auto;
  line-height: normal;
  padding: 9px 18px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}

.blog-recomend {
  flex-shrink: 0;
  max-width: 300px;
  margin-left: auto;
  text-align: right;
}

.blog-recomend__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

.blog-recomend__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 6px;
}

.blog-recomend .blog-recomend__list .blog-recomend__btn {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  background: #c8c9c7;
  text-decoration: none;
}

.blog-recomend .blog-recomend__list .blog-recomend__btn.active {
  background: var(--blue);
  color: #fff;
  order: -1;
}

.blog-recomend .blog-recomend__list .blog-recomend__btn:hover {
  background: #666;
  color: #fff;
}

@media (max-width: 900px) {
  .blog-header {
    display: block;
  }

  .blog-header__title {
    margin-bottom: 1em;
  }

  .blog-recomend {
    margin-top: 2em;
    max-width: none;
    text-align: left;
  }

  .blog-recomend__list {
    justify-content: flex-start;
  }
}

@media (max-width: 419px) {
  .blog-header__sections {
    gap: 6px;
  }

  .blog-header__sections .btn {
    padding: 6px 12px;
    font-size: 14px;
  }
}

.blog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 28px 25px;
  margin: 24px 0 36px 0;
}

.blog .blog__item,
.blog a.blog__item {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #000;
}

.blog__img-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 12px;
}

.blog__img {
  display: block;
  width: 100%;
  height: 168px;
  object-fit: cover;
  overflow: hidden;
  transition: transform 0.2s ease-in-out;
}

.blog__img-container::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.25);
  transition: opacity 0.2s ease-in-out;
}

.blog__name {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  transition: color 0.2s ease-in-out;
}

.blog__info {
  display: flex;
  align-items: center;
  margin: 12px 0;
  flex-wrap: wrap;
  gap: 0 20px;
}

.blog__section {
  margin-right: auto;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 17px;
  color: var(--gray-light);
  background: var(--blue);
  width: fit-content;
}

.blog__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #4b4f54;
}

.blog__read_time {
  color: #4b4f54;
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog__text {
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.blog a.blog__item:hover {
  text-decoration: none;
}

.blog .blog__item:hover .blog__name {
  color: var(--light-blue);
}

.blog .blog__item:hover .blog__img {
  transform: scale(1.1);
}

.blog .blog__item:hover .blog__img-container::after {
  opacity: 1;
}

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

@media (max-width: 445px) {
  .blog__info {
    gap: 0 10px;
  }
}


@media (max-width: 419px) {
  .blog {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* blog */

/* blog detail */
.blog-detail__header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 392px;
  padding: 20px;
  color: #fff;
  background-size: cover;
  background-position: center;
  margin-bottom: 40px;
}

.blog-detail__header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.33;
}

.blog-detail__header-top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 2;
}

.blog-detail__header-top .blog__section {
  flex-shrink: 0;
  margin-right: 12px;
}

.blog-detail__header-tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.blog-detail__header-tag a {
  text-decoration: none;
  color: #ffffff;
}

.blog-detail__header-tag a:hover {
  color: var(--blue);
  text-decoration: none;
}

.blog-detail__header-bottom {
  position: relative;
  z-index: 2;
}

.blog-detail__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
}

.blog-detail__header-info {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}

.blog-detail__header-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.blog-detail__header-readtime {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: inline-flex;
  align-items: center;
}

.blog-detail__header-readtime svg {
  flex-shrink: 0;
  margin-right: 6px;
}

.blog-detail__header-read_time {
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog-detail__text {
  font-size: 16px;
  line-height: 170%;
  margin-bottom: 2em;
}

@media (max-width: 420px) {
  .blog-detail__title {
    font-size: 22px;
    line-height: 1.2;
  }

  .blog-detail__text {
    font-size: 14px;
  }
}

.blog-detail__text .toc p {
  font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.blog-detail__text .toc ul {
  margin: 0 0 3em 0;
}

.blog-detail__text .toc ul li {
  list-style: none;
  margin-left: 0;
}

.blog-detail__text .toc ul li a {
  text-decoration: none;
}

.blog-detail__text .toc ul ul {
  margin: 0;
}

.blog-detail__text .toc ul ul li {
  margin-left: 1.4em;
}

.blog-detail .share_block {
  margin-left: auto;
  width: fit-content;
}

.blog-detail .share_block p {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.blog-detail .share_block ul {
  margin: 0;
}

.blog-detail .share_block .ya-share2__container_mobile.ya-share2__container_size_m .ya-share2__icon {
  width: 25px;
  height: 25px;
}

@media (max-width: 480px) {
  .blog-detail .share_block {
    margin-left: 0;
  }
}

/* blog detail */
.content,
.panel-body,
.text-content {
    p {
        margin: 1em 0 0.5em 0;
    }
    h2,
    .h2 {
      font-size: 1.5em;
      line-height: 170%;
      margin-top: 1.25em;
      margin-bottom: 0.75em;
    }
    h3,
    .h3 {
      margin-top: 1.25em;
      margin-bottom: 0.75em;
    }

    blockquote {
      position: relative;
      margin: 1.25em 0;
      background: #ededed;
      padding: 1em;
      border-radius: 4px;
      max-width: 600px;
      .bq-title {
        margin: 0 0 1rem 0;
      }
    }
    hr {
        background-color: #b1b3b3;
    }
    ul {
        margin: 1em 0;
        padding-left: 1.4em;
        list-style: disc;
        li {
            margin: 0.25em 0 0 0;
        }
    }
    ol {
        margin: 1em 0;
        padding-left: 1.4em;
        list-style-type: decimal;
        li {
            margin: 0.25em 0 0 0;
        }
    }
    >*:first-child {
        margin-top: 0;
    }
    >*:last-child {
        margin-bottom: 0;
    }
  
}

blockquote::after {
  content: url('data:image/svg+xml, <svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-0.387939 35.3362C0.589971 34.8402 1.59893 34.3842 2.55355 33.8321C4.87797 32.5894 6.94071 30.8847 8.62281 28.8162C9.62351 27.5608 10.2729 26.0478 10.501 24.4402L9.94221 24.2802C5.45624 23.0722 2.25087 20.2802 0.791762 15.7522C-1.00107 10.1522 1.24191 3.65615 6.77564 1.10415C8.50262 0.257507 10.4148 -0.107521 12.3214 0.0454875C14.228 0.198496 16.0623 0.864191 17.6413 1.97615C22.3679 5.17615 24.5022 9.80015 24.4401 15.5762C24.4258 18.8557 23.845 22.1065 22.7249 25.1762C21.3907 28.7656 19.3538 32.0335 16.741 34.7761C13.0926 38.5316 8.83813 41.6041 4.16788 43.8562C4.09787 43.8837 4.02491 43.9025 3.95057 43.9122C3.86519 43.7442 3.7643 43.5762 3.67117 43.3922C2.45007 40.9548 1.20569 38.5121 -0.0619693 36.0642C-0.161624 35.8927 -0.270449 35.7271 -0.387939 35.5682V35.3362ZM4.99833 40.7682C6.2634 39.9682 7.47415 39.2882 8.64609 38.5122C11.6662 36.5638 14.3671 34.1335 16.6479 31.3122C20.232 26.8228 22.1787 21.1821 22.1506 15.3682C22.2328 13.3296 21.8412 11.3003 21.0082 9.4495C20.1752 7.59866 18.925 5.9799 17.3619 4.72815C14.4282 2.32815 11.0753 1.75215 7.66818 3.36015C2.08012 5.99215 1.25743 13.2642 4.11355 17.4802C5.03519 18.8831 6.25986 20.0467 7.69134 20.8796C9.12283 21.7124 10.7222 22.1918 12.3637 22.2802C12.7906 22.2802 12.907 22.4562 12.9147 22.8962C12.9719 25.7502 11.9983 28.5244 10.1828 30.6802C8.65443 32.5088 6.84213 34.0633 4.81982 35.2802C4.15236 35.6962 3.46937 36.0802 2.77087 36.5042L4.99833 40.7682Z" fill="%234B4F54"/><path d="M31.8288 43.928L27.3894 35.488C29.0193 34.536 30.6336 33.68 32.1625 32.672C34.2817 31.4217 36.0535 29.6311 37.3082 27.472C37.7541 26.4993 38.1505 25.5033 38.4957 24.488C37.7816 24.288 37.2228 24.136 36.664 23.96C34.0508 23.1353 31.7781 21.4376 30.2043 19.1346C28.6304 16.8315 27.8449 14.054 27.9715 11.24C28.067 9.05358 28.7546 6.93842 29.9563 5.13406C31.158 3.3297 32.8258 1.90823 34.7709 1.03064C36.7161 0.153051 38.8607 -0.145595 40.962 0.168526C43.0633 0.482647 45.0373 1.39698 46.6604 2.80798C50.541 6.06398 52.3028 10.4 52.2408 15.536C52.2455 21.1123 50.5873 26.5554 47.4909 31.128C45.7437 33.6719 43.653 35.9456 41.2819 37.88C38.441 40.1944 35.3651 42.1847 32.1082 43.816C32.0173 43.8588 31.924 43.8962 31.8288 43.928ZM32.8067 40.728C35.3276 39.3667 37.7161 37.7593 39.9393 35.928C42.5981 33.7557 44.8564 31.1082 46.6061 28.112C48.7994 24.2271 49.9411 19.8067 49.9124 15.312C49.9982 13.2828 49.6143 11.2618 48.7924 9.41585C47.9705 7.5699 46.7343 5.95205 45.1858 4.69598C43.8709 3.52648 42.2541 2.77669 40.5329 2.53804C38.8116 2.29939 37.0601 2.5822 35.4921 3.35198C33.6168 4.25428 32.0972 5.79029 31.1852 7.70521C30.2733 9.62013 30.0239 11.7989 30.4784 13.88C31.3864 18.184 34.1028 20.768 38.1775 21.88C39.0128 22.0759 39.8573 22.2281 40.7076 22.336C40.7251 22.3751 40.7407 22.4152 40.7542 22.456C40.7542 22.568 40.7542 22.68 40.7542 22.792C40.7933 24.3889 40.5123 25.9769 39.9287 27.4567C39.3451 28.9365 38.4715 30.2762 37.3625 31.392C35.5328 33.2953 33.4246 34.8907 31.1148 36.12C30.9285 36.224 30.7578 36.344 30.556 36.464L32.8067 40.728Z" fill="%234B4F54"/></svg>');
  position: absolute;
  width: 52px;
  height: 44px;
  right: -17px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  div.header {
    align-items: flex-end;
  }
}

.foot-fixed__city-wrap {
  position: absolute;
  background-color: #ffffff;
  top: -1px;
  left: 0;
  width: 100%;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  border-top: 0.3px solid #c4c4c4;
  transition: all 0.1s;
  z-index: -1;
}

.foot-fixed__city-wrap.active {
  top: -45px;
}

.foot-fixed__city-wrap .city__list {
  display: flex;
  align-items: center;
  padding: 15px 40px;
  justify-content: center;
  gap: 60px;
}

.foot-fixed__city-wrap .city__list a:link,
.foot-fixed__city-wrap .city__list a:visited {
  --orange: #ff5a34;
  text-decoration: none;
}

.foot-fixed__block {
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .foot-fixed__block .foot-fixed__city-wrap a {
    margin: unset;
  }
}

/* .foot-fixed__block div {
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
}

.foot-fixed__block div span {
  display: none;
  margin-top: 8px;
  font-size: 9px;
  line-height: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4B4F54;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 768px) {
  .foot-fixed__block a {
    margin: auto;
  }
  .foot-fixed__block img {
    width: 31px;
    height: 31px;
    margin: auto;
  }
} */

[data-popup-init='basketClean'],
[data-popup-init='region'],
[data-popup-init='region-desktop'] {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  z-index: -1;
}

.popup-holder .popup-wrapper .title__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  gap: 8px;
}

.popup-holder .popup-wrapper .title__text {
  margin-bottom: 0;
}

.popup-holder {
  background: rgba(40, 72, 127, 0.3);
  backdrop-filter: blur(2px);
}

.popup-holder .popup-wrapper .popup-close {
  right: 2em;
  top: 2em;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: unset;
}

.popup-holder .popup-close::before,
.popup-holder .popup-close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 14px;
  border-radius: 20px;
  background-color: #000;
}

.popup-holder .popup-close::before {
  transform: rotate(45deg);
}

.popup-holder .popup-close::after {
  transform: rotate(-45deg);
}

.popup-holder .popup-close:hover {
  transform: unset;
}

.popup-holder .popup-close:hover:after,
.popup-holder .popup-close:hover:before {
  background-color: #000;
}

.header-city-popup {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  background-color: #fff;
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.region-popup {
  position: relative;
  max-width: 440px;
  padding: 2em 2em;
}

.region-popup .popup-close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: unset;
}

.region-popup .popup-close::before,
.region-popup .popup-close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 14px;
  border-radius: 20px;
  background-color: #000;
}

.region-popup .popup-close::before {
  transform: rotate(45deg);
}

.region-popup .popup-close::after {
  transform: rotate(-45deg);
}

.region-popup .popup-close:hover {
  transform: unset;
}

.region-popup .popup-close:hover:after,
.region-popup .popup-close:hover:before {
  background-color: #000;
}

.region-popup .title__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.4em;
  gap: 8px;
}

.region-popup .title__text {
  font-size: 20px;
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .popup-holder .popup-wrapper {
    width: 90%;
  }
}

@media (max-width: 500px) {
  .popup-holder .popup-wrapper {
    padding: 3em 2em;
  }
}

@media (max-width: 375px) {
  .popup-holder .popup-wrapper .popup-close {
    right: 1.5em;
    top: 1.5em;
  }

  .popup-holder .popup-wrapper {
    width: 95%;
  }
}

/* banner */
.head-wrapper {
  /* position: relative; */
  /* z-index: 3000; */
}

main.home {
  position: relative;
}

.left-fixed-banner {
  position: sticky;
  top: 0;
  left: 0;
  height: 100dvh;
  width: calc((100% - 1260px) / 2);
}

.right-fixed-banner {
  position: sticky;
  top: 0;
  right: 0;
  height: 100dvh;
  width: calc((100% - 1260px) / 2);
  order: 2;
}

.left-fixed-banner img,
.right-fixed-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.left-fixed-banner img.contain,
.right-fixed-banner img.contain {
  display: block;
  object-position: top center;
  object-fit: contain;
}

@media (max-width: 1250px) {
  .left-fixed-banner,
  .right-fixed-banner {
    display: none;
  }
}

/* banner */

/* sub-sections */
#equipment .sub-section-list,
.sub-section-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 1rem 0;
  padding: 0;
}

.sub-section-list .sub-section-list__item {
  display: block;
  list-style: none !important;
  margin: 0 !important;
}

.sub-section-list .sub-section-list__item a {
  display: block;
  padding: 0.2em 1em 0.25em;
  border-radius: 8px;
  color: #fff;
  background: var(--light-blue);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.sub-section-list .sub-section-list__item a:focus,
.sub-section-list .sub-section-list__item a:active,
.sub-section-list .sub-section-list__item a:hover {
  text-decoration: none;
  background: var(--blue);
}

@media (width < 640px) {
  .sub-section-list .sub-section-list__item a {
    font-size: 10px;
    line-height: 1.2;
  }
}

/* sub-sections */

/* special-textarea */
.special-textarea__wrapper {
  overflow: auto;
  width: 74%;
  max-height: 200px;
  min-height: 40px;
  border: 1px solid #c8c9c7;
}

.special-textarea {
  display: block;
  width: 100%;
  appearance: none;
  outline: none;
  resize: none;
  overflow: hidden;
  min-height: 38px;
  border: none !important;
}

@media screen and (max-width: 768px) {
  .special-textarea__wrapper {
    width: 100%;
  }
}

/* special-textarea */

/* tabs */
.tabs-head {
  margin-bottom: 2rem;
}

.tabs-body {
  margin: 2rem 0;
}

.tabs-foot {
  margin-top: 2rem;
}

/* tabs */

/* 123 */

/* anketa-fixed-menu */
.anketa-fixed-menu__container {
  position: relative;
}

.anketa-fixed-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
  z-index: 2;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.anketa-fixed-menu__container:hover .anketa-fixed-menu {
  padding: 1em 1em;
  height: auto;
  width: 270px;
  opacity: 1;
}

.anketa-fixed-menu__container nav#catalog-nav li {
  /* padding-left: 0;
  padding-right: 0; */
}

.anketa-fixed-menu__container nav#catalog-nav li:first-child {
  padding-left: 44px;
}

.anketa-fixed-menu__container li svg {
  color: #0078c8;
  position: absolute;
  top: 12px;
  left: 16px;
}

.anketa-fixed-menu__container li:hover svg {
  color: #fff;
}

/* tabs */

footer a.sitemap-link {
  color: var(--gray);
}

footer a.sitemap-link:hover {
  color: var(--blue);
}

#responsive-panel .panel-search input[type='text'] {
  color: black;
}

/*  */
/* custom-select */
/*  */
.select-custom-holder {
  position: relative;
  z-index: 10;
}

.select-custom-holder:hover,
.select-custom-holder.opened {
  z-index: 20;
}

.select-custom-holder .select-styled {
  height: 30px;
}

select.custom-select.select-hidden {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  appearance: none;
  opacity: 0;
}

.custom-select,
.select-styled {
  display: flex;
  height: 30px;
  width: 100%;
  min-width: 65px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  background-color: #fff;
  padding: 4px;
  font-size: 15px;
  line-height: 1.5;
  font-family: Montserrat, sans-serif;
  outline: 2px solid transparent;
  font-weight: normal;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.custom-select:hover,
.select-styled:hover {
  border-color: var(--light-blue);
}

.custom-select:focus,
.select-styled:focus {
  border-color: var(--blue);
}

.error .select-styled {
  border-color: red;
}

.custom-select:after,
.select-styled:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -6px;
  width: 11px;
  height: 12px;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.select-styled.active:after {
  transform: rotate(180deg);
}

.select-styled .select-text {
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 16px;
  --tw-text-opacity: 1;
  color: rgb(174 185 194 / var(--tw-text-opacity));
}

.select-styled.filled .select-text {
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

.rounded-select .select-styled {
  border-radius: 1.5rem;
}

.select-options {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 11;
  margin-top: 0.5rem;
  max-height: 300px;
  min-width: 100%;
  border-radius: 0.375rem;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 15px -3px rgb(0, 0, 0, 0.1), 0 0 6px -4px rgb(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 0 15px -3px var(--tw-shadow-color), 0 0 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.select-options .select-list {
  margin: 0;
}

.select-options .select-list li {
  position: relative;
  cursor: pointer;
  padding: 4px;
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  color: #111;
  font-weight: normal;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  list-style: none;
}

.select-options li:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 244 / var(--tw-bg-opacity));
}

.select-options li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 244 / var(--tw-bg-opacity));
}

.select-footer {
  position: sticky;
  bottom: -0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.select-footer .btn {
  height: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 576px) {
  .select-footer .btn {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.select-footer .btn {
  min-width: 0px;
}

.select-custom-holder.--multiple {
  min-width: 20rem;
}

.select-custom-holder.--multiple li {
  padding-right: 2rem;
}

.select-custom-holder.--multiple li:after {
  content: '';
  background: url(../img/check-outline.svg);
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}

.select-custom-holder.--multiple li.active:after {
  background: url(../img/check-filled.svg);
}

.counter {
  display: inline-flex;
  background: #f1f1f1;
  border-radius: 4px;
  overflow: clip;
  font-family: 'Montserrat', sans-serif;
}

.counter__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #f1f1f1;
  transition: color 0.2s ease;
  transition-property: color, background-color;
  &:hover {
    cursor: pointer;
    color: var(--blue);
    background: var(--gray-light);
  }
  svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }
}

.counter__input {
  width: 32px;
  border: 0;
  background: transparent;
  text-align: center;
  flex-shrink: 0;
  font-size: 16px;
  line-height: normal;
  -moz-appearance: textfield;

  &::-webkit-outer-spin-button,
  &::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  &:focus {
    background: var(--gray-light);
    outline: none;
  }
}

/* prodakshn page */
.content .prodakshn-detail h2 {
  font-size: 26px;
  line-height: 1.5;
  text-align: left;
}
.content .prodakshn-detail h3 {
  font-size: 18px;
}
.content .prodakshn-detail p,
.content .prodakshn-detail li {
  font-size: 16px;
}

/* privacy page */
.private-policy h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 1em 0;
  text-align: center;
}

.private-policy h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 1em 0;
}

.private-policy ul li {
  font-size: 14px;
}

/* cookie */
.cookie-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 1001;
  padding: 30px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 4px rgba(200, 200, 200, 0.5);
  z-index: 3001;
}
@media (max-width: 768px) {
  .cookie-container {
    padding: 20px;
  }
}
.cookie-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  max-width: 1260px;
  margin: 0 auto;
  text-wrap: balance;
  line-height: 20px;
}
@media (max-width: 768px) {
  .cookie-wrapper {
    gap: 15px;
    font-size: 14px;
  }
}
.cookie-wrapper a {
  color: var(--gray);
}
.cookie-wrapper:hover a {
  color: var(--blue);
}
.cookie-wrapper:hover a:hover {
  color: var(--light-blue);
}
.cookie-btn {
  flex-shrink: 0;
}
.cookie-btn .btn {
  margin: 0;
  min-width: 300px;
  border-radius: 8px;
  background-color: var(--light-blue);
  color: #ffffff;
}
.cookie-btn .btn:hover,
.cookie-btn .btn:focus {
  background-color: var(--blue);
  color: #ffffff;
}
.cookie-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  flex-wrap: wrap;
  margin: 0;
  min-width: 300px;
  border-radius: 8px;
  background-color: var(--light-blue);
}

@media (max-width: 600px) {
  .cookie-container {
    bottom: 0;
  }
  .cookie-container .wrapper {
    padding: 0;
  }
  .cookie-block {
    padding: 12px;
    padding-right: 24px;
  }
}

@media (max-width: 375px) {
  .cookie-block {
    flex-direction: column;
  }
}
/* /cookie */


/* popular products slider */
.popular-products-slider {
    display: flex;
    width: calc(100% + 40px);
    padding: 0 20px;
    margin: 0 -20px;
    justify-content: space-between;
    overflow: hidden;
}
.popular-products-slider .slider-nav {
  top: 152px;
}
@media screen and (max-width: 1285px){
    .popular-products-slider .slider-nav {
        top: 80px;
    }
}
.popular-products-slider .product-card .image a{
  border-radius: 8px;
}
.popular-products-slider .product-card.short .order-button .btn{
  border-radius: 8px;
}
/* popular products slider */