/* Start:/local/js/vpl/tas/dist/tas.bundle.css?179457809222234*/
 

.tas-account-page,
.tas-account-page .lk__content,
.tas-account-page .lk__content h1,
.tas-account-page .lk__content h2,
.tas-account-page .lk__content h3,
.tas-account-page .lk__content p,
.tas-account-page .lk__content label,
.tas-account-page .lk__content span,
.tas-account-page .lk__content input,
.tas-account-page .lk__content textarea,
.tas-account-page .lk__content select,
.tas-account-page .lk__content button {
    font-family: "Montserrat", sans-serif !important;
}

/* POL */

.tas-account-page .tas-account-gender {
    margin-top: 18px !important;
}

.tas-account-page .tas-account-gender__title {
    margin-bottom: 10px !important;
    color: #7d7771 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.tas-account-page .tas-account-gender__options {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 10px 12px !important;
}

.tas-account-page .tas-account-gender__option {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    gap: 9px !important;

    min-width: 138px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    color: #1f2421 !important;
    background: #fff !important;

    border: 1px solid #d8d4ce !important;
    border-radius: 10px !important;

    -webkit-box-sizing: border-box !important;

            box-sizing: border-box !important;
    cursor: pointer !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.tas-account-page
.tas-account-gender__option
input[type="radio"] {
    -webkit-appearance: radio !important;
    -moz-appearance: auto !important;
         appearance: auto !important;

    display: inline-block !important;
    position: static !important;

    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    clip: auto !important;
    -webkit-clip-path: none !important;
            clip-path: none !important;

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important;
    pointer-events: auto !important;

    accent-color: #1f8554;
}

/* PASSWORD */

.tas-account-page
.tas-account-password
.field__input {
    padding-right: 68px !important;
}

.tas-account-page
.tas-account-password
.field__label {
    right: 68px !important;

    max-width: calc(100% - 100px) !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    -o-text-overflow: ellipsis !important;
       text-overflow: ellipsis !important;

    -webkit-box-sizing: border-box !important;

            box-sizing: border-box !important;
}

.tas-account-page
.tas-account-password
.field__pass {
    right: 18px !important;
    z-index: 3 !important;
}

/* BUTTONS */

.tas-account-page
.tas-account-actions
.lk__btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;

    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    min-height: 58px !important;

    margin: 0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;

    font-family: "Montserrat", sans-serif !important;
    text-align: center !important;
}

@media (max-width: 767px) {

    .tas-account-page
    .tas-account-actions
    .lk__btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .tas-account-page
    .tas-account-gender__option {
        min-width: 0 !important;
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 calc(50% - 6px) !important;
                flex: 1 1 calc(50% - 6px) !important;
    }

    .tas-account-page
    .tas-account-password
    .field__label {
        max-width: calc(100% - 90px) !important;
    }
}
 

.tas-account-page .tas-account-card {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}

.tas-account-page .field__input {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.tas-account-page .field__label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.tas-account-page .field.active .field__label,
.tas-account-page .field__input:focus + .field__label,
.tas-account-page input[type="date"] + .field__label {
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
}

.tas-account-page .tas-account-section__title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
}

.tas-account-page .tas-account-password__title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
}

.tas-account-page .tas-account-section__hint,
.tas-account-page .tas-account-gender__title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.tas-account-page
.tas-account-gender__option {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.tas-account-page
.tas-account-actions
.lk__btn {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.tnl-host {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
  padding: 32px;
  border: 1px solid var(--gray2, #e7e7e7);
  border-radius: 20px;
  background: #fbfaf8;
}
@media (max-width: 767px) {
  .tnl-host {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    padding: 16px;
  }
}
.tnl-host--article {
  margin: 32px 0;
  clear: both;
}
.tnl-host--footer {
  margin: 0 0 32px;
  padding: 0 0 24px;
  border: 0;
  border-bottom: 1px solid var(--gray2, #e7e7e7);
  border-radius: 0;
  background: transparent;
}
.tnl-host__copy {
  min-width: 0;
}
.tnl-host__title {
  margin: 0 0 16px;
  color: var(--black, #2c291f);
  font-size: 26px;
  line-height: 1.25;
  font-weight: 600;
}
@media (max-width: 767px) {
  .tnl-host__title {
    font-size: 22px;
  }
}
.tnl-host--footer .tnl-host__title {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.3;
}
.tnl-host--article .tnl-host__title {
  margin-bottom: 4px;
}
.tnl-host__text {
  margin: 0;
  color: var(--brown, #6c645c);
  font-size: 16px;
  line-height: 1.6;
}
.tnl-host--footer .tnl-host__text {
  font-size: 13px;
}
.tnl-host__action {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tnl-host--footer .tnl-host__action {
  margin-top: 0;
}
.tnl-host--footer .tnl-host__button {
  width: 276px;
}
@media (max-width: 767px) {
  .tnl-host--footer .tnl-host__button {
    width: 100%;
  }
}
.tnl-host__button.btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 8px;
  font-family: inherit;
  cursor: pointer;
}
.tnl-host__button.btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
.tnl-host__button.btn:focus-visible {
  outline: 2px solid var(--green, #20563c);
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .tnl-host__button.btn {
    width: 100%;
  }
}
.tnl-host__status {
  max-width: 320px;
  margin: 16px 0 0;
  color: var(--brown, #6c645c);
  font-size: 13px;
  line-height: 1.5;
}

.tnl-consent {
  margin-top: 16px;
}

.header__search.header__search--menu {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 40px;
  padding: 0 12px 0 16px;
  border: 1px solid var(--tm-menu-line, #e7e7e7);
  border-radius: 9px;
  background: #fff;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: auto;
}
.header__search.header__search--menu .container {
  width: 100%;
  max-width: none;
  padding: 0;
}
.header__search.header__search--menu .header__search-wrapper,
.header__search.header__search--menu .header__search-input {
  height: 38px;
}
.header__search.header__search--menu .header__search-input {
  font-family: inherit;
}
.header__search.header__search--menu .header__search-close {
  display: none;
}
.header__search.header__search--menu .header__search-send {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 2px 0 8px;
  color: var(--tm-menu-text, var(--black, #2c291f));
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.trp-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  height: 100%;
  min-width: 0;
  padding-bottom: 12px;
  border: 1px solid #dddada;
  border-radius: 16px;
  background: #fbfaf8;
  color: var(--black, #2c291f);
}
.trp-card:hover, .trp-card:focus-within {
  border-color: var(--green, #20563c);
}
.trp-card__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  min-height: 270px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.trp-card__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 165px;
  padding: 12px;
  border-radius: calc(16px - 1px);
  background: #fff;
}
.trp-card__picture {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.trp-card__marks {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
  max-width: calc(100% - 24px);
}
.trp-card__name {
  display: -webkit-box;
  padding: 0 12px;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.trp-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  min-height: 36px;
  min-width: 0;
  padding: 0 12px;
}
.trp-card__stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  padding: 0 12px;
}
.trp-card .trp-card__stock .product-card__amount-item {
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.trp-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 2px 6px;
  min-width: 0;
  color: var(--greenHover, #20563c);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.trp-card__old-price {
  color: var(--brown, #6c645c);
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
.trp-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-left: auto;
}
.trp-card__favorite, .trp-card__buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  padding: 0;
  background: transparent;
  color: #8a847c;
  font-size: 22px;
  cursor: pointer;
}
.trp-card__favorite:focus-visible, .trp-card__buy:focus-visible {
  outline: 2px solid var(--green, #20563c);
  outline-offset: 2px;
}
.trp-card__favorite {
  width: 28px;
  border: 0;
}
.trp-card__favorite.is-active, .trp-card__favorite:hover {
  color: var(--green, #20563c);
}
.trp-card__buy {
  width: 36px;
  border: 1px solid #cfcac4;
  border-radius: 14px;
}
.trp-card__buy:hover:not(:disabled) {
  border-color: var(--green, #20563c);
  color: var(--green, #20563c);
}
.trp-card__buy.is-in-basket {
  border-color: transparent;
  background: var(--gray2, #e7e7e7);
}
.trp-card__calculate {
  padding: 8px;
  border: 1px solid #cfcac4;
  border-radius: 10px;
  background: transparent;
  color: var(--green, #20563c);
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
}

.trp-ribbon {
  --trp-bleed: 16px;
}
@media (max-width: 1199px) {
  .trp-ribbon {
    --trp-bleed: 15px;
  }
}
.trp-ribbon__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.trp-ribbon__title {
  margin: 0;
}
.trp-ribbon__slider {
  width: 100%;
}
@media (max-width: 575.98px) {
  .trp-ribbon__slider {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + var(--trp-bleed, 16px) * 2);
    margin-right: calc(var(--trp-bleed, 16px) * -1);
    margin-left: calc(var(--trp-bleed, 16px) * -1);
    padding-right: var(--trp-bleed, 16px);
    padding-left: var(--trp-bleed, 16px);
  }
}
.trp-ribbon .trp-ribbon__controls.slider-buttons {
  width: calc(100% + var(--trp-bleed, 16px) * 2);
  margin: 0 calc(var(--trp-bleed, 16px) * -1);
  padding: 0 var(--trp-bleed, 16px);
}
.trp-ribbon .trp-ribbon__controls .trp-ribbon__arrow {
  border: 0;
  padding: 0;
}
@media (max-width: 1221px) {
  .trp-ribbon .trp-ribbon__controls .trp-ribbon__arrow {
    display: none;
  }
}
.trp-ribbon .trp-ribbon__controls.slider-buttons .trp-ribbon__arrow.swiper-button-prev {
  left: var(--trp-bleed, 16px);
  right: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.trp-ribbon .trp-ribbon__controls.slider-buttons .trp-ribbon__arrow.swiper-button-next {
  left: auto;
  right: var(--trp-bleed, 16px);
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.trp-ribbon__slide {
  width: 240px;
  height: auto;
}
@media (min-width: 576px) {
  .trp-ribbon__slide {
    width: calc((100% - 12px) / 2);
  }
}
@media (min-width: 768px) {
  .trp-ribbon__slide {
    width: calc((100% - 24px) / 3);
  }
}
@media (min-width: 992px) {
  .trp-ribbon__slide {
    width: calc((100% - 36px) / 4);
  }
}
@media (min-width: 1200px) {
  .trp-ribbon__slide {
    width: calc((100% - 48px) / 5);
  }
}
@media (min-width: 1440px) {
  .trp-ribbon__slide {
    width: calc((100% - 60px) / 6);
  }
}
.trp-ribbon__message {
  margin-top: 12px;
  color: var(--brown, #6c645c);
  font-size: 14px;
}

/* SAIT-58: два расположения одних и тех же настроенных мессенджеров. */
.tas-messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

.tas-messengers__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    min-width: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    border-radius: 8px;
}

.tas-messengers__link img {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 23px;
    height: 19px;
}

.tas-messengers__link[data-channel="max"] img {
    width: 19px;
}

.tas-messengers__link:hover,
.tas-messengers__link:focus-visible {
    color: #fff;
    -webkit-filter: brightness(.92);
            filter: brightness(.92);
}

.tas-messengers__link:disabled {
    cursor: default;
}

.tas-messengers__link:focus-visible {
    outline: 2px solid #2c291f;
    outline-offset: 2px;
}

.tas-messengers--floating {
    position: fixed;
    right: 35px;
    bottom: 32px;
    z-index: 90;
}

.tas-messengers--floating .tas-messengers__link {
    width: 64px;
    height: 56px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    padding-top: 2px;
    background: #fe6c02;
    -webkit-box-shadow: 0 0 24px rgba(0, 64, 36, .15);
            box-shadow: 0 0 24px rgba(0, 64, 36, .15);
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
}

.tas-messengers--product {
    gap: 8px;
    width: 100%;
    padding: 18px 16px;
    border-radius: 20px;
    background: #f6f6f6;
}

.tas-messengers--product .tas-messengers__link {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    height: 38px;
}

.tas-messengers--product .tas-messengers__link[data-channel="telegram"] {
    background: #4ea4f6;
}

.tas-messengers--product .tas-messengers__link[data-channel="max"] {
    background: #7e35e2;
}

@media (max-width: 991px) {
    .tas-messengers--floating {
        right: 15px;
        /* SAIT-58: над нижним меню, с учётом безопасной области экрана. */
        bottom: calc(70px + env(safe-area-inset-bottom, 0px));
    }
}

/* Кнопка «Наверх» не перекрывает мессенджеры после прокрутки. */
@media (max-width: 576px) {
    .tas-messengers--floating ~ .btn-top.is-show {
        bottom: calc(138px + env(safe-area-inset-bottom, 0px));
    }
}

/* SAIT-131: кнопки в мобильной панели контактов. */
.tas-messengers--contacts {
    display: grid;
    gap: 6px;
}

.tas-messengers--contacts .mob-contacts__social {
    color: var(--brown);
}

.tas-messengers--contacts .mob-contacts__social:hover {
    color: var(--greenHover);
}

.tas-messengers__contact-icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    background-color: #4ea4f6;
    -webkit-mask: var(--tas-messenger-icon) center / contain no-repeat;
    mask: var(--tas-messenger-icon) center / contain no-repeat;
}

.tas-messengers--contacts [data-channel="max"] .tas-messengers__contact-icon {
    background-color: #7e35e2;
}

@media print {
    .tas-messengers--floating {
        display: none;
    }
}

.footer-trust-host {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  min-height: 35.91px;
}
.footer-trust-host__sbp {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 90px;
  height: 35.91px;
}
.footer-trust-host__rating {
  width: 128px;
  min-height: 22px;
}
.footer-trust-host__fallback {
  color: var(--black, #2c291f);
  font-size: 11px;
  text-decoration: none;
}
.footer-trust-host__retry {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--green, #1f8554);
  font-family: inherit;
  font-size: 11px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .footer-trust-host {
    margin-left: 0;
    margin-top: 8px;
  }
}

@media screen and (max-width: 420px) {
  body:has(.tas-messengers--floating) .footer__info:has(.footer-trust-host) {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}

/* End */


/* Start:/local/components/sintex/payer.profiles/templates/.default/style.css?178717172414618*/
.lk-payer-profiles-page {
    padding-bottom: 72px;
}

.lk-payer-profiles-page__breadcrumbs li:last-child span {
    color: var(--brown);
}

.lk-payer-profiles {
    width: 100%;
    margin-top: 28px;
}

.lk-payer-profiles__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
}

.lk-payer-profiles__intro {
    max-width: 760px;
    margin: 0;
    color: var(--brown);
    font-size: 15px;
    line-height: 1.6;
}

.lk-payer-profiles__create,
.lk-payer-profiles__save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 22px;
    color: #fff;
    background: var(--green);
    border: 1px solid var(--green);
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.lk-payer-profiles__create {
    flex: 0 0 auto;
}

.lk-payer-profiles__create:hover,
.lk-payer-profiles__create:focus,
.lk-payer-profiles__save:hover,
.lk-payer-profiles__save:focus {
    color: #fff;
    background: var(--greenHover);
    border-color: var(--greenHover);
    text-decoration: none;
}

.lk-payer-profiles__message,
.lk-payer-profiles__no-fields {
    padding: 24px 28px;
    color: var(--brown);
    background: var(--gray);
    font-size: 14px;
    line-height: 1.5;
}

.lk-payer-profiles__message {
    margin-bottom: 24px;
}

.lk-payer-profiles__message p {
    margin: 0;
}

.lk-payer-profiles__message p + p {
    margin-top: 8px;
}

.lk-payer-profiles__message_success {
    color: var(--green);
    background: rgba(31, 133, 84, 0.10);
}

.lk-payer-profiles__message_error {
    color: #9e2b2b;
    background: #fff0f0;
}

.lk-payer-profiles__form-section {
    margin-bottom: 30px;
    padding: 30px;
    background: var(--gray);
    border: 1px solid var(--gray2);
}

.lk-payer-profiles__form-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--gray2);
}

.lk-payer-profiles__form-title {
    margin: 0;
    color: var(--black);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.lk-payer-profiles__form-type {
    margin-top: 8px;
    color: var(--brown);
    font-size: 13px;
    line-height: 1.4;
}

.lk-payer-profiles__cancel,
.lk-payer-profiles__edit,
.lk-payer-profiles__delete {
    color: var(--green);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.lk-payer-profiles__cancel:hover,
.lk-payer-profiles__cancel:focus,
.lk-payer-profiles__edit:hover,
.lk-payer-profiles__edit:focus {
    color: var(--greenHover);
}

.lk-payer-profiles__person-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 0;
}

.lk-payer-profiles__person-type {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 16px;
    color: var(--brown);
    background: #fff;
    border: 1px solid var(--gray2);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.lk-payer-profiles__person-type:hover,
.lk-payer-profiles__person-type:focus {
    color: var(--green);
    border-color: var(--green);
    text-decoration: none;
}

.lk-payer-profiles__person-type.is-active {
    color: #fff;
    background: var(--green);
    border-color: var(--green);
}

.lk-payer-profiles__form {
    margin-top: 26px;
}

.lk-payer-profiles__form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    margin-top: 20px;
}

.lk-payer-profiles__control {
    min-width: 0;
}

.lk-payer-profiles__control_wide {
    grid-column: 1 / -1;
}

.lk-payer-profiles__control label {
    display: block;
    margin-bottom: 8px;
    color: var(--black);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.lk-payer-profiles__control label span {
    color: #c93434;
}

.lk-payer-profiles__control input,
.lk-payer-profiles__control textarea {
    display: block;
    width: 100%;
    min-height: 46px;
    padding: 11px 14px;
    color: var(--black);
    background: #fff;
    border: 1px solid var(--gray2);
    border-radius: 0;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.lk-payer-profiles__control textarea {
    min-height: 100px;
    resize: vertical;
}

.lk-payer-profiles__control input:hover,
.lk-payer-profiles__control textarea:hover {
    border-color: #bcbcbc;
}

.lk-payer-profiles__control input:focus,
.lk-payer-profiles__control textarea:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 2px rgba(31, 133, 84, 0.12);
}

.lk-payer-profiles__form-actions {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 26px;
}

.lk-payer-profiles__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.lk-payer-profiles__card {
    min-width: 0;
    padding: 28px 30px 30px;
    background: var(--gray);
    border: 1px solid transparent;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.lk-payer-profiles__card:hover {
    border-color: var(--gray2);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
}

.lk-payer-profiles__card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--gray2);
}

.lk-payer-profiles__identity {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.lk-payer-profiles__avatar {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin-right: 16px;
    background: var(--green);
    border-radius: 50%;
}

.lk-payer-profiles__avatar::before {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 14px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
}

.lk-payer-profiles__avatar::after {
    position: absolute;
    right: 10px;
    bottom: 9px;
    left: 10px;
    height: 11px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    content: "";
}

.lk-payer-profiles__heading {
    min-width: 0;
}

.lk-payer-profiles__card-title {
    margin: 0 0 8px;
    overflow-wrap: anywhere;
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.lk-payer-profiles__type {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    color: var(--green);
    background: rgba(31, 133, 84, 0.10);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

.lk-payer-profiles__card-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 14px;
    padding-top: 2px;
}

.lk-payer-profiles__delete-form {
    margin: 0;
}

.lk-payer-profiles__delete {
    padding: 0;
    color: #9e2b2b;
    background: none;
    border: 0;
}

.lk-payer-profiles__delete:hover,
.lk-payer-profiles__delete:focus {
    color: #c93434;
}

.lk-payer-profiles__fields {
    margin: 22px 0 0;
}

.lk-payer-profiles__field {
    display: grid;
    grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
    gap: 18px;
    padding: 11px 0;
    border-bottom: 1px solid var(--gray2);
}

.lk-payer-profiles__field:first-child {
    padding-top: 0;
}

.lk-payer-profiles__field:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.lk-payer-profiles__field dt,
.lk-payer-profiles__field dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.45;
}

.lk-payer-profiles__field dt {
    color: var(--brown);
}

.lk-payer-profiles__field dd {
    color: var(--black);
    font-weight: 500;
}

.lk-payer-profiles__no-fields {
    margin-top: 22px;
    padding: 18px 20px;
    background: #fff;
}

@media (max-width: 1199px) {
    .lk-payer-profiles__card-header {
        display: block;
    }

    .lk-payer-profiles__card-actions {
        margin-top: 18px;
    }
}

@media (max-width: 991px) {
    .lk-payer-profiles__list {
        grid-template-columns: 1fr;
    }

    .lk-payer-profiles__card-header {
        display: flex;
    }

    .lk-payer-profiles__card-actions {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .lk-payer-profiles-page {
        padding-bottom: 48px;
    }

    .lk-payer-profiles {
        margin-top: 20px;
    }

    .lk-payer-profiles__header {
        display: block;
        margin-bottom: 22px;
    }

    .lk-payer-profiles__create {
        width: 100%;
        margin-top: 18px;
    }

    .lk-payer-profiles__form-section {
        padding: 22px 20px 24px;
    }

    .lk-payer-profiles__form-heading {
        display: block;
    }

    .lk-payer-profiles__form-title {
        font-size: 21px;
    }

    .lk-payer-profiles__form-heading > .lk-payer-profiles__cancel {
        display: inline-block;
        margin-top: 14px;
    }

    .lk-payer-profiles__form-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .lk-payer-profiles__form-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 15px;
    }

    .lk-payer-profiles__form-actions .lk-payer-profiles__cancel {
        align-self: center;
    }

    .lk-payer-profiles__card {
        padding: 22px 20px 24px;
    }

    .lk-payer-profiles__card-header {
        display: block;
    }

    .lk-payer-profiles__card-actions {
        margin-top: 18px;
    }

    .lk-payer-profiles__field {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .lk-payer-profiles__control textarea {
        min-height: 128px;
        padding: 13px 14px;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 479px) {
    .lk-payer-profiles__person-types {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lk-payer-profiles__person-type {
        justify-content: center;
    }

    .lk-payer-profiles__card-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

 

/*
 * Локальная фирменная палитра TAS.PRO.
 * Глобальные переменные шаблона не изменяются.
 */
.lk-payer-profiles__create,
.lk-payer-profiles__save {
    color: #fff;
    background: #1F8554;
    border-color: #1F8554;
    border-radius: 8px;
}

.lk-payer-profiles__create:hover,
.lk-payer-profiles__create:focus,
.lk-payer-profiles__save:hover,
.lk-payer-profiles__save:focus {
    color: #fff;
    background: #20563C;
    border-color: #20563C;
}

.lk-payer-profiles__cancel,
.lk-payer-profiles__edit {
    color: #1F8554;
}

.lk-payer-profiles__cancel:hover,
.lk-payer-profiles__cancel:focus,
.lk-payer-profiles__edit:hover,
.lk-payer-profiles__edit:focus {
    color: #20563C;
}

.lk-payer-profiles__person-type {
    border-radius: 8px;
}

.lk-payer-profiles__person-type:hover,
.lk-payer-profiles__person-type:focus {
    color: #1F8554;
    border-color: #1F8554;
}

.lk-payer-profiles__person-type.is-active {
    color: #fff;
    background: #1F8554;
    border-color: #1F8554;
}

.lk-payer-profiles__form-section,
.lk-payer-profiles__card {
    border-radius: 16px;
}

.lk-payer-profiles__message,
.lk-payer-profiles__no-fields {
    border-radius: 12px;
}

.lk-payer-profiles__control input,
.lk-payer-profiles__control textarea {
    border-radius: 8px;
}

.lk-payer-profiles__control input:focus,
.lk-payer-profiles__control textarea:focus {
    border-color: #1F8554;
    box-shadow: 0 0 0 2px rgba(0, 143, 120, 0.14);
}

.lk-payer-profiles__avatar {
    background: #1F8554;
}

.lk-payer-profiles__type {
    color: #1F8554;
    background: rgba(31, 133, 84, 0.10);
    border-radius: 999px;
}

 

/*
 * Усиленные локальные селекторы.
 * Они перекрывают поздний шаблонный CSS без использования !important.
 */
body .lk-payer-profiles__create,
body .lk-payer-profiles__save {
    color: #fff;
    background: #1F8554;
    border-color: #1F8554;
}

body .lk-payer-profiles__create:hover,
body .lk-payer-profiles__create:focus,
body .lk-payer-profiles__save:hover,
body .lk-payer-profiles__save:focus {
    color: #fff;
    background: #20563C;
    border-color: #20563C;
}

body .lk-payer-profiles__cancel,
body .lk-payer-profiles__edit {
    color: #1F8554;
}

body .lk-payer-profiles__cancel:hover,
body .lk-payer-profiles__cancel:focus,
body .lk-payer-profiles__edit:hover,
body .lk-payer-profiles__edit:focus {
    color: #20563C;
}

body .lk-payer-profiles__person-type:hover,
body .lk-payer-profiles__person-type:focus {
    color: #1F8554;
    border-color: #1F8554;
}

body .lk-payer-profiles__person-type.is-active {
    color: #fff;
    background: #1F8554;
    border-color: #1F8554;
}

body .lk-payer-profiles__control input:focus,
body .lk-payer-profiles__control textarea:focus {
    border-color: #1F8554;
    box-shadow: 0 0 0 2px rgba(0, 143, 120, 0.14);
}

body .lk-payer-profiles__avatar {
    background: #1F8554;
}

body .lk-payer-profiles__type {
    color: #1F8554;
    background: rgba(31, 133, 84, 0.10);
}

 
/* Палитра синхронизирована с --green и --greenHover шаблона TAS.PRO. */

 

/*
 * Фирменное скругление кнопок создания и сохранения.
 * Усиленная специфичность перекрывает поздний border-radius: 0
 * из общего шаблонного CSS.
 */
body .lk-payer-profiles__create,
body .lk-payer-profiles__save {
    border-radius: 8px;
}

 
.tas-payer-inn-status {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.35;
}

.tas-payer-inn-status.is-info {
    color: #777;
}

.tas-payer-inn-status.is-success {
    color: #1f8554;
}

.tas-payer-inn-status.is-error {
    color: #c43b3b;
}
 


 

.lk-payer-profiles__message_legal {
    margin-top: 20px;
    margin-bottom: 24px;

    padding: 0 !important;

    background: transparent !important;

    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

/* End */


/* Start:/local/templates/vpl_vue/template_styles.css?1794578092613602*/
@charset "UTF-8";
/* СОБРАНО из scss/template_styles.scss и scss/parts/ — этот файл не править:
   правка будет стёрта следующей сборкой (make js-build, на dev — контейнер jsbuild). */
/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1410px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1410px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 576px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto {
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

@media (min-width: 1024px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fade:not(.show),
.modal-backdrop.fade {
  opacity: 0;
}

.modal-content {
  background-color: #fff;
  outline: 0;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1410px) {
  .modal-xl {
    max-width: 1140px;
  }
}
:root {
  --hardblack: #000000;
  --black: #2C291F;
  --white: #FFFFFF;
  --gray: #F2F1EF;
  --gray2: #E7E7E7;
  --green: #1F8554;
  --greenHover: #20563C;
  --beg: #FCEDCB;
  --brown: #6C645C;
  --red: #C20101;
  --orange: #E85F00;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/local/templates/vpl_vue/fonts/Montserrat/montserrat-v29-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Inter ОТКЛЮЧЁН 2026-09-11: все правила шаблона переведены на Montserrat тех же начертаний.
   Файлы шрифтов остаются в fonts/Inter/ — чтобы вернуть семейство, раскомментировать блок ниже
   и вернуть Montserrat на Inter в правилах, помеченных «было: Inter».
   Задействованы были начертания 400, 600 и 700; файл 500 не использовало ни одно правило.
    inter-regular - cyrillic_cyrillic-ext_latin_latin-ext
   @font-face {
       font-display: swap;
        Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.
       font-family: "Inter";
       font-style: normal;
       font-weight: 400;
       src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2");
        Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+
   }

    inter-500 - cyrillic_cyrillic-ext_latin_latin-ext
   @font-face {
       font-display: swap;
        Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.
       font-family: "Inter";
       font-style: normal;
       font-weight: 500;
       src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2");
        Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+
   }

    inter-600 - cyrillic_cyrillic-ext_latin_latin-ext
   @font-face {
       font-display: swap;
        Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.
       font-family: "Inter";
       font-style: normal;
       font-weight: 600;
       src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2");
        Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+
   }

    inter-700 - cyrillic_cyrillic-ext_latin_latin-ext
   @font-face {
       font-display: swap;
        Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options.
       font-family: "Inter";
       font-style: normal;
       font-weight: 700;
       src: url("/local/templates/vpl_vue/fonts/Inter/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2");
        Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+
   }
*/
/* Icomoon
=========================================================================================*/
.icon {
  display: inline-block;
  vertical-align: top;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* Основные стили
=========================================================================================*/
* {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=date] + .field__label {
  font-size: 10px;
  line-height: 14px;
  top: 7px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  margin-bottom: 12px;
  margin-right: 10px;
  cursor: pointer;
}

@media (max-width: 375px) {
  .captcha {
    -webkit-transform: scale(0.88);
    -ms-transform: scale(0.88);
    transform: scale(0.88);
  }
}
.sort__select-wp {
  min-height: 39px;
}

.nice-select {
  border-radius: 14px;
  border: 1px solid #E7E7E7;
  background: var(--white);
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 39px;
  height: 39px;
  padding: 0 16px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 276px;
}

.nice-select:hover {
  border-color: #8A8A8A;
}

.nice-select::after {
  width: 10px;
  height: 10px;
  background: url("/local/templates/vpl_vue/img/svg/arrow-down.svg") no-repeat;
  top: calc(50% - 5px);
}

@media (max-width: 767px) {
  .nice-select {
    width: 230px;
  }
}
.catalog__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #56504A;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 576px) {
  .nice-select.open + .catalog__overlay {
    opacity: 0.9;
    visibility: visible;
    pointer-events: auto;
  }
}
.list__heading {
  display: none;
}

@media (max-width: 576px) {
  .list__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px 15px;
    border-bottom: 1px solid var(--gray2);
  }
}
.list__heading-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.list__heading-close {
  color: rgba(16, 36, 43, 0.4);
  font-size: 10px;
  padding-left: 10px;
  height: 10px;
}

.project-map .list__heading-title.sort {
  display: none;
}

.catalog__rightside-top .list__heading-title.city {
  display: none;
}

.popover {
  position: absolute;
  margin-top: -12px;
  max-width: 370px;
  background: var(--white);
  -webkit-box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
  box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
  border-radius: 14px;
}

@media (max-width: 576px) {
  .popover {
    max-width: 290px;
  }
}
.popover__close {
  font-size: 10px;
  color: rgba(16, 36, 43, 0.4);
  padding: 10px;
  top: 5px;
  position: absolute;
  right: 10px;
}

.popover__close:hover {
  color: rgb(16, 36, 43);
}

.popover__content {
  max-width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (max-width: 576px) {
  .popover__content {
    max-width: 290px;
  }
}
.ballon {
  width: 100%;
}

.ballon__head {
  padding: 10px 0;
  margin: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #E7E7E7;
}

@media (max-width: 576px) {
  .ballon__head {
    margin: 0 15px;
  }
}
.baloon__body {
  padding: 16px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (max-width: 576px) {
  .baloon__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    padding: 16px 15px 15px 15px;
  }
}
.baloon__body--projects {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.baloon__body--projects .baloon__line {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 576px) {
  .baloon__body--projects {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.baloon__body--projects .btn {
  margin-left: auto;
  border-radius: 14px;
  font-weight: 500;
  padding: 7px 14px;
  font-size: 14px;
  line-height: 20px;
}

.baloon__props-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.baloon__props-title {
  color: var(--brown);
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

.baloon__img {
  min-width: 119px;
  max-width: 119px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}

.baloon__img img, .baloon__img svg.ico {
  width: 100%;
  height: 100%;
}

.baloon__props {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.popover__tail {
  border: 9px solid transparent;
  border-top-color: #fff;
  margin-left: -9px;
  position: absolute;
  left: 13%;
  top: 100%;
}

.baloon__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-display: swap;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

@media (max-width: 576px) {
  .baloon__line {
    font-size: 13px;
    line-height: 16px;
  }
}
.baloon__line-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.baloon__line svg {
  font-size: 24px;
  min-width: 24px;
  color: #11536C;
  position: relative;
  top: -2px;
}

.baloon__line img, .baloon__line svg.ico {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.baloon__props-city {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 3px;
}

.baloon__props-mail {
  color: var(--hoverred);
  margin-top: 2px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.baloon__props-mail::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: rgba(204, 19, 25, 0.25);
}

.baloon__props-mail:hover {
  color: var(--hover);
}

.baloon__head-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}

.baloon__head-prod {
  color: var(--gray);
  font-size: 14px;
  line-height: 18px;
}

.nice-select .list {
  width: 100%;
  margin-top: 1px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
}

@media (max-width: 576px) {
  .nice-select .list {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: fixed;
    top: calc(100% - 189px);
    left: 0;
    width: 100%;
    min-width: 100%;
    padding: 16px 15px;
    border: none;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 105;
    padding: 15px 0;
  }
}
.nice-select .list ul {
  max-height: 250px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .nice-select .list ul {
    max-height: 150px;
  }
}
.nice-select .list ul::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  cursor: pointer;
}

.nice-select .list ul::-webkit-scrollbar-track {
  background: transparent;
}

.nice-select .list ul::-webkit-scrollbar-thumb {
  background-color: var(--brown);
  border: none;
}

.nice-select .list ul::-webkit-scrollbar-thumb:hover {
  color: var(--greenHover);
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: var(--gray2);
}

.nice-select .option {
  padding: 0 14px;
  border-bottom: 1px solid #DDDADA;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: normal;
}

@media (max-width: 767px) {
  .nice-select .option {
    padding: 6px 14px;
  }
  .nice-select .current {
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
    overflow: hidden;
  }
}
.nice-select .option:last-of-type {
  border-bottom: none;
}

.nice-select .option:hover {
  background: #FBFAF8;
}

.nice-select .option::after {
  position: absolute;
  content: "";
  right: 14px;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  background: url("/local/templates/vpl_vue/img/svg/cheked.svg") center center no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.nice-select .option.focus,
.nice-select .option.selected,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  color: var(--green);
}

.nice-select .option.selected::after {
  opacity: 1;
  visibility: visible;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 133px;
  min-width: 133px;
  height: 53px;
  background: var(--white);
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .input-group {
    height: 40px;
    max-width: 100px;
    min-width: 100px;
  }
}
.input-group input {
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 65px;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: var(--black);
}

@media (max-width: 767px) {
  .input-group input {
    height: 40px;
    max-width: 50px;
    font-size: 14px;
    line-height: 20px;
  }
}
.input-group .btn {
  background: transparent;
  border: none;
  padding: 0;
  width: 34px;
  font-size: 0;
  position: relative;
  height: 53px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .input-group .btn {
    width: 25px;
    height: 40px;
  }
}
.input-group .btn.bootstrap-touchspin-down::before {
  position: absolute;
  content: "";
  left: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/local/templates/vpl_vue/img/svg/minus.svg") no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .input-group .btn.bootstrap-touchspin-down::before {
    left: 14px;
    width: 10px;
    height: 10px;
  }
}
.input-group .btn.bootstrap-touchspin-down:hover::before {
  background: url("/local/templates/vpl_vue/img/svg/minus-h.svg") no-repeat;
  background-size: contain;
}

.input-group .btn.bootstrap-touchspin-up::before {
  position: absolute;
  content: "";
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/local/templates/vpl_vue/img/svg/plus.svg") no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .input-group .btn.bootstrap-touchspin-up::before {
    right: 14px;
    width: 10px;
    height: 10px;
  }
}
.input-group .btn.bootstrap-touchspin-up:hover::before {
  background: url("/local/templates/vpl_vue/img/svg/plus-h.svg") no-repeat;
  background-size: contain;
}

.not-found {
  width: 100%;
  background: #F9F9F9;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.not-found section {
  display: none;
}

body:has(.not-found__body) .content-entry__wrapper {
  display: none;
}

.not-found__body {
  width: 100%;
  padding: 60px 0 70px;
  background: var(--white);
}

.not-found__body .content {
  max-width: 100%;
}

.not-found__img {
  min-height: 260px;
}

.not-found__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.not-found__heading {
  max-width: 100%;
  margin: 0;
  font-size: 32px;
  line-height: 40px;
}

.not-found__subtitle {
  margin: 0;
  padding-top: 8px;
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
}

.not-found__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.not-found__body .content .btn {
  padding: 21px 23px;
  border-radius: 14px;
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.not-found__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.not-found__img img {
  display: block;
  width: 100%;
  max-width: 610px;
  height: auto;
  margin: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .not-found__heading {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 991px) {
  .not-found__copy {
    text-align: center;
  }
  .not-found__heading {
    font-size: 26px;
    line-height: 31px;
  }
  .not-found__buttons {
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .not-found__copy,
  .not-found__img {
    min-height: 0;
  }
  .not-found__buttons {
    margin-top: 30px;
  }
  .not-found__img {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .not-found__body {
    padding: 60px 0 40px;
  }
  .not-found__heading {
    font-size: 18px;
    line-height: 22px;
  }
  .not-found__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
  .not-found__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
  }
  .not-found__body .content .btn {
    width: 100%;
    padding: 9px 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
  }
  .not-found__img {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .modal .form__submit-container .btn {
    width: 100%;
  }
}
.modal .field__name {
  margin-bottom: 16px;
  color: #8A8A8A;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .modal .field__name {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}
.modal .checkbox__input::after {
  left: -1px;
}

.modal-backdrop {
  opacity: 0.9;
  background: #56504A;
}

.modal-success .modal-body {
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  .modal-success .modal-body {
    padding-bottom: 47px;
  }
}
.modal-dialog {
  max-width: 816px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.modal-subtitle {
  color: #8A8A8A;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .modal-subtitle {
    margin-top: 16px;
  }
}
.modal-registration .form__submit-container .btn {
  width: 100%;
  max-width: 211px;
  margin: 0 auto;
}

.modal-registration.modal-small .form__submit {
  margin-top: 8px;
}

.modal-entrance form {
  max-width: 470px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .modal-entrance form {
    max-width: 100%;
  }
}
.modal-entrance .field__input {
  height: 58px;
  padding-top: 15px;
}

.modal-entrance .field__input--placeholder {
  padding-top: 0;
}

.modal-entrance .field__label {
  top: 18px;
}

.modal-entrance .is-required::after {
  top: 21px;
}

.modal-entrance.modal-small .form__submit {
  row-gap: 16px;
  margin-top: 0;
}

.modal-entrance.modal-small.modal-register .form__submit {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .modal-entrance.modal-small.modal-register .form__submit {
    margin-top: 10px;
  }
}
.modal-entrance.modal-small .field__input {
  padding-top: 15px;
}

.modal-entrance.modal-small .field__input--placeholder {
  padding-top: 0;
}

.modal-entrance .form__submit-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 14px;
}

@media (max-width: 767px) {
  .modal-entrance .form__submit-container {
    row-gap: 10px;
  }
}
@media (max-width: 576px) {
  .modal-entrance .field__input {
    padding-right: 63px;
  }
}
.modal-entrance .form__submit-container .btn {
  max-width: 242px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}

@media (max-width: 767px) {
  .modal-entrance .form__submit-container .btn {
    padding: 8px;
    max-width: 100%;
  }
}
.pass-rec {
  color: var(--green);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 767px) {
  .pass-rec {
    font-size: 14px;
    line-height: 18px;
  }
}
.pass-rec:hover {
  color: var(--greenHover);
}

.modal-regist {
  color: #8A8A8A;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .modal-regist {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-regist a {
  color: var(--green);
  position: relative;
}

.modal-regist a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--green);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.modal-regist a:hover {
  color: var(--greenHover);
}

.modal-regist a:hover::after {
  background: var(--greenHover);
}

.modal-pas {
  max-width: 185px;
  color: #8A8A8A;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  margin: 0 auto;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .modal-pas {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-pas a {
  color: var(--green);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 767px) {
  .modal-pas a {
    font-size: 14px;
    line-height: 18px;
  }
}
.modal-pas a:hover {
  color: var(--greenHover);
}

.field__input--placeholder {
  padding-top: 0;
}

.modal-success .modal-dialog {
  max-width: 550px;
}

.modal-success .btn {
  margin: 30px auto 0;
  max-width: 218px;
  padding: 20px;
}

@media (max-width: 767px) {
  .modal-success .btn {
    max-width: 100%;
    margin-top: 16px;
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .modal-success .modal-title {
    text-align: center;
  }
  .modal-success .modal-body {
    padding: 0 15px 47px;
  }
  .modal-success .modal-header {
    padding: 15px 15px 0;
    border-bottom: none;
  }
  .modal-success .modal-header .close {
    margin-left: auto;
  }
}
.modal-small .modal-dialog {
  max-width: 604px;
}

.modal-medium .modal-dialog {
  max-width: 670px;
}

.modal-medium .checkbox__label a::after {
  content: none;
}

.modal-medium .form__submit {
  row-gap: 16px;
}

.modal.modal-medium .form__submit-container .btn {
  width: 100%;
  padding: 25px;
  max-width: 100%;
}

.modal-medium .modal-body {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 767px) {
  .modal-medium .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.modal-small .field__input {
  padding-top: 11px;
}

.modal-small .form__submit {
  margin-top: 30px;
  row-gap: 8px;
}

@media (max-width: 767px) {
  .modal-small .form__submit {
    margin-top: 10px;
  }
}
.modal-reg form {
  max-width: 436px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .modal-reg form {
    max-width: 100%;
  }
}
.modal-reg .form__submit-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-reg .form__submit-container .btn {
  padding: 20px;
  max-width: 242px;
  width: 100%;
}

@media (max-width: 767px) {
  .modal-reg .form__submit-container .btn {
    padding: 8px 20px;
    max-width: 100%;
  }
}
.modal-fastbuy .modal-dialog {
  max-width: 670px;
}

.modal-fastbuy .form-select {
  width: 100%;
  margin-bottom: 8px;
}

.modal-fastbuy .nice-select {
  border: 1px solid rgba(176, 189, 209, 0.3);
  background: #FBFAF8;
  height: 45px;
  line-height: 45px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .modal-fastbuy .nice-select {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }
}
.modal-order .field__input {
  margin-bottom: 8px;
}

.modal-payment .modal-dialog {
  margin-top: 250px;
}

.modal-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  overflow: hidden;
  background: var(--white);
  border: none;
}

@media (max-width: 767px) {
  .modal-content {
    border-radius: 10px 10px 0px 0px;
  }
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: none;
  border-radius: 0;
  padding: 40px 40px 30px 40px;
  position: relative;
}

@media (max-width: 767px) {
  .modal-header {
    padding: 10px 15px 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray2);
    align-items: end;
  }
}
.modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(16, 36, 43, 0.4);
  border-radius: 10px;
  background: #FBFBFB;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 0;
}

.modal-header .close:hover {
  background: #F5F5F5;
  color: rgb(16, 36, 43);
}

@media (max-width: 767px) {
  .modal-header .close {
    width: 30px;
    height: 30px;
    font-size: 10px;
    position: relative;
    top: initial;
    right: initial;
  }
}
.modal-body {
  padding: 0 40px 40px 40px;
}

.modal-fastbuy .modal-body {
  padding: 0 50px 40px 50px;
}

@media (max-width: 767px) {
  .modal-body {
    padding: 15px;
  }
  .modal-fastbuy .modal-body {
    padding: 15px;
  }
}
.modal-title {
  text-align: center;
  color: var(--black);
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
}

@media (max-width: 767px) {
  .modal-title {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
  }
}
.modal-btn-close.btn--green {
  margin-top: 30px;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 767px) {
  .modal-btn-close.btn--green {
    padding: 6px;
    margin-top: 16px;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
  }
}
.modal-open {
  padding-right: 8px !important;
}

@media (max-width: 767px) {
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0 !important;
  }
  .modal.show {
    padding-right: 0 !important;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 500px);
    -ms-transform: translate(0, 500px);
    transform: translate(0, 500px);
  }
  .modal.show .modal-dialog {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    max-width: 100%;
  }
}
.modal-prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 11px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .modal-prod {
    margin-bottom: 8px;
  }
}
.modal-prod__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 767px) {
  .modal-prod__top {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.modal-prod__img {
  max-width: 118px;
  min-width: 118px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  overflow: hidden;
}

@media (max-width: 767px) {
  .modal-prod__img {
    max-width: 72px;
    min-width: 72px;
    height: 52px;
    border-radius: 11px;
    padding: 3px;
  }
}
.modal-prod__img img, .modal-prod__img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal-prod__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

@media (max-width: 767px) {
  .modal-prod__desc {
    row-gap: 1px;
  }
}
.modal-prod__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .modal-prod__title {
    font-size: 13px;
    line-height: 18px;
  }
}
.modal-prod__chars {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .modal-prod__chars {
    font-size: 13px;
    line-height: 16px;
  }
}
.modal-prod__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 10px 10px 20px;
  border-radius: 20px;
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .modal-prod__bottom {
    padding: 10px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 8px;
  }
}
.modal-prod__bottom .product-card__price {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.modal-prod__bottom .product-card__price span {
  font-size: 14px;
}

.modal-prod__bottom .input-group {
  max-width: 173px;
  min-width: 173px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .modal-prod__bottom .input-group {
    max-width: 100%;
    min-width: 100%;
  }
}
.modal-prod__bottom-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.field {
  position: relative;
}

.field__input {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: #FBFAF8;
  height: 50px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
  padding-left: 18px;
  padding-top: 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .field__input {
    height: 42px;
    border-radius: 10px;
    padding-left: 15px;
    padding-top: 12px;
    font-size: 16px;
  }
}
.field__input:hover {
  border-color: #8A8A8A;
}

.field__input--textarea {
  padding-top: 13px;
  resize: none;
  overflow: hidden;
  color: var(--black);
  font-family: "Montserrat", sans-serif;
  height: 73px;
}

@media (max-width: 767px) {
  .field__input--textarea {
    font-size: 16px;
  }
}
.field__input--textarea::-webkit-input-placeholder {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.field__input--textarea::-moz-placeholder {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.field__input--textarea:-ms-input-placeholder {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.field__input--textarea::-ms-input-placeholder {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.field__input--textarea::placeholder {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 767px) {
  .field__input--textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .field__input--textarea::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .field__input--textarea:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .field__input--textarea::-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .field__input--textarea::placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
.field__label {
  position: absolute;
  top: 13px;
  left: 18px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 767px) {
  .field__label {
    font-size: 14px;
    line-height: 18px;
    top: 12px;
  }
}
.field__error-text {
  position: absolute;
  right: 36px;
  top: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: var(--red);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: calc(100% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-section .field__error-text {
  height: calc(100% - 4px);
}

@media (max-width: 767px) {
  .field__error-text {
    display: none;
  }
}
.field.active .field__input {
  border-color: var(--black);
}

.field.active .field__label {
  font-size: 10px;
  line-height: 14px;
  top: 5px;
}

@media (max-width: 767px) {
  .field.active .field__label {
    left: 15px;
  }
}
.field__input:focus {
  border-color: var(--black);
}

.field__input:focus:active {
  border-color: var(--black);
}

.field__input:focus + .field__label {
  font-size: 10px;
  line-height: 14px;
  top: 7px;
}

.field__input:focus:active + .field__label {
  font-size: 10px;
  line-height: 14px;
  top: 7px;
}

@media (max-width: 767px) {
  .field__input:focus + .field__label {
    top: 5px;
  }
}
.field.is-error .field__input {
  border-color: var(--red);
  color: var(--red);
}

.field.is-error .field__label {
  color: var(--red);
}

.field.is-error .field__error-text {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.form__submit {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9px;
}

.form__submit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

@media (max-width: 576px) {
  .form__submit-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 4px;
  }
}
.form__submit-container .btn {
  width: calc(100% - 308px);
  padding: 24px;
  border-radius: 14px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 576px) {
  .form__submit-container .btn {
    padding: 8px;
    width: 100%;
  }
}
.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkbox__input {
  position: relative;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  border-radius: 2px;
  background: transparent;
  border: 1px solid #6C645C;
}

.checkbox__input::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  top: -1px;
  left: 0px;
}

.form-section .checkbox__input::after {
  left: -1px;
}

.calc .noUi-origin {
  height: 4px;
  background: #20563C;
}

.calc__type-item .field {
  overflow: hidden;
  padding-bottom: 4px;
}

.calc .checkbox__input::after {
  left: -1px;
}

.checkbox__input:checked::after {
  background: url("/local/templates/vpl_vue/img/svg/checked.svg") no-repeat center center;
  background-size: 70%;
}

.checkbox.is-error .checkbox__input {
  border-color: var(--red);
}

.checkbox__label {
  padding-left: 8px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  cursor: pointer;
  max-width: 500px;
  margin-top: -1px;
}

.basket .checkbox__label {
  max-width: 600px;
}

@media (max-width: 767px) {
  .checkbox__label {
    font-size: 11px;
    line-height: 15px;
    margin-top: 1px;
  }
}
.checkbox__label a {
  color: var(--green);
  position: relative;
}

.checkbox__label a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background: var(--green);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.checkbox__label a:hover {
  color: var(--greenHover);
}

.checkbox__label a:hover::after {
  background: var(--greenHover);
}

.is-required::after {
  position: absolute;
  content: "*";
  right: 18px;
  top: 16px;
  color: #DDDADA;
  font-size: 14px;
}

@media (max-width: 767px) {
  .is-required::after {
    right: 16px;
    top: 12px;
  }
}
.is-required.is-error::after {
  color: var(--red);
}

.content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .content-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
  }
}
.content-nav .btn {
  padding: 13px 30px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgba(44, 41, 31, 0.8);
}

@media (max-width: 767px) {
  .content-nav .btn {
    font-size: 11px;
    line-height: 18px;
    padding: 10px;
  }
}
.content-nav .btn:hover {
  border: 1px solid #C8C7C7;
  background: #F5F4F4;
}

.content-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.content-nav__list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px;
  max-width: 45px;
  min-width: 45px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 100%;
  background: var(--white);
}

@media (max-width: 767px) {
  .content-nav__list-item a {
    height: 30px;
    max-width: 30px;
    min-width: 30px;
    font-size: 13px;
    line-height: 18px;
  }
}
.content-nav__list-item a:hover {
  background: #F5F4F4;
}

.content-nav__list-item.active a {
  background: var(--brown);
  color: var(--white);
  pointer-events: none;
}

.content-nav__list-item--prev a {
  color: rgba(108, 100, 92, 0.6);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  max-width: 21px;
  min-width: 21px;
  font-size: 16px;
  background: transparent;
}

.content-nav__list-item--prev a:hover {
  color: rgb(108, 100, 92);
  background: transparent;
}

@media (max-width: 767px) {
  .content-nav__list-item--prev a {
    max-width: 15px;
    min-width: 15px;
    font-size: 11px;
  }
}
.content-nav__list-item--next a {
  color: rgba(108, 100, 92, 0.6);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  max-width: 21px;
  min-width: 21px;
  font-size: 16px;
  background: transparent;
}

.content-nav__list-item--next a:hover {
  color: rgb(108, 100, 92);
  background: transparent;
}

@media (max-width: 767px) {
  .content-nav__list-item--next a {
    max-width: 15px;
    min-width: 15px;
    font-size: 11px;
  }
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-top: 0;
}

h1 {
  font-size: 38px;
  line-height: 50px;
  margin: 0;
  font-weight: 600;
  color: var(--black);
  max-width: 80%;
}

@media (max-width: 991px) {
  h1 {
    font-size: 26px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 18px;
    line-height: 22px;
  }
}
h2 {
  font-size: 35px;
  line-height: 43px;
  margin-bottom: 30px;
  font-weight: 600;
}

@media (max-width: 991px) {
  h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
  }
}
h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 30px;
  font-weight: 600;
}

@media (max-width: 991px) {
  h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  h4 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
  }
}
h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  h5 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
img, svg.ico {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:focus {
  outline: var(--focus);
  outline-offset: 1em;
  outline-width: 1px;
}

a:hover {
  color: var(--greenHover);
  text-decoration: none;
}

input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.img {
  position: relative;
  overflow: hidden;
}

ul {
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  list-style: none;
}

html {
  height: 100%;
}

html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background-color: var(--brown);
  border: none;
}

html::-webkit-scrollbar-thumb:hover {
  color: var(--hover);
}

body {
  background: var(--white);
  color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  min-height: 100%;
  margin: 0;
  position: relative;
  scroll-behavior: smooth;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

@media (max-width: 991px) {
  .wrapper {
    padding-top: 35px;
  }
}
.dropdown-open {
  overflow: hidden;
  padding-right: 8px !important;
}

body.tas-overlay-lock {
  overflow: hidden;
}

/* Плашка согласия на куки (z-index 100000, bottom 70px над нижней панелью)
   иначе висела бы поверх открытого меню или поиска; после закрытия вернётся. */
body.tas-overlay-lock .cookies {
  display: none;
}

/* SAIT-110: отклик на нажатие, пока загружается группа мобильного меню. */
.burger.is-pending {
  position: relative;
}

.burger.is-pending > span {
  opacity: 0;
}

.burger.is-pending::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border: 2px solid var(--green);
  border-right-color: transparent;
  border-radius: 50%;
  animation: tm-menu-pending 0.7s linear infinite;
}

@keyframes tm-menu-pending {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .burger.is-pending::after {
    animation: none;
  }
}
.panel__item.is-pending .panel__item-ico {
  opacity: 0.5;
}

/* SAIT-55: hidden mini-cart must not become a scroll anchor while the fixed header toggles. */
.js-header {
  overflow-anchor: none;
}

.dropdown-open .header {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}

.dropdown-open .header__middle-center {
  z-index: -1;
}

.dropdown-open .overlay {
  opacity: 0.15;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-open .header__search-overlay {
  opacity: 0.15;
  visibility: visible;
  pointer-events: auto;
  z-index: -1;
}

@media (max-width: 991px) {
  .dropdown-open .header__search-overlay {
    display: none;
  }
}
.dropdown-open .header__catalog-dropdown-search .header__search-overlay {
  opacity: 0;
  z-index: -100;
  pointer-events: all;
  visibility: hidden;
}

.dropdown-open .header__catalog-dropdown-search.is-active .header__search-overlay {
  z-index: 1;
  pointer-events: auto;
  visibility: visible;
}

.overlay-show {
  overflow: hidden;
  padding-right: 8px !important;
}

.overlay-show .header {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}

@media (max-width: 1199px) {
  .overlay-show .header {
    margin-left: 0;
    width: calc(100% + 8px);
  }
  .overlay-show .header__top {
    padding-right: 8px;
  }
  .overlay-show .header__bottom {
    padding-right: 8px;
  }
  .overlay-show .header__middle {
    padding-right: 8px;
  }
}
@media (max-width: 991px) {
  .overlay-show .header__top {
    padding-right: 0;
  }
  .overlay-show .header__bottom {
    padding-right: 0;
  }
  .overlay-show .header__middle {
    padding-right: 0;
  }
}
.overlay-show .overlay {
  opacity: 0.15;
  visibility: visible;
  pointer-events: auto;
}

@-moz-document url-prefix() {
  .overlay-show {
    padding-right: 0 !important;
  }
  .overlay-show .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .overlay-show.is-fixed .header__fixed {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .dropdown-open {
    padding-right: 0 !important;
  }
  .dropdown-open .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .dropdown-open.is-fixed .header__fixed {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .modal-open {
    padding-right: 0px !important;
  }
  .modal-open .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  .modal-open.is-fixed .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .modal-open.is-fixed .header__fixed {
    padding-right: 0 !important;
  }
  .modal-open .header__top {
    padding-right: 0 !important;
  }
  .modal-open .header__bottom {
    padding-right: 0 !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .overlay-show {
    padding-right: 0 !important;
  }
  .overlay-show .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .overlay-show.is-fixed .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .overlay-show.is-fixed .header__fixed {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .dropdown-open {
    padding-right: 0 !important;
  }
  .dropdown-open .header {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .dropdown-open.is-fixed .header__fixed {
    width: 100% !important;
    padding-right: 0 !important;
  }
}
.header__search-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: var(--brown);
  opacity: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  z-index: -1;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: var(--brown);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.overlay.is-show {
  opacity: 0.15;
  visibility: visible;
  pointer-events: auto;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  padding: 8px 10px 8px 12px;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .btn {
    font-size: 11px;
    line-height: 18px;
    border-radius: 10px;
  }
}
.btn > img, .btn > svg.ico {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .btn > img, .btn > svg.ico {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
  }
}
.btn__icon {
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn__icon img, .btn__icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.btn--green {
  border-radius: 9px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--green);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: var(--white);
  border: 1px solid transparent;
}

.btn--green:hover {
  background: var(--greenHover);
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 767px) {
  .btn--green {
    font-size: 11px;
    border-radius: 10px;
    line-height: 18px;
  }
}
.vpl-edit-btn {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  padding: 8px 10px 8px 12px;
  border-radius: 14px;
  border-radius: 9px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--green);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: var(--white);
  border: 1px solid transparent;
  margin-bottom: 15px; */
  display: none;
}

.btn--border {
  border-radius: 10px;
  border: 1px solid #D3D3D3;
  -webkit-backdrop-filter: blur(6.5px);
  backdrop-filter: blur(6.5px);
  color: rgba(44, 41, 31, 0.6);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn--border:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .btn--border {
    padding: 9px 15px;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
  }
}
.btn--beg {
  padding: 15px 27px;
  border-radius: 14px;
  border: 1px solid #D6CCB7;
  background: #D6CCB7;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.btn--beg:hover {
  background: #EBE5D6;
  color: rgba(44, 41, 31, 0.9);
}

.btn--beg img, .btn--beg svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .btn--beg {
    font-size: 11px;
    line-height: 18px;
    border-radius: 10px;
  }
  .btn--beg img, .btn--beg svg.ico {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
  }
}
.btn--gray {
  padding: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background: #FBFAF8;
  color: rgba(44, 41, 31, 0.5);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.btn--gray:hover {
  background: #F5F4F4;
  color: rgb(44, 41, 31);
}

.swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.swiper-wrapper .swiper-slide {
  height: auto;
}

.swiper-button-lock {
  display: none !important;
}

.swiper-pagination-lock {
  display: none !important;
}

.swiper-pagination {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
}

@media (max-width: 767px) {
  .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 12px;
  position: relative;
}

.swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: var(--gray2);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.swiper-pagination .swiper-pagination-bullet-active::after {
  background: var(--green);
}

.section {
  padding: 60px 0;
}

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

@media (max-width: 767px) {
  .section--basket {
    padding: 30px 0;
  }
}
.section__back {
  padding: 50px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  position: relative;
  z-index: 1;
}

.section__back .product-detail__share {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}

.section__back .btn {
  padding: 13px 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.section__back .btn svg {
  font-size: 7px;
}

@media (max-width: 767px) {
  .section__back {
    padding: 24px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 16px;
  }
  .section__back .btn {
    padding: 7px 12px 7px 12px;
    border-radius: 10px;
  }
}
.section--first {
  padding: 0 0 60px;
}

@media (max-width: 767px) {
  .section--first {
    padding: 0 0 30px;
  }
}
.section--back {
  padding: 50px 0 60px;
}

@media (max-width: 767px) {
  .section--back {
    padding: 24px 0 30px;
  }
}
.section--back .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 11px 24px 11px 20px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  border-color: #D6CCB7;
  font-size: 14px;
  line-height: 20px;
}

.section--back .btn svg {
  font-size: 7px;
}

.section--back .btn:hover {
  border-color: var(--black);
  color: var(--black);
}

@media (max-width: 767px) {
  .section--back .btn {
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
}
.section--smallpadding {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .section--smallpadding {
    padding: 16px 0;
  }
}
.section--bg {
  position: relative;
}

.section--bg::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 100%;
  width: 400px;
  background: url("/local/templates/vpl_vue/img/content/logo-bg.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/logo-bg.avif") type("image/avif"), url("/local/templates/vpl_vue/img/content/logo-bg.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/logo-bg.png") type("image/png"));
  z-index: 0;
}

.section--bg.lazy-bg:not(.is-loaded)::after {
  background-image: none;
}

@media (max-width: 767px) {
  .section--bg::after {
    content: none;
  }
}
.section--bg2 {
  position: relative;
}

.section--bg2::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 400px;
  background: url("/local/templates/vpl_vue/img/content/logo-bg2.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/logo-bg2.avif") type("image/avif"), url("/local/templates/vpl_vue/img/content/logo-bg2.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/logo-bg2.png") type("image/png"));
  z-index: 0;
}

.section--bg2.lazy-bg:not(.is-loaded)::after {
  background-image: none;
}

@media (max-width: 767px) {
  .section--bg2::after {
    content: none;
  }
}
.section--gray {
  background: #F2F1EF;
}

.section--gray2 {
  background: #FBFAF8;
}

.section--gray3 {
  background: #F8F8F8;
}

.section--beg {
  background: #EBE5D6;
}

.section__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 767px) {
  .section__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 14px;
  }
}
.section__nav-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  padding: 9px 16px;
  border-radius: 14px;
  border: 1px solid #D6CCB7;
  -webkit-backdrop-filter: blur(6.5px);
  backdrop-filter: blur(6.5px);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.section__nav-download img, .section__nav-download svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .section__nav-download img, .section__nav-download svg.ico {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
.section__nav-download:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .section__nav-download {
    padding: 11px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    border-radius: 10px;
  }
}
.section--padingtop {
  padding: 60px 0 0;
}

@media (max-width: 767px) {
  .section--padingtop {
    padding: 30px 0 0;
    border-top: 1px solid var(--gray2);
  }
}
.section__subtitle {
  color: #919094;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .section__subtitle {
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
.section__heading-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 1199px) {
  .section__heading-wp .section__heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 16px;
  }
  .section__heading-wp .section__nav {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .section__heading-wp .section__nav {
    width: 100%;
  }
  .section__heading-wp .section__heading {
    row-gap: 16px;
  }
}
.section__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .section__heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 8px;
    margin-bottom: 16px;
  }
}
.section__nav-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section__nav-arrows .slider-btn {
  font-size: 16px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(108, 100, 92, 0.5);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.section__nav-arrows .slider-btn svg {
  margin-top: 2px;
}

.section__nav-arrows .slider-btn:hover {
  color: rgb(108, 100, 92);
}

.section__nav-arrows .slider-btn:hover.swiper-button-prev svg {
  -webkit-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  transform: translateX(-3px);
}

.section__nav-arrows .slider-btn:hover.swiper-button-next svg {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}

@media (max-width: 767px) {
  .section__nav-arrows .slider-btn {
    font-size: 12px;
    padding: 6px;
  }
}
@media (max-width: 576px) {
  .section__nav-arrows .slider-btn {
    display: none;
  }
}
.section__title-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.section__title {
  color: var(--black);
  font-size: 35px;
  font-weight: 600;
  line-height: 43px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .section__title {
    font-size: 18px;
    line-height: 22px;
  }
}
.section__nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  color: var(--brown);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.section__nav-link svg {
  font-size: 8px;
}

@media (max-width: 767px) {
  .section__nav-link {
    padding: 5px 6px 5px 10px;
    border-radius: 10px;
    background: #F5F4F4;
    font-size: 12px;
    line-height: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.section__nav-link:hover {
  color: var(--black);
}

.section__nav-link:hover svg {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}

.content-entry {
  padding: 30px 0 40px;
}

@media (max-width: 767px) {
  .content-entry {
    padding: 30px 0 16px;
  }
}
.content-entry--breadcrumbs {
  padding: 30px 0;
}

@media (max-width: 767px) {
  .content-entry--breadcrumbs {
    padding: 30px 0 16px;
  }
}
@media (max-width: 767px) {
  .content-entry__wrapper {
    overflow: hidden;
  }
}
.content-entry__wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}

@media (max-width: 767px) {
  .breadcrumbs {
    width: calc(100% + 16px);
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 5px;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

@media (max-width: 767px) {
  .breadcrumbs__list {
    width: 100%;
    /* overflow-x: auto; */
  }
  /* .breadcrumbs__list::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  cursor: pointer;
  }

  .breadcrumbs__list::-webkit-scrollbar-track {
  background: transparent;
  } */
}
.breadcrumbs__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .breadcrumbs__link {
    white-space: nowrap;
    font-size: 11px;
    line-height: 14px;
  }
}
.breadcrumbs__link svg {
  font-size: 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.breadcrumbs__link--inactive {
  color: #CFCBCB;
  pointer-events: none;
}

.content {
  padding-top: 0;
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .content {
    max-width: 100%;
  }
}
.seo-text-section {
  margin-top: -30px;
  padding-top: 30px;
  border-top: 1px solid #E7E7E7;
}

.seo-text-section .content {
  max-width: none;
  margin: 0;
}

@media (max-width: 767px) {
  .seo-text-section {
    margin-top: -15px;
    padding-top: 15px;
  }
}
.content h2,
.content h3,
.content h5 {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .content h2,
  .content h3,
  .content h5 {
    margin-top: 20px;
  }
}
.content h6 {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .content h6 {
    margin-top: 15px;
  }
}
.content a {
  color: var(--green);
}

.content a:hover {
  color: var(--greenHover);
}

.content a:active {
  color: var(--green);
}

.content a:focus {
  color: var(--greenHover);
}

.content a img, .content a svg.ico {
  display: inline;
}

.content p {
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
}

@media (max-width: 767px) {
  .content p {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 16px;
  }
}
.content p.big-text {
  font-size: 18px;
  /* color: var(--hardblack); */
  line-height: 26px;
}

.content p.big {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

@media (max-width: 767px) {
  .content p.big-text {
    font-size: 13px;
    line-height: 16px;
  }
  .content p.big {
    font-size: 15px;
    line-height: 21px;
  }
}
.content p.green-text {
  color: var(--greenHover);
  font-size: 18px;
  line-height: 26px;
}

@media (max-width: 767px) {
  .content p.green-text {
    font-size: 15px;
    line-height: 21px;
  }
}
.content p.small-text {
  font-size: 14px;
  line-height: 20px;
}

.content p.warning {
  font-size: 18px;
  line-height: 26px;
}

.content p:last-child {
  margin-bottom: 0;
}

.content img, .content svg.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  margin: 24px auto;
}

@media (max-width: 767px) {
  .content img, .content svg.ico {
    border-radius: 10px;
  }
}
.content .content-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 24px 0;
}

.content .content-img img, .content .content-img svg.ico {
  margin: 0;
}

.content .img-sub {
  color: #8A8A8A;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}

.content ul {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}

@media (max-width: 767px) {
  .content ul {
    margin: 0 0 20px;
  }
}
.content ul > li {
  color: var(--black);
  font-weight: 400;
  padding-left: 28px;
  margin-bottom: 8px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .content ul > li {
    font-size: 14px;
    line-height: 18px;
  }
}
.content ul > li > ul {
  margin-bottom: 16px;
  margin-top: 16px !important;
}

@media (max-width: 767px) {
  .content ul > li {
    padding-left: 25px;
  }
}
.content ul > li:after {
  content: "";
  background-size: contain;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 4px;
  background: var(--green);
  left: 6px;
  top: 6px;
}

@media (max-width: 767px) {
  .content ul > li:after {
    left: 5px;
    top: 3px;
    width: 10px;
    height: 10px;
  }
}
.content ul > li > ul,
.content ul > li > ol {
  margin-top: 16px;
}

.content ul.small-text > li {
  padding-left: 23px;
}

.content ul.small-text > li:after {
  width: 8px;
  height: 8px;
  left: 7px;
  top: 8px;
  border-radius: 3px;
}

.content ol {
  counter-reset: counter;
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

@media (max-width: 767px) {
  .content ol {
    margin: 0 0 16px;
  }
}
.content ol > li {
  counter-increment: counter;
  padding-left: 36px;
  margin-bottom: 16px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
}

@media (max-width: 767px) {
  .content ol > li {
    font-size: 14px;
    line-height: 20px;
  }
}
.content ol > li:before {
  content: counter(counter);
  color: var(--black);
  background: #DDDADA;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: -1px;
  text-align: center;
  min-width: 24px;
  max-width: 24px;
}

@media (max-width: 767px) {
  .content ol > li:before {
    top: -3px;
  }
}
.content ol > li > ul,
.content ol > li > ol {
  margin-top: 16px !important;
}

.content ol.small-text > li {
  padding-left: 26px;
}

.content ol.small-text > li:before {
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  top: 4px;
}

.content blockquote {
  color: var(--black);
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 0 24px;
  position: relative;
  padding-left: 52px;
}

.content blockquote P {
  margin: 0;
}

.content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: url("/local/templates/vpl_vue/img/svg/blockquote-ico.svg") no-repeat center center;
  background-size: contain;
}

.content blockquote p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

.content blockquote cite {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #8A8A8A;
  text-decoration: none;
}

@media (max-width: 767px) {
  .content blockquote {
    padding-left: 0;
    padding-top: 33px;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
  }
  .content blockquote::before {
    width: 33px;
    height: 33px;
  }
  .content blockquote p {
    font-size: 16px;
    line-height: 21px;
  }
  .content blockquote.quote-blue {
    padding-left: 0;
    padding-top: 33px;
  }
  .content blockquote.quote-blue::before {
    width: 33px;
    height: 33px;
  }
}
.content .table-responsive {
  margin-bottom: 24px;
}

.content .table-responsive table {
  margin-bottom: 6px;
}

.content .table-responsive.columns-2 table tr > td {
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: right;
}

.content .table-responsive.columns-2 table tr > td:first-of-type {
  color: var(--brown);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.content .table-responsive.columns-4 thead tr {
  border-bottom: none;
}

.content .table-responsive.columns-4 th {
  padding: 14px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: none;
  color: var(--black);
}

.content .table-responsive.columns-4 tbody td {
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 15px 14px 0;
}

.content table {
  border: 0;
  border-collapse: collapse;
  margin-bottom: 6px;
  overflow: hidden;
  width: 100%;
}

.content table th {
  padding: 0 20px 16px 0;
  background: var(--white);
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid var(--greenHover);
  color: var(--green);
  font-family: "Montserrat", sans-serif;
}

.content table tr {
  border-bottom: 1px solid var(--gray2);
}

.content table tr > td {
  color: var(--brown);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  min-height: 27px;
  text-align: left;
  padding: 16px 0;
  padding-right: 20px !important;
}

@media (max-width: 767px) {
  .content table tr > td {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }
}
.content table thead tr > td {
  color: var(--black);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
  padding-bottom: 12px;
  text-transform: uppercase;
}

.content .small-title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.no-photo {
  background: #F5F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.no-photo img, .no-photo svg.ico {
  max-width: 181px;
  width: 100%;
  height: 100%;
}

.no-photo.typical-content {
  min-height: 400px;
  margin: 24px auto 50px;
  max-width: 770px;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .no-photo.typical-content {
    min-height: 250px;
    margin: 16px auto 20px;
  }
}
.header {
  position: relative;
  width: 100%;
  z-index: 10;
  background: var(--white);
}

.header .header__bottom-nav-dropdown-block-title-desc {
  display: none;
}

@media (max-width: 991px) {
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
}
.header__logo {
  height: 44px;
  max-width: 180px;
  width: max-content;
  margin-top: 10px;
}

.header__logo img, .header__logo svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1199px) {
  .header__logo {
    margin-top: 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .header__logo {
    width: clamp(130px, 12.5vw - 20px, 160px);
    max-width: 160px;
    min-width: 120px;
    flex-shrink: 1;
  }
  .header__top-actions {
    column-gap: 10px;
    flex-shrink: 0;
  }
}
.header__search {
  max-width: 393px;
  min-width: 393px;
}

/* 1200–1440: сумма блоков шапки шире контейнера на 66–75 px — поиск сжимается, остальные блоки нет */
@media (min-width: 1200px) and (max-width: 1440px) {
  .header__middle-center {
    min-width: 0;
    flex-shrink: 1;
  }
  .header__search {
    min-width: 0;
    width: 393px;
    flex-shrink: 1;
  }
}
@media (max-width: 1199px) {
  .header__search {
    max-width: 280px;
    min-width: 280px;
  }
}
@media (max-width: 1024px) {
  .header__search {
    max-width: 250px;
    min-width: 250px;
  }
}
.header__search .container {
  padding: 0;
}

.header__search form {
  position: relative;
}

.header__search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}

.header__search-wrapper input {
  border: none;
  height: 40px;
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  width: 100%;
  background: transparent;
}

.header__search-wrapper input::-webkit-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.header__search-wrapper input::-moz-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.header__search-wrapper input:-ms-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.header__search-wrapper input::-ms-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.header__search-wrapper input::placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.header__search-close {
  padding-right: 10px;
  height: 22px;
  color: rgba(16, 36, 43, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid var(--gray2);
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.header__search-close:hover {
  color: var(--greenHover);
}

.header__search-send {
  font-size: 16px;
  color: #10242B;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  height: 100%;
  padding-left: 10px;
  height: 40px;
  cursor: pointer;
}

.header__search-send:hover {
  color: var(--greenHover);
}

.header__top {
  background: -webkit-gradient(linear, left bottom, left top, from(#3E3B39), to(#3E3B39)), #285252;
  background: -o-linear-gradient(bottom, #3E3B39 0%, #3E3B39 100%), #285252;
  background: linear-gradient(0deg, #3E3B39 0%, #3E3B39 100%), #285252;
}

.header__top-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.header__top-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.header__top-actions-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 6px 0;
}

.header__top-actions-link.is-open {
  z-index: 10;
}

.header__top-actions-link svg {
  font-size: 16px;
  min-width: 16px;
  max-width: 16px;
  margin-right: 2px;
}

.header__top-actions-link:hover {
  color: var(--white);
}

.header__top-actions-link.is-active {
  color: var(--white);
}

.header__top-actions-link-amount {
  max-width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 11px;
  background: var(--beg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  color: var(--black);
}

.header__top-lk {
  position: relative;
  flex-shrink: 0;
}

.header__top-lk-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--white);
  padding: 13px 15px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  -webkit-box-shadow: 0 10px 30px rgba(44, 41, 31, 0.16);
  box-shadow: 0 10px 30px rgba(44, 41, 31, 0.16);
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 7px));
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  min-width: 583px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  visibility: hidden;
}

.header__top-lk-dropdown.is-show {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.header__top-lk-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: #534B44;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  border-bottom: 1px solid var(--gray2);
  padding: 12px 0;
}

.header__top-lk-dropdown-item:nth-last-child(-n+2) {
  border-bottom: none;
}

.header__top-lk-dropdown-item:hover {
  color: var(--black);
}

.header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon img, .header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon img.hover, .header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon svg.ico.hover {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.header__top-lk-dropdown-item-icon {
  max-width: 26px;
  min-width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.header__top-lk-dropdown-item-icon img, .header__top-lk-dropdown-item-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__top-lk-dropdown-item-icon img.hover, .header__top-lk-dropdown-item-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__middle {
  border-bottom: 1px solid var(--gray2);
  padding: 15px 0;
}

.header__middle .burger {
  display: none;
}

@media (max-width: 991px) {
  .header__middle .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__middle-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.header__middle-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
  padding: 5px 19px 5px 16px;
  background: #FBFAF8;
  border: 1px solid var(--gray2);
  border-radius: 14px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  min-height: 55px;
}

.header__middle-center.is-active {
  z-index: 10;
}

.header__middle-center.is-active .header__catalog {
  position: absolute;
  opacity: 0;
}

.header__middle-center.is-active .header__search {
  max-width: 597px;
  min-width: 597px;
  padding-left: 10px;
}

@media (max-width: 1199px) {
  .header__middle-center.is-active .header__search {
    max-width: 494px;
    min-width: 494px;
  }
}
.header__middle-center.is-active .header__search-close {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header__middle-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 11px;
  -moz-column-gap: 11px;
  column-gap: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__middle-basket {
  position: relative;
}

.header__middle-basket-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 410px;
  background: var(--white);
  border-radius: 14px;
  -webkit-box-shadow: 0 10px 30px rgba(44, 41, 31, 0.16);
  box-shadow: 0 10px 30px rgba(44, 41, 31, 0.16);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  -webkit-transition: visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.header__middle-basket-dropdown .container {
  padding: 0;
}

/* Список товаров во всплывающей корзине: штатная прокрутка браузера вместо библиотеки
   mCustomScrollbar (W-259). Высоту списка при числе товаров больше трёх задаёт
   dropdownCart() в app/local/js/vpl/tas/src/components/basket/headerbasket.js.
   Оформление прежнее: полоса 3 px цвета --brown на дорожке #FBFAF8.
   Chrome и Safari — псевдоэлементы ::-webkit-scrollbar; Firefox их не знает и получает
   scrollbar-width/scrollbar-color. Свойства Firefox заданы только там, где псевдоэлементов
   нет: Chrome 121+ при заданном scrollbar-width псевдоэлементы игнорирует. */
.header__middle-basket-dropdown .basket-dropdown__list {
  overflow-y: auto;
  overscroll-behavior: contain;
}

@supports not selector(::-webkit-scrollbar) {
  .header__middle-basket-dropdown .basket-dropdown__list {
    scrollbar-width: thin;
    scrollbar-color: var(--brown) #FBFAF8;
  }
}
.header__middle-basket-dropdown .basket-dropdown__list::-webkit-scrollbar {
  width: 3px;
}

.header__middle-basket-dropdown .basket-dropdown__list::-webkit-scrollbar-track {
  background: #FBFAF8;
}

.header__middle-basket-dropdown .basket-dropdown__list::-webkit-scrollbar-thumb {
  background: var(--brown);
}

.header__middle-basket-dropdown.is-show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header__middle-basket-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 43px;
  max-width: 43px;
  height: 43px;
  border-radius: 18px;
  border: 1px solid var(--gray2);
  font-size: 30px;
  position: relative;
  color: var(--greenHover);
  background: var(--white);
}

.header__middle-basket-link.is-open {
  z-index: 10;
}

.header__middle-basket-link:hover {
  color: #1F8554;
}

.header__middle-basket-link-amount {
  position: absolute;
  top: 3px;
  right: 5px;
  background: var(--beg);
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 100%;
}

.basket-dropdown__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 7px 15px 20px 10px;
  border-bottom: 1px solid var(--gray2);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket-dropdown__list-item:last-of-type {
  border-bottom: none;
}

.basket-dropdown__list-item:hover {
  background: #FBFAF8;
}

.basket-dropdown__list-item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 70px;
  max-width: 70px;
  height: 50px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--white);
  border-radius: 6px;
  overflow: hidden;
}

.basket-dropdown__list-item-img img, .basket-dropdown__list-item-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.basket-dropdown__list-item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 2px;
  position: relative;
  width: 100%;
}

.basket-dropdown__list-item-name {
  font-size: 14px;
  line-height: 18px;
}

.basket-dropdown__list-item-name:hover {
  color: var(--greenHover);
}

.basket-dropdown__list-item-serv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
}

.basket-dropdown__list-item-serv span {
  color: var(--brown);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
}

.basket-dropdown__list-item-serv-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
}

.basket-dropdown__list-item-serv-list-item {
  padding: 1px 5px;
  border-radius: 2px;
  border: 1px solid #E2E2E2;
  color: #707070;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

.basket-dropdown__list-item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 40px;
}

/* зачёркнутая цена — под основной, а не в одной строке с ней (решение заказчика 2026-10-19) */
.basket-dropdown__list-item-bottom .product-card__price {
  flex-direction: column;
  align-items: flex-end;
  row-gap: 2px;
}

.basket-dropdown__list-item-amount {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.basket-dropdown__list-item-close {
  padding: 10px;
  margin: -10px;
  color: rgba(16, 36, 43, 0.4);
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 6px;
}

.basket-dropdown__list-item-close:hover {
  color: #10242B;
}

.basket-dropdown__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid var(--gray2);
}

.basket-dropdown__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket-dropdown__info-item {
  padding: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--brown);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.basket-dropdown__info-item:nth-child(2) {
  border-left: 1px solid var(--gray2);
  color: var(--greenHover);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.basket-dropdown__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-radius: 12px;
  background: #F6EFE0;
  color: rgba(44, 41, 31, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 12px;
}

.basket-dropdown__btn:hover {
  background: #EBE5D6;
  color: rgb(44, 41, 31);
}

.header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1199px) {
  .header__nav ul {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
.header__nav ul li a {
  padding: 5px 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.header__nav ul li a:hover {
  color: var(--white);
}

@media (max-width: 1199px) {
  .header__nav ul li a {
    font-size: 12px;
  }
}
.search__results {
  position: absolute;
  top: calc(100% + 8px);
  left: -25px;
  width: calc(100% + 45px);
  background: var(--white);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  border-radius: 14px;
  overflow: hidden;
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
}

.search__results.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.search__results-btn {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background: #F6EFE0;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.search__results-btn:hover {
  background: #EBE5D6;
  color: var(--black);
}

.search__results-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.search__results-item {
  padding: 5px 0;
  border-bottom: 1px solid var(--gray2);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin-top: -1px;
}

.search__results-item:last-child {
  border-bottom: 0;
}

.search__results-item:last-of-type {
  border-bottom: none;
}

.search__results-item:hover {
  background: #FBFAF8;
}

.search__results-item:hover .search__results-item-name {
  color: var(--greenHover);
}

.search__results-item-img {
  max-width: 70px;
  min-width: 70px;
  height: 50px;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
}

.search__results-item-img img, .search__results-item-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.search__results-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
  margin-right: 11px;
}

@media (max-width: 991px) {
  .search__results-item-info {
    margin-right: auto;
  }
}
.search__results-item-name {
  font-size: 14px;
  line-height: 18px;
}

.search__results-item-name:hover {
  color: var(--greenHover);
}

.search__results-item-chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 4px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.search__results-status-item {
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(220, 230, 225, 0.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--greenHover);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}

.contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.contacts-block__tel {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

.contacts-block__tel:hover {
  color: var(--greenHover);
}

.contacts-block__link {
  color: #4B4540;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 2px 7px;
  border-radius: 13px;
  background: rgba(161, 153, 145, 0.2);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.contacts-block__link:hover {
  color: var(--greenHover);
}

.contacts-block__mes {
  font-size: 38px;
  min-width: 30px;
  /* max-width: 30px; */
  color: var(--green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

.contacts-block__mes:hover {
  color: var(--greenHover);
}

.header__bottom {
  border-bottom: 1px solid var(--gray2);
}

.header__bottom-nav {
  width: 100%;
}

.header__bottom-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__bottom-nav > ul li {
  position: relative;
}

.header__bottom-nav > ul li:not(.has-child) .header__bottom-nav-link svg.icon {
  display: none;
}

.header__bottom-nav > ul li:not(.has-child) .header__bottom-nav-link-icon {
  display: none;
}

.header__bottom-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding: 16px 0;
}

.header__bottom-nav-link svg.icon {
  font-size: 10px;
}

.header__bottom-nav-link:hover {
  color: rgba(44, 41, 31, 0.8);
}

.header__bottom-nav-link:hover .header__bottom-nav-link-icon {
  opacity: 1;
}

.header__bottom-nav-link.is-open {
  color: rgba(44, 41, 31, 0.6);
}

.header__bottom-nav-link.is-open .header__bottom-nav-link-icon {
  opacity: 1;
}

.header__bottom-nav-link.is-open svg.icon {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.header__bottom-nav-link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 6px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__bottom-nav-link-icon img, .header__bottom-nav-link-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__bottom-nav-dropdown {
  position: absolute;
  top: 100%;
  left: -9px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 8px 15px;
  border-radius: 0px 0px 14px 14px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  min-width: 264px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid var(--gray2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
}

.header__bottom-nav-dropdown--big {
  position: fixed;
  padding: 0;
  top: 166px;
  left: initial;
  right: -8px;
  width: 100%;
  border-radius: 0;
  width: calc(100% + 8px);
  transition: none;
  background: transparent;
}

.header__bottom-nav > ul li {
  position: initial;
}

.header__bottom {
  position: relative;
}

.header__bottom-nav-dropdown--big {
  position: absolute;
  top: calc(100% - 2px);
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  /* display: none; */
}

.header__bottom-nav-dropdown-inner {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  overflow-x: hidden;
  /* width: calc(100% - 8px); */
  background: var(--white);
  position: relative;
  /* margin-left: -8px; */
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
  border-radius: 0px 0px 14px 14px;
}

.header__bottom-nav-dropdown.is-show .header__bottom-nav-dropdown-inner {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header__bottom-nav-dropdown--big.is-show {
  /* width: 100%; */
  display: flex;
}

.header__bottom-nav-dropdown-inner::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  cursor: pointer;
}

/* .header__bottom-nav-dropdown-inner::-webkit-scrollbar-track {
    background: var(--white);
} */
.header__bottom-nav-dropdown-inner::-webkit-scrollbar-thumb {
  background-color: var(--green);
  border: none;
}

.header__bottom-nav-dropdown-inner::-webkit-scrollbar-thumb:hover {
  color: var(--hover);
}

.header__bottom-nav-dropdown--big .container {
  position: relative;
}

.header__bottom-nav-dropdown.is-show {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header__bottom-nav-dropdown-close {
  position: absolute;
  left: calc(100% + 75px);
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #FBFBFB;
  color: rgba(16, 36, 43, 0.4);
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header__bottom-nav-dropdown-close:hover {
  background: #F5F5F5;
  color: rgb(16, 36, 43);
}

@media (max-width: 1700px) {
  .header__bottom-nav-dropdown-close {
    left: calc(100% + 10px);
  }
}
@media (max-width: 1530px) {
  .header__bottom-nav-dropdown-close {
    left: initial;
    right: 15px;
  }
}
@media (max-width: 1440px) {
  .header__bottom-nav-dropdown-close {
    left: calc(100% + 10px);
    right: initial;
  }
}
@media (max-width: 1350px) {
  .header__bottom-nav-dropdown-close {
    left: initial;
    right: 15px;
  }
}
.header__bottom-nav-dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%;
  padding: 14px 16px 14px 8px;
  color: #534B44;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid var(--gray2);
}

.header__bottom-nav-dropdown-link:last-of-type {
  border-bottom: none;
}

.header__bottom-nav-dropdown-link:hover {
  color: var(--black);
}

.header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon img, .header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon img.hover, .header__bottom-nav-dropdown-link:hover .header__bottom-nav-dropdown-link-icon svg.ico.hover {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.header__bottom-nav-dropdown-link-icon {
  position: relative;
  min-width: 27px;
  max-width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__bottom-nav-dropdown-link-icon img, .header__bottom-nav-dropdown-link-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-link-icon img.hover, .header__bottom-nav-dropdown-link-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__bottom-nav-dropdown-wp {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 2px));
  row-gap: 10px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 20px 0 30px;
}

@media (max-width: 1530px) {
  .header__bottom-nav-dropdown-wp {
    padding-top: 80px;
  }
}
@media (max-width: 1440px) {
  .header__bottom-nav-dropdown-wp {
    padding-top: 20px;
  }
}
@media (max-width: 1350px) {
  .header__bottom-nav-dropdown-wp {
    padding-top: 80px;
  }
}
.header__bottom-nav-dropdown-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  padding: 24px;
  row-gap: 14px;
  overflow: hidden;
}

.header__bottom-nav-dropdown-block--informer {
  background: url("/local/templates/vpl_vue/img/main/header-menu-bg.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/main/header-menu-bg.avif") type("image/avif"), url("/local/templates/vpl_vue/img/main/header-menu-bg.webp") type("image/webp"), url("/local/templates/vpl_vue/img/main/header-menu-bg.png") type("image/png"));
  background-size: cover;
}

.header__bottom-nav-dropdown-block--informer.lazy-bg:not(.is-loaded) {
  background-image: none;
}

.header__bottom-nav-dropdown-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  opacity: 0.9;
}

.header__bottom-nav-dropdown-block-title:hover {
  opacity: 1;
}

.header__bottom-nav-dropdown-block-title-icon {
  position: relative;
  max-width: 27px;
  min-width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-block-title-icon img, .header__bottom-nav-dropdown-block-title-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__bottom-nav-dropdown-block-title-icon img.hover, .header__bottom-nav-dropdown-block-title-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__catalog {
  padding: 12px 18px 12px 21px;
}

.header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon img, .header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon img.hover, .header__bottom-nav-dropdown-block-title:hover .header__bottom-nav-dropdown-block-title-icon svg.ico.hover {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.header__bottom-nav-dropdown-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 7px;
}

.header__bottom-nav-dropdown-block-list a {
  color: var(--brown);
  font-size: 16px;
  line-height: 24px;
}

.header__bottom-nav-dropdown-block-list a:hover {
  color: var(--greenHover);
}

.header__bottom-nav-dropdown-block-name {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.header__bottom-nav-dropdown-block-text {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

.header__bottom-nav .contacts-socials {
  margin-top: auto;
}

.header__bottom-nav .dropdown-btn {
  padding: 13px;
}

.contacts-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 33px;
  -moz-column-gap: 33px;
  column-gap: 33px;
}

.contacts-socials__tel {
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

.contacts-socials__tel:hover {
  color: var(--greenHover);
}

.contacts-socials__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.contacts-socials__links a {
  max-width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 10px;
  background: rgba(245, 245, 245, 0.6);
  color: var(--brown);
  font-size: 35px;
}

.contacts-socials__links a:hover {
  background: #E1E0E0;
  color: var(--greenHover);
}

.header__catalog-dropdown {
  position: fixed;
  width: 100%;
  background: var(--white);
  height: 100%;
  padding: 28px 0 24px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  top: -100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (min-width: 992px) and (max-width: 1439px) {
  .header__catalog-dropdown > .container {
    width: auto;
    max-width: none;
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 0;
    padding-left: 0;
  }
}
.header__catalog-dropdown.is-open {
  top: 0;
  pointer-events: auto;
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.header__catalog-dropdown.is-open .header__catalog-content-tab.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header__catalog-dropdown-close {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 101;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background: #FBFBFB;
  color: rgba(16, 36, 43, 0.4);
  font-size: 40px;
}

body.is-fixed .header__catalog-dropdown-close {
  top: 40px;
}

.header__catalog-dropdown-close-stick {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 1px;
  border-radius: 1px;
  background: currentColor;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  pointer-events: none;
}

.header__catalog-dropdown-close-stick--first {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.header__catalog-dropdown-close-stick--second {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.header__catalog-dropdown-close:hover {
  background: #F5F5F5;
  color: rgb(16, 36, 43);
}

.header__catalog-dropdown-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 24px;
}

.header__catalog-dropdown-top {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 332px auto;
  -webkit-column-gap: 68px;
  -moz-column-gap: 68px;
  column-gap: 68px;
}

.header__catalog-dropdown-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 6px;
  border-radius: 14px;
  background: #F5F4F4;
}

.header__catalog-dropdown-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px 13px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #534B44;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 9px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__catalog-dropdown-btn:hover {
  background: #DDDADA;
}

.header__catalog-dropdown-btn.is-active {
  background: var(--green);
  color: var(--white);
  pointer-events: none;
}

.header__catalog-dropdown-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.header__catalog-dropdown-search .header__search {
  max-width: 100%;
  min-width: 100%;
  z-index: 2;
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: #FBFAF8;
  padding: 0 16px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__catalog-dropdown-search .search__results {
  top: calc(100% + 7px);
}

.header__catalog-dropdown-search.is-active .header__search {
  background: #F5F4F4;
}

.header__catalog-wp-wp {
  position: absolute;
  top: 0;
  width: 100%;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
}

.header__catalog-dropdown.is-open .header__catalog-wp-wp.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  top: initial;
  pointer-events: auto;
  z-index: 1;
}

.header__catalog-dropdown::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.header__catalog-wp {
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  -webkit-column-gap: 68px;
  -moz-column-gap: 68px;
  column-gap: 68px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  width: 100%;
  min-width: 0;
}

.header__catalog-content-tab-wp {
  padding-bottom: 20px;
}

.header__catalog-nav {
  width: auto;
  min-width: 0;
}

.header__catalog-submenu {
  position: -webkit-sticky;
  position: sticky;
  top: var(--catalog-submenu-sticky-top, 0px);
  min-width: 0;
  -ms-flex-item-align: start;
  align-self: start;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header__catalog-dropdown-top,
  .header__catalog-wp {
    grid-template-columns: 300px minmax(0, 1fr);
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
.header__catalog-nav-item {
  padding: 16px 0 16px 8px;
  border-bottom: 1px solid var(--gray2);
}

.header__catalog-dropdown-bottom {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 34px;
}

.header__catalog-nav-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-arrow {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link {
  opacity: 1;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link-img img, .header__catalog-nav-item-top:hover .header__catalog-nav-link-img svg.ico {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
}

.header__catalog-nav-item-top:hover .header__catalog-nav-link-img img.menu-img-hover, .header__catalog-nav-item-top:hover .header__catalog-nav-link-img svg.ico.menu-img-hover {
  position: relative;
  top: initial;
  left: initial;
  opacity: 1;
  z-index: 1;
}

.header__catalog-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #534B44;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  opacity: 0.9;
  width: 100%;
}

.header__catalog-nav-link:hover {
  opacity: 1;
}

.header__catalog-nav-link:hover .header__catalog-nav-link-img img, .header__catalog-nav-link:hover .header__catalog-nav-link-img svg.ico {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
}

.header__catalog-nav-link:hover .header__catalog-nav-link-img img.menu-img-hover, .header__catalog-nav-link:hover .header__catalog-nav-link-img svg.ico.menu-img-hover {
  position: relative;
  top: initial;
  left: initial;
  opacity: 1;
  z-index: 1;
}

.header__catalog-nav-link-img {
  min-width: 27px;
  max-width: 27px;
  height: 27px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__catalog-nav-link-img img, .header__catalog-nav-link-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__catalog-nav-link-img img.menu-img-hover, .header__catalog-nav-link-img svg.ico.menu-img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
}

.header__catalog-nav-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 10px;
  color: var(--brown);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__catalog-content-tab {
  position: relative;
  display: none;
  width: 100%;
  min-width: 0;
  height: auto;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.header__catalog-content-tab.is-active {
  display: block;
}

.header__catalog-content-tab .container {
  width: 100%;
  max-width: none;
  padding: 0;
}

.header__catalog-content-dropdown-heading {
  padding-bottom: 24px;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #ECF0F0;
}

.header__catalog-content-dropdown-heading-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-right: auto;
}

.header__catalog-content-dropdown-heading-back svg {
  font-size: 10px;
}

.header__catalog-content-tab-wp-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: auto;
}

.header__catalog-content-tab-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .header__catalog-content-tab-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.header__catalog-content-tab-links-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 14px;
  min-width: 0;
}

.header__catalog-content-tab-link {
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.header__catalog-content-tab-new {
  height: 327px;
  width: 268px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding: 50px 40px;
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  text-transform: uppercase;
}

.header__catalog-content-tab-new::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/main/header-news.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/main/header-news.avif") type("image/avif"), url("/local/templates/vpl_vue/img/main/header-news.webp") type("image/webp"), url("/local/templates/vpl_vue/img/main/header-news.png") type("image/png"));
  z-index: -2;
}

.header__catalog-content-tab-new.lazy-bg:not(.is-loaded)::after {
  background-image: none;
}

.header__catalog-content-tab-new::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2C291F;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: -1;
}

.header__catalog-content-tab-new:hover {
  color: var(--white);
}

.header__catalog-content-tab-new:hover::before {
  opacity: 0.3;
}

.header__catalog-content-tab-brands {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 5px;
  width: 100%;
  min-width: 0;
  margin-top: 30px;
}

.header__catalog-content-tab-brands-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 59px;
  padding: 3px 8px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: transparent;
}

.header__catalog-content-tab-brands-item img, .header__catalog-content-tab-brands-item svg.ico {
  width: 100%;
  max-width: 89px;
  height: 100%;
  max-height: 53px;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__catalog-content-tab-brands-item.show-all {
  min-width: 0;
  padding-right: 16px;
  padding-left: 16px;
  white-space: nowrap;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.header__catalog-content-tab-brands-item.show-all svg {
  font-size: 10px;
  margin-top: 1px;
}

.header__catalog-content-tab-brands-item:hover {
  border-color: #C5BBA6;
}

.header__catalog-content-tab-new-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.header__catalog-content-tab-new-img img, .header__catalog-content-tab-new-img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.header__fixed {
  position: fixed;
  top: -53px;
  left: 0;
  width: 100%;
  background: var(--white);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  /* border-bottom: 1px solid var(--gray2); */
  display: none;
}

.header__fixed-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 14px;
  -moz-column-gap: 14px;
  column-gap: 14px;
}

.header__fixed-logo {
  width: 102px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__fixed-logo img, .header__fixed-logo svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__fixed .header__bottom-nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header__fixed .header__bottom-nav-link {
  padding: 18px 0;
  font-size: 14px;
}

.header__fixed .contacts-block__tel {
  font-size: 14px;
}

.header__fixed-search {
  max-width: 34px;
  min-width: 34x;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #CFCDCD;
  font-size: 16px;
  color: rgba(44, 41, 31, 0.6);
}

.header__fixed-search:hover {
  color: rgb(44, 41, 31);
}

.header__catalog-dropdown .header__catalog-dropdown-search.is-active .header__search-overlay {
  opacity: 0.15;
}

.header__catalog-dropdown .header__catalog-dropdown-search.is-active .header__search-close {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.is-fixed .header__fixed {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  -webkit-animation: toFixed 0.3s linear;
  animation: toFixed 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.is-fixed.dropdown-open .header__fixed {
  padding-right: 8px;
}

.is-fixed.overlay-show .header__fixed {
  padding-right: 8px;
}

.is-fixed .header__bottom-nav-dropdown {
  top: 53px;
}

.is-fixed .header__catalog-dropdown.is-open {
  top: 53px;
}

.is-fixed .header__catalog-dropdown .header__search {
  max-width: 100%;
  min-width: 100%;
  z-index: 2;
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: #FBFAF8;
  padding: 0 16px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  right: initial;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.is-fixed .header__search {
  position: fixed;
  right: calc((100vw - 1380px) / 2);
  top: 0;
  border-radius: 14px;
  border: 1px solid #DDDADA;
  background: var(--gray2);
  height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  max-width: initial;
  min-width: initial;
  width: 930px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
}

@media (max-width: 1540px) {
  .is-fixed .header__search {
    right: calc((100vw - 1391px) / 2);
  }
}
@media (max-width: 1440px) {
  .is-fixed .header__search {
    width: 810px;
    right: calc((100vw - 1149px) / 2);
  }
}
@media (max-width: 1199px) {
  .is-fixed .header__search {
    width: 636px;
    right: 15px;
  }
}
@media (max-width: 1024px) {
  .is-fixed .header__search {
    width: 587px;
  }
}
.is-fixed .header__search.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 101;
}

.is-fixed .header__middle-center.is-active {
  z-index: unset;
}

.is-fixed .header__middle-center.is-active .header__search {
  max-width: initial;
  min-width: initial;
  width: 938px;
  padding-left: 16px;
}

@media (max-width: 767px) {
  .dropdown-open {
    padding-right: 0px !important;
  }
}
.burger__wp {
  position: relative;
}

.burger__dropdown {
  position: absolute;
  top: calc(100% + 11px);
  left: 0;
  border-radius: 0px 0px 14px 14px;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  min-width: 292px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -10;
}

.burger__dropdown.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.burger__dropdown-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.burger__dropdown-lk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 7px 21px 10px 15px;
}

.burger__dropdown .header__top-actions-link {
  padding: 0;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px;
  font-weight: 500;
  line-height: 16px;
  color: var(--black);
}

.burger__dropdown .header__top-actions-link svg {
  font-size: 16px;
}

.burger__dropdown .header__top-actions-link:hover {
  color: var(--greenHover);
}

.burger__dropdown-basket {
  position: relative;
  font-size: 23px;
  color: var(--brown);
}

.burger__dropdown-basket:hover {
  color: var(--greenHover);
}

.burger__dropdown-basket-amount {
  position: absolute;
  top: -3px;
  right: -4px;
  width: 18px;
  height: 18px;
  border-radius: 11px;
  background: var(--beg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--black);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
}

.burger__dropdown-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
  background: #FBFAF8;
}

.burger__dropdown-actions .header__top-actions-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 9px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.burger__dropdown-actions .header__top-actions-link:last-of-type {
  border-left: 1px solid var(--gray2);
}

.burger__dropdown-actions .header__top-actions-link svg {
  color: rgba(108, 100, 92, 0.5);
}

.burger__dropdown-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px 8px;
}

.burger__dropdown-links-item {
  padding: 8px 16px 8px 8px;
  border-bottom: 1px solid var(--gray2);
  font-weight: 500;
  line-height: 18px;
  color: rgba(83, 75, 68, 0.9);
}

.burger__dropdown-links-item:last-of-type {
  border-bottom: none;
}

.burger__dropdown-links-item:hover {
  color: var(--black);
}

.burger {
  max-width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #CFCDCD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.burger span {
  width: 14px;
  height: 2px;
  min-height: 1.5px;
  background: rgba(44, 41, 31, 0.6);
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: relative;
  display: block;
  position: relative;
  border-radius: 10px;
}

.burger:hover span {
  background: rgb(44, 41, 31);
}

.is-active.burger span:nth-child(1) {
  -webkit-animation: ease 0.7s burgerTop forwards;
  animation: ease 0.7s burgerTop forwards;
}

.is-active.burger span:nth-child(2) {
  -webkit-animation: ease 0.7s burgerMidle forwards;
  animation: ease 0.7s burgerMidle forwards;
}

.is-active.burger span:nth-child(3) {
  -webkit-animation: ease 0.7s burgerBottom forwards;
  animation: ease 0.7s burgerBottom forwards;
}

.is-static.burger span:nth-child(1) {
  -webkit-animation: ease 0.7s burgerTop2 forwards;
  animation: ease 0.7s burgerTop2 forwards;
}

.is-static.burger span:nth-child(2) {
  -webkit-animation: ease 0.7s burgerMidle2 forwards;
  animation: ease 0.7s burgerMidle2 forwards;
}

.is-static.burger span:nth-child(3) {
  -webkit-animation: ease 0.7s burgerBottom2 forwards;
  animation: ease 0.7s burgerBottom2 forwards;
}

.header__search-mob {
  display: none;
}

.header__middle-contacts-mob {
  display: none;
}

.mob-contacts {
  display: none;
}

.panel {
  display: none;
}

.search__results-item .product-card__price {
  margin-top: -3px;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .header__fixed .header__bottom-nav-link {
    font-size: 12px;
    white-space: nowrap;
  }
  .header__fixed .header__catalog {
    font-size: 13px;
    padding: 8px 10px;
  }
}
@media (max-width: 1199px) {
  .header__fixed .header__catalog {
    font-size: 13px;
  }
  .header__fixed .header__catalog .btn__icon {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
  }
  .header__fixed .header__bottom-nav-link {
    font-size: 11px;
  }
  .header__fixed .header__fixed-wp {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
  .header__fixed .contacts-block__tel {
    font-size: 12px;
  }
  .header__fixed .contacts-block__link {
    font-size: 11px;
  }
  .header__fixed .header__bottom-nav-link-icon {
    max-width: 15px;
    min-width: 15px;
    height: 15px;
  }
  .header__fixed .header__middle-contacts {
    display: none;
  }
}
@media (max-width: 991px) {
  .header__fixed {
    display: none;
  }
  .header__top {
    display: none;
  }
  .header__bottom {
    display: none;
  }
  .header__search {
    position: fixed;
    top: -53px;
    left: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-top: 1px solid #DDDADA;
    border-bottom: 1px solid #DDDADA;
    background: #F5F4F4;
    z-index: 10;
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header__search .container {
    padding: 0 15px;
  }
  .header__search.is-show {
    -webkit-animation: toFixed 0.3s linear;
    animation: toFixed 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .header__middle-center.is-active .header__search {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-left: 0;
  }
  .header__catalog {
    display: none;
  }
  .header__middle-center {
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .header__middle-contacts-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    max-width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid #CFCDCD;
    font-size: 13px;
    color: var(--brown);
  }
  .header__middle-contacts-mob::before {
    content: "";
    position: absolute;
    inset: -5px;
  }
  .header__middle-contacts {
    display: none;
  }
  .header__middle-basket {
    display: none;
  }
  .header__search-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    color: rgba(108, 100, 92, 0.6);
    font-size: 16px;
  }
  .header__middle {
    padding: 7px 0;
  }
  .header__logo {
    height: 30px;
    max-width: 105px;
    margin: 0 auto;
  }
  .header__middle-wp {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .mob-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 100;
    border-radius: 10px 10px 0 0;
    background: var(--white);
    /* SAIT-131: все кнопки доступны и на экране небольшой высоты. */
    max-height: calc(100vh - var(--tas-bottom-panel-height, 58px) - 16px);
    max-height: calc(100dvh - var(--tas-bottom-panel-height, 58px) - 16px);
    overflow-y: auto;
  }
  .mob-contacts.is-open {
    bottom: var(--tas-bottom-panel-height, 58px);
    -webkit-animation: tasMobileContactsOpen 0.3s linear;
    animation: tasMobileContactsOpen 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .mob-contacts__wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
  }
  .mob-contacts__heading {
    padding-bottom: 11px;
    border-bottom: 1px solid var(--gray2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .mob-contacts__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
  .mob-contacts__close {
    font-size: 10px;
    color: rgba(16, 36, 43, 0.4);
    padding: 10px;
    margin-top: -10px;
    margin-right: -10px;
  }
  .mob-contacts__close:hover {
    color: rgb(16, 36, 43);
  }
  .mob-contacts__content {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
  }
  .mob-contacts__content-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10px;
  }
  .mob-contacts__tel {
    color: var(--brown);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
  .mob-contacts__tel:hover {
    color: var(--greenHover);
  }
  .mob-contacts__mail {
    color: var(--brown);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid var(--gray2);
  }
  .mob-contacts__mail:hover {
    color: var(--greenHover);
  }
  .mob-contacts__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 9px 16px;
    border-radius: 14px;
    border: 1px solid #D6CCB7;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
  .mob-contacts__social img, .mob-contacts__social svg.ico {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .mob-contacts__social:hover {
    color: var(--greenHover);
  }
  .panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: -100%;
    left: 0;
    background: var(--white);
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-top: 1px solid #E7E7E7;
    z-index: 100;
    padding: 12px 0;
  }
  .panel.is-active {
    -webkit-animation: toTopPanel 0.3s linear;
    animation: toTopPanel 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .panel__wp {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .panel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    color: #8A8A8A;
    text-align: center;
    font-size: 8px;
    font-weight: 500;
    line-height: 10px;
  }
  .panel__item-ico {
    position: relative;
    max-width: 23px;
    min-width: 23px;
    height: 23px;
    font-size: 23px;
    color: #6C645C;
  }
  /* .panel__item--basket {
      font-size: 32px;
  } */
  .panel__item-amount {
    position: absolute;
    top: -5px;
    right: -9px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: var(--beg);
    color: var(--black);
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* @media(max-width: 425px) {
    .panel__item>span:not(.panel__item-ico) {
        display: none;
    }
} */
@media (max-width: 767px) {
  .search__results-item-img {
    max-width: 50px;
    min-width: 50px;
    height: 36px;
  }
  .search__results-item-name {
    font-size: 13px;
  }
  .search__results-item .product-card__price {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .search__results {
    width: 100vw;
    position: fixed;
    left: 0;
    top: 48px;
    border-radius: 0 0 12px 12px;
  }
}
/* SAIT-123: раскладки футера 1920 / 1366 / 1024 / 390 из Figma. */
.footer {
  width: 100%;
  color: var(--black);
}

.footer__main {
  padding: 50px 0;
  background: var(--gray) url("/local/templates/vpl_vue/img/main/bgFooter.png") center/cover no-repeat;
}

.footer__main.lazy-bg:not(.is-loaded) {
  background-image: none;
}

.footer__main-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.footer__main-contacts {
  display: flex;
  flex: 0 0 300px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  background: var(--white);
}

.footer__main-contacts .contacts-socials {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.footer__main-contacts .contacts-socials__tel,
.footer__main-contacts .contacts-socials__mail {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 38px;
  margin: 0;
  color: var(--black);
}

.footer__contact-icon {
  display: flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  height: 34px;
  border-radius: 8px;
  background: #F5F5F5;
}

.footer__contact-icon .icon {
  width: 18px;
  height: 18px;
}

.footer__contact-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.footer__contact-value {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.footer__main-contacts .contacts-socials__mail .footer__contact-value {
  line-height: 17px;
}

.footer__contact-note {
  color: #ADA9A6;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}

.footer__main-contacts .contacts-socials__tel:hover,
.footer__main-contacts .contacts-socials__mail:hover {
  color: var(--greenHover);
}

.footer__main-contacts .contacts-socials__tel:hover .footer__contact-value,
.footer__main-contacts .contacts-socials__mail:hover .footer__contact-value {
  text-decoration: underline;
}

.footer__main-contacts > .btn--green {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.footer__socials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: #F5F5F5;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.footer__social-link .icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: var(--green);
}

.footer__social-link:hover {
  background: #E1E1E0;
  color: var(--greenHover);
}

.footer__main-menus,
.footer__main-menus-wp {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.footer__main-menus-main {
  flex: 0 0 202px;
}

.footer__main-menus ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__main-menus-main ul {
  gap: 14px;
}

.footer__main-menus a,
.footer__main-menu-title {
  display: block;
  padding: 2px 0;
  font-size: 16px;
  line-height: 20px;
}

.footer__main-menus-main a,
.footer__main-menu-title {
  color: var(--black);
  font-weight: 600;
}

.footer__main-menus-wp a {
  color: var(--brown);
  font-weight: 500;
}

.footer__main-menus a:hover {
  color: var(--greenHover);
}

.footer__main-rightside {
  display: flex;
  flex: 0 0 280px;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.footer__currencies {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  min-height: 66px;
  padding: 6px 18px;
  border-radius: 14px;
  background: #FCFCFC;
}

.footer__currencies-top {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.footer__currencies-item {
  display: flex;
  gap: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.footer__currencies-item span {
  color: var(--green);
}

.footer__currencies-bottom {
  color: #ADA9A6;
  font-size: 14px;
  line-height: 14px;
}

.footer__requisites {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 15px 18px;
  border-radius: 14px;
  background: #FCFCFC;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.footer__requisites-address p {
  margin: 0;
}

/* Адрес из редактора переносится по ширине карточки. */
.footer__requisites-address br {
  display: none;
}

.footer__requisites-numbs span {
  color: #ADA9A6;
}

.footer__info {
  padding: 19px 0 17px;
  background: #E9E8E5;
}

.footer__info-wp {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer__info-copy {
  font-size: 14px;
  line-height: 18px;
}

.footer__info-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.footer__info-link:hover {
  color: var(--greenHover);
}

.to-top {
  display: none;
}

@media (min-width: 1440px) {
  .footer__main-menus,
  .footer__main-menus-wp {
    gap: 56px;
  }
  .footer__main-rightside {
    flex-basis: 353px;
  }
}
/* SAIT-138: нижняя полоса переходит в колонку до сжатия ссылок. */
@media (max-width: 1199px) {
  .footer__info-wp {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
/* При ширине меньше 1200 три колонки перестают помещаться в одну строку. */
@media (max-width: 1199px) {
  .footer__main {
    padding: 32px 0;
    background: var(--gray);
  }
  .footer__main-top {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
  .footer__main-contacts,
  .footer__main-rightside {
    flex-basis: auto;
  }
  .footer .to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    margin-bottom: 16px;
    padding: 0 14px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
  }
  .footer__to-top-icon {
    width: 10px;
    height: 7px;
  }
  .footer__socials {
    grid-template-columns: repeat(3, 140px);
  }
}
@media (max-width: 991px) {
  .footer {
    padding-bottom: 60px;
    background: #E9E8E5;
  }
}
@media (max-width: 767px) {
  .footer__socials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer__main-menus {
    flex-direction: column;
    gap: 0;
  }
  .footer__main-menus-main {
    flex-basis: auto;
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid #D3D3D3;
  }
  .footer__main-menus-wp {
    gap: 53px;
    padding-top: 32px;
  }
}
.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.socials a {
  max-width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 38px;
  color: var(--brown);
}

.socials a:hover {
  background: #E1E1E0;
  color: var(--greenHover);
}

.contacts-socials__mail {
  margin-top: 8px;
  color: var(--brown);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.contacts-socials__mail:hover {
  color: var(--greenHover);
}

.homescreen__slider .swiper-slide {
  position: relative;
  height: 540px;
}

.homescreen__bg {
  /* background: url("/local/templates/vpl_vue/img/content/homescreen-bg.png") no-repeat;
  background-size: cover; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .homescreen__bg {
    /* width: calc(100% - 30px); */
    /* left: 15px; */
    /* padding-left: 15px;
    padding-right: 15px; */
  }
}
.homescreen__bg picture {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.homescreen__bg picture img, .homescreen__bg picture svg.ico {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* @media (max-width: 1199px) {
    .homescreen__bg picture {
        width: 47%;
    }
} */
/* .homescreen__bg picture::before {
    position: absolute;
    content: "";
    left: 84px;
    top: 0;
    width: 767px;
    height: 470px;
    background: url("/local/templates/vpl_vue/img/svg/homescreen-form.svg") no-repeat;
    background-size: cover;
    z-index: 0;
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
}

.homescreen__bg picture img {
    height: 100%;
    -webkit-mask-image: url("/local/templates/vpl_vue/img/svg/hs-mask.svg");
    mask-image: url("/local/templates/vpl_vue/img/svg/hs-mask.svg");
} */
@media (max-width: 1199px) {
  .homescreen__bg picture img, .homescreen__bg picture svg.ico {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.homescreen {
  position: relative;
}

.homescreen__slider-arrows {
  position: absolute;
  z-index: 2;
  bottom: 80px;
  right: calc((100vw - 1385px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 46px;
  background: rgba(38, 38, 38, 0.5);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

@media (max-width: 1440px) {
  .homescreen__slider-arrows {
    right: calc((100vw - 1147px) / 2);
  }
}
@media (max-width: 1230px) {
  .homescreen__slider-arrows {
    right: calc((100vw - 1167px) / 2);
  }
}
@media (max-width: 1199px) {
  .homescreen__slider-arrows {
    right: 15px;
  }
}
.homescreen__slider-arrows .slider-btn {
  padding: 18px 19px 18px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: var(--white);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.homescreen__slider-arrows .slider-btn:hover {
  opacity: 0.8;
}

.homescreen__slider-arrows .swiper-button-prev {
  position: relative;
}

.homescreen__slider-arrows .swiper-button-prev::after {
  position: absolute;
  content: "";
  left: 40px;
  width: 34px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/hs-line.svg") no-repeat;
}

.homescreen__slider-arrows .autoplay-progress {
  width: 112px;
  height: 51px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.homescreen__slider-arrows .autoplay-progress svg {
  --progress: 0;
  width: calc(100% + 2px);
  height: calc(100% + 3px);
  stroke-width: 2px;
  stroke-dashoffset: calc(300px * (1 - var(--progress)));
  stroke-dasharray: 300;
  fill: none;
  stroke: #FFE2A5;
}

.homescreen__nav {
  position: absolute;
  z-index: 2;
  bottom: 80px;
  left: calc((100vw - 1385px) / 2);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
  /* border-radius: 18px; */
  /* background: rgba(38, 38, 38, 0.21); */
  /* -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px); */
  /* padding: 6px 19px; */
}

@media (max-width: 1440px) {
  .homescreen__nav {
    left: calc((100vw - 1147px) / 2);
  }
}
@media (max-width: 1230px) {
  .homescreen__nav {
    left: calc((100vw - 1135px) / 2);
  }
}
@media (max-width: 1199px) {
  .homescreen__nav {
    left: calc((100vw - 918px) / 2);
  }
}
.homescreen__nav .swiper-pagination-current {
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
}

.homescreen__nav .swiper-pagination-total {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
}

.homescreen__slider-pagin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  color: rgba(255, 255, 255, 0.3);
  min-width: 32px;
}

.homescreen__nav-slider .swiper-wrapper .swiper-slide {
  height: 8px;
  min-width: 8px;
  max-width: 8px;
}

.homescreen__nav-slide {
  height: 8px;
  width: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(2px);
  margin-right: 9px;
}

/* .homescreen__nav-slide:last-child {
    margin-right: 0;
} */
.swiper-slide-thumb-active .homescreen__nav-slide {
  background: var(--white);
}

.homescreen__nav-slide img, .homescreen__nav-slide svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* .homescreen__nav-slide::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} */
.homescreen__nav-slide:hover::before {
  background: rgba(0, 0, 0, 0.3);
}

.swiper-slide-thumb-active .homescreen__nav-slide {
  border-color: var(--white);
}

.homescreen__content {
  position: relative;
  z-index: 1;
  padding: 90px 0 132px;
  max-width: 45%;
}

@media (max-width: 1199px) {
  .homescreen__content {
    max-width: 45%;
  }
}
.homescreen__title {
  font-size: 38px;
  font-weight: 600;
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
}

.homescreen__title:hover {
  color: #FFF;
}

.homescreen__slider-pagin-bul {
  display: none;
}

@media (max-width: 991px) {
  .homescreen__bg {
    padding: 10px 0;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
  }
  .homescreen__bg picture {
    width: 100%;
    top: 10px;
  }
  .homescreen__bg picture img, .homescreen__bg picture svg.ico {
    -webkit-mask-image: none;
    mask-image: none;
    border-radius: 10px;
    overflow: hidden;
  }
  .homescreen__bg picture::before {
    content: none;
  }
  .homescreen__content {
    max-width: 70%;
    color: var(--white);
    padding: 50px 0;
  }
  /* .homescreen__nav-slider {
      display: none;
  } */
  .homescreen__slider-arrows {
    display: none;
  }
  .homescreen__nav {
    left: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    padding: 0;
    bottom: 50px;
  }
  .homescreen__slider-pagin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .homescreen__slider-pagin .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: var(--white);
  }
  .homescreen__slider-pagin .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--green);
  }
}
@media (max-width: 767px) {
  .homescreen__slider .swiper-slide {
    height: 300px;
  }
  .homescreen__content {
    padding: 20px 0 40px;
  }
  .homescreen__nav {
    bottom: 30px;
  }
  .homescreen__title {
    font-size: 18px;
    line-height: 22px;
    padding: 0 15px;
  }
  .homescreen__content {
    max-width: 81%;
  }
}
.catalog__mp .btn--border {
  display: none;
}

@media (max-width: 767px) {
  .catalog__mp .btn--border.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
  }
}
.catalog__mp-list {
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 12px));
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
}

.catalog__mp-list .catalog__item-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .catalog__mp-list .catalog__item-calc {
    display: none;
  }
}
@media (max-width: 1199px) {
  .catalog__mp-list {
    grid-template-columns: repeat(4, calc(25% - 12px));
  }
}
@media (max-width: 991px) {
  .catalog__mp-list {
    grid-template-columns: repeat(3, calc(33% - 8px));
  }
}
@media (max-width: 767px) {
  .catalog__mp-list {
    grid-template-columns: repeat(2, calc(50% - 2px));
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
  }
  .catalog__mp-list.is-show .catalog__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog__item {
  position: relative;
  padding: 21px 18px 107px 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 5px 26px -4px rgba(100, 100, 100, 0.2);
  box-shadow: 0px 5px 26px -4px rgba(100, 100, 100, 0.2);
  overflow: hidden;
}

@media (max-width: 767px) {
  .catalog__item {
    padding: 11px 12px 50px 12px;
    border-radius: 10px;
  }
  .catalog__item:nth-child(n+9) {
    display: none;
  }
}
@media (max-width: 576px) {
  .catalog__item {
    min-height: 85px;
  }
}
.catalog__item-name {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .catalog__item-name {
    font-size: 13px;
    line-height: 14px;
  }
}
.catalog__item-img {
  position: absolute;
  bottom: 0;
  right: -22px;
  height: 100%;
  z-index: 0;
}

.catalog__item-img.no-photo {
  height: 50%;
  width: 100%;
  right: 0;
  padding: 10px;
}

@media (max-width: 767px) {
  .catalog__item-img {
    height: 75px;
    bottom: 0;
    right: 0;
  }
  .catalog__item-img.no-photo {
    height: 45%;
  }
  .catalog__item-img.no-photo img, .catalog__item-img.no-photo svg.ico {
    object-position: center;
    -o-object-position: center;
  }
}
.catalog__item-img img, .catalog__item-img svg.ico {
  -o-object-position: bottom right;
  object-position: bottom right;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .catalog__item-img img, .catalog__item-img svg.ico {
    height: 100%;
  }
}
.catalog__item:hover {
  -webkit-box-shadow: 0px 15px 26px -4px rgba(100, 100, 100, 0.2);
  box-shadow: 0px 15px 26px -4px rgba(100, 100, 100, 0.2);
}

.catalog__item:hover .catalog__item-name {
  color: var(--greenHover);
}

.catalog__item-calc {
  position: relative;
  padding: 21px 58px 26px 20px;
  border-radius: 20px;
  background: rgba(237, 233, 227, 0.3);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
  display: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .catalog__item-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    border-radius: 10px;
    padding: 15px;
    row-gap: 8px;
  }
}
.catalog__item-calc:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 84%;
  background: url("/local/templates/vpl_vue/img/content/calc-bg.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/calc-bg.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/calc-bg.png") type("image/png"));
  z-index: -1;
}

.catalog__item-calc.lazy-bg:not(.is-loaded):after {
  background-image: none;
}

@media (max-width: 767px) {
  .catalog__item-calc:after {
    width: 43%;
  }
}
.catalog__item-calc-name {
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}

@media (max-width: 767px) {
  .catalog__item-calc-name {
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .catalog__item-calc-name {
    max-width: 270px;
  }
}
.catalog__item-calc-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: #534B44;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: auto;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.catalog__item-calc-subtitle:hover {
  color: var(--black);
}

.catalog__item-calc-subtitle:hover .catalog__item-calc-icon img.hover, .catalog__item-calc-subtitle:hover .catalog__item-calc-icon svg.ico.hover {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .catalog__item-calc-subtitle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px;
    border-radius: 10px;
    border: 1px solid #D6CCB7;
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    font-size: 11px;
  }
}
.catalog__item-calc-icon {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.catalog__item-calc-icon img, .catalog__item-calc-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.catalog__item-calc-icon img.hover, .catalog__item-calc-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
}

@media (max-width: 767px) {
  .catalog__item-calc-icon {
    max-width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
.catalog__item-calc:hover {
  background: rgba(237, 233, 227, 0.6);
}

.catalog__item-calc:hover .catalog__item-calc-subtitle {
  color: var(--black);
}

.catalog__item-calc:hover .catalog__item-calc-icon img.hover, .catalog__item-calc:hover .catalog__item-calc-icon svg.ico.hover {
  z-index: 10;
  visibility: visible;
  opacity: 1;
}

.catalog__mp-promo {
  border-radius: 20px;
  background: linear-gradient(90deg, #D3D1C5 0%, #F0EDE5 23.87%, #F0EDE5 50.49%, #DCDAD1 92.68%, #B7B0A7 100%);
  padding: 16px 40px;
  /* background: url("/local/templates/vpl_vue/img/content/catalog-promo-bg.png") no-repeat; */
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 200px;
  -moz-column-gap: 200px;
  column-gap: 200px;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}

.catalog__mp-promo::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: rgba(23, 22, 22, 0.05);
  z-index: 0;
  opacity: 0;
}

.catalog__mp-promo:hover::before {
  opacity: 1;
}

@media (max-width: 1440px) {
  .catalog__mp-promo {
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .catalog__mp-promo {
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 22px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    justify-content: flex-start;
    min-height: 95px;
  }
}
@media (max-width: 767px) {
  .catalog__mp-promo {
    padding: 12px 25px;
    margin-top: 16px;
    border-radius: 10px;
  }
}
.catalog__mp-promo-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  max-width: 310px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .catalog__mp-promo-title {
    max-width: 236px;
  }
}
@media (max-width: 991px) {
  .catalog__mp-promo-title {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
@media (max-width: 767px) {
  .catalog__mp-promo-title {
    font-size: 13px;
    line-height: 14px;
  }
}
.catalog__mp-promo-subtitle {
  color: #293448;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  max-width: 384px;
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .catalog__mp-promo-subtitle {
    display: none;
  }
}
.catalog__mp-promo-img {
  height: 270px;
  z-index: 1;
  position: absolute;
  bottom: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 1440px) {
  .catalog__mp-promo-img {
    height: 212px;
    bottom: -70px;
  }
}
@media (max-width: 1199px) {
  .catalog__mp-promo-img {
    left: 35%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .catalog__mp-promo-img {
    position: absolute;
    left: inherit;
    bottom: initial;
    height: 250px;
    max-width: 400px;
    right: -30px;
  }
}
@media (max-width: 576px) {
  .catalog__mp-promo-img {
    height: 200%;
    max-width: 60%;
  }
}
.catalog__mp-promo-img img, .catalog__mp-promo-img svg.ico {
  height: 100%;
}

.projects__mp {
  row-gap: 20px;
}

.projects__mp-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.projects__mp-wp .btn--border {
  display: none;
}

@media (max-width: 767px) {
  .projects__mp-wp .btn--border.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .projects__mp .col-12:nth-child(n+5) {
    display: none;
  }
  .projects__mp.is-show .col-12:nth-child(n+5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.projects__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  row-gap: 130px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding: 24px 24px 16px;
}

@media (max-width: 1440px) {
  .projects__item {
    row-gap: 105px;
  }
}
@media (max-width: 767px) {
  .projects__item {
    padding: 15px;
    row-gap: 100px !important;
    border-radius: 10px;
  }
}
@media (max-width: 375px) {
  .projects__item {
    row-gap: 54px !important;
  }
}
.projects__item:hover .projects__item-img img, .projects__item:hover .projects__item-img svg.ico {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.projects__item--long {
  row-gap: 209px;
}

.projects__item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 190px;
  background: -o-linear-gradient(104deg, rgba(38, 36, 32, 0) 32.6%, rgba(38, 36, 32, 0.8) 93.07%);
  background: linear-gradient(346deg, rgba(38, 36, 32, 0) 32.6%, rgba(38, 36, 32, 0.8) 93.07%);
  z-index: 1;
}

.projects__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: all 0.3s ease-out;
  background: rgba(23, 22, 22, 0.3);
  opacity: 0;
}

.projects__item:hover::after {
  opacity: 1;
}

.projects__item--map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
}

.projects__item--map::before {
  content: none;
}

@media (max-width: 1199px) {
  .projects__item--map {
    min-height: 250px;
  }
}
.projects__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.projects__item-img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.projects__item-img img, .projects__item-img svg.ico {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.projects__item-top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 767px) {
  .projects__item-top {
    row-gap: 6px;
    padding-right: 50px;
  }
}
.projects__item-tag {
  padding: 5px 9px;
  border-radius: 6px;
  background: rgba(243, 243, 243, 0.51);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .projects__item-tag {
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 7px;
    line-height: 9px;
    letter-spacing: 0.42px;
    margin-bottom: 0;
  }
}
.projects__item-title {
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  z-index: 1;
}

.projects__item-title svg {
  color: rgba(255, 255, 255, 0.8);
  font-size: 8px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .projects__item-title svg {
    height: 15px;
    font-size: 6px;
    margin-top: 1px;
  }
}
@media (max-width: 767px) {
  .projects__item-title {
    font-size: 12px;
    line-height: 15px;
  }
}
.projects__item-date {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .projects__item-date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 7px;
    line-height: 11px;
    letter-spacing: 0.42px;
  }
}
.projects__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 3px;
  width: 55px;
  height: 55px;
  border-radius: 38px;
  background: rgba(38, 35, 32, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-top: auto;
}

.projects__item-icon img, .projects__item-icon svg.ico {
  max-width: 12px;
  min-width: 12px;
  height: 12px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .projects__item-icon img, .projects__item-icon svg.ico {
    max-width: 7px;
    min-width: 7px;
    height: 7px;
  }
}
@media (max-width: 767px) {
  .projects__item-icon {
    width: 30px;
    height: 30px;
    row-gap: 0;
    font-size: 7px;
    line-height: 9px;
    letter-spacing: 0.35px;
  }
}
.projects__mp-wp .projects__item--map {
  display: none;
}

@media (max-width: 767px) {
  .projects__mp-wp .projects__item--map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 16px;
    min-height: 70px;
    background: #1d8f58;
  }
  .projects__mp-wp .projects__item--map .projects__item-img img, .projects__mp-wp .projects__item--map .projects__item-img svg.ico {
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: right;
    object-position: right;
    object-fit: cover;
  }
  .projects__mp-wp .projects__item--map .projects__item-title br {
    display: none;
  }
}
@media (max-width: 375px) {
  .projects__mp-wp .projects__item--map {
    min-height: 100px;
  }
  .projects__mp-wp .projects__item--map .projects__item-title br {
    display: block;
  }
  .projects__mp-wp .projects__item--map .projects__item-img img, .projects__mp-wp .projects__item--map .projects__item-img svg.ico {
    -o-object-position: center;
    object-position: center;
  }
}
.projects__mp .projects__item--map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .projects__mp .projects__item--map {
    display: none;
  }
}
.col-lg-3 .projects__item {
  row-gap: 240px;
}

@media (max-width: 1440px) {
  .col-lg-3 .projects__item {
    row-gap: 140px;
  }
}
.designing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
}

@media (max-width: 991px) {
  .designing {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
}
@media (max-width: 767px) {
  .designing {
    row-gap: 4px;
    grid-template-columns: 100%;
  }
}
.designing__item {
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 38px;
  padding: 40px 24px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--gray2);
  width: 20%;
}

@media (max-width: 1199px) {
  .designing__item {
    padding: 30px 15px;
    width: 23%;
  }
}
@media (max-width: 991px) {
  .designing__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .designing__item {
    padding: 27px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
  }
}
.designing__item.is-active {
  width: 40%;
}

@media (max-width: 1199px) {
  .designing__item.is-active {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .designing__item.is-active {
    width: 100%;
  }
}
.designing__item.is-active .designing__item-subtitle {
  -webkit-animation: leftToRight2 0.3s linear;
  animation: leftToRight2 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media (max-width: 991px) {
  .designing__item.is-active .designing__item-subtitle {
    -webkit-animation: none;
    animation: none;
  }
}
.designing__item.is-active .designing__item-actions {
  -webkit-animation: leftToRight2 0.3s linear;
  animation: leftToRight2 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@media (max-width: 991px) {
  .designing__item.is-active .designing__item-actions {
    -webkit-animation: none;
    animation: none;
  }
}
.designing__item.is-active .designing__item-bg {
  width: 410px;
}

@media (max-width: 767px) {
  .designing__item.is-active .designing__item-bg {
    width: 104px;
  }
}
.designing__item-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 410px;
  height: 100%;
  z-index: 0;
}

.designing__item-bg img, .designing__item-bg svg.ico {
  height: 100%;
  width: 100%;
  -o-object-position: right;
  object-position: right;
}

@media (max-width: 767px) {
  .designing__item-bg {
    width: 104px;
    height: 90px;
    top: initial;
    bottom: 0;
  }
}
.designing__item-top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 272px;
  row-gap: 16px;
  /* max-width: 200px; */
}

@media (max-width: 767px) {
  .designing__item-top {
    max-width: calc(100% - 50px);
  }
}
.designing__item-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 1199px) {
  .designing__item-title {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .designing__item-title {
    font-size: 12px;
    line-height: 15px;
  }
}
.designing__item-subtitle {
  font-size: 16px;
  line-height: 24px;
  -webkit-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  transform: translateX(-500px);
  opacity: 0;
}

@media (max-width: 1199px) {
  .designing__item-subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .designing__item-subtitle {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .designing__item-subtitle {
    display: none;
  }
}
.designing__item-actions {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
  max-width: 191px;
  position: relative;
  z-index: 1;
  -webkit-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  transform: translateX(-500px);
  opacity: 0;
}

@media (max-width: 991px) {
  .designing__item-actions {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .designing__item-actions {
    display: none;
  }
}
.designing__item-actions .btn {
  padding: 15px 25px;
  border-radius: 14px;
  max-height: 48px;
  white-space: nowrap;
}

.designing__item-actions .btn--beg {
  background: #F6EFE0;
  color: var(--black);
}

.designing__item-actions .btn--beg:hover {
  background: #EBE5D6;
  color: var(--black);
}

.clients__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 15px;
}

@media (max-width: 767px) {
  .clients__slide {
    row-gap: 4px;
  }
}
.clients__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--gray2);
}

.clients__card:hover {
  border-color: #D6CCB7;
}

.clients__card img, .clients__card svg.ico {
  height: 95px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .clients__card {
    border-radius: 10px;
  }
  .clients__card img, .clients__card svg.ico {
    height: 57px;
  }
}
.clients__mp {
  overflow: hidden;
}

@media (max-width: 767px) {
  .clients__mp {
    padding-bottom: 30px;
  }
  .clients__slider {
    width: calc(100% + 16px);
  }
}
.equipment__list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 12px));
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
}

@media (max-width: 1199px) {
  .equipment__list {
    grid-template-columns: repeat(3, calc(33% - 7px));
  }
}
@media (max-width: 991px) {
  .equipment__list {
    grid-template-columns: repeat(2, calc(50% - 7px));
  }
}
@media (max-width: 991px) {
  .equipment__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.equipment__list.is-show .equipment__item:nth-child(n+5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.equipment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 70px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  background: var(--white);
  overflow: hidden;
  padding: 24px 20px 20px 20px;
}

@media (max-width: 767px) {
  .equipment__item {
    padding: 14px 15px;
    row-gap: 16px;
    border-radius: 10px;
  }
  .equipment__item:nth-child(n+5) {
    display: none;
  }
}
.equipment__item-title {
  max-width: 186px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .equipment__item-title {
    max-width: calc(100% - 70px);
    font-size: 14px;
    line-height: 20px;
  }
}
.equipment__item-amount {
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .equipment__item-amount {
    font-size: 11px;
    line-height: 14px;
  }
}
.equipment__item-img {
  width: 130px;
  height: 150px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.equipment__item-img.no-photo {
  height: 100%;
}

.equipment__item-img.no-photo img, .equipment__item-img.no-photo svg.ico {
  width: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .equipment__item-img {
    width: 60px;
    height: 69px;
  }
}
.equipment__item-img img, .equipment__item-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.equipment__item:hover {
  border-color: rgba(32, 86, 60, 0.4);
  background: #F5F4F4;
}

.equipment__item:hover .equipment__item-title {
  color: var(--greenHover);
}

.equipment__item:hover .equipment__item-amount {
  color: var(--black);
}

.btn-show {
  display: none;
}

@media (max-width: 767px) {
  .btn-show.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
  }
}
.promo__mp {
  overflow: hidden;
  /* padding-top: 60px; */
  padding: 0 0 60px;
}

@media (max-width: 767px) {
  .promo__mp {
    padding: 30px 0 30px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .promo__slider {
    width: calc(100% + 16px);
  }
}
.promo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 25px;
}

@media (max-width: 767px) {
  .promo__item {
    row-gap: 16px;
  }
}
.promo__item-img {
  height: 401px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.promo__item-img.no-photo img, .promo__item-img.no-photo svg.ico {
  width: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.promo__item-img:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(44, 41, 31, 0.3);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}

@media (max-width: 767px) {
  .promo__item-img:after {
    border-radius: 10px;
  }
}
@media (max-width: 1440px) {
  .promo__item-img {
    height: 325px;
  }
}
@media (max-width: 767px) {
  .promo__item-img {
    height: 425px;
    border-radius: 10px;
  }
}
@media (max-width: 375px) {
  .promo__item-img {
    height: 360px;
  }
}
.promo__item-img img, .promo__item-img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.promo__item-img:hover img, .promo__item-img:hover svg.ico {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.promo__item-img:hover:after {
  opacity: 1;
}

.promo__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .promo__item-info {
    row-gap: 8px;
  }
}
.promo__item-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.promo__item-info-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.promo__item-info-leftside > span {
  color: var(--brown);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .promo__item-info-leftside > span {
    font-size: 7px;
    left: 9px;
    letter-spacing: 0.42px;
  }
}
.promo__item-info-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--greenHover);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 767px) {
  .promo__item-info-date {
    font-size: 14px;
    line-height: 20px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
}
.promo__item-info-date span {
  font-size: 28px;
  line-height: 25px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .promo__item-info-date span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.promo__item-info-year {
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .promo__item-info-year {
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.4px;
  }
}
.promo__item-desc {
  font-size: 16px;
  line-height: 24px;
  color: rgba(44, 41, 31, 0.8);
}

@media (max-width: 767px) {
  .promo__item-desc {
    font-size: 12px;
    line-height: 16px;
  }
}
.abput__mp {
  overflow: hidden;
}

.abput__mp-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

@media (max-width: 767px) {
  .abput__mp-wp {
    row-gap: 8px;
  }
}
.abput__mp-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.abput__mp-info.content {
  max-width: 670px;
  margin: 0;
}

.abput__mp-info.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

@media (max-width: 767px) {
  .abput__mp-info.content p {
    font-size: 13px;
    line-height: 16px;
  }
}
.abput__mp-info.content p.small-gray {
  max-width: 620px;
  color: rgba(44, 41, 31, 0.8);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .abput__mp-info.content p.small-gray {
    display: none;
  }
}
.abput__mp-info.content p:last-of-type {
  margin: 0;
}

.abput__mp-img {
  max-width: 430px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (max-width: 991px) {
  .abput__mp-img {
    display: none;
  }
}
.abput__mp-img img, .abput__mp-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.abput__mp-bottom {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 20px 11px 20px 40px;
}

.abput__mp-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 495px;
  background: #d9ccac;
  top: 0;
  right: 0;
  z-index: -1;
}

.abput__mp-bottom::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 495px;
  background: url(/local/templates/vpl_vue/./img/svg/about-pattern.svg) no-repeat center center;
  top: 0;
  right: -23px;
  z-index: 0;
}

@media (max-width: 991px) {
  .abput__mp-bottom::after,
  .abput__mp-bottom::before {
    display: none;
  }
  .abput__mp-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .abput__mp-bottom {
    padding: 24px 20px 35px;
  }
}
@media (max-width: 576px) {
  .abput__mp-bottom {
    overflow: visible;
    border-radius: 0;
    padding: 24px 0 35px;
  }
}
.abput__mp-bottom-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .abput__mp-bottom-wp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 8px;
  }
}
.abput__mp-bg {
  position: absolute;
  top: 0;
  left: -20%;
  width: 90%;
  height: 100%;
  z-index: -1;
}

.abput__mp-bg img, .abput__mp-bg svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .abput__mp-bg {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 576px) {
  .abput__mp-bg {
    left: -15px;
    width: calc(100% + 30px);
    /* -o-object-position: left top;
    object-position: left top; */
  }
}
.abput__mp-bottom-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  row-gap: 197px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}

@media (max-width: 991px) {
  .abput__mp-bottom-leftside {
    padding: 0;
  }
}
.abput__mp-subtitle {
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  /* margin-bottom: -25px; */
  max-width: calc(100% - 470px);
  position: absolute;
  top: 27px;
}

@media (max-width: 991px) {
  .abput__mp-subtitle {
    margin-bottom: 0;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .abput__mp-subtitle {
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.42px;
    line-height: 9px;
  }
}
.abput__mp-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  margin-top: 16px;
}

@media (max-width: 1199px) {
  .abput__mp-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
@media (max-width: 991px) {
  .abput__mp-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 0;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
}
.abput__mp-actions .btn {
  padding: 13px 18px;
  border-radius: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.abput__mp-actions .btn--beg {
  border-color: #D6CCB7;
  background: #F6EFE0;
}

.abput__mp-actions .btn--beg:hover {
  background: #EBE5D6;
}

@media (max-width: 1199px) {
  .abput__mp-actions .btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .abput__mp-actions .btn {
    padding: 8px 9px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    white-space: nowrap;
    border-radius: 10px;
  }
}
.abput__mp-num {
  background: var(--white);
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 468px;
}

@media (max-width: 991px) {
  .abput__mp-num {
    max-width: 100%;
  }
}
.abput__mp-num-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 2px;
  padding: 20px 10px 20px 40px;
  color: rgba(44, 41, 31, 0.6);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .abput__mp-num-item {
    row-gap: 8px;
    font-size: 11px;
    line-height: 14px;
    padding: 10px 10px 15px 15px;
  }
  .abput__mp-num {
    border-radius: 10px;
  }
}
@media (max-width: 375px) {
  .abput__mp-num-item {
    row-gap: 1px;
  }
}
.abput__mp-num-item:not(:nth-child(n+3)) {
  border-top: none;
}

.abput__mp-num-item:nth-child(n+3) {
  margin-top: -1px;
}

.abput__mp-num-item:nth-child(odd) {
  border-right: 1px solid var(--gray2);
}

.abput__mp-num-item span {
  color: #2C291F;
  font-size: 39px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -1px;
}

@media (max-width: 767px) {
  .abput__mp-num-item span {
    margin-bottom: auto;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .news__mp {
    overflow: hidden;
  }
}
@media (max-width: 576px) {
  .news__mp-slider {
    width: calc(100% + 16px);
  }
}
.news__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
}

@media (max-width: 767px) {
  .news__item {
    row-gap: 16px;
  }
}
.news__item-img {
  height: 291px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.news__item-img.no-photo img, .news__item-img.no-photo svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1440px) {
  .news__item-img {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .news__item-img {
    height: 222px;
    border-radius: 10px;
  }
}
@media (max-width: 440px) {
  .news__item-img {
    height: 162px;
  }
}
.news__item-img img, .news__item-img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.news__item-img::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(44, 41, 31, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.news__item-img:hover img, .news__item-img:hover svg.ico {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.news__item-img:hover::after {
  opacity: 1;
  visibility: visible;
}

.news__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .news__item-info {
    row-gap: 8px;
  }
}
.news__item-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .news__item-date {
    margin-bottom: 0;
  }
}
.news__item-date-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--greenHover);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 767px) {
  .news__item-date-leftside {
    font-size: 14px;
    line-height: 20px;
  }
}
.news__item-date-leftside span {
  color: var(--greenHover);
  font-size: 28px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .news__item-date-leftside span {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.news__item-date-year {
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .news__item-date-year {
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
.news__item-name {
  color: rgba(44, 41, 31, 0.8);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .news__item-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    line-height: 16px;
  }
}
.news__item-name:hover {
  color: rgb(44, 41, 31);
}

.news__item-desc {
  color: rgba(44, 41, 31, 0.8);
  font-size: 16px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 767px) {
  .news__item-desc {
    display: none;
  }
}
.catalog-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.catalog__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
}

.catalog__links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
  padding: 6px 12px;
  border-radius: 14px;
  background: #FBFAF8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@media (max-width: 767px) {
  .catalog__links-item {
    border-radius: 10px;
    font-size: 13px;
    line-height: 15px;
  }
  .catalog__links-item:nth-child(n+7) {
    display: none;
  }
}
.catalog__links-item-amount {
  color: rgba(108, 100, 92, 0.8);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

@media (max-width: 767px) {
  .catalog__links-item-amount {
    font-size: 11px;
    line-height: 14px;
  }
}
.catalog__links-item:hover {
  background: rgba(237, 233, 227, 0.6);
  color: var(--greenHover);
}

.catalog__links-item:hover .catalog__links-item-amount {
  color: rgb(108, 100, 92);
}

@media (max-width: 767px) {
  .catalog__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .catalog__links.is-show .catalog__links-item:nth-child(n+7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog__brands-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .catalog__brands-wp {
    margin-top: 16px;
  }
}
.catalog__brands-title {
  color: var(--brown);
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .catalog__brands-title {
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
.catalog__brands-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .catalog__brands-list {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 8px;
  }
}
.catalog__brands-list.is-show .catalog__brands-item:nth-child(n+9) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .catalog__brands-list.is-show .catalog__brands-item:nth-child(n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog__brands-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.catalog__brands-item:nth-child(n+9) {
  display: none;
}

@media (max-width: 767px) {
  .catalog__brands-item:nth-child(n+5) {
    display: none;
  }
}
.catalog__brands-item:hover .catalog__brands-logo {
  border-color: #C5BBA6;
}

.catalog__brands-item:hover .catalog__brands-info {
  opacity: 1;
}

.catalog__brands-logo {
  min-width: 55px;
  max-width: 55px;
  height: 35px;
  border-radius: 10px;
  border: 1px solid var(--gray2);
  background: var(--white);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
}

.catalog__brands-logo img, .catalog__brands-logo svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
}

.catalog__brands-info {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
  opacity: 0.7;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .catalog__brands-info {
    row-gap: 3px;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
  }
}
.catalog__brands-info img, .catalog__brands-info svg.ico {
  border-radius: 2px;
  overflow: hidden;
  min-width: 14px;
  max-width: 14px;
  height: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog__brands-show {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .catalog__brands-show {
    font-size: 13px;
    line-height: 15px;
  }
}
.catalog__brands-show.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__brands-show.is-active.is-show svg {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.catalog__brands-show:hover {
  color: var(--black);
}

.catalog__brands-show svg {
  font-size: 10px;
  margin-top: 2px;
}

.catalog__bottom {
  display: grid;
  grid-template-columns: 270px auto;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .catalog__bottom {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .catalog__bottom {
    margin-top: 16px;
  }
}
.catalog__leftside .container {
  padding: 0;
}

.filter__item-wp {
  border-radius: 20px;
  border: 1px solid var(--gray2);
  overflow: hidden;
}

@media (max-width: 991px) {
  .filter__item-wp {
    border-radius: 0;
    border: none;
    overflow: visible;
  }
}
.filter-head {
  display: none;
}

@media (max-width: 991px) {
  .filter-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #E7E1D0;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.filter-head-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.filter-head-close {
  width: 29px;
  height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(16, 36, 43, 0.4);
  font-size: 10px;
  border-radius: 10px;
  background: var(--gray2);
}

.filter-head-close:hover {
  color: rgb(16, 36, 43);
}

.filter__entry {
  padding: 9px 15px;
  border-bottom: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .filter__entry {
    padding: 9px 15px;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.filter__entry-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.filter__entry-count-num {
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.filter__entry-clear {
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: none;
  background: transparent;
  cursor: pointer;
}

.filter__entry-clear:hover {
  color: var(--greenHover);
}

.filter__item-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px 15px 16px;
}

@media (max-width: 991px) {
  .filter__item-wp {
    padding: 12px 0;
  }
}
.filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--gray2);
}

.filter__item:last-of-type {
  border-bottom: none;
}

.filter__item:first-of-type {
  padding-top: 0;
}

.filter__item.is-open .filter__item-entry-arrow svg {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.filter__item-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  cursor: pointer;
}

.filter__item-entry:hover .filter__item-entry-title {
  color: var(--greenHover);
}

.filter__item-entry:hover .filter__item-entry-arrow {
  color: var(--greenHover);
}

.filter__item-entry-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.filter__item-entry-arrow {
  font-size: 10px;
  color: var(--brown);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter__item-range-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
}

.filter__item-range-inputs input {
  height: 30px;
  border-radius: 10px;
  border: 1px solid #DDDADA;
  background: #F5F4F4;
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: rgba(44, 41, 31, 0.6);
}

.filter__item-range-inputs input:hover {
  color: rgb(44, 41, 31);
}

.filter__item-checkbox-value {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.filter__item-range-inputs-container {
  position: relative;
}

@media (max-width: 991px) {
  .filter__item-range-inputs-container {
    width: 100%;
  }
}
.catalog__filter-item-range-dragger {
  margin-top: 14px;
  height: 4px;
}

.catalog__filter-item-range-dragger-wp {
  height: 19px;
  /* overflow: hidden; */
  width: calc(100% - 20px);
  position: absolute;
  top: calc(100% - 15px);
  transform: translate(-50%);
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog__filter-item-range-dragger-wp::before {
  position: absolute;
  content: "";
  left: -7px;
  top: 7.5px;
  width: 15px;
  height: 4px;
  background: #20563C;
}

@media (max-width: 767px) {
  .catalog__filter-item-range-dragger-wp {
    width: 100%;
  }
}
.calc__type-item .catalog__filter-item-range-dragger-wp .noUi-target {
  position: relative;
  left: initial;
  top: initial;
  transform: none;
  width: 100%;
  border: none;
}

.calc__type-item .noUi-horizontal .noUi-handle {
  width: 10px;
  height: 10px;
  top: -4px;
}

@media (max-width: 576px) {
  .calc__type-item .nice-select .list {
    position: absolute;
    top: 100%;
    padding: 10px;
    border-radius: 10px;
  }
  .calc__type-item .nice-select .list .list__heading {
    display: none;
  }
}
.noUi-target {
  background: #DDDADA;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
}

.noUi-connect {
  background: #20563C;
}

.noUi-horizontal .noUi-handle {
  width: 3px;
  height: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  top: -9px;
  cursor: pointer;
}

.noUi-horizontal .noUi-handle::before {
  width: 10px;
  height: 10px;
  top: 50%;
  left: 2px;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #1F8554;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.noUi-horizontal .noUi-handle:hover::before {
  background: #20563C;
}

.noUi-horizontal .noUi-handle::after {
  content: none;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  right: -3px;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
  right: 0;
}

.filter__item-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.filter__item-checkbox.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.filter__item-checkbox input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 8px;
  border: 1px solid #D6CCB7;
  background: var(--white);
  position: relative;
}

.filter__item-checkbox input:after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  background: rgba(32, 32, 32, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.filter__item-checkbox input:hover {
  border-color: #636360;
}

.filter__item-checkbox input:hover:after {
  opacity: 1;
  visibility: visible;
}

.filter__item-checkbox input::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.filter__item-checkbox:hover .filter__item-checkbox-value {
  color: var(--greenHover);
}

.filter__mobile-show {
  display: none;
}

.filter__item-checkbox input:checked::before {
  background: url("/local/templates/vpl_vue/img/svg/cheked.svg") no-repeat center center;
  opacity: 1;
  visibility: visible;
}

.filter-show-more {
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 8px;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.filter-show-more:hover {
  color: var(--greenHover);
}

.filter-show-more.is-hidden {
  display: none;
}

.catalog__filter-mob {
  display: none;
}

.catalog__rightside-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .catalog__rightside-top {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-bottom: 16px;
  }
  .catalog__rightside-top .nice-select {
    font-size: 13px;
  }
}
.catalog__items-list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 10px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 1199px) {
  .catalog__items-list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .catalog__items-list {
    grid-template-columns: repeat(2, calc(50% - 5px));
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
  }
}
@media (max-width: 576px) {
  .catalog__items-list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.catalog__items-list .content-nav {
  grid-column: 1/4;
  margin-top: 10px;
}

@media (max-width: 1199px) {
  .catalog__items-list .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .catalog__items-list .content-nav {
    grid-column: 1/2;
  }
}
.catalog__items-list.line-view {
  grid-template-columns: 100%;
  row-gap: 8px;
}

.catalog__items-list.line-view .content-nav {
  grid-column: 1/2;
  margin-top: 22px;
}

@media (max-width: 767px) {
  .catalog__items-list.line-view .content-nav {
    margin-top: 16px;
  }
}
.product-card {
  border-radius: 20px;
  border: 1px solid #DDDADA;
  background: #FBFAF8;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .product-card {
    border-radius: 10px;
  }
}
.product-card__del {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 10px;
  color: rgba(16, 36, 43, 0.4);
  display: none;
}

.product-card__del:hover {
  color: var(--greenHover);
}

.product-card__chars {
  display: none;
}

.product-card__img {
  width: 100%;
  height: 200px;
  padding: 15px;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-card__img {
    height: 210px;
    border-radius: 10px;
  }
}
.product-card__img img, .product-card__img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-card__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 12px;
  margin-top: 15px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-card__name {
    font-size: 13px;
    line-height: 18px;
    min-height: 52px;
  }
}
@media (max-width: 576px) {
  .product-card__name {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
.product-card__wp {
  margin-top: auto;
}

.product-card__tags {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  row-gap: 2px;
  max-width: 220px;
}

.product-card__tags-item {
  padding: 1px 6px 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}

.product-card__tags-item.promo {
  background: #EB6666;
  color: var(--white);
}

.product-card__tags-item.hit {
  background: #40745B;
  color: var(--white);
}

.product-card__tags-item.sale {
  background: #F6C7A7;
  color: var(--black);
}

.product-card__tags-item.new {
  background: #EDEAE7;
  color: var(--green);
}

/* SAIT-149: метка «Рекомендует TAS.pro» из 1С (TAS_PRO_RECOMEND) */
.product-card__tags-item.recommend {
  background: var(--green);
  color: var(--white);
}

.product-card__amount {
  position: absolute;
  top: 174px;
  left: 12px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  row-gap: 2px;
  max-width: 220px;
}

@media (max-width: 767px) {
  .product-card__amount {
    top: 184px;
  }
}
.product-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-card__amount-item {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 1px 4px;
}

.product-card__amount-item.amount {
  background: rgba(220, 230, 225, 0.9);
  color: var(--greenHover);
}

.product-card__amount-item.delivery {
  background: rgba(255, 241, 231, 0.9);
  color: #D38246;
}

.product-card__amount-item.disable {
  color: #D55050;
  background: rgba(246, 242, 242, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.product-card__amount-item.disabled {
  color: #D55050;
  background: rgba(246, 242, 242, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.product-card .product-card__price {
  padding: 0 12px;
  margin-bottom: 10px;
  font-weight: 700;
}

.product-card__info-actions-top {
  padding: 0 12px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-card__basket-amount {
  display: none;
}

.product-card__basket-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(44, 41, 31, 0.8);
}

@media (max-width: 767px) {
  .product-card__basket-btn {
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
  }
}
.product-card__basket-btn:hover {
  color: rgba(32, 86, 60, 0.8);
}

.product-card__basket-btn:hover .product-card__basket-btn-icon {
  background: var(--greenHover);
}

.product-card .in-process .product-card__basket-btn-icon-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card .in-process .product-card__basket-btn-icon {
  background: #EAEAEA;
  color: var(--greenHover);
}

.product-card .in-basket .product-card__basket-btn {
  display: none;
}

.product-card .in-basket .product-card__basket-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  white-space: nowrap;
  min-height: 45px;
}

@media (max-width: 767px) {
  .product-card .in-basket .product-card__basket-amount {
    min-height: 40px;
  }
}
.product-card .in-basket .input-group {
  max-width: 80px;
  min-width: 80px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 18px;
  border: 1px solid var(--gray2);
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .product-card .in-basket .input-group {
    background: var(--white);
  }
}
.product-card .in-basket .input-group input {
  border: none;
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 30px;
  text-align: center;
  background: transparent;
}

.product-card .in-basket .input-group .btn {
  background: transparent;
  border: none;
  padding: 0;
  width: 25px;
  font-size: 0;
  position: relative;
  height: 40px;
  cursor: pointer;
}

.product-card .in-basket .input-group .btn::before {
  position: absolute;
  content: "";
  background: #BEBEBE;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-down::before {
  width: 20px;
  height: 19px;
  background: url("/local/templates/vpl_vue/img/svg/basket.svg") no-repeat;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-down:hover::before {
  background: url("/local/templates/vpl_vue/img/svg/basket-h.svg") no-repeat;
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-up::before {
  width: 20px;
  height: 19px;
  background: url("/local/templates/vpl_vue/img/svg/plus.svg") no-repeat;
  background-position: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 50%;
  left: initial;
  right: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-card .in-basket .input-group .btn.bootstrap-touchspin-up:hover::before {
  background: url("/local/templates/vpl_vue/img/svg/plus-h.svg") no-repeat;
  background-position: center;
}

.product-card .product-card__basket-amount-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.product-card__basket-btn-icon {
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  border-radius: 18px;
  background: var(--green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  font-size: 30px;
  color: var(--white);
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-card__basket-btn-icon {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    font-size: 23px;
    border-radius: 14px;
    padding: 1px;
  }
}
.product-card__basket-btn-icon-process {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
  right: 7px;
  display: none;
}

@media (max-width: 767px) {
  .product-card__basket-btn-icon-process {
    top: -1px;
    right: 0;
  }
}
.product-card__info-actions-rightside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.product-card__info-actions-item {
  position: relative;
  font-size: 24px;
  color: #D2CDCD;
}

.product-card__info-actions-item:hover {
  color: rgba(108, 100, 92, 0.7);
}

.product-card__info-actions-item:hover .product-card__info-actions-item-informer {
  opacity: 1;
  visibility: visible;
}

.product-card__info-actions-item.is-active {
  color: var(--green);
}

.product-card__info-actions-item:last-of-type .product-card__info-actions-item-informer {
  left: initial;
  right: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.product-card__info-actions-item:last-of-type .product-card__info-actions-item-informer::after {
  left: initial;
  right: 4px;
}

.product-card__info-actions-item-informer {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 2px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 2px 6px;
  border-radius: 5px;
  background: var(--brown);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}

.product-card__info-actions-item-informer::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: var(--brown);
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  z-index: -1;
}

.product-card__buy {
  padding: 15px;
  border-top: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-card__buy {
    padding: 15px;
    font-size: 13px;
    line-height: 15px;
  }
}
.product-card__buy:hover {
  color: var(--greenHover);
}

.product-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--greenHover);
  font-size: 16px;
  font-weight: 800;
  line-height: 21px;
}

.product-card__price-old {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.product-card__price-old span {
  color: var(--brown);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: line-through;
}

.product-card__price-discount {
  padding: 1px 3px 1px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
  background: url("/local/templates/vpl_vue/img/svg/discount-bg.svg") no-repeat;
  background-size: 100%;
  color: var(--black);
  background-position: left center;
}

.line-view .product-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding: 20px;
}

@media (max-width: 767px) {
  .line-view .product-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
  }
}
.line-view .product-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding-right: 24px;
  row-gap: 18px;
  width: 100%;
}

@media (max-width: 767px) {
  .line-view .product-card__top {
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}
.line-view .product-card__chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: calc(100% - 286px);
}

@media (max-width: 1199px) {
  .line-view .product-card__chars {
    width: calc(100% - 224px);
  }
}
@media (max-width: 767px) {
  .line-view .product-card__chars {
    width: 100%;
  }
}
.line-view .product-card__chars li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid var(--gray2);
}

.line-view .product-card__chars li:last-of-type {
  border-bottom: none;
}

.line-view .product-card__chars-name {
  color: var(--brown);
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1199px) {
  .line-view .product-card__chars-name {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .line-view .product-card__chars-name {
    line-height: 16px;
  }
}
.line-view .product-card__chars-value {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1199px) {
  .line-view .product-card__chars-value {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .line-view .product-card__chars-value {
    line-height: 16px;
  }
}
.line-view .product-card__name {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  padding: 0;
}

@media (max-width: 767px) {
  .line-view .product-card__name {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.line-view .product-card__img {
  height: 190px;
  max-width: 262px;
  min-width: 262px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media (max-width: 1199px) {
  .line-view .product-card__img {
    height: 150px;
    max-width: 200px;
    min-width: 200px;
  }
}
@media (max-width: 767px) {
  .line-view .product-card__img {
    max-width: 100%;
    min-width: 100%;
    height: 190px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.line-view .product-card__wp {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-left: 24px;
  border-left: 1px solid var(--gray2);
  max-width: 250px;
  min-width: 250px;
  padding-top: 40px;
  position: relative;
}

@media (max-width: 767px) {
  .line-view .product-card__wp {
    position: initial;
    padding-left: 0;
    border-left: none;
    max-width: 100%;
    min-width: 100%;
    padding-top: 0;
    margin-top: 10px;
  }
}
.line-view .product-card__tags {
  position: relative;
  top: initial;
  left: initial;
  margin-bottom: 7px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .line-view .product-card__tags {
    position: absolute;
    top: 27px;
    left: 27px;
  }
}
.line-view .product-card__amount {
  position: relative;
  top: initial;
  left: initial;
}

@media (max-width: 767px) {
  .line-view .product-card__amount {
    position: absolute;
    top: 178px;
    left: 27px;
  }
}
.line-view .product-card__info {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.line-view .product-card__info-actions-rightside {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .line-view .product-card__info-actions-rightside {
    position: relative;
    top: initial;
    right: initial;
  }
}
.line-view .product-card .product-card__price {
  padding: 0;
}

.line-view .product-card__info-actions-top {
  padding: 0;
  margin-bottom: 10px;
}

.line-view .product-card__buy {
  padding: 16px 0 0;
}

@media (max-width: 767px) {
  .line-view .product-card__buy {
    padding: 14px 15px 0;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.catalog__items-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.catalog__items-view-item {
  width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid var(--gray2);
  color: rgba(108, 100, 92, 0.6);
}

@media (max-width: 767px) {
  .catalog__items-view-item {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
  }
}
.catalog__items-view-item.is-active {
  color: rgb(108, 100, 92);
}

@media (max-width: 767px) {
  .catalog__items-view-item.is-active {
    display: none;
  }
}
.catalog__items-view-item:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

.viewed-products {
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid var(--gray2);
}

@media (max-width: 576px) {
  .viewed-products {
    overflow: hidden;
  }
}
.viewed-products .section__heading {
  margin-bottom: 20px;
}

.viewed-products .section__title {
  font-size: 24px;
  line-height: 29px;
}

@media (max-width: 767px) {
  .viewed-products .section__title {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .viewed-products__slider {
    width: calc(100% + 16px);
  }
}
.viewed-products__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  padding: 15px 15px 15px 20px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  height: 100%;
}

@media (max-width: 767px) {
  .viewed-products__card {
    border-radius: 10px;
    padding: 15px;
  }
}
.viewed-products__card:hover {
  border-color: rgba(32, 86, 60, 0.4);
}

.viewed-products__card-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.viewed-products__card-name {
  color: rgb(44, 41, 31);
  font-size: 14px;
  line-height: 17px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.viewed-products__card:hover .viewed-products__card-name {
  color: #2C291F;
}

.viewed-products__card-img {
  min-width: 80px;
  max-width: 80px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.viewed-products__card-img.no-photo img, .viewed-products__card-img.no-photo svg.ico {
  padding: 4px;
}

.viewed-products__card-img img, .viewed-products__card-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.viewed-products__card .product-card__price {
  margin-top: auto;
}

.slider-buttons {
  position: relative;
}

.slider-buttons .slider-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--gray2);
  background: #F7F7F7;
  color: var(--brown);
  font-size: 11px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .slider-buttons .slider-btn {
    display: none;
  }
}
.slider-buttons .slider-btn:hover {
  border-color: #EBE5D6;
  background: #F5F4F4;
  color: var(--green);
}

.slider-buttons .slider-btn.swiper-button-prev {
  left: -16px;
}

@media (max-width: 1199px) {
  .slider-buttons .slider-btn.swiper-button-prev {
    left: 0;
  }
}
.slider-buttons .slider-btn.swiper-button-next {
  right: -16px;
}

@media (max-width: 1199px) {
  .slider-buttons .slider-btn.swiper-button-next {
    right: 0;
  }
}
@media (max-width: 1199px) {
  .slider-buttons {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .slider-buttons {
    padding: 0;
    width: calc(100% + 16px);
  }
}
@media (max-width: 767px) {
  .viewed-products {
    overflow: hidden;
    padding: 24px 0;
  }
}
.catalog-section--gray {
  background: rgba(242, 241, 239, 0.5);
}

.catalog-section--gray .catalog-section__type-item {
  border: 0;
  background: #FFF;
}

.catalog-section .section__subtitle {
  color: #7B7B7B;
}

.catalog-section__prim {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
  margin-top: 13px;
}

@media (max-width: 1199px) {
  .catalog-section__prim {
    grid-template-columns: repeat(5, calc(20% - 7px));
  }
}
@media (max-width: 991px) {
  .catalog-section__prim {
    grid-template-columns: repeat(4, calc(25% - 6px));
  }
}
@media (max-width: 767px) {
  .catalog-section__prim {
    grid-template-columns: 100%;
    row-gap: 4px;
    margin-top: 8px;
  }
}
.catalog-section__prim-item {
  position: relative;
  padding: 11px 62px 11px 15px;
  border: 1px solid transparent;
  background: var(--white);
  border-radius: 14px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

@media (max-width: 767px) {
  .catalog-section__prim-item {
    padding: 9px 40px 9px 15px;
    min-height: 40px;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    min-width: 170px;
    min-height: 44px;
    border-radius: 10px;
  }
  .catalog-section__prim-item:nth-child(n+7) {
    display: none;
  }
  .catalog-section__prim.is-show .catalog-section__prim-item:nth-child(n+7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog-section__prim-item:hover {
  border-color: rgba(32, 86, 60, 0.4);
  background: #F5F4F4;
}

.catalog-section__prim-item img, .catalog-section__prim-item svg.ico {
  width: 50px;
  height: 70px;
  position: absolute;
  bottom: 0;
  right: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .catalog-section__prim-item img, .catalog-section__prim-item svg.ico {
    height: 40px;
    width: 28px;
  }
}
.catalog-section__type {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 10px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 17px;
}

@media (max-width: 991px) {
  .catalog-section__type {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .catalog-section__type {
    row-gap: 4px;
  }
}
.catalog-section__type-item {
  padding: 24px 16px 8px 24px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
}

@media (max-width: 767px) {
  .catalog-section__type-item {
    row-gap: 8px;
    padding: 16px 15px 15px 15px;
    border-radius: 10px;
  }
}
.catalog-section__type-item .btn {
  margin-top: auto;
  display: none;
}

.catalog-section__type-item .btn.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-section__type-item .btn.is-active.is-show {
  margin-top: 6px;
}

.catalog-section__type-item-heading {
  margin-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 88px;
  -moz-column-gap: 88px;
  column-gap: 88px;
}

@media (max-width: 767px) {
  .catalog-section__type-item-heading {
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.catalog-section__type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: rgba(83, 75, 68, 0.9);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 767px) {
  .catalog-section__type-title {
    font-size: 14px;
    line-height: 18px;
  }
}
.catalog-section__type-title:hover {
  color: rgba(44, 41, 31, 0.9);
}

.catalog-section__type-title:hover .catalog-section__type-icon img, .catalog-section__type-title:hover .catalog-section__type-icon svg.ico {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.catalog-section__type-title:hover .catalog-section__type-icon img.hover, .catalog-section__type-title:hover .catalog-section__type-icon svg.ico.hover {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.catalog-section__type-icon {
  position: relative;
  min-width: 27px;
  max-width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-section__type-icon img, .catalog-section__type-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.catalog-section__type-icon img.hover, .catalog-section__type-icon svg.ico.hover {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.catalog-section__type-amount {
  color: #F1AF7E;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 18px;
}

@media (max-width: 767px) {
  .catalog-section__type-amount {
    padding-left: 35px;
    font-size: 11px;
    line-height: 14px;
  }
}
.catalog-section__type-item-list {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
  height: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .catalog-section__type-item-list {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    height: auto;
    margin-bottom: -8px;
  }
}
.catalog-section__type-item-list li {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.catalog-section__type-item-list li:nth-child(n+13) {
  display: none;
}

@media (max-width: 767px) {
  .catalog-section__type-item-list li {
    font-size: 13px;
    line-height: 15px;
  }
  .catalog-section__type-item-list li:nth-child(n+7) {
    display: none;
  }
}
.catalog-section__type-item-list.is-show {
  height: auto;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
}

.catalog-section__type-item-list.is-show li:nth-child(n+13) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .catalog-section__type-item-list.is-show li:nth-child(n+7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog-section__type-item-link {
  color: var(--brown);
}

@media (max-width: 767px) {
  .catalog-section__prim-item-text {
    min-width: 113px;
  }
}
@media (max-width: 991px) {
  .catalog__leftside {
    position: fixed;
    top: 0;
    left: -10000px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: var(--white);
    padding-bottom: 50px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
  }
  .catalog__leftside.is-open {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .catalog__leftside .container {
    padding: 0 15px;
  }
  .catalog__filter-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--gray2);
    font-size: 22px;
    color: rgba(108, 100, 92, 0.6);
  }
  .catalog__filter-mob span {
    position: absolute;
    color: var(--black);
    width: 18px;
    height: 18px;
    border-radius: 11px;
    background: var(--beg);
    top: 3px;
    right: 3px;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .product-detail {
    overflow: hidden;
  }
}
.product-detail__wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 991px) {
  .product-detail__wp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
  }
}
.product-detail__rightside {
  width: 341px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 991px) {
  .product-detail__rightside {
    width: 100%;
  }
  .product-detail__rightside .product-detail__actions {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-detail__rightside {
    row-gap: 4px;
  }
}
.product-detail__top {
  display: grid;
  grid-template-columns: 402px auto;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 1199px) {
  .product-detail__top {
    grid-template-columns: 100%;
    row-gap: 30px;
  }
}
.product-detail__sliders-top {
  position: relative;
  height: 288px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: var(--white);
  overflow: hidden;
}

.product-detail__sliders-top:hover .zoom {
  background: rgba(44, 41, 31, 0.2);
  color: var(--black);
}

@media (max-width: 767px) {
  .product-detail__sliders-top {
    height: 205px;
  }
}
.product-detail__sliders-main-img {
  height: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.product-detail__sliders-main-img video {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  drag: none;
}

.product-detail__sliders-main-img .product-detail__sliders-nav-img-icon {
  width: 60px;
  height: 60px;
}

.product-detail__sliders-main-img .product-detail__sliders-nav-img-icon img, .product-detail__sliders-main-img .product-detail__sliders-nav-img-icon svg.ico {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-detail__sliders-main-img:hover .product-detail__sliders-nav-img-icon img, .product-detail__sliders-main-img:hover .product-detail__sliders-nav-img-icon svg.ico {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-detail__sliders-main-img img, .product-detail__sliders-main-img svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}

@media (max-width: 767px) {
  .product-detail__sliders-main-img {
    height: 205px;
  }
}
.product-detail .product-card__tags {
  z-index: 2;
  top: 10px;
  left: 10px;
}

.product-detail .zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 8px;
  background: rgba(44, 41, 31, 0.1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  color: var(--brown);
  width: 24px;
  height: 24px;
}

.product-detail__sliders-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
}

@media (max-width: 767px) {
  .product-detail__sliders-bottom {
    display: none;
  }
}
.product-detail__sliders-nav {
  width: calc(100% - 69px);
}

.product-detail__sliders-nav-img {
  height: 55px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
  padding: 3px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-detail__sliders-nav-img.no-photo img, .product-detail__sliders-nav-img.no-photo svg.ico {
  padding: 5px;
}

.product-detail__sliders-nav-img img, .product-detail__sliders-nav-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-detail__sliders-nav-img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(206, 201, 201, 0.2);
  border-radius: 14px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}

.product-detail__sliders-nav-img.video::after {
  opacity: 1;
}

.product-detail__sliders-nav-img:hover {
  border-color: #C5BBA6;
}

.product-detail__sliders-nav-img:hover::after {
  opacity: 1;
}

.product-detail__sliders-nav-img:hover.video::after {
  background: rgba(135, 126, 126, 0.4);
  opacity: 1;
}

.product-detail__sliders-nav-img-icon {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 22.8px;
  background: rgba(38, 35, 32, 0.15);
  -webkit-backdrop-filter: blur(4.8000011444px);
  backdrop-filter: blur(4.8000011444px);
  z-index: 1;
}

.product-detail__chars-content-item-wp {
  max-height: 96px;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  white-space: pre-wrap;
}

.product-detail__chars-content-item-wp + .btn-showmore {
  display: initial;
  color: #1F8554;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .product-detail__chars-content-item-wp + .btn-showmore {
    font-size: 13px;
    line-height: 15px;
  }
}
.product-detail__chars-content-item-wp + .btn-showmore:hover {
  color: var(--greenHover);
}

.product-detail__chars-content-item-wp.content {
  max-width: 100%;
}

.product-detail__chars-content-item-wp.is-open {
  max-height: fit-content;
}

.product-detail__sliders-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 55px;
  padding: 3px;
  color: var(--brown);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 14px;
  border: 1px solid var(--gray2);
}

.product-detail__sliders-more:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
  color: var(--black);
}

.product-detail__sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.product-detail .slider-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 16px;
}

@media (max-width: 767px) {
  .product-detail .slider-buttons {
    padding: 0;
    width: calc(100% + 16px);
  }
}
.product-detail .slider-buttons .slider-btn.swiper-button-prev {
  left: 0;
}

.product-detail .slider-buttons .slider-btn.swiper-button-next {
  right: 0;
}

.product-detail .slider-buttons .product-card__price {
  display: none;
}

.product-detail .slider-buttons .viewed-products__card {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-detail__leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: calc(100% - 381px);
  width: 100%;
}

.product-detail__slider-more {
  margin: 0;
  width: 100%;
}

@media (max-width: 991px) {
  .product-detail__leftside {
    max-width: 100%;
  }
}
.product-detail__info .product-detail__actions {
  display: none;
}

@media (max-width: 991px) {
  .product-detail__info .product-detail__chars {
    display: none;
  }
  .product-detail__info .product-detail__chars-btn {
    display: none;
  }
  .product-detail__info .product-detail__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-detail__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .product-detail__title {
    font-size: 18px;
    line-height: 22px;
    MB: 4px;
  }
}
.product-detail__art {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .product-detail__art {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
.product-detail__more-wp {
  margin-top: 17px;
}

.product-detail__more-wp .viewed-products__card-img {
  min-width: 60px;
  max-width: 60px;
  height: 35px;
}

.product-detail__more-wp .viewed-products__card {
  padding: 12px 7px 12px 21px;
}

@media (max-width: 767px) {
  .product-detail__more-wp .viewed-products__card {
    padding: 10px 4px 10px 15px;
  }
}
.product-detail__more-wp .viewed-products__card-heading {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-detail__more-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 9px;
}

@media (max-width: 767px) {
  .product-detail__more-title {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 7px;
  }
}
.product-detail__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  padding: 5px 38px 5px 8px;
  border-radius: 10px;
  border: 1px solid var(--gray2);
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .product-detail__brand {
    padding: 5px 30px 5px 8px;
    width: 100%;
  }
}
.product-detail__brand:hover {
  border: 1px solid #C5BBA6;
  background: rgba(237, 233, 227, 0.6);
}

.product-detail__brand:hover .product-detail__brand-name {
  color: var(--black);
}

.product-detail__brand svg {
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #6C645C;
  font-size: 6px;
}

.product-detail__brand-img {
  max-width: 55px;
  min-width: 55px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  background: var(--white);
  border-radius: 10px;
  overflow: hidden;
}

.product-detail__brand-img img, .product-detail__brand-img svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
}

.product-detail__brand-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-detail__brand-name {
  color: rgba(44, 41, 31, 0.7);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-detail__brand-name {
    font-weight: 500;
    line-height: 16px;
  }
}
.product-detail__brand-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .product-detail__brand-country {
    font-size: 13px;
    line-height: 16px;
  }
}
.product-detail__brand-country img, .product-detail__brand-country svg.ico {
  min-width: 14px;
  max-width: 14px;
  height: 8px;
  border-radius: 2px;
  overflow: hidden;
}

.product-detail__chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-detail__chars li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid var(--gray2);
}

.product-detail__chars-name {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.product-detail__chars-value {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.product-detail__chars-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-detail__chars-btn svg {
  font-size: 6px;
  margin-top: 2px;
}

.product-detail__video-list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 4px));
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 24px;
}

@media (max-width: 767px) {
  .product-detail__video-list {
    margin-bottom: 20px;
    grid-template-columns: repeat(2, calc(50% - 5px));
  }
}
@media (max-width: 767px) {
  .product-detail__video-list .video-item:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-detail__video-list.is-show .video-item:nth-child(n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-detail__chars-block {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-detail__chars-block .product-detail__chars li {
  padding: 10px 0;
}

@media (max-width: 767px) {
  .product-detail__chars-block .product-detail__chars li {
    padding: 5px 0;
  }
  .product-detail__chars-block .product-detail__chars li:nth-child(n+6) {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-detail__chars-block .product-detail__chars.is-open li:nth-child(n+6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-detail__chars-block .product-detail__chars-name {
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .product-detail__chars-block .product-detail__chars-name {
    font-size: 12px;
    line-height: 16px;
  }
}
.product-detail__chars-block .product-detail__chars-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

@media (max-width: 767px) {
  .product-detail__chars-block .product-detail__chars-value {
    font-size: 12px;
    line-height: 16px;
  }
}
.product-detail__chars__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .product-detail__chars__nav {
    width: calc(100% + 16px);
    overflow-x: auto;
  }
  .product-detail__chars__nav::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    cursor: pointer;
  }
  .product-detail__chars__nav::-webkit-scrollbar-track {
    background: transparent;
  }
}
.product-detail__chars__nav-item {
  padding: 20px;
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  position: relative;
}

.product-detail__chars__nav-item::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: var(--black);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-detail__chars__nav-item::after {
    bottom: 0;
  }
}
.product-detail__chars__nav-item.is-active {
  color: var(--green);
  pointer-events: none;
}

.product-detail__chars__nav-item.is-active::after {
  width: 100%;
  background: var(--green);
}

.product-detail__chars__nav-item:hover {
  color: var(--black);
}

.product-detail__chars__nav-item:hover::after {
  width: 100%;
}

@media (max-width: 767px) {
  .product-detail__chars__nav-item {
    padding: 14px 12px;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap;
  }
}
.product-detail__chars-content {
  padding-top: 24px;
  position: relative;
}

@media (max-width: 767px) {
  .product-detail__chars-content {
    padding-top: 8px;
  }
}
.product-detail__chars-content-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
}

.product-detail__chars-content-item.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  left: initial;
  top: initial;
}

@media (max-width: 767px) {
  .product-detail__chars-content-item-wp {
    max-height: 96px;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-out;
    -o-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
  }
  .product-detail__chars-content-item-wp.is-open {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
.product-detail__share {
  margin-top: 16px;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px;
  color: #B5AEAE;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .product-detail__share {
    margin-top: 8px;
    font-size: 11px;
    line-height: 18px;
  }
}
.product-detail__share svg {
  font-size: 12px;
  color: #C4C0C0;
}

@media (max-width: 767px) {
  .product-detail__share svg {
    font-size: 10px;
  }
}
.product-detail__share:hover {
  color: var(--brown);
}

.product-detail__share:hover svg {
  color: var(--brown);
}

.product-detail__share.is-active {
  color: var(--brown);
}

.product-detail__share.is-active svg {
  color: var(--brown);
}

.product-detail__share-inner {
  position: absolute;
  top: calc(100% + 9px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 156px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--white);
  border-radius: 8px;
  padding: 10px 12px;
  -webkit-box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
  box-shadow: 0px 2px 11px -8px rgba(100, 100, 100, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-detail__share-inner-item {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: transparent;
}

.product-detail__share-inner-item img, .product-detail__share-inner-item svg.ico {
  height: 100%;
  object-fit: contain;
}

.product-detail__share-inner-item:hover {
  opacity: 0.7;
}

.product-detail__share-inner.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.product-detail__share-inner > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.product-detail__share-inner::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -1px;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  background: var(--white);
  z-index: 0;
}

.product-detail__actions {
  padding: 18px 15px 20px 20px;
  border-radius: 20px;
  background: rgba(245, 244, 244, 0.55);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 8px;
}

.product-detail__actions .product-card__basket {
  margin-top: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.product-detail__actions .product-card__basket-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-detail__actions .buy-oneclick {
  margin-top: 4px;
  padding: 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--brown);
  border-radius: 14px;
  border-color: #D6CCB7;
}

.product-detail__actions .buy-oneclick:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
  -webkit-backdrop-filter: blur(6.5px);
  backdrop-filter: blur(6.5px);
}

@media (max-width: 767px) {
  .product-detail__actions .buy-oneclick {
    font-size: 11px;
    border-radius: 10px;
    color: rgba(108, 100, 92, 0.6);
    font-weight: 600;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .product-detail__actions {
    padding: 10px;
    border-radius: 10px;
    position: relative;
  }
}
.product-detail__actions-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (max-width: 767px) {
  .product-detail__actions-links {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.product-detail__actions-price {
  margin-bottom: 0;
}

.product-detail__actions-price + .product-detail__actions-tags {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .product-detail__actions-price {
    max-width: calc(100% - 75px);
    margin-bottom: 0;
  }
  .product-detail__actions-price + .product-detail__actions-tags {
    margin-top: 8px;
  }
}
.product-detail__actions-price .product-card__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  row-gap: 4px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

@media (max-width: 767px) {
  .product-detail__actions-price .product-card__price {
    font-size: 19px;
    line-height: 27px;
  }
}
.product-detail__actions-price .product-card__price-old span {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

@media (max-width: 767px) {
  .product-detail__actions-price .product-card__price-old span {
    font-size: 14px;
    line-height: 14px;
  }
}
.product-detail__actions-tags .product-card__amount-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-detail__basket {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

@media (max-width: 767px) {
  .product-detail__basket {
    margin-top: 16px;
  }
}
.product-detail__btn-basket {
  padding: 15px 15px 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  line-height: 22px;
  width: 100%;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .product-detail__btn-basket {
    padding: 10px;
    font-size: 13px;
    line-height: 14px;
  }
}
.product-detail__btn-basket .basket-in {
  display: none;
}

.product-detail__btn-basket .basket-order {
  display: none;
}

.product-detail__btn-basket .basket-disable {
  display: none;
}

.product-detail__btn-basket.basket-in .basket-default {
  display: none;
}

.product-detail__btn-basket.basket-in .basket-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.product-detail__btn-basket.basket-in .basket-in img, .product-detail__btn-basket.basket-in .basket-in svg.ico {
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-detail__btn-basket.basket-order {
  background: #8A8A8A;
}

.product-detail__btn-basket.basket-order:hover {
  background: var(--greenHover);
}

.product-detail__btn-basket.basket-order .basket-default {
  display: none;
}

.product-detail__btn-basket.basket-order .basket-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-detail__btn-basket.basket-disable {
  color: #BFBFBF;
  background: #DDD;
  /* pointer-events: none;*/
}

.product-detail__btn-basket.basket-disable .basket-default {
  display: none;
}

.product-detail__btn-basket.basket-disable .basket-disable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-detail__block {
  padding: 15px 20px;
  border-radius: 20px;
  background: rgba(246, 246, 246, 0.76);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
}

.product-detail__block--payment .product-detail__block-list-name {
  color: var(--black);
}

.product-detail__block--payment ul {
  row-gap: 6px;
}

@media (max-width: 767px) {
  .product-detail__block {
    padding: 10px;
  }
}
.product-detail__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
}

.product-detail__block-title svg {
  font-size: 6px;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .product-detail__block-title {
    font-size: 13px;
    line-height: 18px;
  }
}
.product-detail__block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 2px;
}

.product-detail__block-list--deilivery {
  row-gap: 6px;
}

.product-detail__block-list--deilivery .product-detail__block-list-name {
  display: block;
}

.product-detail__block-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.product-detail__block-list-name {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px;
}

@media (max-width: 767px) {
  .product-detail__block-list-name {
    font-size: 12px;
    line-height: 15px;
  }
}
.product-detail__block-list-name img, .product-detail__block-list-name svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .product-detail__block-list-name img, .product-detail__block-list-name svg.ico {
    max-width: 15px;
    min-width: 15px;
    height: 15px;
  }
}
.product-detail__block-list-value {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .product-detail__block-list-value {
    font-size: 12px;
  }
}
.product-detail__downloads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 18px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .product-detail__downloads {
    padding: 10px;
  }
}
.product-detail__downloads-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .product-detail__downloads-item {
    padding: 4px 0;
  }
}
.product-detail__downloads-item:last-of-type {
  border-bottom: none;
}

.product-detail__downloads-item:hover .product-detail__downloads-item-img img, .product-detail__downloads-item:hover .product-detail__downloads-item-img svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.product-detail__downloads-item:hover .product-detail__downloads-item-img img.hover, .product-detail__downloads-item:hover .product-detail__downloads-item-img svg.ico.hover {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.product-detail__downloads-item-img {
  position: relative;
  max-width: 18px;
  min-width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 3px;
}

.product-detail__downloads-item-img img, .product-detail__downloads-item-img svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-detail__downloads-item-img img.hover, .product-detail__downloads-item-img svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.product-detail__downloads-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  line-height: 18px;
  margin-right: 6px;
  width: 100%;
}

@media (max-width: 767px) {
  .product-detail__downloads-item-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    font-size: 12px;
    line-height: 16px;
  }
}
.product-detail__downloads-item-center span {
  color: rgba(108, 100, 92, 0.5);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-left: auto;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .product-detail__downloads-item-center span {
    margin-left: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
  }
}
.product-detail__downloads-item-icon {
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #F8F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 7px;
  color: rgba(108, 100, 92, 0.5);
}

.btn-showmore {
  display: none;
  color: var(--brown);
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  padding-right: 12px;
  position: relative;
  margin-top: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .btn-showmore.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.btn-showmore::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("/local/templates/vpl_vue/img/svg/arrow-down.svg") no-repeat;
  background-size: contain;
}

.btn-showmore.is-show::after {
  -webkit-transform: translateY(-45%) scale(-1);
  -ms-transform: translateY(-45%) scale(-1);
  transform: translateY(-45%) scale(-1);
}

.btn-showmore.is-bigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.video-item__img {
  position: relative;
  height: 170px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 576px) {
  .video-item__img {
    height: 90px;
  }
}
.video-item__img::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 41, 31, 0.3);
  border-radius: 10px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.video-item__img video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-item__img-icon {
  position: absolute;
  border-radius: 31px;
  background: rgba(38, 35, 32, 0.15);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  left: 16px;
  bottom: 16px;
  z-index: 1;
  width: 45px;
  height: 45px;
  font-size: 14px;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px;
}

@media (max-width: 767px) {
  .video-item__img-icon {
    width: 25px;
    height: 25px;
    font-size: 8px;
    left: 8px;
    bottom: 8px;
  }
}
.video-item__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 16px 0 8px;
}

@media (max-width: 767px) {
  .video-item__name {
    font-size: 13px;
    line-height: 15px;
  }
}
.video-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  margin-top: auto;
}

.video-item__info-size {
  color: rgba(108, 100, 92, 0.6);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.video-item__info-icon {
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  background: var(--gray2);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1px;
  font-size: 9px;
  color: rgba(108, 100, 92, 0.5);
}

.video-item:hover .video-item__img::before {
  opacity: 1;
  visibility: visible;
}

.swiper-slide-thumb-active .product-detail__sliders-nav-img {
  border-color: var(--brown);
}

@media (max-width: 767px) {
  .recommend {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .recommend-slider {
    width: calc(100% + 16px);
  }
}
.recommend-slider .product-card {
  height: 100%;
}

.modal-payment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-payment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 17px;
  -moz-column-gap: 17px;
  column-gap: 17px;
  padding: 30px 0;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .modal-payment__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 16px;
    padding: 16px 0;
  }
}
.modal-payment__item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.modal-payment__item:first-of-type {
  padding-top: 0;
}

.modal-payment__item-img {
  max-width: 170px;
  min-width: 170px;
  height: 120px;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .modal-payment__item-img {
    border-radius: 10px;
    max-width: 122px;
    min-width: 122px;
    height: 82px;
  }
}
.modal-payment__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .modal-payment__item-info {
    row-gap: 8px;
  }
}
.modal-payment__item-title {
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .modal-payment__item-title {
    font-size: 16px;
  }
}
.modal-payment__item-text {
  color: var(--black);
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .modal-payment__item-text {
    font-size: 13px;
    line-height: 16px;
  }
}
.modal-delivery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-delivery__list.content p {
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .modal-delivery__list.content p {
    font-size: 13px;
    line-height: 16px;
  }
}
.modal-delivery__list.content ul {
  margin: 0 0 16px;
}

.modal-delivery__list.content ul li {
  font-size: 13px;
  line-height: 16px;
  padding-left: 20px;
}

.modal-delivery__list.content ul li:after {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  left: 4px;
  top: 4px;
}

.modal-delivery__item {
  padding: 20px 0;
  border-bottom: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-delivery__item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.modal-delivery__item:first-of-type {
  padding-top: 0;
}

.modal-delivery__item-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .modal-delivery__item-title {
    font-size: 16px;
  }
}
.modal-delivery__item-informer {
  padding: 4px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  border-radius: 10px;
  background: #F5F4F4;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .modal-delivery__item-informer {
    font-size: 12px;
    line-height: 15px;
  }
}
.modal-delivery__item-informer span {
  color: var(--black);
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .modal-delivery__item-informer span {
    font-size: 12px;
  }
}
.modal-delivery__item-comp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
}

.modal-delivery__item-comp-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 9px;
  border: 1px solid var(--gray2);
  height: 59px;
  min-width: 125px;
}

.modal-delivery__item-comp-img img, .modal-delivery__item-comp-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.basket {
  display: grid;
  grid-template-columns: auto 370px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media (max-width: 991px) {
  .basket {
    grid-template-columns: 100%;
    row-gap: 16px;
  }
}
.basket__top {
  padding: 10px 0;
  border-top: none;
  border-bottom: none;
}

@media (max-width: 767px) {
  .basket__top {
    padding-top: 0;
    border-top: none;
  }
}
.basket__leftside-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.basket__leftside-del:hover {
  color: var(--black);
}

.basket__leftside-del:hover .basket__leftside-del-icon img, .basket__leftside-del:hover .basket__leftside-del-icon svg.ico {
  position: absolute;
  opacity: 0;
}

.basket__leftside-del:hover .basket__leftside-del-icon img.hover, .basket__leftside-del:hover .basket__leftside-del-icon svg.ico.hover {
  opacity: 1;
  position: relative;
}

@media (max-width: 767px) {
  .basket__leftside-del {
    font-size: 13px;
    line-height: 15px;
  }
}
.basket__leftside-del-icon {
  max-width: 19px;
  min-width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.basket__leftside-del-icon img, .basket__leftside-del-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__leftside-del-icon img.hover, .basket__leftside-del-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
}

.basket__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .basket__list {
    margin-top: 0;
  }
}
.basket__item {
  display: grid;
  grid-template-columns: 30px 475px auto 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border-bottom: 1px solid var(--gray2);
  padding: 11px 0;
  position: relative;
}

@media (max-width: 1440px) {
  .basket__item {
    grid-template-columns: 30px 375px auto 150px;
  }
}
@media (max-width: 1199px) {
  .basket__item {
    grid-template-columns: 100%;
    row-gap: 8px;
  }
}
@media (max-width: 767px) {
  .basket__item:last-of-type {
    border-bottom: none;
  }
}
.basket__item--disable {
  opacity: 0.7;
}

.basket__item--disable .basket__item-counter-top {
  pointer-events: none;
}

.basket__item-delete {
  width: 29px;
  height: 29px;
  border-radius: 10px;
  background: var(--gray2);
  color: rgba(16, 36, 43, 0.4);
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__item-delete:hover {
  background: #F5F5F5;
  color: rgb(16, 36, 43);
}

@media (max-width: 1199px) {
  .basket__item-delete {
    position: absolute;
    bottom: 11px;
    right: 0;
  }
}
.basket__item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.basket__item-main-img {
  min-width: 72px;
  max-width: 72px;
  height: 59px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.basket__item-main-img img, .basket__item-main-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .basket__item-main-img {
    min-width: 47px;
    max-width: 47px;
    height: 38px;
  }
}
.basket__item-main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 2px;
}

.basket__item-main-info-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 767px) {
  .basket__item-main-info-name {
    font-size: 13px;
    line-height: 18px;
  }
}
.basket__item-main-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
}

.basket__item-main-info-item {
  color: var(--brown);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.basket__item-counter-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

@media (max-width: 767px) {
  .basket__item-counter-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 8px;
  }
}
.basket__item-counter-top .input-group {
  height: 38px;
  min-width: 94px;
}

@media (max-width: 767px) {
  .basket__item-counter-top .input-group {
    max-width: 94px;
  }
  .basket__item-counter-top .input-group input {
    max-width: 36px;
  }
}
.basket__item-counter-top .input-group .btn {
  height: 38px;
  width: 28px;
}

.basket__item-counter-top .input-group .btn.bootstrap-touchspin-down::before {
  left: 16px;
}

.basket__item-counter-top .input-group .btn.bootstrap-touchspin-up::before {
  right: 16px;
}

.basket__item-counter-top .product-card__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  row-gap: 1px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.basket__item-counter-top .product-card__price span.small {
  font-size: 11px;
}

@media (max-width: 767px) {
  .basket__item-counter-top .product-card__price {
    width: calc(100% - 109px);
  }
}
.basket__item-price-total .product-card__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  row-gap: 1px;
}

@media (max-width: 1199px) {
  .basket__item-price-total {
    max-width: calc(100% - 50px);
  }
}
.basket__delivery-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .basket__delivery-wp {
    margin-top: 0;
    row-gap: 4px;
  }
}
.basket__delivery-item {
  padding: 28px 30px 24px 30px;
  border-radius: 20px;
  background: #FBFAF8;
}

@media (max-width: 767px) {
  .basket__delivery-item {
    padding: 15px;
    border-radius: 10px;
  }
}
.basket__delivery-item-title {
  color: var(--hardblack);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .basket__delivery-item-title {
    font-size: 16px;
    line-height: 22px;
  }
}
.basket__delivery-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.basket__delivery-address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
}

.basket__delivery-address-label {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.basket__delivery-address-wp {
  position: relative;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  background: #FBFAF8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  width: calc(100% - 45px);
}

.basket__delivery-address-wp input {
  height: 54px;
  border: none;
  width: 100%;
  background: transparent;
  padding: 18px 20px 18px 16px;
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

@media (max-width: 767px) {
  .basket__delivery-address-wp input {
    height: 39px;
    padding: 0 0 0 16px;
    font-size: 14px;
  }
}
.basket__delivery-address-wp input::-webkit-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.basket__delivery-address-wp input::-moz-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.basket__delivery-address-wp input:-ms-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.basket__delivery-address-wp input::-ms-input-placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.basket__delivery-address-wp input::placeholder {
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

@media (max-width: 767px) {
  .basket__delivery-address-wp input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .basket__delivery-address-wp input::-moz-placeholder {
    font-size: 14px;
  }
  .basket__delivery-address-wp input:-ms-input-placeholder {
    font-size: 14px;
  }
  .basket__delivery-address-wp input::-ms-input-placeholder {
    font-size: 14px;
  }
  .basket__delivery-address-wp input::placeholder {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .basket__delivery-address-wp {
    width: 100%;
  }
}
.basket__delivery-address-block {
  position: relative;
}

.basket__delivery-address-block.is-active .basket__delivery-address-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.basket__delivery-address-block.is-active .basket__delivery-address-wp {
  background: var(--white);
}

.basket__delivery-address-clear {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 54px;
  padding: 0 10px;
  font-size: 10px;
  color: rgba(16, 36, 43, 0.4);
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
}

.basket__delivery-address-clear::after {
  position: absolute;
  content: "";
  width: 1px;
  right: 0;
  height: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--gray2);
}

.basket__delivery-address-clear:hover {
  color: rgba(16, 36, 43, 0.8);
}

@media (max-width: 767px) {
  .basket__delivery-address-clear {
    height: 39px;
  }
}
.basket__delivery-address-result-list {
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.basket__delivery-address-result-list::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  cursor: pointer;
}

.basket__delivery-address-result-list::-webkit-scrollbar-track {
  background: transparent;
}

.basket__delivery-address-result-list::-webkit-scrollbar-thumb {
  background-color: #534B44;
  border: none;
}

.basket__delivery-address-result {
  position: absolute;
  overflow: hidden;
  top: 55px;
  left: 0;
  width: calc(100% - 45px);
  background: var(--white);
  z-index: 1;
  border-radius: 14px;
  border: 1px solid var(--gray2);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}

.basket__delivery-address-result.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media (max-width: 767px) {
  .basket__delivery-address-result {
    top: 38px;
    width: 100%;
  }
}
.basket__delivery-address-result-item {
  padding: 10px 0 10px 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-bottom: 1px solid #DDDADA;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.basket__delivery-address-result-item span {
  color: #534B44;
}

.basket__delivery-address-result-item:last-of-type {
  border-bottom: none;
}

.basket__delivery-address-result-item:hover {
  background: #FBFAF8;
}

.basket__delivery-address-search {
  border: none;
  background: transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px 0 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  font-size: 16px;
  color: rgba(16, 36, 43, 0.6);
  position: relative;
}

.basket__delivery-address-search:hover {
  color: rgba(16, 36, 43, 0.8);
}

.basket__delivery-address-text {
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  width: calc(100% - 45px);
}

.basket__delivery-personal-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--gray2);
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .basket__delivery-personal-nav {
    overflow-y: hidden;
    overflow-x: auto;
  }
  .basket__delivery-personal-nav::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    cursor: pointer;
  }
  .basket__delivery-personal-nav::-webkit-scrollbar-track {
    background: transparent;
  }
}
.basket__delivery-personal-nav-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  position: relative;
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__delivery-personal-nav-link:hover {
  color: var(--green);
}

.basket__delivery-personal-nav-link::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 0;
  background: var(--green);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__delivery-personal-nav-link.is-active {
  color: var(--green);
}

.basket__delivery-personal-nav-link.is-active::after {
  width: 100%;
}

@media (max-width: 767px) {
  .basket__delivery-personal-nav-link {
    padding: 14px 12px;
    white-space: nowrap;
    font-size: 13px;
    line-height: 14px;
  }
}
.basket__delivery-personal-content {
  position: relative;
}

.basket__delivery-personal-content-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.basket__delivery-personal-content-item.is-active {
  position: relative;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.basket__delivery-personal-content-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.basket__delivery-personal-content-double .field {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767px) {
  .basket__delivery-personal-content-double .field {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .basket__delivery-personal-content-double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
  }
}
.basket__delivery-personal-serv {
  /* padding: 18px 20px; */
  /* border-radius: 14px; */
  /* border: 1px solid var(--gray2); */
  background: #FBFAF8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .basket__delivery-personal-serv {
    /* padding: 15px; */
    row-gap: 8px;
  }
  .basket__delivery-personal-serv .filter__item-checkbox-value {
    font-size: 13px;
    line-height: 15px;
  }
}
.basket__delivery-personal-serv-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

@media (max-width: 767px) {
  .basket__delivery-personal-serv-title {
    font-size: 13px;
    line-height: 20px;
  }
}
.basket__delivery-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 767px) {
  .basket__delivery-radio {
    row-gap: 4px;
  }
}
.basket__delivery-radio-item {
  position: relative;
  width: 100%;
}

.basket__delivery-radio-item input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.basket__delivery-info {
  padding: 12px 20px 12px 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  border-radius: 10px;
  border: 1px solid #D6CCB7;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__delivery-info::before {
  position: absolute;
  content: "";
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("/local/templates/vpl_vue/img/svg/radio-uncheck.svg") no-repeat center;
}

@media (max-width: 767px) {
  .basket__delivery-info::before {
    left: 15px;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
}
.basket__delivery-info:hover {
  border-color: #CEC4AE;
  background: #F5F4F4;
}

.basket__delivery-info:hover::before {
  background: url("/local/templates/vpl_vue/img/svg/radio-uncheck-h.svg") no-repeat center;
  background-size: contain;
}

@media (max-width: 767px) {
  .basket__delivery-info {
    padding: 13px 15px 13px 44px;
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
  }
}
.basket__delivery-radio-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
}

.basket__delivery-radio-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 767px) {
  .basket__delivery-radio-title {
    font-size: 13px;
    line-height: 14px;
  }
}
.basket__delivery-radio-chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
}

.basket__delivery-radio-chars li {
  color: #555;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .basket__delivery-radio-chars li {
    font-size: 12px;
    line-height: 16px;
  }
}
.basket__delivery-radio-chars li span {
  font-weight: 700;
}

.basket__delivery-radio-icon {
  max-width: 45px;
  min-width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 11px;
  border-radius: 10px;
  background: #DDDADA;
}

.basket__delivery-radio-icon img, .basket__delivery-radio-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .basket__delivery-radio-icon {
    max-width: 35px;
    min-width: 35px;
    height: 35px;
    padding: 10px;
  }
}
.basket__sidebar-inner {
  padding: 40px 18px 24px;
  border-radius: 20px;
  background: #F6F4F4;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .basket__sidebar-inner {
    padding: 15px;
    border-radius: 10px;
  }
}
.basket__sidebar-block-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--brown);
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-total {
    font-size: 17px;
    line-height: 21px;
  }
}
.basket__sidebar-block-total span {
  color: var(--black);
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-total span {
    font-size: 18px;
    line-height: 22px;
  }
}
.basket__sidebar-block:first-of-type {
  padding-top: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray2);
}

.basket__sidebar-block .product-card__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  row-gap: 3px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

@media (max-width: 767px) {
  .basket__sidebar-block .product-card__price {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 3px;
  }
}
.basket__sidebar-block .product-card__price-old span {
  font-size: 16px;
}

@media (max-width: 767px) {
  .basket__sidebar-block .product-card__price-old span {
    font-size: 14px;
    line-height: 14px;
  }
}
.basket__sidebar-block .btn--green {
  width: 100%;
  padding: 19px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}

@media (max-width: 767px) {
  .basket__sidebar-block .btn--green {
    padding: 7px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 20px;
  }
}
.basket__sidebar-block-discount {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.basket__sidebar-block-discount-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-title {
    font-size: 13px;
    line-height: 15px;
  }
}
.basket__sidebar-block-discount-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 4px 5px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--white);
  border-radius: 7px;
  border: 1px solid var(--gray2);
  background: #FBFAF8;
}

.basket__sidebar-block-discount-wp input {
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  height: 46px !important;
  color: #8A8A8A !important;
  font-size: 16px !important;
  line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-webkit-input-placeholder {
  font-size: 16px !important;
  line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-moz-placeholder {
  font-size: 16px !important;
  line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input:-ms-input-placeholder {
  font-size: 16px !important;
  line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::-ms-input-placeholder {
  font-size: 16px !important;
  line-height: 18px !important;
}

.basket__sidebar-block-discount-wp input::placeholder {
  font-size: 16px !important;
  line-height: 18px !important;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-wp input {
    height: 35px !important;
    font-size: 14px !important;
  }
  .basket__sidebar-block-discount-wp input::-webkit-input-placeholder {
    font-size: 14px !important;
  }
  .basket__sidebar-block-discount-wp input::-moz-placeholder {
    font-size: 14px !important;
  }
  .basket__sidebar-block-discount-wp input:-ms-input-placeholder {
    font-size: 14px !important;
  }
  .basket__sidebar-block-discount-wp input::-ms-input-placeholder {
    font-size: 14px !important;
  }
  .basket__sidebar-block-discount-wp input::placeholder {
    font-size: 14px !important;
  }
}
.basket__sidebar-block-discount-wp .btn {
  padding: 13px 16px;
  -webkit-transition: background 0.3s ease-out, color 0.3s ease-out;
  -o-transition: background 0.3s ease-out, color 0.3s ease-out;
  transition: background 0.3s ease-out, color 0.3s ease-out;
  font-size: 14px;
  cursor: pointer;
  border-color: #D6CCB7;
  background: #F6EFE0;
}

.basket__sidebar-block-discount-wp .btn:hover {
  background: #EBE5D6;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-wp .btn {
    padding: 8px 10px;
    font-size: 11px;
  }
}
.basket__sidebar-block-discount-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-list {
    margin-top: 4px;
  }
}
.basket__sidebar-block-discount-list li {
  padding: 6px 10px;
  border-bottom: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 10px;
}

.basket__sidebar-block-discount-list li:last-of-type {
  border-bottom: none;
}

.basket__sidebar-block-discount-list li:hover {
  background: #EDEAEA;
  border-color: transparent;
}

.basket__sidebar-block-discount-list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.basket__sidebar-block-discount-list-info.disable .basket__sidebar-block-discount-list-status {
  color: var(--red);
}

.basket__sidebar-block-discount-list-name {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-list-name {
    font-size: 11px;
    line-height: 15px;
  }
}
.basket__sidebar-block-discount-list-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-discount-list-status {
    font-size: 13px;
    line-height: 15px;
  }
}
.basket__sidebar-block-discount-list-status-icon {
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.basket__sidebar-block-discount-list-status-icon img, .basket__sidebar-block-discount-list-status-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.basket__sidebar-block-discount-list-del {
  position: relative;
  max-width: 20px;
  min-width: 20px;
  height: 30px;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.basket__sidebar-block-discount-list-del img, .basket__sidebar-block-discount-list-del svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.basket__sidebar-block-discount-list-del img.hover, .basket__sidebar-block-discount-list-del svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.basket__sidebar-block-discount-list-del:hover img, .basket__sidebar-block-discount-list-del:hover svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.basket__sidebar-block-discount-list-del:hover img.hover, .basket__sidebar-block-discount-list-del:hover svg.ico.hover {
  opacity: 1;
  position: relative;
  visibility: visible;
}

.basket__sidebar-block-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.basket__sidebar-block-subtitle span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #040404;
}

.basket__sidebar-block-subtitle.red span {
  color: var(--red);
}

.basket__sidebar-block-delivery {
  margin-top: 16px;
  padding: 14px;
  border-radius: 10px;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.basket__sidebar-block-delivery li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  flex-direction: column;
}

@media (max-width: 767px) {
  .basket__sidebar-block-delivery li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.basket__sidebar-block-delivery-title {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}

.basket__sidebar-block-delivery-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.basket__sidebar-block-delivery-value svg {
  font-size: 13px;
  min-width: 13px;
  color: #8A8A8A;
}

.basket__sidebar-block-delivery-value:hover svg {
  color: var(--greenHover);
}

.basket__sidebar-block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 7px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-info {
    row-gap: 4px;
  }
}
.basket__sidebar-block-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 767px) {
  .basket__sidebar-block-title {
    margin-bottom: 3px;
  }
}
.basket__delivery-reg-subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
  display: block;
}

.basket__delivery-reg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9px;
}

.basket__delivery-reg-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

@media (max-width: 767px) {
  .basket__delivery-reg-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
  }
}
.basket__delivery-reg-top .field {
  width: 100%;
}

.basket__delivery-reg-top .btn {
  min-width: 153px;
  padding: 9px;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .basket__delivery-reg-top .btn {
    padding: 7px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 20px;
    width: 100%;
  }
}
.basket__delivery-reg-top .field__input {
  margin-bottom: 0 !important;
}

.basket .filter__item-checkbox {
  padding-bottom: 0;
}

.basket .field__input {
  height: 44px;
  padding-top: 13px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}

.basket .field__input--textarea {
  height: 90px;
  margin-bottom: 0;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .basket .field__input--textarea {
    margin-top: 4px;
  }
}
.basket__delivery-personal-content .checkbox__input::after {
  left: -1px;
}

@media (max-width: 1440px) {
  .basket__delivery-personal-content .checkbox__input::after {
    left: -0.5px;
  }
}
@media (max-width: 767px) {
  .basket .field__input {
    height: 42px;
    padding-right: 25px;
  }
  .basket__delivery-personal-content .checkbox__input::after {
    left: 0 !important;
  }
}
.basket .field__label {
  font-size: 14px;
  line-height: 18px;
}

.basket .is-required::after {
  top: 14px;
}

@media (max-width: 767px) {
  .basket .is-required::after {
    top: 12px;
  }
}
.basket .checkbox__wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .basket .checkbox__wp {
    margin-top: 10px;
  }
  .basket .checkbox__wp .checkbox__input::after {
    left: 0;
  }
}
.basket__delivery-radio-item input:checked ~ .basket__delivery-info {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

.basket__delivery-radio-item:hover input:checked ~ .basket__delivery-info {
  border-color: #BDB39B;
  background: #EEE;
}

.basket__delivery-radio-item input:checked ~ .basket__delivery-info::before {
  background: url("/local/templates/vpl_vue/img/svg/radio-check.svg") no-repeat center;
  background-size: contain;
}

.basket__delivery-radio-item:hover input:checked ~ .basket__delivery-info::before {
  background: url("/local/templates/vpl_vue/img/svg/radio-check-h.svg") no-repeat center;
  background-size: contain;
}

@media (max-width: 991px) {
  .basket__sidebar .show .btn {
    padding: 7px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 11px;
    line-height: 20px;
  }
  .show .basket__sidebar-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 10px 15px;
    background: #F6F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  /* .show .basket__sidebar-block-total {
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 2px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  }
  .show .basket__sidebar-block-total span {
  font-size: 16px;
  line-height: 20px;
  } */
}
.empty {
  padding: 0 0 70px;
}

@media (max-width: 767px) {
  .empty {
    padding: 0 0 40px;
  }
}
.empty__wp {
  padding: 120px 60px;
  border-radius: 20px;
  background: #FBFAF8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .empty__wp {
    padding: 50px 20px;
  }
}
.empty__wp .btn {
  border-radius: 10px;
  border-color: #D6CCB7;
  padding: 9px 8px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.empty__wp .btn svg {
  font-size: 7px;
}

.empty__wp .btn:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .empty__wp .btn {
    font-size: 11px;
    line-height: 18px;
  }
}
.empty__title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 14px;
}

@media (max-width: 767px) {
  .empty__title {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 5px;
  }
}
.empty__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .empty__subtitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.order-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 570px;
  margin: 0 auto;
}

.order-success__title {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .order-success__title {
    margin-bottom: 20px;
  }
}
.order-success__text {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 767px) {
  .order-success__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.order-success__text a {
  color: var(--green);
}

.order-success__text a:hover {
  color: var(--greenHover);
}

.order-success__btns {
  margin-top: 24px;
}

.order-success__btns .btn {
  padding: 11px 30px;
  color: rgba(44, 41, 31, 0.8);
  font-weight: 600;
}

@media (max-width: 767px) {
  .order-success__btns .btn {
    padding: 9px 15px;
  }
}
.text-block.content {
  max-width: 770px;
}

/* тексты зеркала раздела над и под списком товаров (tas.mirrors): во всю ширину, не по центру 770 px, как .text-block.content */
.text-block.content.catalog-text-top,
.text-block.content.catalog-text-bottom {
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}

/* над списком: фон и обводка как у .product-card, скругление 16 px, самый тёмный текст палитры */
.text-block.content.catalog-text-top {
  margin-bottom: 32px;
  padding: 24px;
  background: #FBFAF8;
  border: 1px solid #DDDADA;
  border-radius: 16px;
  color: var(--hardblack);
}

/* под списком: секция без фона, граница сверху на всю ширину экрана, отступы сверху и снизу 64 px (на мобильной 32 px) */
.section.catalog-text-bottom-section {
  padding: 64px 0;
  border-top: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .text-block.content.catalog-text-top {
    margin-bottom: 20px;
  }
  .section.catalog-text-bottom-section {
    padding: 32px 0;
  }
}
@media (max-width: 1199px) {
  .text-block.content {
    max-width: 100%;
  }
}
.text-block.content .services-detail__item-img {
  margin: 0;
}

.text-block.content .services-detail__item-img img, .text-block.content .services-detail__item-img svg.ico {
  margin: 0;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .text-block.content .services-detail__item-img img, .text-block.content .services-detail__item-img svg.ico {
    border-radius: 7px;
  }
}
.payment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payment__list-item {
  padding: 20px 0;
  border-bottom: 1px solid #DDDADA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}

.payment__list-item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .payment__list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
  }
  .payment__list-item:first-child {
    padding-top: 0;
  }
}
.payment__list-item-name {
  max-width: 266px;
  min-width: 266px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 991px) {
  .payment__list-item-name {
    order: 2;
  }
}
@media (max-width: 767px) {
  .payment__list-item-name {
    font-size: 16px;
    line-height: 22px;
  }
}
.payment__list-item-desc {
  /* max-width: 527px; */
  width: 100%;
  font-size: 15px;
  line-height: 21px;
}

.payment__list-item-desc.content {
  margin: 0;
}

@media (max-width: 1199px) {
  .payment__list-item-desc {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .payment__list-item-desc {
    order: 3;
  }
}
@media (max-width: 767px) {
  .payment__list-item-desc {
    font-size: 13px;
    line-height: 16px;
    max-width: 100%;
  }
}
.payment__list-item-img {
  margin-left: auto;
  height: 163px;
  min-width: 244px;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .payment__list-item-img {
    margin-left: 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .payment__list-item-img {
    height: 82px;
  }
}
.payment__list-item-img img, .payment__list-item-img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.delivery-block {
  display: grid;
  grid-template-columns: 266px auto;
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}

@media (max-width: 991px) {
  .delivery-block {
    grid-template-columns: 100%;
    row-gap: 16px;
  }
}
.delivery-block__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .delivery-block__title {
    font-size: 16px;
  }
}
.delivery-block__desc.content {
  max-width: 100%;
  margin: 0;
}

.delivery-block__desc.content .delivery-block__pic-item img, .delivery-block__desc.content .delivery-block__pic-item svg.ico {
  margin: 0;
}

.delivery-block__pic {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 11px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 767px) {
  .delivery-block__pic {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
.delivery-block__pic-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  overflow: hidden;
  height: 128px;
}

@media (max-width: 767px) {
  .delivery-block__pic-item {
    height: 65px;
    border-radius: 10px;
  }
}
.delivery-block__pic-item img, .delivery-block__pic-item svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}

.brands__filter {
  display: grid;
  grid-template-columns: 70px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  padding: 10px;
  border-radius: 20px;
  background: #F5F4F4;
}

@media (max-width: 767px) {
  .brands__filter {
    grid-template-columns: 100%;
    row-gap: 6px;
    border-radius: 10px;
  }
}
.brands__filter-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
}

.brands__filter-btn {
  border-radius: 10px;
  background: #EBE5D6;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  height: 100%;
}

.brands__filter-btn:hover {
  background: #E0DACB;
}

.brands__filter-btn.is-active {
  background: var(--brown);
  color: var(--white);
}

.brands__filter-lins {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.brands__filter-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  row-gap: 6px;
}

.brands__filter-line-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background: #EBE5D6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 26px;
  padding: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.brands__filter-line-item.is-active {
  background: var(--brown);
  color: var(--white);
}

.brands__filter-line-item.disable {
  background: #ECEBEB;
  color: #DDDADA;
  pointer-events: none;
}

.brands__filter-line-item:hover {
  background: #E0DACB;
}

.brands__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.brands__blocks-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .brands__blocks-item {
    row-gap: 8px;
    padding: 16px 0;
  }
}
.brands__blocks-item:first-of-type {
  padding-top: 0;
}

.brands__blocks-item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.brands__blocks-item.disable {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.brands__blocks-item.is-hide {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.brands__blocks-item.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.brands__blocks-item-title {
  color: var(--brown);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.brands__blocks-item-list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 23px));
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .brands__blocks-item-list {
    grid-template-columns: repeat(2, calc(50% - 15px));
  }
}
@media (max-width: 576px) {
  .brands__blocks-item-list {
    row-gap: 8px;
    grid-template-columns: 100%;
  }
}
.brands__blocks-item-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.brands__blocks-item-list-link:hover .brands__blocks-item-list-link-name {
  color: rgb(44, 41, 31);
}

.brands__blocks-item-list-link-logo {
  max-width: 55px;
  min-width: 55px;
  height: 35px;
  border-radius: 10px;
  border: 1px solid var(--gray2);
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brands__blocks-item-list-link-logo img, .brands__blocks-item-list-link-logo svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.brands__blocks-item-list-link-name {
  color: rgba(44, 41, 31, 0.7);
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.brand__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.brand__detail-top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 169px 553px auto;
  -webkit-column-gap: 129px;
  -moz-column-gap: 129px;
  column-gap: 129px;
}

@media (max-width: 1199px) {
  .brand__detail-top {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}
@media (max-width: 991px) {
  .brand__detail-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 16px;
  }
}
.brand__detail-logo {
  width: 100%;
  background: var(--white);
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  height: 108px;
}

.brand__detail-logo img, .brand__detail-logo svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 991px) {
  .brand__detail-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 170px;
  }
}
@media (max-width: 767px) {
  .brand__detail-logo {
    width: 100px;
    height: 64px;
    border-radius: 10px;
  }
}
.brand__detail-desc.content {
  margin: 0;
  max-width: 100%;
}

.brand__detail-desc.content p.big-text {
  color: var(--black);
}

@media (max-width: 991px) {
  .brand__detail-desc {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.brand__detail-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  margin-left: auto;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (max-width: 991px) {
  .brand__detail-country {
    width: calc(100% - 200px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .brand__detail-country {
    font-size: 13px;
    line-height: 16px;
    width: calc(100% - 120px);
  }
}
.brand__detail-country img, .brand__detail-country svg.ico {
  min-width: 14px;
  max-width: 14px;
  height: 8px;
  border-radius: 2px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1440px) {
  .brand__detail--promo .product-detail__share-inner {
    left: initial;
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .brand__detail--promo .product-detail__share-inner {
    left: 0;
    right: initial;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.brand__detail--promo .brand__detail-top {
  grid-template-columns: 200px 553px auto;
  -webkit-column-gap: 99px;
  -moz-column-gap: 99px;
  column-gap: 99px;
}

@media (max-width: 1440px) {
  .brand__detail--promo .brand__detail-top {
    grid-template-columns: 200px 453px auto;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}
.brand__detail--promo .brand__detail-logo {
  padding: 0;
  background: transparent;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  border-radius: 0;
  overflow: visible;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.brand__detail--promo .promo__item-info-leftside {
  row-gap: 13px;
}

@media (max-width: 767px) {
  .brand__detail--promo .promo__item-info-leftside {
    row-gap: 4px;
  }
}
.brand__detail--promo .promo__item-info-date {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 767px) {
  .brand__detail--promo .promo__item-info-date {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}
.brand__detail--promo .promo__item-info-date span {
  margin-right: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Montserrat; /* было: Inter */
  font-size: 55px;
  font-weight: 600;
  line-height: 67px;
  letter-spacing: 2.75px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .brand__detail--promo .promo__item-info-date span {
    margin-right: 6px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }
}
.brand__detail--promo .promo__item-info-date span.promo__item-info-date-year {
  margin-right: 0;
  color: var(--brown);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .brand__detail--promo .promo__item-info-date span.promo__item-info-date-year {
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.4px;
  }
}
.brand__detail--promo .brand__detail-country {
  height: 265px;
  border-radius: 20px;
  overflow: hidden;
}

.brand__detail--promo .brand__detail-country img, .brand__detail--promo .brand__detail-country svg.ico {
  height: 100%;
  min-width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 0;
  overflow: visible;
}

@media (max-width: 991px) {
  .brand__detail--promo .brand__detail-country {
    max-width: calc(100% - 220px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .brand__detail--promo .brand__detail-country {
    height: 90px;
    border-radius: 10px;
    max-width: calc(100% - 151px);
  }
  .brand__detail--promo .brand__detail-country img, .brand__detail--promo .brand__detail-country svg.ico {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.brand__projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

@media (max-width: 767px) {
  .brand__projects {
    row-gap: 8px;
  }
}
.brand__projects-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.brand__projects-list .projects__item:nth-of-type(n + 7) {
  display: none;
}

.brand__projects-list.is-show .projects__item:nth-of-type(n + 7) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1199px) {
  .brand__projects-list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 576px) {
  .brand__projects-list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.brand__projects .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: none;
  padding: 12px 30px;
}

.brand__projects .btn.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .brand__projects .btn {
    width: 100%;
    padding: 10px;
  }
}
.promo__list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 23px));
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.promo__list .content-nav {
  grid-column: 1/5;
}

@media (max-width: 1023px) {
  .promo__list {
    grid-template-columns: repeat(3, calc(33% - 17px));
  }
  .promo__list .content-nav {
    grid-column: 1/4;
  }
}
@media (max-width: 767px) {
  .promo__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .promo__list .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .promo__list {
    grid-template-columns: 100%;
    row-gap: 18px;
  }
  .promo__list .content-nav {
    grid-column: 1/2;
  }
}
.promo-detail .catalog__bottom {
  margin-top: 0;
}

.projects__intra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media (max-width: 991px) {
  .projects__intra {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 30px;
  }
}
.projects__intra-rightside-inner {
  position: relative;
}

.projects__intra-text.content {
  max-width: 100%;
  margin: 0;
}

.projects__intra-text.content .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 38px;
  color: var(--white);
  border-radius: 14px;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .projects__intra-text.content .btn {
    padding: 7px 25px;
    line-height: 20px;
    border-radius: 10px;
  }
  .projects__intra-text.content {
    font-size: 13px;
    line-height: 16px;
  }
}
.projects__intra-numbers {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 1px));
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  row-gap: 2px;
  min-width: 468px;
}

@media (max-width: 767px) {
  .projects__intra-numbers {
    min-width: 100%;
  }
}
.projects__intra-numbers-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
  padding: 14px 30px 20px 30px;
  border-radius: 20px;
  background: #FBFAF8;
  -webkit-backdrop-filter: blur(6.5px);
  backdrop-filter: blur(6.5px);
  color: rgba(108, 100, 92, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 767px) {
  .projects__intra-numbers-item {
    padding: 15px 10px 10px 15px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 14px;
  }
}
.projects__intra-numbers-item span {
  color: var(--black);
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -1px;
}

@media (max-width: 767px) {
  .projects__intra-numbers-item span {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
@media (max-width: 991px) {
  .projects__intra--serv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .projects__intra--serv .projects__intra-rightside {
    margin: 0 auto;
  }
}
.projects__intra-slider-img {
  height: 385px;
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 568px;
}

.projects__intra-slider-img.no-photo {
  min-width: 568px;
}

.projects__intra-slider-img.no-photo img, .projects__intra-slider-img.no-photo svg.ico {
  max-width: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.projects__intra-slider-img img, .projects__intra-slider-img svg.ico {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .projects__intra-slider-img {
    height: 268px;
    max-width: 100%;
    border-radius: 10px;
  }
  .projects__intra-slider-img.no-photo {
    min-width: 100%;
  }
}
@media (max-width: 576px) {
  .projects__intra-slider-img {
    height: 195px;
  }
}
.projects__intra-rightside {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 568px;
}

@media (max-width: 767px) {
  .projects__intra-rightside {
    max-width: 100%;
  }
}
.projects__intra-rightside .zoom {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  border-radius: 6px;
  background: rgba(44, 41, 31, 0.1);
  -webkit-backdrop-filter: blur(15.373046875px);
  backdrop-filter: blur(15.373046875px);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .projects__intra-rightside .zoom {
    bottom: 15px;
    right: 15px;
  }
}
.projects__intra-rightside:hover .zoom {
  background: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}

.projects__intra-rightside .slider-arrows {
  position: absolute;
  z-index: 3;
  left: 30px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 35px;
  background: rgba(38, 38, 38, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .projects__intra-rightside .slider-arrows {
    display: none;
  }
}
.projects__intra-rightside .slider-arrows::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/hs-line.svg") no-repeat;
  background-size: cover;
}

.projects__intra-rightside .slider-arrows .slider-btn {
  padding: 14px 15px 14px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: var(--white);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.projects__intra-rightside .slider-arrows .slider-btn:hover {
  opacity: 0.8;
}

.projects__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

@media (max-width: 767px) {
  .projects__list {
    row-gap: 16px;
  }
}
.projects__list-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
}

@media (max-width: 767px) {
  .projects__list-filter {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: auto;
  }
  .projects__list-filter::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
  }
  .projects__list-filter::-webkit-scrollbar-track {
    background: transparent !important;
  }
}
.projects__list-filter-item {
  padding: 9px 13px;
  border-radius: 10px;
  border: 1px solid #D6CCB7;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 767px) {
  .projects__list-filter-item {
    font-size: 13px;
    line-height: 15px;
    white-space: nowrap;
  }
}
.projects__list-filter-item:hover {
  background: rgba(214, 204, 183, 0.3);
  color: rgba(44, 41, 31, 0.8);
}

.projects__list-filter-item.is-active {
  border-color: #C5BBA6;
  background: #D6CCB7;
}

.projects__list-wp {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 9px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 991px) {
  .projects__list-wp {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 576px) {
  .projects__list-wp {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.projects__list-wp .content-nav {
  margin-top: 20px;
  grid-column: 1/4;
}

@media (max-width: 991px) {
  .projects__list-wp .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .projects__list-wp .content-nav {
    grid-column: 1/2;
  }
}
.project-map .nice-select {
  border-color: rgba(176, 189, 209, 0.3);
  background: #FBFAF8;
  width: 350px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}

.project-map .nice-select .option:hover {
  color: #534B44;
}

@media (max-width: 576px) {
  .project-map .nice-select {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .project-map .section__nav {
    width: 100%;
  }
  .project-map .sort__select-wp {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .clients__sp {
    overflow: hidden;
  }
}
.city__map {
  height: 533px;
  width: calc(100% - 1px);
}

.form-section {
  position: relative;
}

.form-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.form-section__bg img, .form-section__bg svg.ico {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.form-section .section__heading {
  position: relative;
  z-index: 1;
}

.form-section form {
  max-width: 873px;
  z-index: 1;
  position: relative;
}

.form-section form .nice-select {
  width: 100%;
  background: #FBFAF8;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .form-section form .nice-select {
    font-size: 14px;
    font-weight: 400;
  }
}
.form-section form .form-select {
  min-height: 45px;
  height: 45px;
  margin-bottom: 4px;
}

.form-section form .field__input--textarea {
  height: 131px;
}

.form-section form .field__input--textarea.field__input--height {
  height: 230px;
}

@media (max-width: 767px) {
  .form-section form .field__input--textarea.field__input--height {
    height: 207px;
  }
}
@media (max-width: 767px) {
  .form-section form .field__input--textarea {
    height: 109px;
  }
}
.form-section .checkbox {
  margin-top: 8px;
}

.form-section .form__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .form-section .form__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
    border-radius: 10px;
  }
}
.form-section .form__top > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-section .nice-select::after {
  opacity: 0.7;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  background-size: cover;
}

@media (max-width: 767px) {
  .form-section .nice-select::after {
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
  }
}
.form-section .nice-select .list {
  position: absolute;
  top: 100%;
  padding: 10px;
  border-radius: 10px;
}

.form-section .list__heading {
  display: none;
}

.form-section .form__submit-container .btn {
  padding: 21px 10px;
  width: 100%;
}

.form-section .checkbox__input:checked::after {
  left: -0.4px;
}

@media (max-width: 767px) {
  .form-section .form__submit-container .btn {
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .form-section .is-required::after {
    top: 15px;
  }
  .form-section .nice-select .list {
    width: calc(100% + 4px);
    left: -2px;
  }
}
.modal .form__submit-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 56px;
  -moz-column-gap: 56px;
  column-gap: 56px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .services {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 24px;
  }
}
.services__text.content {
  max-width: 100%;
  margin: 0;
}

.services__img {
  height: 395px;
  border-radius: 20px;
  overflow: hidden;
  min-width: 574px;
}

.services__img.no-photo img, .services__img.no-photo svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1199px) {
  .services__img {
    min-width: 474px;
  }
}
@media (max-width: 991px) {
  .services__img {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .services__img {
    height: auto;
    border-radius: 10px;
  }
  .services__img.no-photo {
    min-height: 300px;
  }
  .services__text.content {
    font-size: 13px;
    line-height: 16px;
  }
}
.services__img img, .services__img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.services__list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 15px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 991px) {
  .services__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .services__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.services__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  padding: 30px 24px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .services__list-item {
    row-gap: 10px;
    padding: 15px;
    border-radius: 10px;
  }
}
.services__list-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  min-height: 110px;
}

@media (max-width: 991px) {
  .services__list-item-top {
    min-height: fit-content;
  }
}
@media (max-width: 767px) {
  .services__list-item-top {
    row-gap: 8px;
  }
}
.services__list-item-icon {
  width: 50px;
  height: 50px;
}

@media (max-width: 767px) {
  .services__list-item-icon {
    width: 30px;
    height: 30px;
  }
}
.services__list-item-icon img, .services__list-item-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.services__list-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .services__list-item-name {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 375px) {
  .services__list-item-name {
    max-width: 157px;
  }
}
.services__list-item-name svg {
  font-size: 7px;
  margin-left: 3px;
  height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .services__list-item-name svg {
    height: 15px;
  }
}
.services__list-item-text {
  color: rgba(44, 41, 31, 0.8);
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .services__list-item-text {
    font-size: 13px;
    line-height: 16px;
  }
}
.projects__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
  position: relative;
}

.projects__detail .product-detail__share {
  position: absolute;
  right: 0;
  top: -81px;
  /* justify-content: flex-end; */
  margin-left: auto;
  width: fit-content;
}

.projects__detail .product-detail__share-inner {
  top: calc(100% + 2px);
}

.projects__detail-top {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.projects__detail-top .swiper-pagination {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .projects__detail-top {
    border-radius: 0;
    margin-top: 20px;
  }
  .projects__detail .product-detail__share {
    z-index: 2;
    top: -19px;
  }
  .projects__detail .product-detail__share-inner {
    top: calc(100% + 6px);
  }
}
.projects__detail-tags {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

@media (max-width: 767px) {
  .projects__detail-tags {
    position: relative;
    top: initial;
    left: initial;
    margin-top: 22px;
    width: 100%;
  }
}
.projects__detail-slider-wp {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.projects__detail-slider-wp::after {
  position: absolute;
  content: "";
  border-radius: 928px;
  background: rgba(32, 31, 30, 0.59);
  -webkit-filter: blur(40px);
  filter: blur(40px);
  width: 928px;
  height: 290px;
  left: -343px;
  bottom: -106px;
  z-index: 1;
}

@media (max-width: 767px) {
  .projects__detail-slider-wp::after {
    content: none;
  }
}
.projects__detail-tags-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 16px;
  border-radius: 10px;
  background: rgba(44, 41, 31, 0.3);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.projects__detail-tags-item span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .projects__detail-tags-item span {
    color: var(--brown);
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
@media (max-width: 767px) {
  .projects__detail-tags-item {
    border-radius: 10px;
    background: rgba(44, 41, 31, 0.1);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: var(--black);
    font-size: 13px;
    line-height: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.projects__detail-btn {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 30px;
  padding: 19px 50px;
  font-size: 17px;
  line-height: 21px;
}

@media (max-width: 767px) {
  .projects__detail-btn {
    position: relative;
    bottom: initial;
    left: initial;
    padding: 6px 20px;
    width: 100%;
    font-size: 11px;
    line-height: 20px;
    margin-top: 22px;
  }
}
.projects__detail .zoom {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  font-size: 12px;
}

@media (max-width: 767px) {
  .projects__detail .zoom {
    bottom: 15px;
    right: 15px;
  }
}
.projects__detail-slider-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
  height: 477px;
}

@media (max-width: 767px) {
  .projects__detail-slider-img {
    height: 350px;
    border-radius: 10px;
  }
}
@media (max-width: 576px) {
  .projects__detail-slider-img {
    height: 250px;
  }
}
.projects__detail-slider-img img, .projects__detail-slider-img svg.ico {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.projects__detail-slider-img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.projects__detail .swiper-slide-thumb-active .projects__detail-slider-nav-img::before {
  opacity: 1;
}

.projects__detail-slider-img-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(38, 35, 32, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--white);
  font-size: 17px;
}

.projects__detail-slider-img-icon svg {
  margin-left: 2px;
}

.projects__detail-slider-img-icon:hover {
  color: var(--black);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media (max-width: 767px) {
  .projects__detail-slider-img-icon {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }
}
.projects__detail-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .projects__detail-bottom {
    display: none;
  }
}
.projects__detail-bottom .section__nav-arrows {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.projects__detail-bottom .section__nav-arrows .slider-btn {
  font-size: 20px;
}

.projects__detail-slider-nav {
  width: 900px;
  margin: 0;
}

.projects__detail-slider-nav-img {
  height: 69px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.projects__detail-slider-nav-img img, .projects__detail-slider-nav-img svg.ico {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.projects__detail-slider-nav-img::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(64, 139, 34, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}

.projects__detail-slider-nav-img:hover::before {
  opacity: 1;
}

.projects__detail-slider-nav-img .projects__detail-slider-img-icon {
  width: 30px;
  height: 30px;
  font-size: 10px;
}

.project-brands {
  display: grid;
  grid-template-columns: repeat(6, calc(16% - 4px));
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
}

@media (max-width: 1199px) {
  .project-brands {
    grid-template-columns: repeat(4, calc(25% - 12px));
  }
}
@media (max-width: 767px) {
  .project-brands {
    grid-template-columns: repeat(2, calc(50% - 2px));
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
  }
}
.zoom {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(44, 41, 31, 0.1);
  -webkit-backdrop-filter: blur(15.373046875px);
  backdrop-filter: blur(15.373046875px);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.zoom:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}

.services-detail__list {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 2px));
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
}

@media (max-width: 767px) {
  .services-detail__list {
    grid-template-columns: 100%;
  }
}
.services-detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 15px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  color: rgba(44, 41, 31, 0.8);
  font-size: 15px;
  line-height: 21px;
}

@media (max-width: 767px) {
  .services-detail__item {
    color: rgb(44, 41, 31);
    font-size: 13px;
    line-height: 16px;
  }
}
.services-detail__item-img {
  height: 90px;
  max-width: 120px;
  min-width: 120px;
}

@media (max-width: 767px) {
  .services-detail__item-img {
    height: 67px;
    max-width: 90px;
    min-width: 90px;
  }
}
.services-detail__item-img img, .services-detail__item-img svg.ico {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.header__bottom-nav-dropdown-block-title-desc {
  font-size: 16px;
  line-height: 24px;
}

.instrumentation__list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 9px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 991px) {
  .instrumentation__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .instrumentation__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
  .instrumentation__list .header__bottom-nav-dropdown-block-title {
    font-size: 14px;
    line-height: 18px;
    color: rgba(83, 75, 68, 0.9);
    opacity: 1;
  }
  .instrumentation__list .header__bottom-nav-dropdown-block-title:hover {
    color: var(--greenHover);
  }
  .instrumentation__list .header__bottom-nav-dropdown-block-list {
    line-height: 15px;
  }
  .instrumentation__list .header__bottom-nav-dropdown-block-list a {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
  }
}
.videoobzor__item {
  max-width: 772px;
  margin: 0 auto;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.videoobzor__item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.videoobzor__item::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 197px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(6.63%, #202526), color-stop(88.35%, rgba(32, 37, 38, 0)));
  background: -o-linear-gradient(bottom, #202526 6.63%, rgba(32, 37, 38, 0) 88.35%);
  background: linear-gradient(0deg, #202526 6.63%, rgba(32, 37, 38, 0) 88.35%);
}

@media (max-width: 767px) {
  .videoobzor__item::after {
    height: 70px;
  }
}
.videoobzor__item-info {
  padding: 323px 24px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
  position: relative;
  z-index: 1;
  width: 100%;
}

@media (max-width: 991px) {
  .videoobzor__item-info {
    padding: 223px 24px 20px;
  }
}
@media (max-width: 767px) {
  .videoobzor__item-info {
    padding: 107px 15px 15px;
  }
}
.videoobzor__item-name {
  color: var(--white);
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
}

@media (max-width: 767px) {
  .videoobzor__item-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }
}
.videoobzor__item-name svg {
  font-size: 10px;
  height: 27px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1px;
}

@media (max-width: 767px) {
  .videoobzor__item-name svg {
    font-size: 6px;
    height: 15px;
  }
}
.videoobzor__item-year {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .videoobzor__item-year {
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
.videoobzor__item .block-play {
  z-index: 3;
}

.block-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(38, 35, 32, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--white);
  font-size: 17px;
}

.block-play svg {
  margin-left: 2px;
}

.block-play:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--black);
}

@media (max-width: 767px) {
  .block-play {
    width: 30px;
    height: 30px;
    font-size: 10px;
  }
}
.equipment-page__list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 9px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 991px) {
  .equipment-page__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .equipment-page__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.equipment-page__list-item {
  padding: 15px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .equipment-page__list-item {
    font-size: 13px;
    line-height: 14px;
    border-radius: 10px;
  }
}
.equipment-page__list-item-img {
  height: 90px;
  max-width: 120px;
  min-width: 120px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .equipment-page__list-item-img {
    height: 67px;
    max-width: 90px;
    min-width: 90px;
    border-radius: 7px;
  }
}
.equipment-page__list-item-img img, .equipment-page__list-item-img svg.ico {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.equipment-page__list-item-img.no-photo img, .equipment-page__list-item-img.no-photo svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  width: 80%;
}

.calc {
  background: url("/local/templates/vpl_vue/img/content/bgCalc.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/bgCalc.avif") type("image/avif"), url("/local/templates/vpl_vue/img/content/bgCalc.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/bgCalc.png") type("image/png"));
  background-size: cover;
}

.calc.lazy-bg:not(.is-loaded) {
  background-image: none;
}

.calc form {
  display: grid;
  grid-template-columns: auto 353px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media (max-width: 991px) {
  .calc form {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.calc__leftside {
  border-radius: 20px;
  overflow: hidden;
  background: var(--brown);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media (max-width: 767px) {
  .calc__leftside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
  }
}
.calc__leftside .is-required::after {
  top: 18px;
}

.calc__leftside .field__input {
  height: 54px;
  padding: 13px 18px;
  color: var(--brown);
  background: #FBFAF8;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .calc__leftside .field__input {
    height: 42px;
    padding: 12px 15px;
    line-height: 18px;
  }
}
.calc__type {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0px 60px 30px;
  row-gap: 24px;
}

@media (max-width: 767px) {
  .calc__type {
    padding: 15px;
    row-gap: 16px;
    width: 100%;
  }
}
.calc__type::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 233px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/calc-bg.svg") no-repeat;
  background-position: bottom;
  background-size: cover;
  z-index: 0;
}

.calc.lazy-bg:not(.is-loaded) .calc__type::before {
  background-image: none;
}

.calc__type-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  border-radius: 0 0 14px 14px;
}

.calc__type-item:nth-child(n+2) {
  overflow: hidden;
}

.calc__type-item .noUi-target {
  margin-top: 0;
  position: absolute;
  top: calc(100% - 9px);
  width: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.calc__type-item .calc__type-item .noUi-target {
  border: none;
}

.calc__type-item .noUi-base,
.calc__type-item .noUi-connects {
  height: 4px;
}

.calc__type-item-title {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 767px) {
  .calc__type-item-title {
    font-size: 13px;
    line-height: 14px;
  }
}
.calc__type-item-title sup {
  font-size: 10px;
  line-height: 10px;
}

.calc__checkboxes {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 35px 30px 50px 30px;
  border-radius: 20px;
  background: var(--black);
  -webkit-box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.2);
  row-gap: 53px;
}

@media (max-width: 767px) {
  .calc__checkboxes {
    padding: 15px;
    row-gap: 16px;
    width: 100%;
    border-radius: 10px;
  }
}
.calc__checkboxes-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.calc__checkboxes-wp .filter__item-checkbox {
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .calc__checkboxes-wp .filter__item-checkbox {
    padding: 8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.calc__checkboxes-wp .filter__item-checkbox:first-of-type {
  padding-top: 0;
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-name {
  color: rgba(255, 255, 255, 0.8);
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox input {
  opacity: 0.8;
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-sum {
  color: var(--white);
}

.calc__checkboxes-wp .filter__item-checkbox:hover .filter__item-checkbox-value-sum span {
  color: rgba(255, 255, 255, 0.6);
}

.calc__checkboxes-wp .filter__item-checkbox-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.calc__checkboxes-wp .filter__item-checkbox-value-name {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .calc__checkboxes-wp .filter__item-checkbox-value-name {
    font-size: 13px;
    line-height: 15px;
  }
}
.calc__checkboxes-wp .filter__item-checkbox-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .calc__checkboxes-wp .filter__item-checkbox-value {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 4px;
    font-size: 13px;
    line-height: 15px;
  }
}
.calc__checkboxes-wp .filter__item-checkbox-value-sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  min-width: 100px;
}

@media (max-width: 767px) {
  .calc__checkboxes-wp .filter__item-checkbox-value-sum {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }
}
.calc__checkboxes-wp .filter__item-checkbox-value-sum span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 767px) {
  .calc__checkboxes-wp .filter__item-checkbox-value-sum span {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
  }
}
.calc__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.calc__sum-title {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .calc__sum-title {
    font-size: 13px;
    line-height: 14px;
  }
}
.calc__sum-amount {
  color: var(--white);
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 36px;
  font-weight: 700;
  line-height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

@media (max-width: 1199px) {
  .calc__sum-amount {
    font-size: 32px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .calc__sum-amount {
    font-size: 18px;
    line-height: 22px;
  }
}
.calc__sum-amount span {
  color: rgba(255, 255, 255, 0.6);
  font-family: "Montserrat", sans-serif; /* было: Inter */
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 767px) {
  .calc__sum-amount span {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
  }
}
.calc__rightside {
  border-radius: 20px;
  background: var(--white);
  padding: 20px;
}

@media (max-width: 767px) {
  .calc__rightside {
    padding: 15px;
    border-radius: 10px;
  }
}
.calc__rightside .field__input {
  height: 40px;
  padding: 6px 0 0 18px;
  border-radius: 14px;
}

.calc__rightside .field__label {
  top: 8px;
}

.calc__rightside .field.active .field__label {
  top: 2px;
}

.calc__rightside .field__input:focus + .field__label {
  top: 2px;
}

.calc__rightside .is-required::after {
  top: 11px;
}

.calc__rightside .field__error-text {
  display: none;
}

.calc__rightside .field__input--textarea {
  height: 74px;
  padding-top: 13px;
}

.calc__rightside .form__submit {
  margin-top: 16px;
  row-gap: 8px;
}

@media (max-width: 767px) {
  .calc__rightside .form__submit {
    margin-top: 8px;
  }
}
.calc__rightside .form__submit-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

@media (max-width: 991px) {
  .calc__rightside .form__submit-container .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.calc__rightside .form__submit-container .btn {
  width: 100%;
  padding: 17px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

@media (max-width: 767px) {
  .calc__rightside .form__submit-container .btn {
    border-radius: 10px;
    padding: 8px;
  }
}
.calc .nice-select {
  height: 54px;
  line-height: 54px;
  width: 100%;
  padding-left: 22px;
  font-size: 16px;
  font-weight: 400;
  background: #FBFAF8;
}

@media (max-width: 767px) {
  .calc .nice-select {
    height: 45px;
    line-height: 45px;
    padding-left: 16px;
    font-size: 14px;
    color: rgba(44, 41, 31, 0.6);
  }
}
.calc .nice-select::after {
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  background-size: cover;
  opacity: 0.6;
}

.advan__list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 15px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 1199px) {
  .advan__list {
    grid-template-columns: repeat(3, calc(33% - 10px));
  }
}
@media (max-width: 991px) {
  .advan__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .advan__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.advan__list-item {
  padding: 30px 24px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .advan__list-item {
    padding: 15px;
    border-radius: 10px;
    row-gap: 10px;
  }
}
.advan__list-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.advan__list-item-icon {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .advan__list-item-icon {
    height: 24px;
  }
}
.advan__list-item-icon img, .advan__list-item-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.advan__list-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .advan__list-item-title {
    font-size: 12px;
    line-height: 15px;
  }
}
.advan__list-item-desc {
  color: var(--brown);
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .advan__list-item-desc {
    font-size: 13px;
    line-height: 16px;
    color: rgba(44, 41, 31, 0.8);
  }
}
.equip__assort {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 9px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.equip__assort .content-nav {
  margin-top: 10px;
  grid-column: 1/4;
}

@media (max-width: 991px) {
  .equip__assort {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
  .equip__assort .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .equip__assort {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
  .equip__assort .content-nav {
    grid-column: 1/2;
    margin-top: 12px;
  }
}
.equip__assort-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 11px;
  -moz-column-gap: 11px;
  column-gap: 11px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .equip__assort-item {
    border-radius: 10px;
  }
}
.equip__assort-item:hover {
  border-color: #DDDADA;
}

.equip__assort-item-img {
  max-width: 89px;
  min-width: 89px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.equip__assort-item-img.no-photo img, .equip__assort-item-img.no-photo svg.ico {
  width: 85% !important;
}

@media (max-width: 767px) {
  .equip__assort-item-img {
    max-width: 57px;
    min-width: 57px;
    height: 41px;
  }
}
.equip__assort-item-img img, .equip__assort-item-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.equip__assort-item-title {
  font-size: 14px;
  line-height: 17px;
}

@media (max-width: 767px) {
  .equip__assort-item-title {
    font-size: 13px;
    line-height: 16px;
  }
}
.steps {
  background: url("/local/templates/vpl_vue/img/content/bgStep.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/bgStep.avif") type("image/avif"), url("/local/templates/vpl_vue/img/content/bgStep.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/bgStep.png") type("image/png"));
  background-size: cover;
}

.steps.lazy-bg:not(.is-loaded) {
  background-image: none;
}

@media (max-width: 767px) {
  .steps {
    background-position: bottom;
  }
}
.steps .section__title {
  color: var(--white);
}

.steps__list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 8px));
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
}

@media (max-width: 1199px) {
  .steps__list {
    grid-template-columns: repeat(3, calc(33% - 3px));
  }
}
@media (max-width: 767px) {
  .steps__list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.steps__list-item {
  border-radius: 20px;
  background: #F5F4F4;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  padding: 20px 30px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
}

@media (max-width: 767px) {
  .steps__list-item {
    padding: 15px;
    border-radius: 10px;
  }
}
.steps__list-item-num {
  color: var(--green);
  font-size: 38px;
  font-weight: 600;
  line-height: 50px;
}

@media (max-width: 767px) {
  .steps__list-item-num {
    font-size: 26px;
    line-height: 32px;
  }
}
.steps__list-item-text {
  color: var(--brown);
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .steps__list-item-text {
    font-size: 13px;
    line-height: 16px;
  }
}
.result__list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 9px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

@media (max-width: 1199px) {
  .result__list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 576px) {
  .result__list {
    grid-template-columns: 100%;
  }
}
.result__list-item {
  padding: 258px 23px 39px 36px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {
  .result__list-item {
    padding: 171px 15px 15px;
  }
}
.result__list-item img, .result__list-item svg.ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.result__list-item:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 192px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(104, 46, 7, 0)), to(rgba(43, 32, 24, 0.9)));
  background: -o-linear-gradient(top, rgba(104, 46, 7, 0) 0%, rgba(43, 32, 24, 0.9) 100%);
  background: linear-gradient(180deg, rgba(104, 46, 7, 0) 0%, rgba(43, 32, 24, 0.9) 100%);
}

.result__list-item:hover img, .result__list-item:hover svg.ico {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.result__list-item-title {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .result__list-item-title {
    font-size: 13px;
    line-height: 18px;
  }
}
.news__list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 16px));
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.news__list .content-nav {
  grid-column: 1/4;
}

@media (max-width: 991px) {
  .news__list {
    grid-template-columns: repeat(2, calc(50% - 15px));
  }
  .news__list .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .news__list {
    grid-template-columns: 100%;
    row-gap: 18px;
  }
  .news__list .content-nav {
    grid-column: 1/2;
  }
  .news__list .news__item-img {
    height: 190px;
  }
}
.news__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media (max-width: 991px) {
  .news__detail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.news__detail-date {
  max-width: 170px;
  min-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #40745B;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 991px) {
  .news__detail-date {
    max-width: calc(50% - 15px);
    min-width: calc(50% - 15px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (max-width: 767px) {
  .news__detail-date {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-size: 14px;
    line-height: 20px;
  }
}
.news__detail-date span {
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 1.75px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .news__detail-date span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.news__detail-date span.news__detail-date-year {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 3px;
  color: var(--brown);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.7px;
  margin-left: 2px;
}

@media (max-width: 767px) {
  .news__detail-date span.news__detail-date-year {
    margin-left: 4px;
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.4px;
  }
}
.news__detail-share {
  max-width: 184px;
  min-width: 184px;
}

.news__detail-share .product-detail__share {
  margin: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

@media (max-width: 1199px) {
  .news__detail-share .product-detail__share-inner {
    left: initial;
    row-gap: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    right: 0;
  }
}
@media (max-width: 991px) {
  .news__detail-share {
    max-width: calc(50% - 15px);
    min-width: calc(50% - 15px);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.news__detail-text {
  width: calc(100% - 414px);
}

@media (max-width: 991px) {
  .news__detail-text {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.news__detail-text .projects__intra-rightside {
  max-width: 100%;
  margin-bottom: 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.news__detail-text.content .projects__intra-slider-img {
  height: 420px;
  max-width: 100%;
}

@media (max-width: 576px) {
  .news__detail-text.content .projects__intra-slider-img {
    height: 160px;
  }
}
.news__detail-text.content .projects__intra-slider-img img, .news__detail-text.content .projects__intra-slider-img svg.ico {
  margin: 0;
}

.news__detail-text.content p {
  margin: 0 0 24px;
}

.news__detail-text.content p:last-of-type {
  margin-bottom: 0;
}

.contacts__map {
  height: 546px;
  width: 100%;
}

@media (max-width: 767px) {
  .contacts__map {
    height: 450px;
  }
}
.contacts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  max-width: 1200px;
  margin: 0 auto;
}

.contacts__list-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--gray2);
  display: grid;
  grid-template-columns: 314px auto auto;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: center;
  margin-top: -1px;
}

.contacts__block-title ~ .contacts__list-item {
  border-top: 1px solid var(--gray2);
}

.contacts__list-item:last-child {
  border-bottom: 0;
}

@media (max-width: 991px) {
  .contacts__list-item {
    grid-template-columns: 100%;
    row-gap: 6px;
  }
}
.contacts__list-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9px;
}

@media (max-width: 767px) {
  .contacts__list-item-main {
    margin-bottom: 4px;
    row-gap: 4px;
  }
}
.contacts__list-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .contacts__list-item-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.contacts__list-item-location {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .contacts__list-item-location {
    font-size: 13px;
    line-height: 16px;
  }
}
.contacts__list-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .contacts__list-item-actions {
    row-gap: 12px;
  }
}
.contacts__list-item-actions-top-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.contacts__list-item-actions-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  width: 100%;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .contacts__list-item-actions-top-leftside {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .contacts__list-item-actions-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6px;
  }
}
.contacts__list-item-actions-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  border-radius: 8px;
  background: rgba(231, 231, 231, 0.3);
  padding: 3px 6px;
}

@media (max-width: 767px) {
  .contacts__list-item-actions-tel {
    font-size: 14px;
    line-height: 16px;
  }
}
.contacts__list-item-actions-tel img, .contacts__list-item-actions-tel svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contacts__list-item-actions-tel img img, .contacts__list-item-actions-tel svg.ico svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contacts__list-item-actions-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.contacts__list-item-actions-soc {
  max-width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #F5F5F5;
  font-size: 30px;
  color: var(--brown);
}

.contacts__list-item-actions-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-left: auto;
  padding-right: 50px;
}

@media (max-width: 991px) {
  .contacts__list-item-actions-time {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .contacts__list-item-actions-time {
    font-size: 12px;
    line-height: 16px;
  }
}
.contacts__list-item-actions-time span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .contacts__list-item-actions-time span {
    font-size: 13px;
    line-height: 15px;
  }
}
.contacts__list-item-mail-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  border-radius: 8px;
  background: rgba(231, 231, 231, 0.3);
  padding: 3px 6px;
}

@media (max-width: 767px) {
  .contacts__list-item-mail-link {
    font-size: 14px;
    line-height: 16px;
  }
}
.contacts__list-item-mail-link img, .contacts__list-item-mail-link svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contacts__list-item-gal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
}

@media (max-width: 991px) {
  .contacts__list-item-gal {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .contacts__list-item-gal {
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    row-gap: 3px;
  }
}
.contacts__list-item-gal-item {
  max-width: 68px;
  min-width: 68px;
  height: 42px;
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 1440px) {
  .contacts__list-item-gal-item {
    max-width: 50px;
    min-width: 50px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .contacts__list-item-gal-item {
    max-width: 52px;
    min-width: 52px;
    height: 32px;
    border-radius: 6px;
  }
}
.contacts__list-item-gal-item img, .contacts__list-item-gal-item svg.ico {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.search-page {
  padding: 40px 0;
  position: relative;
  background: #EBE5D6;
}

.search-page::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 390px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/sp-a.svg") no-repeat;
  background-size: cover;
  z-index: 0;
}

@media (max-width: 440px) {
  .search-page::before {
    width: 100%;
  }
}
.search-page:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 390px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/sp-s.svg") no-repeat;
  background-size: cover;
  z-index: 0;
}

.search-page form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .search-page form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}
.search-page form .btn {
  height: 50px;
  max-width: 225px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .search-page form .btn {
    height: auto;
    max-width: 100%;
  }
}
.search-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #F7F7F7;
  background: var(--white);
  height: 50px;
}

@media (max-width: 767px) {
  .search-page__container {
    height: 45px;
    border-radius: 10px;
  }
}
.search-page__container input {
  background: var(--white);
  border: none;
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .search-page__container input {
    font-size: 14px;
    line-height: 18px;
  }
}
.search-page__container-clear {
  height: 10px;
  color: #8A8A8A;
  padding: 10px;
  margin-right: 5px;
  cursor: pointer;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-page__container-clear:hover {
  color: var(--greenHover);
}

@media (max-width: 767px) {
  .search-page__container-clear {
    font-size: 8px;
  }
}
.search-page__result {
  padding: 30px 0 50px;
}

@media (max-width: 767px) {
  .search-page__result {
    padding: 20px 0 30px;
  }
}
.compare-nav {
  padding: 0 0 50px;
}

@media (max-width: 767px) {
  .compare-nav {
    padding: 0 0 30px;
  }
}
.compare-nav__clear {
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .compare-nav__clear {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .compare-nav__top {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .compare-nav__clear-text {
    display: none;
  }
  .compare-nav__clear--fav .compare-nav__clear-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .compare-nav__clear--fav {
    margin-bottom: 16px;
  }
}
.compare-nav__clear-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .compare-nav__clear-btn {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--gray2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .compare-nav__clear--fav .compare-nav__clear-btn {
    min-width: fit-content;
    max-width: fit-content;
    height: auto;
    border-radius: 0;
    border: none;
  }
  .compare-nav__clear--fav .compare-nav__clear-btn-icon {
    margin-bottom: 2px;
  }
}
.compare-nav__clear-btn:hover {
  color: var(--greenHover);
}

.compare-nav__clear-btn:hover .compare-nav__clear-btn-icon img, .compare-nav__clear-btn:hover .compare-nav__clear-btn-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.compare-nav__clear-btn:hover .compare-nav__clear-btn-icon img.hover, .compare-nav__clear-btn:hover .compare-nav__clear-btn-icon svg.ico.hover {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.compare-nav__clear-btn-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 20px;
  min-width: 20px;
  height: 20px;
}

.compare-nav__clear-btn-icon img, .compare-nav__clear-btn-icon svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.compare-nav__clear-btn-icon img.hover, .compare-nav__clear-btn-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.compare-nav__bottom {
  padding: 16px 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

@media (max-width: 767px) {
  .compare-nav__bottom {
    padding: 0;
  }
}
.compare-nav__bottom .section__nav-arrows {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.compare-nav__bottom .section__nav-arrows .slider-btn {
  font-size: 17px;
}

.compare-nav__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: var(--brown);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .compare-nav__btn {
    font-size: 13px;
    line-height: 14px;
  }
}
.compare-nav__btn.is-active .compare-nav__btn-container {
  background: var(--brown);
  border-color: var(--brown);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.compare-nav__btn.is-active .compare-nav__btn-value {
  background: var(--white);
}

.compare-nav__btn-container {
  max-width: 41px;
  min-width: 41px;
  height: 26px;
  border-radius: 12px;
  background: var(--gray2);
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding: 2px;
  cursor: pointer;
  border: 1px solid #DDDADA;
}

@media (max-width: 767px) {
  .compare-nav__btn-container {
    max-width: 30px;
    min-width: 30px;
    height: 18px;
  }
}
.compare-nav__btn-value {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: var(--black);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .compare-nav__btn-value {
    width: 12px;
    height: 12px;
  }
}
.compare-sliders__bottom-wp {
  overflow: hidden;
}

.compare-sliders .product-card__del.product-card__compare-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .compare-sliders .product-card__tags {
    display: none;
  }
  .compare-sliders .product-card__amount {
    display: none;
  }
  .compare-sliders .product-card__img {
    height: 102px;
  }
  .compare-sliders .product-card__img.no-photo img, .compare-sliders .product-card__img.no-photo svg.ico {
    padding: 15px;
  }
  .compare-sliders .product-card__info-actions {
    display: none;
  }
  .compare-sliders .product-card__price-old {
    display: none;
  }
}
.compare-chars__list-item {
  padding: 14px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
  position: relative;
}

/* .compare-chars__list-item:last-of-type .compare-chars__list-item-value::after {
content: none;
} */
.compare-chars__list-item-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.compare-chars__list-item-value {
  color: #40745B;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  height: 100%;
  position: relative;
  /* padding-bottom: 14px; */
  padding: 10px 30px;
  padding-left: 10px;
}

.compare-chars__list-item-value:first-of-type {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .compare-chars__list-item-value {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 20px;
  }
  .compare-chars__list-item-value:first-of-type {
    padding-left: 10px;
  }
}
/* .compare-chars__list-item-value:last-of-type{
padding-right: 20px;
} */
/* .compare-chars__list-item-value::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: calc(100% + 20px);
height: 1px;
background: var(--gray2);
} */
.compare-chars__list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 13px;
}

.compare-chars__list-items-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  position: relative;
}

.compare-chars__list-items-wp::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #F5F4F4;
  z-index: -1;
}

@media (max-width: 767px) {
  .compare-chars__list-items-wp {
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
  }
}
.compare-slider__nav .product-card {
  height: 100%;
}

.field__pass {
  position: absolute;
  top: calc(50% - 2px);
  right: 34px;
  height: 16px;
  width: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("/local/templates/vpl_vue/img/svg/show.svg") no-repeat;
  background-position: center;
}

.field__pass:hover {
  background: url("/local/templates/vpl_vue/img/svg/show-h.svg") no-repeat;
  background-position: center;
}

.field__pass.is-show {
  background: url("/local/templates/vpl_vue/img/svg/no-show.svg") no-repeat;
  background-position: center;
}

.field__pass.is-show:hover {
  background: url("/local/templates/vpl_vue/img/svg/no-show-h.svg") no-repeat;
  background-position: center;
}

.fav-list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 15px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.fav-list .product-card__del.product-card__fav-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fav-list .content-nav {
  margin-top: 30px;
  grid-column: 1/5;
}

@media (max-width: 1199px) {
  .fav-list {
    grid-template-columns: repeat(3, calc(33% - 10px));
  }
  .fav-list .content-nav {
    grid-column: 1/4;
  }
}
@media (max-width: 756px) {
  .fav-list {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
  .fav-list .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .fav-list {
    grid-template-columns: 100%;
  }
  .fav-list .content-nav {
    grid-column: 1/2;
  }
}
.reviews__list {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 10px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.reviews__list .content-nav {
  grid-column: 1/3;
  margin-top: 30px;
}

@media (max-width: 991px) {
  .reviews__list {
    grid-template-columns: 100%;
  }
  .reviews__list .content-nav {
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .reviews__list {
    row-gap: 4px;
  }
  .reviews__list .content-nav {
    margin-top: 12px;
  }
}
.reviews__item {
  padding: 30px 30px 20px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.reviews__item:hover {
  border-color: #DDDADA;
}

@media (max-width: 767px) {
  .reviews__item {
    padding: 15px;
    border-radius: 10px;
  }
}
.reviews__item-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 14px;
}

.reviews__item-heading-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1px;
}

.reviews__item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.reviews__item-company {
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .reviews__item-company {
    font-size: 13px;
    line-height: 16px;
  }
}
.reviews__item-logo {
  max-width: 92px;
  min-width: 92px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  border: 1px solid var(--gray2);
  border-radius: 14px;
  overflow: hidden;
}

.reviews__item-text {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .reviews__item-text {
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 16px;
  }
}
.reviews__item-bottom {
  padding-top: 20px;
  border-top: 1px solid var(--gray2);
}

@media (max-width: 767px) {
  .reviews__item-bottom {
    padding-top: 16px;
  }
}
.reviews__item-link-text {
  font-size: 16px;
  line-height: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .reviews__item-link-text {
    font-size: 13px;
    line-height: 16px;
  }
}
.reviews__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

@media (max-width: 767px) {
  .reviews__item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.reviews__item-link:hover .reviews__item-link-img img, .reviews__item-link:hover .reviews__item-link-img svg.ico {
  opacity: 0;
  position: absolute;
}

.reviews__item-link:hover .reviews__item-link-img img.hover, .reviews__item-link:hover .reviews__item-link-img svg.ico.hover {
  opacity: 1;
  position: relative;
}

.reviews__item-link:hover .reviews__item-link-size {
  color: rgba(108, 100, 92, 0.8);
}

.reviews__item-link:hover .reviews__item-link-icon {
  background: var(--gray2);
}

.reviews__item-link-img {
  position: relative;
  max-width: 30px;
  min-width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .reviews__item-link-img {
    margin-bottom: 16px;
  }
}
.reviews__item-link-img img, .reviews__item-link-img svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 100%;
  width: 100%;
}

.reviews__item-link-img img.hover, .reviews__item-link-img svg.ico.hover {
  position: absolute;
  opacity: 0;
}

.reviews__item-link-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  white-space: nowrap;
  color: rgba(108, 100, 92, 0.5);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-left: auto;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  .reviews__item-link-size {
    font-size: 13px;
    line-height: 15px;
    margin-left: 0;
  }
}
.reviews__item-link-icon {
  height: 16px;
  max-width: 16px;
  min-width: 16px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F8F8F8;
  font-size: 9px;
  color: rgba(108, 100, 92, 0.5);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.lk__main {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 23px));
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 20px;
}

@media (max-width: 1199px) {
  .lk__main {
    grid-template-columns: repeat(3, calc(33% - 11px));
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 767px) {
  .lk__main {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 576px) {
  .lk__main {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
}
.lk__main-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  padding: 24px 20px;
  border-radius: 20px;
  border: 1px solid #DCDCDC;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  min-height: 150px;
}

@media (max-width: 767px) {
  .lk__main-link {
    padding: 15px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .lk__main-link {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
.lk__main-link:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
  color: var(--black);
}

.lk__main-link:hover .lk__main-link-icon img, .lk__main-link:hover .lk__main-link-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.lk__main-link:hover .lk__main-link-icon img.hover, .lk__main-link:hover .lk__main-link-icon svg.ico.hover {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.lk__main-link-icon {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #FBFAF8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media (max-width: 767px) {
  .lk__main-link-icon {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    padding: 6px;
  }
}
.lk__main-link-icon img, .lk__main-link-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.lk__main-link-icon img.hover, .lk__main-link-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.lk-wp {
  display: grid;
  grid-template-columns: 270px auto;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media (max-width: 991px) {
  .lk-wp {
    grid-template-columns: 100%;
  }
}
.lk-wp .form__submit-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .lk-wp .form__submit-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.lk__content form {
  max-width: 570px;
}

@media (max-width: 991px) {
  .lk__content form {
    max-width: 100%;
  }
}
.lk__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 991px) {
  .lk__sidebar {
    display: none;
  }
}
.lk__sidebar-link {
  padding: 12px 0;
  border-bottom: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: #70675F;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.lk__sidebar-link.is-active {
  opacity: 0.6;
}

.lk__sidebar-link:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.lk__sidebar-link:first-of-type {
  padding-top: 0;
}

.lk__sidebar-link:hover {
  color: var(--black);
}

.lk__sidebar-link:hover .lk__sidebar-link-icon img, .lk__sidebar-link:hover .lk__sidebar-link-icon svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.lk__sidebar-link:hover .lk__sidebar-link-icon img.hover, .lk__sidebar-link:hover .lk__sidebar-link-icon svg.ico.hover {
  opacity: 1;
  position: relative;
  visibility: visible;
}

.lk__sidebar-link-icon {
  max-width: 26px;
  min-width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.lk__sidebar-link-icon img, .lk__sidebar-link-icon svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.lk__sidebar-link-icon img.hover, .lk__sidebar-link-icon svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.lk__content-title {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .lk__content-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-bottom: 16px;
  }
}
.lk__content-date {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .lk__content-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .lk__content-date-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.lk__contacts-block {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .lk__contacts-block {
    margin-bottom: 16px;
  }
}
.lk__btn {
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 14px;
  max-width: 248px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  border: none;
}

@media (max-width: 767px) {
  .lk__btn {
    padding: 6px;
    font-size: 11px;
    border-radius: 10px;
    line-height: 18px;
    max-width: 50%;
    white-space: nowrap;
  }
}
.lk__btn--back {
  border-radius: 10px;
  border: 1px solid #D6CCB7;
  padding: 11px 14px 11px 10px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(44, 41, 31, 0.7);
}

.lk__btn--back svg {
  font-size: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.lk__btn--back:hover {
  color: var(--black);
  border-color: var(--black);
}

@media (max-width: 767px) {
  .lk__btn--back {
    padding: 9px 16px;
    font-size: 11px;
    border-radius: 10px;
    line-height: 18px;
  }
}
.lk__btn--border {
  padding: 9px 16px;
  border: 1px solid #D6CCB7;
  -webkit-backdrop-filter: blur(6.5px);
  backdrop-filter: blur(6.5px);
}

.lk__btn--border:hover {
  border-color: #C5BBA6;
  background: #F5F4F4;
}

.lk__btn--green {
  background: var(--green);
  color: var(--white);
}

@media (max-width: 767px) {
  .lk__btn--green {
    width: 50%;
  }
}
.lk__btn--green:hover {
  background: var(--greenHover);
  color: rgba(255, 255, 255, 0.9);
}

.lk__btn--transparent {
  background: transparent;
  padding: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  border-radius: 14px;
  border: 1px solid #D3D3D3;
  padding: 20px 30px;
}

@media (max-width: 767px) {
  .lk__btn--transparent {
    font-size: 11px;
    line-height: 18px;
  }
}
.lk__btn--transparent:hover {
  color: var(--greenHover);
}

.lk__contacts-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .lk__contacts-title {
    font-size: 14px;
    line-height: 18px;
  }
}
.lk__content .field--old input {
  border-color: #E7E7E7;
  background: #EFEFEF;
  padding-top: 0;
  opacity: 0.5;
}

.lk__orders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk__orders-heading {
  display: grid;
  grid-template-columns: 29px 64px minmax(190px, 1.55fr) 102px minmax(100px, 0.9fr) 108px minmax(125px, 0.9fr) 84px;
  padding: 10px 0;
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 1440px) {
  .lk__orders-heading {
    grid-template-columns: 29px 54px minmax(155px, 1.4fr) 88px minmax(84px, 0.9fr) 92px minmax(112px, 0.9fr) 76px;
  }
}
@media (max-width: 767px) {
  .lk__orders-heading {
    display: none;
  }
}
.lk__orders-heading-title {
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.lk__orders-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk__orders-list-item {
  display: grid;
  grid-template-columns: 29px 64px minmax(190px, 1.55fr) 102px minmax(100px, 0.9fr) 108px minmax(125px, 0.9fr) 84px;
  padding: 14px 0;
  border-bottom: 1px solid var(--gray2);
}

@media (max-width: 1440px) {
  .lk__orders-list-item {
    grid-template-columns: 29px 54px minmax(155px, 1.4fr) 88px minmax(84px, 0.9fr) 92px minmax(112px, 0.9fr) 76px;
  }
}
@media (max-width: 767px) {
  .lk__orders-list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px 22px 14px 25px;
    row-gap: 6px;
    column-gap: 3px;
  }
  .lk__orders-list-item:first-of-type {
    border-top: 1px solid var(--gray2);
  }
}
.lk__orders-list-item-line {
  color: #8A8A8A;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .lk__orders-list-item-line {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.lk__orders-list-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 2px;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1440px) {
  .lk__orders-list-item-block {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .lk__orders-list-item-block {
    width: 33%;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .lk__orders-list-item-block {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
  }
}
.lk__orders-list-item-title {
  color: var(--brown);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  display: none;
}

@media (max-width: 767px) {
  .lk__orders-list-item-title {
    display: block;
  }
}
.lk__orders-list-item-status {
  padding: 1px 6px 2px 6px;
  border-radius: 4px;
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(64, 116, 91, 0.15);
  margin-right: 5px;
}

.lk__orders-list-item-status.completed {
  background: rgba(64, 116, 91, 0.15);
  color: var(--green);
}

.lk__orders-list-item-status.process {
  background: rgba(246, 199, 167, 0.3);
  color: #C06019;
}

.lk__orders-list-item-status.cancelled {
  background: #EDEAE7;
  color: #737373;
}

.lk__orders-list-item-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1440px) {
  .lk__orders-list-item-account {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 576px) {
  .lk__orders-list-item-account {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 2px;
    font-size: 12px;
    line-height: 16px;
    white-space: break-spaces;
  }
}
.lk__orders-list-item-account:hover {
  color: var(--green);
}

.lk__orders-list-item-account:hover .lk__orders-list-item-account {
  color: var(--green);
}

.lk__orders-list-item-account:hover .lk__orders-list-item-account-icon {
  background: var(--green);
}

.lk__orders-list-item-account-icon {
  min-width: 13px;
  max-width: 13px;
  height: 13px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--brown);
  color: var(--white);
  font-size: 7px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.lk__orders-list-item-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
  color: var(--brown);
  font-size: 14px;
  line-height: 20px;
  margin-left: auto;
}

@media (max-width: 1440px) {
  .lk__orders-list-item-more {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .lk__orders-list-item-more {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .lk__orders-list-item-more {
    font-size: 13px;
    line-height: 16px;
  }
}
.lk__orders-list-item-more svg {
  font-size: 8px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.lk__content-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .lk__content-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 16px;
    margin-bottom: 16px;
    row-gap: 8px;
  }
  .lk__content-btns .lk__btn--back {
    width: 100%;
    max-width: 100%;
  }
}
.lk__content-btns-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

@media (max-width: 767px) {
  .lk__content-btns-wp {
    width: 100%;
  }
  .lk__content-btns-wp .lk__btn--border {
    width: 50%;
    max-width: 50%;
  }
  .lk__content-btns-wp .lk__btn--transparent {
    margin-left: auto;
  }
}
.lk__content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

@media (max-width: 767px) {
  .lk__content-info {
    row-gap: 16px;
  }
}
.lk__content-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

@media (max-width: 767px) {
  .lk__content-info-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 8px;
  }
}
.lk__content-info-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.lk__content-info-status-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.lk__content-info-status-item-title {
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.lk__content-info-status-item-desc {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.lk__content-info-status-item-sum {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.lk__content-info-payment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.lk__content-info-payment .btn.btn--border {
  background: var(--green);
  color: var(--white);
  padding: 11px 20px;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  border: none;
}

.lk__content-info-payment .btn.btn--border:hover {
  background: var(--greenHover);
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1199px) {
  .lk__content-info-payment {
    grid-template-columns: 100%;
    row-gap: 8px;
  }
}
.lk__content-info-payment-block {
  padding: 24px 30px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.lk__content-info-payment-block .lk__btn {
  padding: 11px 20px;
  width: fit-content;
}

@media (max-width: 767px) {
  .lk__content-info-payment-block {
    padding: 15px;
    row-gap: 8px;
  }
  .lk__content-info-payment-block .lk__btn {
    padding: 6px;
    width: 50%;
  }
}
.lk__content-info-payment-block-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.lk__content-info-payment-block-chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.lk__content-info-payment-block-chars li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 11px;
  -moz-column-gap: 11px;
  column-gap: 11px;
}

.lk__content-info-payment-block-chars-name {
  min-width: 150px;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.lk__content-info-payment-block-chars-value {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.lk__content-info-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.lk__content-info-order-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.lk__content-order-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.lk__content-order-list-heading {
  display: grid;
  grid-template-columns: auto 140px 65px 95px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 13px 0;
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
  position: relative;
}

@media (max-width: 767px) {
  .lk__content-order-list-heading {
    display: none;
  }
}
.lk__content-order-list-heading-title {
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.lk__content-order-list-heading-title:nth-child(2),
.lk__content-order-list-heading-title:nth-child(3) {
  justify-self: center;
}

.lk__content-order-list-heading-title:nth-child(4) {
  justify-self: end;
}

.lk__content-order-list-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk__content-order-item {
  display: grid;
  grid-template-columns: auto 140px 65px 95px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 10px 0;
  border-bottom: 1px solid var(--gray2);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .lk__content-order-item {
    width: 100%;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 8px;
  }
}
.lk__content-order-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

@media (max-width: 767px) {
  .lk__content-order-item-main {
    width: 100%;
  }
}
.lk__content-order-item-img {
  max-width: 97px;
  min-width: 97px;
  height: 70px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .lk__content-order-item-img {
    height: 60px;
    max-width: 60px;
    min-width: 60px;
  }
}
.lk__content-order-item-img.no-photo {
  padding: 10px;
}

.lk__content-order-item-img img, .lk__content-order-item-img svg.ico {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.lk__content-order-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
}

.lk__content-order-item-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 767px) {
  .lk__content-order-item-name {
    font-size: 13px;
    line-height: 18px;
  }
}
.lk__content-order-item-chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk__content-order-item-chars-item {
  color: var(--brown);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.lk__content-order-item-price {
  justify-self: center;
}

.lk__content-order-item-price .product-card__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.lk__content-order-item-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: center;
  color: var(--brown);
  font-size: 14px;
  line-height: 18px;
}

.lk__content-order-item-total {
  justify-self: end;
  color: var(--greenHover);
  font-size: 16px;
  font-weight: 800;
  line-height: 21px;
}

.lk__content-cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.lk__content-cancel .field__input--textarea {
  padding-right: 30px;
}

.lk__content-cancel-text {
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .lk__content-cancel-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.lk__content-cancel-text span {
  font-weight: 600;
}

.lk__content-cancel-text span.red-text {
  color: var(--red);
}

.lk__bonus {
  max-width: 570px;
}

@media (max-width: 991px) {
  .lk__bonus {
    max-width: 100%;
  }
}
.lk__bonus-block {
  padding: 25px 30px;
  border-radius: 20px;
  border: 1px solid var(--gray2);
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .lk__bonus-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .lk__bonus-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 15px;
    border-radius: 10px;
  }
}
.lk__bonus-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 14px;
  -moz-column-gap: 14px;
  column-gap: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding-right: 22px;
  position: relative;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .lk__bonus-current {
    padding-right: 0;
    padding-bottom: 16px;
    width: 100%;
    font-size: 13px;
  }
}
.lk__bonus-current:after {
  position: absolute;
  content: "";
  right: 0px;
  width: 1px;
  height: 52px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--gray2);
}

@media (max-width: 767px) {
  .lk__bonus-current:after {
    top: initial;
    width: 100%;
    height: 1px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    bottom: 0;
  }
}
.lk__bonus-current-sum {
  max-width: 49px;
  min-width: 49px;
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background: #F6EFE0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .lk__bonus-current-sum {
    max-width: 35px;
    min-width: 35px;
    height: 35px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 7px;
  }
}
.lk__bonus-conditions {
  padding-left: 30px;
  color: var(--brown);
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .lk__bonus-conditions {
    padding-left: 0;
    font-size: 14px;
  }
  .lk__bonus-conditions br {
    display: none;
  }
}
.lk__bonus-conditions span {
  font-weight: 600;
}

.lk__bonus-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk__bonus-text p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 16px;
}

.lk__bonus-text p:last-of-type {
  margin: 0;
}

.lk__subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9px;
  max-width: 402px;
}

@media (max-width: 991px) {
  .lk__subscribe {
    max-width: 100%;
  }
}
.lk__subscribe-item {
  padding: 5px 6px 5px 20px;
  border-radius: 18px;
  background: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.lk__subscribe-item .lk__btn {
  max-width: 133px;
  padding: 8px 15px;
  width: 100%;
  font-size: 14px;
}

@media (max-width: 767px) {
  .lk__subscribe-item .lk__btn {
    font-size: 12px;
  }
}
.lk__subscribe-item-text {
  color: var(--brown);
  font-size: 16px;
  line-height: 18px;
}

@media (max-width: 767px) {
  .lk__subscribe-item-text {
    font-size: 13px;
    line-height: 16px;
  }
}
.lk__location-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
}

@media (max-width: 767px) {
  .lk__location-wp {
    row-gap: 10px;
  }
}
.lk__location-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.lk__location-item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 767px) {
  .lk__location-item-title {
    font-size: 14px;
  }
}
.order-print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: inherit;
  align-content: inherit;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: rgba(44, 41, 31, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.order-print__img {
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.order-print__img img, .order-print__img svg.ico {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.order-print__img img.hover, .order-print__img svg.ico.hover {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order-print:hover {
  color: rgb(44, 41, 31);
}

.order-print:hover .order-print__img img, .order-print:hover .order-print__img svg.ico {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order-print:hover .order-print__img img.hover, .order-print:hover .order-print__img svg.ico.hover {
  position: relative;
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes leftToRight2 {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes leftToRight2 {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes leftToRight {
  0% {
    left: calc(100% + 340px);
  }
  100% {
    left: 0;
  }
}
@keyframes leftToRight {
  0% {
    left: calc(100% + 340px);
  }
  100% {
    left: 0;
  }
}
/* SAIT-131: подпись не пересекается с маской пустого телефона. */
#callback .field--callback-phone .field__label {
  top: 5px;
  font-size: 10px;
  line-height: 14px;
}

@keyframes tasMobileContactsOpen {
  from {
    transform: translateY(calc(100% + var(--tas-bottom-panel-height, 58px)));
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes toTop {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes toTop {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes toFixed {
  0% {
    top: -53px;
  }
  100% {
    top: 0;
  }
}
@keyframes toFixed {
  0% {
    top: -53px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes burgerTop {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    top: 5px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 11px;
  }
}
@keyframes burgerTop {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    top: 5px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 11px;
  }
}
@-webkit-keyframes burgerBottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    bottom: 5px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 11px;
  }
}
@keyframes burgerBottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    bottom: 5px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 11px;
  }
}
@-webkit-keyframes burgerMidle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes burgerMidle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes burgerTop2 {
  0% {
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    top: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes burgerTop2 {
  0% {
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    top: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes burgerBottom2 {
  0% {
    bottom: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50% {
    bottom: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes burgerBottom2 {
  0% {
    bottom: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50% {
    bottom: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes burgerMidle2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes burgerMidle2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#recovery .modal-regist {
  max-width: 370px;
  margin: 16px auto;
}

.modal-registration .checkbox--subscription {
  margin-bottom: 4px;
}

.preloader {
  /*display: none !important;*/
}

.lk__content-info-payment-block-btns .btn-success {
  padding: 11px 20px;
  width: fit-content;
  background: var(--green);
  color: var(--white);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 14px;
  max-width: 248px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  border: none;
  width: fit-content;
}

@media (max-width: 767px) {
  .lk__content-info-payment-block-btns .btn-success {
    padding: 6px;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .lk__content-info-payment-block-btns .btn-success + p {
    font-size: 14px;
    line-height: 18px;
  }
}
.lk__content-info-payment-block-btns .btn-success:hover {
  background: var(--greenHover);
  color: rgba(255, 255, 255, 0.9);
}

.basket__delivery-address-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.basket__delivery-address-wp {
  width: 100%;
}

@media (max-width: 375px) {
  .catalog__rightside-top .nice-select {
    font-size: 12px;
    width: 199px;
    padding: 0 8px;
  }
  .catalog__rightside-top .nice-select::after {
    right: 4px;
  }
  .catalog__rightside-top .catalog__rightside-top .nice-select {
    font-size: 12px;
  }
}
.catalog-section {
  padding: 40px 0 60px;
}

@media (max-width: 767px) {
  .catalog-section {
    padding: 16px 0 30px;
  }
  .calc__rightside .checkbox__label {
    font-size: 8px;
  }
}
.header__top-actions-link--comp {
  padding: 0;
}

.project-map .nice-select::after {
  opacity: 0.3;
}

.contacts-page {
  overflow: hidden;
}

.compare-nav__clear.compare-nav__clear--fav {
  border-bottom: none;
}

.modal .form__submit-container .btn {
  max-width: 263px;
  padding: 21px;
}

@media (max-width: 767px) {
  .modal .form__submit-container .btn {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .modal .form__submit-container .btn {
    padding: 8px;
  }
}
.field.is-error .field__error-text {
  display: flex;
}

input::-webkit-date-and-time-value {
  text-align: left;
}

.form__submit-error {
  text-align: center;
  font-size: 14px;
  color: var(--red);
  line-height: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .form__submit-error {
    line-height: 14px;
    font-size: 10px;
    margin-top: 0;
  }
  .field__label {
    left: 15px;
  }
  .field.active .field__label {
    left: 15px;
  }
}
.checkbox__wp {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

@media (max-width: 576px) {
  .modal .nice-select .list {
    position: absolute;
    top: 100%;
    border-radius: 14px;
    border: 1px solid var(--gray2);
    -webkit-box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    box-shadow: 0px 4px 15px 0px rgba(86, 86, 86, 0.08);
    background: var(--white);
    transform: scale(0.75) translateY(-21px);
    padding: 0;
  }
  .modal .nice-select.open .list {
    transform: scale(1) translateY(0);
  }
  .modal .list__heading {
    display: none;
  }
}
.content a.btn--lk {
  width: fit-content;
  color: var(--white);
  padding: 12px 18px 12px 21px;
}

@media (max-width: 767px) {
  .content a.btn--lk {
    padding: 8px 10px;
  }
}
/* SAIT-130: гостевой ЛК начинается под шапкой, подвал остаётся внизу. */
body:has(.content--lk) {
  flex-direction: column;
  flex-wrap: nowrap;
}

body:has(.content--lk) > .wrapper {
  height: auto;
  flex: 1 0 auto;
  justify-content: flex-start;
}

.content--lk {
  max-width: none;
  margin: 0;
}

.content--lk p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  text-align: left;
}

@media (max-width: 576px) {
  .content--lk p {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.projects__intra--career .projects__intra-rightside {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

/* .projects__intra--career {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} */
.projects__intra--career .projects__intra-rightside img, .projects__intra--career .projects__intra-rightside svg.ico {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.career {
  background: #FBFAF8;
}

.career__advan {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px);
  grid-template-columns: repeat(4, calc(25% - 15px));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.career__advan-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 13px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 24px;
  border-radius: 20px;
  border: 1px solid #E7E7E7;
  background: rgba(255, 255, 255, 0.8);
  color: #2C291F;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.career__advan-item img, .career__advan-item svg.ico {
  max-width: 29px;
  min-width: 29px;
  height: 29px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1199px) {
  .career__advan {
    grid-template-columns: repeat(3, calc(33% - 11px));
  }
}
@media (max-width: 991px) {
  .career__advan {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media (max-width: 767px) {
  .career__advan-item {
    padding: 20px 14px;
    row-gap: 10px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .career__advan-item img, .career__advan-item svg.ico {
    max-width: 19px;
    min-width: 19px;
    height: 19px;
  }
}
@media (max-width: 576px) {
  .career__advan {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 10px;
  }
}
.career__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

.career__list-item {
  padding: 30px 40px;
  border-radius: 20px;
  border: 1px solid #C5BBA6;
  background: #F5F4F4;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.career__list-item.is-open {
  background: #FBFAF8;
  border-color: transparent;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.career__list-item:hover {
  background: #FBFAF8;
  border-color: transparent;
}

.career__list-item-heading {
  max-width: 340px;
  min-width: 340px;
  color: var(--hardblack);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.career__list-item-dropdown-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
}

.career__list-item-dropdown-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
}

.career__list-item-dropdown-title {
  color: #2C291F;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.career__list-item-dropdown-text {
  color: #2C291F;
  font-size: 16px;
  line-height: 24px;
}

.career__list-item-dropdown-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 20px 30px;
  border-radius: 10px;
  background: #F5F4F4;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.career__list-item-dropdown-contacts a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  color: #2C291F;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.career__list-item-dropdown-contacts a:hover {
  color: var(--greenHover);
}

.career__list-item-dropdown-contacts a img, .career__list-item-dropdown-contacts a svg.ico {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.career__list-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 33px;
  min-width: 33px;
  height: 33px;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  background: #F7F7F7;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #6C645C;
  font-size: 12px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.career__list-item-btn.is-open {
  align-self: start;
}

/* .career__list-item-btn.is-open{
animation: fadeinout 1s linear forwards;
}

.career__list-item-btn.is-close{
animation: fadeinout2 .5s linear forwards;
} */
/* @keyframes fadeinout2{
0%{
opacity: 1;
align-self: start;
}
10%{
align-items: center;
opacity: 0;
}
50%{
opacity: 0;
}

100%{
opacity: 1;
align-self: center;
}
}
@keyframes fadeinout{
0%{
opacity: 0;
align-self: center;
}
10%{
align-self: start;
}

100%{
opacity: 1;
align-self: start;
}
} */
.career__list-item-btn.is-open svg {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.career__list-item-heading .career__list-item-btn {
  display: none;
}

.career__list-item-btn:hover {
  background: #F5F4F4;
}

.career__list-item-dropdown {
  display: none;
}

.career__list-item.is-open .career__list-item-heading {
  margin-bottom: auto;
}

@media (max-width: 991px) {
  .career__list-item-dropdown-contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 16px;
  }
  .career__list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
  .career__list-item > .career__list-item-btn {
    display: none;
  }
  .career__list-item-heading {
    max-width: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .career__list-item-heading .career__list-item-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .projects__intra--career .projects__intra-rightside img, .projects__intra--career .projects__intra-rightside svg.ico {
    width: 100%;
    display: block;
  }
  .career__list-item {
    row-gap: 16px;
    padding: 15px 20px;
  }
  .career__list-item-heading {
    font-size: 16px;
    line-height: 18px;
  }
  .career__list-item-dropdown-wp {
    row-gap: 12px;
  }
  .career__list-item-dropdown-block {
    row-gap: 8px;
  }
  .career__list-item-dropdown-title {
    font-size: 14px;
    line-height: 16px;
  }
  .career__list-item-dropdown-text {
    font-size: 14px;
    line-height: 16px;
  }
  .career__list-item-dropdown-contacts {
    padding: 12px 16px;
  }
  .career__list-item-dropdown-contacts a {
    font-size: 14px;
    line-height: 16px;
  }
}
.order-success__text-bottom {
  padding: 30px 20px;
  border-radius: 20px;
  background: #f0eeeb;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 767px) {
  .order-success__text-bottom {
    padding: 15px 10px;
    font-size: 12px;
    line-height: 16px;
  }
}
.content ol.small li {
  font-size: 14px;
  line-height: 20px;
  padding-left: 25px;
}

.content ol.small > li:before {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
}

.about {
  position: relative;
  overflow: hidden;
}

.about::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 700px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/about-dec.svg") no-repeat;
  background-position: bottom left;
}

.about::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  background: url("/local/templates/vpl_vue/img/svg/about-dec2.svg") no-repeat;
  z-index: 1;
}

@media (max-width: 1560px) {
  .about::after {
    left: -600px;
  }
  .about::before {
    content: none;
  }
}
.about__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 2560px;
  height: 100%;
  z-index: 0;
}

.about__bg img, .about__bg svg.ico {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.about__info {
  padding: 340px 0 60px;
  position: relative;
  z-index: 1;
}

.about__title {
  position: relative;
  color: var(--white);
  font-size: 38px;
  font-weight: 600;
  line-height: 50px;
  width: fit-content;
}

.about__title::before {
  position: absolute;
  content: "";
  right: -150px;
  top: -60px;
  width: 1312px;
  height: 171px;
  z-index: -1;
  background: url("/local/templates/vpl_vue/img/svg/about-title.svg") no-repeat;
  background-position: bottom right;
}

@media (min-width: 2560px) {
  .about__bg {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .about__title::before {
    top: -39px;
  }
}
@media (max-width: 767px) {
  .about__info {
    padding: 230px 0 30px;
  }
  .about::after {
    content: none;
  }
  .about__title {
    font-size: 18px;
    line-height: 22px;
  }
  .about__title::before {
    right: -65px;
    top: -39px;
    width: 1312px;
    height: 91px;
    background: url("/local/templates/vpl_vue/img/svg/about-title2.svg") no-repeat;
    background-position: bottom right;
  }
  .about__bg {
    width: 100%;
  }
}
.about__advan {
  padding: 60px 0;
  background: url("/local/templates/vpl_vue/img/content/advan-bg.png") no-repeat;
  background-image: image-set(url("/local/templates/vpl_vue/img/content/advan-bg.avif") type("image/avif"), url("/local/templates/vpl_vue/img/content/advan-bg.webp") type("image/webp"), url("/local/templates/vpl_vue/img/content/advan-bg.png") type("image/png"));
  background-size: cover;
}

.about__advan.lazy-bg:not(.is-loaded) {
  background-image: none;
}

.about__advan-list {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 12px));
  column-gap: 16px;
}

.about__advan-list-item {
  background: var(--white);
  padding: 30px 20px 236px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 360px;
}

.about__advan-list-item-top {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  position: relative;
  z-index: 1;
}

.about__advan-list-item-name {
  color: #1F8554;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.about__advan-list-item-text {
  color: #2C291F;
  font-size: 16px;
  line-height: 24px;
}

.about__advan-list-item-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 280px;
  z-index: 0;
}

.about__advan-list-item-img img, .about__advan-list-item-img svg.ico {
  height: 100%;
}

.about__advan-list-item.map .about__advan-list-item-img {
  display: flex;
  justify-content: end;
}

.about__advan-list-item.green .about__advan-list-item-name {
  color: var(--white);
}

.about__advan-list-item.green .about__advan-list-item-text {
  color: var(--white);
}

.about__advan-list-item.green {
  background: url("/local/templates/vpl_vue/img/svg/advan-bg-item.svg") no-repeat;
  background-size: cover;
}

.about__advan.lazy-bg:not(.is-loaded) .about__advan-list-item.green {
  background-image: none;
}

.about__advan-list + .about__advan-text {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .about__advan-list {
    grid-template-columns: repeat(2, calc(50% - 8px));
    row-gap: 16px;
  }
  .about__advan-list-item.green .about__advan-list-item-img {
    display: flex;
    justify-content: end;
  }
}
@media (max-width: 576px) {
  .about__advan-list {
    grid-template-columns: 100%;
    row-gap: 4px;
  }
  .about__advan-list-item {
    padding: 26px 15px 30px 130px;
    border-radius: 10px;
    min-height: fit-content;
  }
  .about__advan-list-item-name {
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 1px;
  }
  .about__advan-list-item-text {
    font-size: 13px;
    line-height: 16px;
  }
  .about__advan-list-item-img {
    height: 110px;
    width: 110px;
  }
  .about__advan-list-item.map .about__advan-list-item-img {
    left: initial;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .about__advan-list-item.green .about__advan-list-item-img {
    left: initial;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .about__advan-list-item.green .about__advan-list-item-name {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.7px;
  }
  .about__advan-list-item.map .about__advan-list-item-name {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.7px;
  }
  .about__advan-list-item.green {
    padding: 26px 110px 30px 15px;
  }
  .about__advan-list-item.map {
    padding: 26px 110px 30px 15px;
  }
}
.about__block {
  display: flex;
  column-gap: 30px;
  align-items: center;
}

.about__block-img {
  min-width: 568px;
  max-width: 568px;
  height: 302px;
  border-radius: 20px;
  overflow: hidden;
}

.about__block-img img, .about__block-img svg.ico {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .about__block {
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
  }
  .about__block-img {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .about__block-img {
    max-width: fit-content;
    min-width: fit-content;
    height: 155px;
    border-radius: 10px;
  }
  .about__advan {
    padding: 30px 0;
  }
}
.clients {
  background: #F2F1EF;
}

.clients__list .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 12px));
  column-gap: 15px;
  row-gap: 15px;
}

.clients__list .swiper-slide .clients__list-item:nth-child(2) {
  margin-top: 15px;
}

.clients__list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  height: 134px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding: 12px 18px;
  border: 1px solid #E7E7E7;
}

.clients__list-item img, .clients__list-item svg.ico {
  height: 100%;
  object-fit: contain;
}

@media (max-width: 991px) {
  .clients__list .swiper-wrapper {
    grid-template-columns: repeat(4, calc(25% - 12px));
  }
}
@media (max-width: 767px) {
  .clients__list .swiper-wrapper {
    display: flex;
    column-gap: 0;
    row-gap: 0;
  }
  .clients {
    overflow: hidden;
  }
  .clients__list {
    width: calc(100% + 16px);
  }
  .clients__list-item {
    border-radius: 10px;
    height: 69px;
    padding: 3px;
  }
  .clients__list-item.no-photo img, .clients__list-item.no-photo svg.ico {
    max-width: 80%;
  }
  .clients__list .swiper-slide .clients__list-item:nth-child(2) {
    margin-top: 8px;
  }
}
.shop__text + .equipment__list--about {
  margin-top: 40px;
}

.equipment__list--about .equipment__item {
  min-height: 190px;
}

.equipment__list--about .equipment__item {
  box-shadow: 0 5px 26px -4px rgba(100, 100, 100, 0.2);
}

.equipment__item--promo {
  flex-direction: row;
  column-gap: 29px;
  grid-column: -1/1;
  border-radius: 14px;
  background: #FAF9F7;
  padding: 54px 35px;
  overflow: hidden;
  border: none;
  box-shadow: none !important;
  align-items: center;
}

.equipment__item--promo:hover {
  background: #FAF9F7;
}

.equipment__item--promo:hover .equipment__item-title {
  color: var(--black);
}

.equipment__item--promo .btn {
  padding: 20px 33px;
  font-size: 18px;
  line-height: 22px;
  height: fit-content;
}

.equipment__item--promo::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 222px;
  background: url("/local/templates/vpl_vue/img/svg/shop-bg.svg") no-repeat;
  background-position: left;
  background-size: cover;
}

.equipment__item--promo.lazy-bg:not(.is-loaded)::before {
  background-image: none;
}

.equipment__list--about .equipment__item-title {
  font-size: 17px;
  line-height: 21px;
  font-weight: 600;
}

.equipment__item--promo .equipment__item-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  max-width: 232px;
}

.equipment__promo {
  display: none;
}

@media (max-width: 991px) {
  .equipment__item--promo {
    grid-column: span 1;
    display: none !important;
  }
  .equipment__promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin-top: 4px;
    border-radius: 10px;
    background: #FAF9F7;
    color: #2C291F;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    row-gap: 16px;
  }
  .equipment__promo .btn {
    padding: 12px 60px;
    max-width: 260px;
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 991px) {
  .equipment__list--about .equipment__item {
    min-height: 65px;
    justify-content: center;
  }
  .equipment__list--about .equipment__item-title {
    font-size: 12px;
    line-height: 15px;
  }
  .equipment__list--about .equipment__item {
    padding: 24px 20px 20px 20px;
    justify-content: space-between;
  }
  .equipment__item--promo .btn {
    padding: 8px 10px 8px 12px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .equipment__item--promo .btn {
    font-size: 11px;
    line-height: 18px;
  }
}
.payment__list-item-desc.content b h3 {
  margin-top: 0;
}

.info-block {
  border-top: 1px solid #E7E7E7;
}

.info-block .content {
  max-width: 100%;
}

.info-block .content h2:first-of-type {
  margin-top: 0;
}

.info-block .content ul > li:after {
  top: 5px;
}

@media (max-width: 767px) {
  .info-block .content ul > li:after {
    top: 3px;
  }
}
.white-block {
  padding: 20px;
  border-radius: 20px;
  background: var(--white);
  margin-top: 16px;
}

.link-block {
  margin-top: 45px;
  display: flex;
  column-gap: 36px;
  padding: 15px 20px;
  border-radius: 20px;
  border: 1px solid #1F8554;
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  align-items: center;
}

.link-block::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 164px;
  background: url("/local/templates/vpl_vue/img/svg/link-block-bg.svg") no-repeat;
  background-size: cover;
  z-index: 0;
}

.link-block img, .link-block svg.ico {
  position: relative;
  z-index: 1;
  max-width: 39px;
  min-width: 39px;
  height: 39px;
  object-fit: contain;
}

.link-block:hover {
  border-color: var(--greenHover);
}

.link-block__info {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  position: relative;
  z-index: 1;
}

.link-block__title {
  color: #2C291F;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.link-block__text {
  color: #2C291F;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 767px) {
  .white-block {
    padding: 16px;
    border-radius: 16px;
  }
  .link-block {
    margin-top: 20px;
    padding: 12px 16px;
  }
  .link-block__title {
    font-size: 14px;
    line-height: 20px;
  }
  .link-block__text {
    font-size: 13px;
    line-height: 16px;
  }
}
/* NEW */
.header__bottom > .container {
  display: flex;
  align-items: center;
  column-gap: 22px;
}

.header__catalog {
  padding: 12px 16px 12px 18px;
  column-gap: 4px;
  white-space: nowrap;
  margin: 7px 0;
}

.header__bottom-nav > ul li:not(.has-child) .header__bottom-nav-link-icon {
  display: flex;
}

.header__top-actions-link {
  flex-direction: column;
  row-gap: 3px;
  color: #2C291F;
  position: relative;
  font-size: 12px;
  line-height: 10px;
}

.header__top-actions-link:hover {
  color: var(--greenHover);
}

.header__top-actions-link svg {
  max-width: 27px;
  min-width: 27px;
  font-size: 27px;
  color: #6C645C;
  margin-right: 0;
}

.header__top-actions-link:hover svg {
  color: var(--greenHover);
}

.header__top-actions-link-amount {
  position: absolute;
  top: -5px;
  right: -9px;
  line-height: 15px;
}

.header__middle-basket-link-amount {
  position: absolute;
  top: -5px;
  right: -9px;
  line-height: 15px;
}

.header__top-actions-link-ico {
  position: relative;
}

.header__middle-basket-link {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  color: #2C291F;
  position: relative;
  font-size: 12px;
  line-height: 10px;
  border: none;
  max-width: fit-content;
  min-width: fit-content;
  height: fit-content;
  font-weight: 500;
  background: transparent;
  border: 0;
}

.header__middle-basket-link:hover {
  color: var(--greenHover);
}

.header__middle-basket-link-ico {
  position: relative;
}

.header__middle-basket-link svg {
  max-width: 27px;
  min-width: 27px;
  font-size: 27px;
  color: #6C645C;
}

.header__middle-basket-link:hover svg {
  color: var(--greenHover);
}

.header__top-actions-link--lk {
  padding: 12px;
  border-radius: 10px;
  white-space: nowrap;
  background: #F5F4F4;
  color: #4B453E;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.is-fixed .header__fixed .header__catalog {
  margin: 0;
  padding: 9px 16px;
  font-size: 15px;
}

.is-fixed .header__fixed .header__catalog .btn__icon {
  display: none;
}

.burger__dropdown .header__top-actions-link--lk {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.is-fixed .header__search {
  width: 290px;
  position: relative;
  left: initial;
  top: initial;
  right: initial;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  height: 35px;
  border-radius: 14px;
  border-color: #E7E7E7;
  background: #FBFAF8;
}

.is-fixed .header__middle-center.is-active .header__search {
  width: 290px;
}

.is-fixed .header__search::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  opacity: 0.7;
}

.is-fixed .contacts-block {
  row-gap: 6px;
}

.is-fixed .contacts-block__link {
  font-size: 13px;
}

.is-fixed .header__top-actions-link > span {
  display: none;
}

.is-fixed .header__top-actions {
  column-gap: 10px;
}

.is-fixed .header__top-actions-link svg {
  max-width: 24px;
  min-width: 24px;
  font-size: 24px;
}

.is-fixed .header__middle-basket-link svg {
  max-width: 24px;
  min-width: 24px;
  font-size: 24px;
}

.is-fixed .header__top-actions-link-amount {
  top: -7px;
  right: -4px;
}

.is-fixed .header__middle-basket-link-amount {
  top: -7px;
  right: -4px;
}

.is-fixed .header__top-actions-link--lk {
  padding: 9px 7px;
}

.is-fixed .header__middle-basket-link span {
  display: none;
}

.is-fixed .header__middle-center {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

.footer .btn--border {
  color: #2C291F;
}

.btn-top {
  position: fixed;
  right: -100%;
  bottom: 350px;
  z-index: 100;
  width: 53px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(221, 218, 218, 0.4);
  color: #2C291F;
  font-size: 15px;
  border-radius: 100%;
}

.btn-top.is-show {
  right: 35px;
}

.btn-top:hover {
  background: rgba(221, 218, 218, 0.8);
}

.lk__contacts-content .lk__contacts-title {
  font-size: 18px;
  line-height: 22px;
}

.lk__contacts-nav-wp {
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 100%;
  margin-bottom: 16px;
  border-bottom: 1px solid #E7E7E7;
  max-width: 570px;
}

.lk__contacts-nav {
  padding-bottom: 20px;
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  position: relative;
}

.lk__contacts-nav::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #1F8554;
  transition: all 0.3s ease-out;
}

.lk__contacts-nav.is-active {
  color: #1F8554;
}

.lk__contacts-nav:hover {
  color: var(--greenHover);
}

.lk__contacts-nav.is-active:hover {
  color: #1F8554;
}

.lk__contacts-nav.is-active::after {
  width: 100%;
}

.lk__contacts-content .lk__contacts-block {
  margin-bottom: 16px;
}

.lk__contacts-content .form__submit {
  row-gap: 16px;
}

.lk__contacts-content .checkbox__label a::after {
  content: none;
}

.lk__contacts-content-wp {
  position: relative;
}

.lk__contacts-content {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.lk__contacts-content.is-active {
  position: relative;
  left: initial;
  top: initial;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}

.field--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 70px;
}

.field__file {
  border-radius: 14px;
  border: 1px dashed #6C645C;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 14px 22px;
  color: #6C645C;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  width: 100%;
  background: #FBFAF8;
  display: flex;
  align-items: center;
  column-gap: 6px;
}

.is-error .field__file {
  border: 1px dashed var(--red);
  color: var(--red);
}

.field__file:hover {
  background: #F3F0EE;
  border-color: #2C291F;
}

.field__file svg {
  max-width: 19px;
  min-width: 19px;
  font-size: 19px;
}

.lk__complaints {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 24px;
}

.lk__complaints .btn {
  justify-content: space-between;
  padding: 13px 20px;
}

.lk__complaints-block {
  display: flex;
  flex-direction: column;
  padding: 20px;
  row-gap: 14px;
  border-radius: 14px;
  background: #FBFAF8;
}

.lk__complaints-block-title {
  color: #6C645C;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.lk__complaints-block-wp {
  display: flex;
  flex-direction: column;
}

.lk__complaints-block-item {
  display: grid;
  grid-template-columns: 108px auto;
  column-gap: 6px;
  align-items: center;
  color: #2C291F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 0;
  border-top: 1px solid #E7E7E7;
}

.lk__complaints-block-item:first-of-type {
  padding-top: 0;
  border-top: none;
}

.lk__complaints-block-item:last-of-type {
  padding-bottom: 0;
}

.lk__complaints-block-item .lk__orders-list-item-status {
  margin: 0;
}

.lk__complaints .btn svg {
  transform: rotate(-90deg);
  font-size: 10px;
}

.lk__orders--complaints .lk__orders-heading {
  grid-template-columns: 29px 1fr 1fr 2fr 1fr 1fr;
}

.lk__orders--complaints .lk__orders-list-item {
  grid-template-columns: 29px 1fr 1fr 2fr 1fr 1fr;
  align-items: center;
}

.lk__complaints-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.lk__complaints-item {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.lk__complaints-item-title {
  color: #2C291F;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.lk__complaints-item-wp {
  display: flex;
  flex-direction: column;
}

.lk__complaints-item-line {
  display: flex;
  column-gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #F0F0F0;
}

.lk__complaints-item-name {
  color: #6C645C;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  max-width: 270px;
  min-width: 270px;
}

.lk__complaints-item-value {
  color: #2C291F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.lk__complaints-item-docs {
  display: flex;
  flex-direction: column;
}

.lk__complaints-item-docs-link {
  padding: 8px 0;
  border-bottom: 1px solid #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
}

.lk__complaints-item-docs-link-name {
  color: #2C291F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.3s ease-out;
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-name {
  color: var(--greenHover);
}

.lk__complaints-item-docs-link-size {
  display: flex;
  align-items: center;
  column-gap: 6px;
  color: rgba(108, 100, 92, 0.5);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all 0.3s ease-out;
}

.lk__complaints-item-docs-link-size span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8F8;
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 100%;
  color: rgba(108, 100, 92, 0.5);
  font-size: 9px;
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-size {
  color: var(--greenHover);
}

.lk__complaints-item-docs-link:hover .lk__complaints-item-docs-link-size span {
  color: rgb(108, 100, 92);
}

.product-detail__chars-wp {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  margin-bottom: 24px;
}

.product-detail__chars-wp:last-of-type {
  margin-bottom: 0;
}

.product-detail__chars-wp .btn-showmore {
  display: initial;
  color: #1F8554;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.product-detail__chars-wp .btn-showmore:hover {
  color: var(--greenHover);
}

.product-detail__chars-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.product-detail__chars li:nth-child(n+5) {
  display: none;
}

.product-detail__chars-wp.is-show .product-detail__chars li:nth-child(n+5) {
  display: flex;
}

.product-detail__questions-wp {
  display: flex;
  flex-direction: column;
}

.product-detail__questions-sort {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #E7E7E7;
}

.product-detail__questions-sort-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  column-gap: 2px;
  color: #6C645C;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.product-detail__questions-sort-btn svg {
  font-size: 15px;
}

.product-detail__questions-sort-btn:hover {
  color: var(--greenHover);
}

.product-detail__questions {
  display: flex;
  flex-direction: column;
}

.product-detail__questions-item {
  display: flex;
  column-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #E7E7E7;
}

.product-detail__questions-item:nth-child(n+5) {
  display: none;
}

.product-detail__questions-wp.is-show .product-detail__questions-item:nth-child(n+5) {
  display: flex;
}

.product-detail__questions-wp .btn {
  width: fit-content;
  margin: 24px auto 0;
  padding: 12px 30px;
  font-size: 14px;
  color: rgba(44, 41, 31, 0.8);
  font-weight: 600;
  line-height: 20px;
}

.product-detail__questions-item-leftside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  max-width: 90px;
  min-width: 90px;
}

a.product-detail__questions-item-img {
  position: relative;
}

a.product-detail__questions-item-img::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  z-index: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  opacity: 0;
}

a.product-detail__questions-item-img:hover::before {
  opacity: 1;
}

.product-detail__questions-item-img {
  max-width: 72px;
  min-width: 72px;
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  overflow: hidden;
  padding: 5px;
}

.product-detail__questions-item-img img, .product-detail__questions-item-img svg.ico {
  height: 100%;
  object-fit: contain;
}

.product-detail__questions-item-date {
  font-size: 15px;
  line-height: 21px;
}

.product-detail__questions-item-rightside {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.product-detail__questions-item-top {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.product-detail__questions-item-name {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

a.product-detail__questions-item-name:hover {
  color: var(--greenHover);
}

.product-detail__questions-item-name svg {
  transform: rotate(-90deg);
  font-size: 10px;
  height: 24px;
  color: #6C645C;
}

a.product-detail__questions-item-name:hover svg {
  color: var(--greenHover);
}

.product-detail__questions-item-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.product-detail__questions-item-answer {
  border-radius: 10px;
  background: #FBFAF8;
  padding: 20px;
  font-size: 15px;
  line-height: 21px;
}

.product-detail__questions-item:last-of-type {
  border-bottom: none;
}

.product-detail__block-text {
  color: #6C645C;
  font-size: 14px;
  line-height: 18px;
  margin: 6px 0;
}

.product-detail__block .btn--border {
  width: fit-content;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.is-fixed .header__search-overlay {
  z-index: -100;
  opacity: 0;
  pointer-events: none;
}

.product-card__price-old-wp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  width: 100%;
}

.product-card__price-old-informer {
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: #6C645C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.product-card__price-old-informer-dropdown-wp {
  position: relative;
}

.product-card__price-old-informer-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #E8E7E7;
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  font-weight: 800;
  transition: all 0.3s ease-out;
  cursor: pointer;
  color: rgba(108, 100, 92, 0.5);
  font-size: 12px;
  line-height: 15px;
}

.product-card__price-old-informer-ico:hover {
  color: rgba(108, 100, 92, 0.7);
}

.product-card__price-old-informer-dropdown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 5px);
  width: 181px;
  border-radius: 5px;
  background: #6C645C;
  padding: 2px 6px;
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  opacity: 0;
  pointer-events: none;
  z-index: -10px;
  transition: all 0.3s ease-out;
}

.product-card__price-old-informer-ico:hover + .product-card__price-old-informer-dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.product-card__price-old-informer-dropdown::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -2px;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #6C645C;
  z-index: -1;
}

.filter-show-more {
  display: flex;
  align-items: center;
  color: #1F8554;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.filter-show-more svg {
  font-size: 10px;
  margin-top: 2px;
}

.filter-show-more.is-active svg {
  transform: scale(-1);
}

.filter__category {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.filter__category-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
}

.filter__category-name {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.filter__category-name svg {
  font-size: 10px;
  color: #6C645C;
  min-width: 10px;
  transform: rotate(90deg);
}

.filter__category-name:hover svg {
  color: var(--greenHover);
}

.filter__category-list-wp {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  padding-right: 0;
}

.filter__category-list-name {
  padding: 8px 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.filter__category-list {
  display: flex;
  flex-direction: column;
  padding-right: 12px;
}

.filter__category-list-item {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 8px;
}

.filter__category-list-item.is-active {
  background: #FBFAF8;
}

.filter__category-list-item:nth-child(n+16) {
  display: none;
}

.filter__category-list.is-show .filter__category-list-item:nth-child(n+9) {
  display: flex;
}

.filter__category-list-btn {
  position: relative;
}

.filter__category-list-btn::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 70px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  opacity: 0;
  pointer-events: none;
}

.filter__category-list.is-bigger + .filter__category-list-btn::after {
  opacity: 1;
  pointer-events: auto;
}

.filter__category-list-btn {
  display: flex;
  align-items: center;
  margin-left: 12px;
  color: #1F8554;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.filter__category-list {
  max-height: 304px;
  overflow-x: hidden;
  overflow-y: auto;
}

.filter__category-list.is-show {
  max-height: fit-content;
}

.filter__category-list::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  cursor: pointer;
}

.filter__category-list::-webkit-scrollbar-track {
  background: transparent;
}

.filter__category-list::-webkit-scrollbar-thumb {
  background-color: var(--brown);
  border: none;
}

.filter__category-list::-webkit-scrollbar-thumb:hover {
  color: var(--greenHover);
}

.filter__category-list-btn svg {
  margin-top: 2px;
  font-size: 10px;
}

.filter__category-list-btn.is-show svg {
  transform: scale(-1);
}

.filter__category-list-btn:hover {
  color: var(--greenHover);
}

.modal__prod {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 20px;
  background: #FBFAF8;
  column-gap: 20px;
  margin-bottom: 16px;
}

.modal__prod-img {
  display: flex;
  align-items: center;
  background: var(--white);
  padding: 5px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E7E7E7;
  max-width: 114px;
  min-width: 114px;
  height: 81px;
}

.modal__prod-img img, .modal__prod-img svg.ico {
  height: 100%;
  object-fit: contain;
}

.modal__prod-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 1440px) {
  .product-card__price-old-informer-dropdown {
    left: initial;
    right: 0;
    transform: translateX(0);
  }
  .product-card__price-old-informer-dropdown::before {
    left: initial;
    right: 3px;
    transform: translateX(0) rotate(45deg);
  }
}
@media (max-width: 1199px) {
  .header__bottom-nav-link {
    font-size: 14px;
  }
  .header__catalog {
    margin: 0;
    padding: 10px 12px;
    font-size: 14px;
  }
  .header__bottom > .container {
    column-gap: 10px;
  }
  /*
      .header__bottom-nav-dropdown--big {
          top: 162px;
      } */
  .is-fixed .header__fixed .header__catalog {
    padding: 10px 12px;
    font-size: 14px;
  }
  .is-fixed .header__top-actions-link svg {
    max-width: 20px;
    min-width: 20px;
    font-size: 20px;
  }
  .is-fixed .header__middle-basket-link svg {
    max-width: 20px;
    min-width: 20px;
    font-size: 20px;
  }
  .header__top-actions {
    column-gap: 10px;
  }
  .header__top-actions-link--lk {
    font-size: 12px;
  }
  .header__top-actions-link {
    font-size: 10px;
  }
  .contacts-block__tel {
    font-size: 14px;
  }
  .contacts-block__link {
    font-size: 12px;
  }
  .header__search {
    max-width: 200px;
    min-width: 200px;
  }
  .header__bottom-nav-link {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .header__top-actions {
    display: none;
  }
  .filter__category {
    margin: 12px 0;
  }
  .filter__category-title {
    font-size: 14px;
  }
  .lk__contacts-nav-wp {
    max-width: 100%;
  }
  .product-card__price-old-wp {
    flex-direction: column;
    align-items: start;
    row-gap: 9px;
  }
  .product-card__price-old-informer-dropdown {
    right: initial;
    left: 0;
  }
  .product-card__price-old-informer-dropdown::before {
    right: initial;
    left: 3px;
  }
}
@media (max-width: 767px) {
  .modal__prod {
    border-radius: 16px;
    padding: 14px;
    column-gap: 12px;
    margin-bottom: 12px;
  }
  .modal__prod-img {
    max-width: 70px;
    min-width: 70px;
    height: 51px;
  }
  .modal__prod-text {
    font-size: 14px;
    line-height: 18px;
  }
  .modal.modal-medium .form__submit-container .btn {
    padding: 12px;
  }
  .product-detail__block-text {
    font-size: 12px;
    line-height: 15px;
  }
  .product-detail__block .btn--border {
    padding: 9px 15px;
    font-size: 11px;
    line-height: 18px;
  }
  .lk__contacts-nav {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 13px;
  }
  .lk__contacts-content .lk__contacts-title {
    font-size: 14px;
    line-height: 18px;
  }
  .lk__orders--complaints .lk__orders-list-item {
    align-items: start;
  }
  .lk__complaints {
    row-gap: 16px;
  }
  .lk__complaints .btn {
    padding: 8px 10px;
  }
  .lk__complaints-block {
    padding: 12px;
    row-gap: 16px;
  }
  .lk__complaints-block-item {
    font-size: 14px;
    line-height: 18px;
  }
  .lk__complaints-item-title {
    font-size: 16px;
    line-height: 20px;
  }
  .product-detail__chars-wp .btn-showmore {
    font-size: 13px;
    line-height: 15px;
  }
  .product-detail__chars-title {
    font-size: 16px;
    line-height: 18px;
  }
  .product-detail__questions-item {
    flex-direction: column;
    row-gap: 16px;
    padding: 15px 0;
  }
  .product-detail__questions-item-leftside {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    min-width: 100%;
    column-gap: 20px;
  }
  .product-detail__questions-item-text {
    font-size: 14px;
    line-height: 18px;
  }
  .product-detail__questions-item-rightside {
    row-gap: 16px;
  }
  .product-detail__questions-item-answer {
    padding: 16px;
    font-size: 14px;
    line-height: 19px;
  }
  .product-detail__questions-wp .btn {
    width: 100%;
    margin: 16px 0 0;
    padding: 9px 15px;
    font-size: 11px;
    line-height: 18px;
  }
  .product-detail__questions-item-date {
    font-size: 14px;
    line-height: 19px;
  }
}
@media (max-width: 576px) {
  .btn-top.is-show {
    right: 15px;
    bottom: 70px;
  }
  .lk__complaints-block-item {
    grid-template-columns: 100%;
    row-gap: 10px;
    align-items: start;
  }
  .lk__complaints-item-line {
    flex-direction: column;
    row-gap: 8px;
  }
  .lk__complaints-item-name {
    max-width: fit-content;
    min-width: fit-content;
  }
  .lk__complaints-item-docs-link {
    flex-direction: column;
    row-gap: 8px;
    align-items: start;
  }
}
@media (max-width: 375px) {
  .modal__prod {
    flex-direction: column;
    align-items: start;
    row-gap: 12px;
  }
}
.field__text {
  color: var(--6C645C, #6C645C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 9px;
  margin-top: -2px;
  display: block;
}

.field__dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  border-radius: 14px;
  border: 1px solid var(--E7E7E7, #E7E7E7);
  box-shadow: 0 4px 15px 0 rgba(86, 86, 86, 0.08);
  width: 100%;
  background: #FFF;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 247px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.field.is-dropdown .field__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.field__dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid #DDDADA;
  transition: opacity 0.3s ease-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--534B44, #534B44);
  min-height: 41px;
}

.field__dropdown-item:hover {
  opacity: 0.7;
}

.field__dropdown-item:last-child {
  border-bottom: none;
}

@media (max-width: 767px) {
  .field__dropdown {
    max-height: 229px;
  }
  .field__dropdown-item {
    padding: 9px 10px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    min-height: 38px;
  }
}
.search-open .header__middle-contacts,
.search-open .header__top-actions {
  display: none;
}

.search-open .header__middle-center,
.search-open .header__middle-center.is-active .header__search {
  max-width: 100%;
  min-width: none;
  width: 100%;
}

.search__results-wp {
  padding: 10px 20px;
}

.search__results-block {
  display: flex;
  flex-direction: column;
  position: relative;
}

.search__results-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 1px;
  background: #DDDADA;
}

.search__results-block:last-child::after {
  display: none;
}

.search__results-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 15px 0;
}

.search__results-block:first-child .search__results-block-head {
  padding-top: 10px;
}

.search__results-block-head-title {
  color: var(--2C291F, #2C291F);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.search__results-block-head-all {
  color: var(--1F8554, #1F8554);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.search__results-list {
  display: flex;
  flex-direction: column;
}

.search__results-item-page {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  row-gap: 5px;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin-top: -1px;
}

.search__results-item-page:last-child {
  border-bottom: 0;
}

.search__results-item-page-title {
  color: #2C291F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}

.search__results-item-page-desc {
  color: var(--2C291F, #2C291F);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}

@media (max-width: 991px) {
  .header__search {
    max-width: 100%;
    min-width: none;
  }
  .search__results {
    top: calc(100% + 6px);
  }
}
.sections-banner {
  position: relative;
  min-height: 300px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sections-banner__bg {
  display: flex;
  width: 100%;
  height: 100%;
}

.sections-banner__bg img, .sections-banner__bg svg.ico {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.sections-banner__main {
  display: flex;
  flex-direction: column;
  max-width: 40%;
  position: relative;
  z-index: 1;
  padding: 40px 0;
}

.sections-banner__main-title {
  color: #2C291F;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
  margin-top: 0;
}

.sections-banner__main .btn {
  padding: 15px 25px;
  width: fit-content;
}

.catalog-section__type-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #F0EFEF;
  padding: 30px 20px;
  overflow: hidden;
}

.catalog-section__type-banner-title {
  color: var(--2C291F, #2C291F);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: auto;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

.catalog-section__type-banner .btn {
  padding: 15px 25px;
  position: relative;
  z-index: 1;
  width: fit-content;
}

.catalog-section__type-banner-img {
  position: absolute;
  right: 0;
  bottom: -7px;
  z-index: 0;
}

.catalog-section__type-banner-img img, .catalog-section__type-banner-img svg.ico {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sections-head {
  padding-top: 60px;
  margin-top: -10px;
}

.sections-head__wp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sections-head__title {
  margin-bottom: 0;
  color: #2C291F;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sections-head__selector {
  display: flex;
  align-items: center;
  border-radius: 14px;
  background: #FFF;
  height: fit-content;
}

.sections-head__selector-item {
  border-radius: 14px;
  backdrop-filter: blur(6.5px);
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
  padding: 9px 16px;
  transition: all 0.3s ease-out;
}

.sections-head__selector-item.is-active {
  background: #6C645C;
  color: var(--FFFFFF, #FFF);
}

.sections-head__selector-item:hover {
  opacity: 0.6;
}

.catalog-section__tabs-item {
  display: none;
}

.catalog-section__tabs-item.is-active {
  display: block;
}

.projects__intra--sections {
  padding-top: 10px;
}

.projects__intra--sections .content p.big-text {
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 30pxb;
}

.projects__intra--sections .projects__intra-rightside {
  max-width: 768px;
  width: 100%;
}

@media (max-width: 991px) {
  .catalog-section__type-banner-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .sections-head__wp {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 15px;
  }
  .sections-head {
    padding-top: 45px;
  }
  .sections-head__selector-item {
    font-size: 12px;
    padding: 6px 11px;
  }
  .catalog-section:first-child {
    padding-top: 5px;
  }
  .sections-head__title {
    font-size: 18px;
  }
  .catalog-section__type-banner .btn {
    padding: 8px 10px 8px 12px;
  }
  .catalog-section__type-banner-title {
    font-size: 14px;
    line-height: 18px;
    max-width: 60%;
  }
  .catalog-section__type-banner-img img, .catalog-section__type-banner-img svg.ico {
    max-width: 200px;
  }
  .sections-banner__main-title {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 16px;
  }
  .sections-banner {
    min-height: 140px;
  }
  .sections-banner__main {
    padding: 20px 0;
    max-width: 50%;
  }
  .sections-banner__main .btn {
    padding: 8px 10px 10px 12px;
  }
  .projects__intra--sections .content p.big-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.contacts__block {
  margin-bottom: 20px;
}

.contacts__block:last-child {
  margin-bottom: 0;
}

.contacts__block-title {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .contacts__block-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.mp-brands {
  border-bottom: 1px solid var(--E7E7E7, #E7E7E7);
  padding-bottom: 60px;
}

.mp-brands .clients__card {
  height: 110px;
  padding: 15px;
}

.mp-brands .clients__card img, .mp-brands .clients__card svg.ico {
  width: 100%;
  object-fit: contain;
  height: auto;
  display: flex;
}

@media (max-width: 767px) {
  .mp-brands .clients__card img, .mp-brands .clients__card svg.ico {
    max-width: 124px;
  }
  .mp-brands .clients__card {
    height: 80px;
    padding: 15px;
  }
  .mp-brands {
    padding-bottom: 40px;
  }
}
.catalog__mp-promo-logo {
  display: flex;
  max-width: 358px;
  width: 100%;
}

@media (max-width: 1199px) {
  .catalog__mp-promo-logo {
    max-width: 258px;
  }
}
@media (max-width: 576px) {
  .catalog__mp-promo-logo {
    max-width: 135px;
  }
}
@media (max-width: 400px) {
  .catalog__mp-promo-logo {
    max-width: 100px;
  }
}
.field + .field--file {
  margin-top: -8px;
}

.modal .field--file {
  margin-bottom: 16px;
}

.basket__sidebar-block-total-informer {
  margin-bottom: 16px;
  display: flex;
  column-gap: 7px;
  color: #6C645C;
  font-size: 14px;
  line-height: 18px;
}

.basket__sidebar-block-total-informer-ico {
  max-width: 12px;
  min-width: 12px;
  height: 12px;
  border-radius: 100%;
  color: #6C645C;
  background: rgba(108, 100, 92, 0.3);
  font-weight: 800;
  line-height: 12px;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.lk__content-informer {
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  background: #FBFAF8;
  row-gap: 10px;
  margin-bottom: 14px;
}

.lk__content-informer-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.lk__content-informer-text {
  font-size: 14px;
  line-height: 20px;
}

.lk__content-informer-text span {
  font-weight: 500;
}

@media (max-width: 767px) {
  .lk__content-informer {
    padding: 16px;
    border-radius: 12px;
  }
  .lk__content-informer-title {
    font-size: 13px;
    line-height: 18px;
  }
  .lk__content-informer-text {
    font-size: 13px;
    line-height: 18px;
  }
}
.cookies {
  position: fixed;
  width: 751px;
  right: 30px;
  bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  border-radius: 14px;
  background: var(--white);
  -webkit-box-shadow: 0 4px 16px 0 rgba(29, 30, 28, 0.05);
  box-shadow: 0 4px 16px 0 rgba(29, 30, 28, 0.05);
  z-index: 100000;
  padding: 15px 20px;
}

.cookies__text {
  color: #6C645C;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.cookies__text a {
  color: #1F8554;
}

.cookies__text a:hover {
  color: var(--greenHover);
}

.cookies .btn {
  padding: 15px 25px;
  max-width: 124px;
  min-width: 124px;
}

@media (max-width: 991px) {
  .cookies {
    width: calc(100% - 30px);
    right: 15px;
    bottom: 70px;
  }
  .mp-brands {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .cookies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
  }
  .cookies__text {
    font-size: 14px;
    line-height: 16px;
  }
  .cookies .btn {
    padding: 10px 12px;
  }
}
.lk__contacts-block .field__input:focus + .field__label {
  top: 5px;
}

.search-tab__result {
  display: flex;
  flex-direction: column;
}

.search-tab__result-item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid #E7E7E7;
}

.search-tab__result-item:last-of-type {
  border-bottom: none;
}

.search-tab__result-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.search-tab__result-item-text {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.search-tabs {
  padding: 30px 0;
}

.search-tabs__wp {
  position: relative;
}

.search-tabs__wp::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -30px;
  width: 100%;
  height: 1px;
  background: #E7E7E7;
}

.search-tabs__list {
  border-radius: 14px;
  backdrop-filter: blur(6.5px);
  border-radius: 14px;
  background: #F2F1EF;
  width: fit-content;
  display: flex;
  align-items: center;
}

.search-tabs__item {
  padding: 9px 16px;
  border-radius: 16px;
  background: transparent;
  color: rgba(44, 41, 31, 0.6);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
}

.search-tabs__item:hover {
  color: var(--greenHover);
}

.search-tabs__item.is-active {
  background: #6C645C;
  color: var(--white);
}

@media (max-width: 767px) {
  .search-tabs__item {
    padding: 7px 12px;
    font-size: 14px;
    line-height: 16px;
  }
  .search-tabs {
    padding: 30px 0;
  }
}
.panel__item--compare {
  display: none;
}

.lk__content-btns .lk__btn--border {
  border-radius: 10px;
  border: 1px solid #D6CCB7;
  padding: 11px 14px 11px 10px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(44, 41, 31, 0.7);
}

.lk__content-btns .lk__btn--border:hover {
  color: var(--black);
  border-color: var(--black);
  background: transparent;
}

.lk__content-btns .lk__btn--transparent {
  border-radius: 10px;
  border: 1px solid #D6CCB7;
  padding: 11px 14px 11px 10px;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(44, 41, 31, 0.7);
}

.lk__content-btns .lk__btn--transparent:hover {
  color: var(--black);
  border-color: var(--black);
}

@media (max-width: 767px) {
  .lk__content-btns .lk__btn--border {
    padding: 9px 16px;
    font-size: 11px;
    border-radius: 10px;
    line-height: 18px;
  }
  .lk__content-btns .lk__btn--transparent {
    padding: 9px 16px;
    font-size: 11px;
    border-radius: 10px;
    line-height: 18px;
  }
}
@media print {
  .header__middle .burger {
    display: none !important;
  }
  .burger {
    display: none !important;
  }
  .header__search-mob {
    display: none !important;
  }
  .header__middle-center {
    display: none !important;
  }
  .header__middle-contacts {
    display: none !important;
  }
  .header__top-actions {
    display: none !important;
  }
  .lk__content-btns {
    display: none !important;
  }
  .header__middle-contacts-mob {
    display: none !important;
  }
  .viewed-products {
    display: none !important;
  }
  .to-top {
    display: none !important;
  }
  .footer__main-contacts .btn {
    display: none !important;
  }
  .footer__main-menus {
    display: none !important;
  }
  .btn-top {
    display: none !important;
  }
  .contacts-socials__links {
    display: none !important;
  }
  .panel {
    display: none !important;
  }
  .footer__main-bottom {
    display: none !important;
  }
  .footer__info {
    display: none !important;
  }
  .mob-contacts {
    display: none !important;
  }
  a[href]:after {
    content: none;
  }
  #panel,
  #header,
  .content-entry__wrapper {
    display: none !important;
  }
  body {
    display: block !important;
  }
  @page {
    margin: 0;
  }
}
.basket__delivery-personal-serv .filter__item-checkbox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 3px;
}

.filter__item-checkbox-description {
  width: 100%;
  color: #555;
  font-size: 14px;
  line-height: 18px;
  padding-left: 28px;
}

@media (max-width: 767px) {
  .filter__item-checkbox-description {
    font-size: 12px;
    line-height: 16px;
  }
}
.field--label .field__label {
  top: 22px;
}

.field--label .field__input:focus + .field__label {
  top: 16px;
}

.field--label.field.active .field__label {
  top: 16px;
}

.basket .field--label .field__input--textarea {
  padding-top: 25px;
}

@media (max-width: 767px) {
  .basket .field--label .field__input--textarea {
    padding-top: 15px;
  }
  .field--label .field__input:focus + .field__label {
    top: 7px;
  }
  .field--label.field.active .field__label {
    top: 7px;
  }
  .field--label .field__label {
    top: 16px;
  }
  .basket .field--label.is-required::after {
    top: 17px;
  }
}
.lk__orders-list-item-account-sub {
  font-size: 11px;
  padding: 1px 3px;
  background: #FBFAF8;
  border-radius: 3px;
  text-align: center;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.lk__content-info-payment-block-pay {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9px;
  background: #f2f1ef;
  padding: 10px 15px;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 6px;
  margin-bottom: -10px;
}

.lk__content-info-payment-block-pay .lk__content-info-payment-block-chars-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lk__content-info-payment-block-pay .lk__orders-list-item-account {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lk__content-info-payment-block-pay .lk__orders-list-item-account-sub {
  margin: 0;
  margin-top: 3px;
  padding: 2px 7px;
}

@media (max-width: 767px) {
  .lk__orders-list-item-account-sub {
    font-size: 10px;
    padding: 3px 4px;
    margin: 0;
  }
}
@media (max-width: 576px) {
  .lk__orders-list-item-account-sub {
    text-align: left;
  }
}
.header__informer {
  padding: 6px 0;
  background: #f6eee0;
}

.header__informer-wp {
  font-weight: 600;
  font-size: 13px;
  text-align: center;
}

.is-fixed .header__informer {
  -webkit-animation: toFixed 0.3s linear;
  animation: toFixed 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: fixed;
  top: -53px;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid var(--gray2);
}

.is-fixed.header--informer .header__fixed {
  -webkit-animation: toFixed2 0.3s linear;
  animation: toFixed2 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.is-fixed.header--informer .header__catalog-dropdown.is-open {
  top: 93px;
}

.filter__mobile-btns {
  position: fixed;
  left: -100%;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  bottom: 0;
  width: 100%;
  padding: 7px 15px;
  border-top: 1px solid #E7E7E7;
  background: var(--white);
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.catalog__leftside.is-open .filter__mobile-btns {
  left: 0;
  z-index: 2;
}

/* .catalog__links-wp .btn-showmore{
    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}

.catalog__links-item:nth-child(n+7) {
        display: none;
}

.catalog__links.is-show .catalog__links-item:nth-child(n+7) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    } */
/* кнопка показать еще  в брендах для десктопа*/
@media (max-width: 991px) {
  .header__informer-wp {
    line-height: 16px;
  }
  .header--informer .wrapper {
    padding-top: 77px;
  }
  .filter__mobile-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filter__mobile-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 7px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
  }
}
@media (max-width: 500px) {
  .header--informer .wrapper {
    padding-top: 95px;
  }
}
@-webkit-keyframes toFixed2 {
  0% {
    top: -53px;
  }
  100% {
    top: 36px;
  }
}
@keyframes toFixed2 {
  0% {
    top: -53px;
  }
  100% {
    top: 36px;
  }
}
@-webkit-keyframes toTopPanel {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes toTopPanel {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
/* header city selector */
.header-city {
  flex: 0 0 auto;
  margin: 0 18px;
  white-space: nowrap;
}

.header-city__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-city__link:hover {
  color: #74b72e;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .header__logo,
  .header__fixed-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .header-city {
    margin: 4px 14px 0 0;
  }
  .header-city__link {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header-city {
    display: none;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .header__middle-wp {
    gap: 10px;
  }
  .header-city {
    margin: 0 8px 0 0;
  }
  .header-city__link {
    font-size: 12px;
  }
}
.header-city {
  margin: 0 22px 0 20px !important;
}

.header-city__link {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
  line-height: 1 !important;
}

.header-city__link:hover {
  color: #74b72e !important;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .header-city__link {
    font-size: 14px !important;
  }
}
/* city selector pill */
.header-city__link {
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #f6f6f6 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.header-city__link:hover {
  background: #eef7e9 !important;
}

@media (max-width: 1599px) and (min-width: 992px) {
  .header-city {
    display: none !important;
  }
}
/* city modal */
.city-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.45);
}

.city-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.city-modal__box {
  width: 520px;
  max-width: calc(100% - 32px);
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
}

.city-modal__head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.city-modal__title {
  font-size: 24px;
  font-weight: 600;
}

.city-modal__close {
  border: 0;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
}

.city-modal__input {
  width: 100%;
  height: 46px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
}

.city-modal__list {
  margin-top: 16px;
  max-height: 280px;
  overflow: auto;
}

.city-modal__item {
  display: block;
  width: 100%;
  border: 0;
  background: #f7f7f7;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 8px;
  text-align: left;
  cursor: pointer;
  font-size: 15px;
}

.city-modal__item:hover {
  background: #eef7e9;
}

.city-modal__empty {
  padding: 18px 0;
  color: #777;
}

/* city modal quick cities */
.city-modal__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.city-modal__quick-item {
  border: 0;
  background: #f4f5f3;
  color: #222;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.city-modal__quick-item:hover {
  background: #e8f4df;
  color: #1f7a3f;
}

.city-modal__quick-item:active {
  transform: scale(0.98);
}

.city-modal__input {
  margin-top: 2px;
}

.city-modal__list {
  margin-top: 18px;
}

@media (min-width: 1024px) {
  .header-city.js-header-city:first-of-type {
    display: flex !important;
    align-items: center;
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .header__middle-wp > .header-city.js-header-city {
    display: flex !important;
    align-items: center;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .header-city--mobile {
    display: block !important;
    margin: 0 8px !important;
  }
  .header-city--mobile .header-city__link {
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}
.header-city--burger {
  display: none;
}

@media (max-width: 991px) {
  .header-city--burger {
    display: block !important;
    margin: 12px 0 !important;
    padding: 0 !important;
  }
  .header-city--burger .header-city__link {
    width: 100% !important;
    height: 48px !important;
    justify-content: center !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    background: #f6f6f6 !important;
  }
}
@media (max-width: 991px) {
  .js-burger-dropdown .header-city--burger,
  .js-burger-dropdown .js-header-city-burger {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 12px 16px !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    position: relative !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .js-burger-dropdown .header-city--burger .header-city__link,
  .js-burger-dropdown .js-header-city-burger .header-city__link {
    display: flex !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    background: #f6f6f6 !important;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }
}
.header-city-mobile-menu {
  display: none;
}

@media (max-width: 991px) {
  .header-city-mobile-menu__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: #f6f6f6 !important;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 767px) {
  .basket input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),
  .basket select,
  .basket textarea {
    font-size: 16px !important;
  }
}
.lk__orders-statuses-info {
  margin-bottom: 24px;
}

.lk__orders-statuses-info .lk__orders-list-item-status {
  white-space: nowrap;
}

.lk__orders-list-item-status.status-accepted {
  color: #8A6A00;
  background: rgba(255, 210, 74, 0.28);
}

.lk__orders-list-item-status.status-confirmed {
  color: #557522;
  background: rgba(170, 218, 90, 0.28);
}

.lk__orders-list-item-status.status-in-work {
  color: #24748E;
  background: rgba(69, 181, 220, 0.2);
}

.lk__orders-list-item-status.status-cancelled {
  color: #B23A3A;
  background: rgba(235, 87, 87, 0.15);
}

@media (max-width: 576px) {
  .lk__orders-statuses-info {
    margin-bottom: 16px;
  }
}
@media (max-width: 576px) {
  .lk__orders-list {
    row-gap: 12px;
  }
  .lk__orders-list-item {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 14px 18px;
    padding: 16px;
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    background: #FBFAF8;
  }
  .lk__orders-list-item:first-of-type {
    border-top: 1px solid #E7E7E7;
  }
  .lk__orders-list-item-line {
    display: none;
  }
  .lk__orders-list-item-block {
    width: auto;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    line-height: 18px;
  }
  .lk__orders-list-item-title {
    margin-bottom: 4px;
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .lk__orders-list-item-status {
    margin: 0;
  }
  .lk__orders-list-item-sum {
    font-weight: 600;
  }
  .lk__orders-list-item-account {
    justify-content: flex-start;
    white-space: normal;
  }
  .lk__orders-list-item-more {
    align-self: end;
    justify-self: end;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
  }
}
.tas-dish-minimum__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.tas-dish-minimum__heading strong {
  white-space: nowrap;
}

.tas-dish-minimum__progress {
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 10px;
  background: #e8e5df;
}

.tas-dish-minimum__progress span {
  display: block;
  height: 100%;
  max-width: 100%;
  border-radius: inherit;
  background: #208b58;
  transition: width 0.25s ease;
}

.tas-dish-minimum__message, .tas-dish-minimum__success {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.45;
}

.tas-dish-minimum__message {
  color: #b84b43;
}

.tas-dish-minimum__success {
  color: #208b58;
}

@media (max-width: 576px) {
  .tas-dish-minimum__heading {
    align-items: flex-start;
  }
  .tas-dish-minimum__message, .tas-dish-minimum__success {
    font-size: 14px;
  }
}
.tas-dish-minimum {
  padding: 14px;
  border: 1px solid #eadfda;
  border-radius: 10px;
  background: #fff;
}

.tas-dish-minimum--blocked {
  border-color: #efc8c3;
  background: #fff7f5;
}

.tas-dish-minimum--blocked .tas-dish-minimum__progress span {
  background: #d6655c;
}

.tas-dish-minimum__heading span {
  font-weight: 600;
}

.tas-dish-minimum__message {
  color: #a9433b;
  font-weight: 500;
}

.tas-dish-minimum__message strong {
  white-space: nowrap;
  font-weight: 700;
}

.tas-order-btn--disabled,
.tas-order-btn--disabled:hover,
.tas-order-btn--disabled:focus {
  opacity: 1;
  color: #777;
  border-color: #d8d5d0;
  background: #e6e3de;
  box-shadow: none;
  cursor: not-allowed;
}

@media (max-width: 576px) {
  .tas-dish-minimum {
    padding: 12px;
  }
}
.tas-dish-minimum {
  margin-top: 14px;
}

.basket__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
}

.basket__export {
  margin-left: auto;
  color: #008c50;
}

.basket__export-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.basket__export-icon .icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

@media (max-width: 767px) {
  .basket__top {
    align-items: flex-start;
  }
  .basket__export {
    margin-left: 0;
  }
}
.basket__share {
  color: #008c50;
}

.basket__share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.basket__share-icon .icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.tas-commerce {
  padding-bottom: 70px;
}

.tas-commerce__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 32px;
}

.tas-commerce__head h1 {
  margin: 0 0 8px;
}

.tas-commerce__head p {
  margin: 0;
  color: #777;
}

.tas-commerce__share {
  padding: 14px 22px;
  border: 0;
  border-radius: 10px;
  background: #008c50;
  color: #fff;
  cursor: pointer;
}

.tas-commerce__list {
  border-top: 1px solid #e5e5e5;
}

.tas-commerce__item {
  display: grid;
  grid-template-columns: 90px minmax(260px, 1fr) 100px 150px 160px;
  gap: 20px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.tas-commerce__image {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tas-commerce__image img, .tas-commerce__image svg.ico {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.tas-commerce__name {
  color: #222;
  font-weight: 600;
}

.tas-commerce__article {
  margin-top: 7px;
  color: #888;
  font-size: 13px;
}

.tas-commerce__stock {
  margin-top: 9px;
  color: #008c50;
  font-size: 13px;
}

.tas-commerce__stock span {
  display: block;
  color: #b66b14;
}

.tas-commerce__quantity, .tas-commerce__price, .tas-commerce__sum {
  text-align: right;
}

.tas-commerce__sum {
  font-weight: 700;
}

.tas-commerce__total {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
  padding: 26px 0;
  font-size: 24px;
}

.tas-commerce__notice {
  padding: 22px;
  border-radius: 12px;
  background: #f7f6f4;
  line-height: 1.5;
}

.tas-commerce__empty {
  padding: 50px 0;
}

@media (max-width: 767px) {
  .tas-commerce__head {
    flex-direction: column;
  }
  .tas-commerce__item {
    grid-template-columns: 70px 1fr;
    gap: 12px;
  }
  .tas-commerce__image {
    width: 70px;
    height: 70px;
  }
  .tas-commerce__quantity, .tas-commerce__price, .tas-commerce__sum {
    grid-column: 2;
    text-align: left;
  }
  .tas-commerce__total {
    justify-content: space-between;
    font-size: 20px;
  }
}
.tas-commerce__counter {
  display: grid;
  grid-template-columns: 34px 52px 34px;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 9px;
  overflow: hidden;
}

.tas-commerce__counter button {
  height: 36px;
  border: 0;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
}

.tas-commerce__input {
  width: 52px;
  height: 36px;
  border: 0;
  text-align: center;
  outline: 0;
  -moz-appearance: textfield;
}

.tas-commerce__input::-webkit-inner-spin-button,
.tas-commerce__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tas-commerce__add-one {
  margin-top: 8px;
  border: 0;
  background: transparent;
  color: #008c50;
  cursor: pointer;
  padding: 0;
  font-size: 12px;
}

.tas-commerce__add-all {
  padding: 13px 20px;
  border: 0;
  border-radius: 9px;
  background: #008c50;
  color: #fff;
  cursor: pointer;
}

.tas-commerce__add-one:disabled,
.tas-commerce__add-all:disabled {
  opacity: 0.55;
  cursor: wait;
}

.tas-commerce__total {
  align-items: center;
  justify-content: space-between;
}

.tas-commerce__total > div {
  display: flex;
  gap: 24px;
  align-items: baseline;
}

@media (max-width: 767px) {
  .tas-commerce__counter {
    width: 120px;
  }
  .tas-commerce__total {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 18px;
  }
  .tas-commerce__total > div {
    justify-content: space-between;
  }
}
.tas-commerce__item {
  grid-template-columns: 90px minmax(320px, 1fr) 150px 150px 160px;
}

.tas-commerce__quantity {
  min-width: 140px;
}

.tas-commerce__counter {
  display: flex;
  width: 124px;
  overflow: hidden;
}

.tas-commerce__counter button {
  display: flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  color: #555;
  font-weight: 500;
}

.tas-commerce__input {
  flex: 0 0 52px;
  width: 52px;
  padding: 0;
}

.tas-commerce__add-one {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  white-space: nowrap;
  font-size: 12px;
}

.tas-commerce__stock .tas-commerce__stock-now {
  display: block;
  color: #008c50;
}

.tas-commerce__stock .tas-commerce__stock-order {
  display: block;
  color: #c87518;
}

@media (max-width: 767px) {
  .tas-commerce__item {
    grid-template-columns: 70px minmax(0, 1fr);
  }
  .tas-commerce__quantity {
    min-width: 0;
  }
}
.tas-commerce__quantity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}

.tas-commerce__add-one {
  width: 124px;
  min-height: 34px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #008c50;
  border-radius: 8px;
  background: #fff;
  color: #008c50;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.tas-commerce__add-one:hover {
  background: #008c50;
  color: #fff;
}

@media (max-width: 767px) {
  .tas-commerce__quantity {
    align-items: flex-start;
  }
}
.tas-commerce__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.tas-commerce__action {
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid #008f55;
  border-radius: 8px;
  background: #fff;
  color: #008f55;
  font: inherit;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.tas-commerce__action:hover,
.tas-commerce__action:focus-visible {
  background: #eef8f3;
}

.tas-commerce__share {
  background: #008f55;
  color: #fff;
}

.tas-commerce__share:hover,
.tas-commerce__share:focus-visible {
  background: #007b49;
  border-color: #007b49;
}

@media (max-width: 767px) {
  .tas-commerce__actions {
    justify-content: flex-start;
  }
  .tas-commerce__action {
    flex: 1 1 auto;
  }
}
@media print {
  @page {
    size: A4 portrait;
    margin: 12mm;
  }
  #bx-panel,
  header,
  footer,
  .header,
  .footer,
  .tas-commerce__actions,
  .tas-commerce__add-one,
  .tas-commerce__add-all,
  .tas-commerce__minus,
  .tas-commerce__plus,
  .scroll-up {
    display: none !important;
  }
  html,
  body {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #111 !important;
  }
  .tas-commerce,
  .tas-commerce .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tas-commerce__item {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .tas-commerce__counter {
    border: 0 !important;
    background: transparent !important;
  }
  .tas-commerce__input {
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111 !important;
  }
  a {
    color: inherit !important;
    text-decoration: none !important;
  }
}
.steps__list-item-title {
  display: block;
  color: var(--brown);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.steps__list-item-desc {
  display: block;
  margin-top: 8px;
  color: var(--brown);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 767px) {
  .steps__list-item-title {
    font-size: 14px;
    line-height: 18px;
  }
  .steps__list-item-desc {
    margin-top: 6px;
    font-size: 13px;
    line-height: 17px;
  }
}
.faq-osnashenie__title {
  margin: 0 0 28px;
}

.faq-osnashenie__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
}

.faq-osnashenie__item {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  background: var(--white);
  overflow: hidden;
}

.faq-osnashenie__question {
  position: relative;
  padding: 22px 64px 22px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  list-style: none;
}

.faq-osnashenie__question::-webkit-details-marker {
  display: none;
}

.faq-osnashenie__question::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--green);
  color: var(--white);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  transform: translateY(-50%);
}

.faq-osnashenie__item[open] .faq-osnashenie__question::after {
  content: "−";
}

.faq-osnashenie__answer {
  padding: 0 64px 24px 24px;
  color: var(--brown);
  font-size: 16px;
  line-height: 24px;
}

.faq-osnashenie__answer-content > :first-child {
  margin-top: 0;
}

.faq-osnashenie__answer-content > :last-child {
  margin-bottom: 0;
}

.faq-osnashenie__answer a {
  color: var(--green);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .faq-osnashenie__title {
    margin-bottom: 20px;
  }
  .faq-osnashenie__list {
    row-gap: 8px;
  }
  .faq-osnashenie__question {
    padding: 17px 52px 17px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  .faq-osnashenie__question::after {
    right: 16px;
    width: 28px;
    height: 28px;
    font-size: 21px;
    line-height: 26px;
  }
  .faq-osnashenie__answer {
    padding: 0 16px 18px;
    font-size: 13px;
    line-height: 19px;
  }
}
.instrumentation__list--compact {
  display: block;
  column-count: 3;
  column-gap: 20px;
}

.instrumentation__list--compact > .header__bottom-nav-dropdown-block {
  display: inline-flex;
  width: 100%;
  margin: 0 0 20px;
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.instrumentation__list--compact .tas-osnashenie-hidden {
  display: none !important;
}

.instrumentation__list--compact .tas-osnashenie-more {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--greenHover);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}

.instrumentation__list--compact .tas-osnashenie-more::after {
  content: "↓";
  margin-left: 7px;
  transition: transform 0.2s ease;
}

.instrumentation__list--compact .tas-osnashenie-more.is-expanded::after {
  transform: rotate(180deg);
}

.instrumentation__list--compact .tas-osnashenie-more:hover {
  color: var(--brown);
}

@media (max-width: 991px) {
  .instrumentation__list--compact {
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .instrumentation__list--compact {
    column-count: 1;
    column-gap: 0;
  }
  .instrumentation__list--compact > .header__bottom-nav-dropdown-block {
    margin-bottom: 12px;
  }
}
.tas-payer-profile {
  position: relative;
  width: 100%;
  margin: 18px 0 24px;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #e4e2de;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(44, 41, 31, 0.04);
  box-sizing: border-box;
}

.tas-payer-profile__label {
  display: block;
  margin: 0 0 7px;
  color: #2c291f;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.tas-payer-profile__hint {
  margin: 0 0 12px;
  color: #77736d;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.tas-payer-profile select {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 42px 0 14px;
  color: #2c291f;
  background-color: #fbfaf8;
  border: 1px solid #d8d5d0;
  border-radius: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tas-payer-profile select:hover {
  border-color: #aaa69f;
}

.tas-payer-profile select:focus {
  border-color: #77736d;
  box-shadow: 0 0 0 3px rgba(119, 115, 109, 0.1);
}

@media (max-width: 767px) {
  .tas-payer-profile {
    margin: 14px 0 20px;
    padding: 14px;
    border-radius: 12px;
    box-shadow: none;
  }
  .tas-payer-profile__label {
    font-size: 14px;
  }
  .tas-payer-profile__hint {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.45;
  }
  .tas-payer-profile select {
    height: 54px;
    min-height: 54px;
    padding-left: 15px;
    font-size: 16px;
  }
}
.basket__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
}

.basket__top .basket__action--clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 0 0 auto;
  min-height: 40px;
  margin: 0;
  padding: 9px 16px;
  border: 0;
  border-radius: 999px;
  background: #f7f6f4;
  color: #777;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.basket__top .basket__action--clear:hover {
  background: #efede9;
  color: #555;
  text-decoration: none;
}

.basket__top .basket__action--clear .basket__leftside-del-icon {
  width: 20px;
  height: 20px;
  margin: 0;
}

.basket__top .basket__action--clear .basket__leftside-del-icon img, .basket__top .basket__action--clear .basket__leftside-del-icon svg.ico {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.basket__download-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
}

.basket__download-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 16px;
  border: 0;
  border-radius: 999px;
  background: #f1f7f4;
  color: #16834a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.basket__download-link .icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.basket__download-link:hover {
  background: #e4f1ea;
  color: #126d3e;
  text-decoration: none;
}

.basket__download-link:focus {
  outline: 2px solid #f2934a;
  outline-offset: 2px;
}

.basket__download-link.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.basket__share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  margin-left: 0;
  padding: 9px 18px;
  border: 0;
  border-radius: 999px;
  background: #16834a;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.basket__share-button .icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.basket__share-button:hover {
  background: #126d3e;
  color: #fff;
  text-decoration: none;
}

.basket__share-button:focus {
  outline: 2px solid #f2934a;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .basket__top {
    align-items: stretch;
    gap: 10px;
  }
  .basket__top .basket__action--clear {
    width: 100%;
  }
  .basket__download-group {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
  }
  .basket__download-link {
    flex: 1 1 0;
  }
  .basket__share-button {
    width: 100%;
  }
}
.lk__orders-list-item-payer {
  min-width: 0;
  padding-right: 14px;
  overflow-wrap: normal;
  word-break: normal;
}

@media (min-width: 768px) {
  .lk__orders-heading-title,
  .lk__orders-list-item-block {
    min-width: 0;
  }
  .lk__orders-list-item {
    align-items: center;
  }
  .lk__orders-list-item-account {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
  }
  .lk__orders-list-item-account-sub {
    display: none;
  }
  .lk__orders-list-item-more {
    align-self: center;
    justify-self: end;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
  }
}
.tas-bill-profile-control {
  position: relative;
}

.tas-bill-profile-control .tas-bill-header-notice {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f2934a;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

.lk__orders-list-item-account .tas-bill-new {
  display: none !important;
}

@media (max-width: 767px) {
  .tas-bill-profile-control .tas-bill-header-notice {
    top: -6px;
    right: -6px;
  }
}
.product-detail__actions .tas-refro-status-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: auto !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
}

.product-detail__actions .tas-refro-status-badge .amount {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: #1f8f4d !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.product-detail__actions .tas-refro-status-badge[data-stock-status=to_order] .amount {
  background: #f59e0b !important;
}

.product-detail__actions .tas-refro-status-badge[data-stock-status=individual_calculation] .amount {
  background: #2563eb !important;
}

.product-detail__actions .tas-refro-status-badge[data-stock-status=discontinued] .amount {
  background: #6b7280 !important;
}

.tas-refro-status-qty {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: #f4f6f8 !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.product-detail__stock.tas-stock-stores {
  padding: 18px 16px !important;
  border-radius: 16px !important;
  background: #f7f7f7 !important;
}

.product-detail__stock.tas-stock-stores .product-detail__block-title {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

.product-detail__stock.tas-stock-stores .product-detail__block-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.product-detail__stock.tas-stock-stores .product-detail__block-list li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.product-detail__stock.tas-stock-stores .product-detail__block-list-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.product-detail__stock.tas-stock-stores .product-detail__block-list-value {
  flex: 0 0 auto !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.tas-store-qty-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  border-radius: 5px !important;
  background: #1c944c !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (min-width: 992px) {
  .header__bottom-nav-dropdown--big {
    max-height: min(60vh, 680px);
    overflow: hidden;
  }
  .header__bottom-nav-dropdown--big > .header__bottom-nav-dropdown-inner {
    max-height: min(60vh, 680px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(89, 128, 48, 0.45) transparent;
  }
  .header__bottom-nav-dropdown--big.tas-megamenu-scrollable > .header__bottom-nav-dropdown-inner {
    padding-bottom: 76px !important;
  }
  .header__bottom-nav-dropdown--big > .header__bottom-nav-dropdown-inner::-webkit-scrollbar {
    width: 6px;
  }
  .header__bottom-nav-dropdown--big > .header__bottom-nav-dropdown-inner::-webkit-scrollbar-track {
    background: transparent;
  }
  .header__bottom-nav-dropdown--big > .header__bottom-nav-dropdown-inner::-webkit-scrollbar-thumb {
    background: rgba(89, 128, 48, 0.45);
    border-radius: 10px;
  }
  .tas-megamenu-scroll-control {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    height: 76px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 12px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 48%, #fff 100%);
    pointer-events: none;
  }
  .tas-megamenu-scrollable > .tas-megamenu-scroll-control {
    display: flex;
  }
  .tas-megamenu-scroll-button {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--green, #6f9f36);
    color: #fff;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 5px 18px rgba(44, 41, 31, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .tas-megamenu-scroll-button:hover,
  .tas-megamenu-scroll-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(44, 41, 31, 0.26);
    outline: none;
  }
  .tas-megamenu-scroll-button-arrow {
    width: 12px;
    height: 12px;
    margin-top: -5px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: margin 0.2s ease, transform 0.2s ease;
  }
  .tas-megamenu-scroll-button.is-up .tas-megamenu-scroll-button-arrow {
    margin-top: 5px;
    transform: rotate(225deg);
  }
}
@media (max-width: 991px) {
  .tas-megamenu-scroll-control {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .header__middle,
  .header__middle-wp,
  .header__middle-center,
  .header__fixed,
  .header__fixed-wp,
  .header__search,
  .js-search-wp {
    transition: none !important;
    animation: none !important;
  }
}
.product-detail__btn-basket.basket-order[href="/cart/"] {
  background: var(--green);
}

.product-detail__btn-basket.basket-order[href="/cart/"]:hover {
  background: var(--greenHover);
}

.product-detail__block-text + .btn.btn--border {
  background: #008f78;
  border-color: #008f78;
  color: #fff;
}

.product-detail__block-text + .btn.btn--border:hover {
  background: #007a66;
  border-color: #007a66;
  color: #fff;
}

.product-detail__block > .btn.btn--border {
  background: var(--green);
  border: 1px solid var(--green);
  color: var(--white);
}

.product-detail__block > .btn.btn--border:hover {
  background: var(--greenHover);
  border-color: var(--greenHover);
  color: var(--white);
}

.product-detail__block > .btn.btn--border:focus,
.product-detail__block > .btn.btn--border:active {
  background: var(--green);
  border-color: var(--green);
  color: var(--white);
}

.homescreen__slider .swiper-slide {
  height: auto;
  aspect-ratio: 2260/540;
}

.homescreen__slider .swiper-slide > .container {
  position: static;
}

.homescreen__content--html {
  position: absolute;
  z-index: 2;
  top: 14%;
  left: 18.45%;
  width: 44%;
  max-width: none;
  padding: 0;
}

.homescreen__html {
  position: static;
  width: 100%;
  color: #fff;
}

.homescreen__html .tas-main-banner,
.homescreen__html .tas-main-banner * {
  box-sizing: border-box;
}

.homescreen__html .tas-main-banner {
  position: static;
  width: 100%;
  color: #fff;
}

.homescreen__html .tas-main-banner__desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.homescreen__html .tas-main-banner__mobile,
.homescreen__html .tas-main-banner__mobile-link {
  display: none;
}

.homescreen__html .tas-main-banner__title {
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(24px, 2.65vw, 60px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}

.homescreen__html .tas-main-banner__description {
  width: 74%;
  margin: clamp(12px, 1.1vw, 25px) 0 0;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(12px, 1.1vw, 25px);
  font-weight: 600;
  line-height: 1.25;
}

.homescreen__html .tas-main-banner__features {
  display: inline-block;
  max-width: 100%;
  margin-top: clamp(10px, 1.15vw, 26px);
  padding: 3px 8px;
  background: #133744;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(9px, 0.88vw, 20px);
  font-weight: 400;
  line-height: 1.15;
  white-space: nowrap;
}

.homescreen__html .tas-main-banner__button {
  position: relative;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(34px, 2.35vw, 53px);
  margin-top: clamp(12px, 1.25vw, 28px);
  padding: clamp(8px, 0.65vw, 15px) clamp(17px, 1.25vw, 28px);
  border-radius: 7px;
  background: #ff6900;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(11px, 0.88vw, 20px);
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out;
}

.homescreen__html .tas-main-banner__button:hover,
.homescreen__html .tas-main-banner__button:focus {
  background: #e85f00;
  color: #fff;
  transform: translateY(-1px);
}

.homescreen__html .tas-main-banner--equipment .tas-main-banner__description {
  width: 78%;
}

.homescreen__html .tas-main-banner--equipment .tas-main-banner__button {
  margin-top: clamp(18px, 2.15vw, 48px);
}

@media (max-width: 991px) and (min-width: 769px) {
  .homescreen__content--html {
    left: 12%;
    width: 55%;
  }
  .homescreen__html .tas-main-banner__description {
    width: 88%;
  }
}
@media (max-width: 768px) {
  .homescreen__slider {
    height: 300px;
  }
  .homescreen__slider .swiper-slide {
    height: 300px;
    aspect-ratio: auto;
  }
  .homescreen__bg {
    padding: 0;
    border-radius: 0;
    overflow: hidden;
  }
  .homescreen__bg picture {
    top: 0;
    height: 100%;
  }
  .homescreen__bg picture img, .homescreen__bg picture svg.ico {
    border-radius: 0;
    object-fit: cover;
  }
  .homescreen__content--html {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    padding: 0;
  }
  .homescreen__html .tas-main-banner__desktop {
    display: none;
  }
  .homescreen__html .tas-main-banner__mobile {
    position: absolute;
    z-index: 5;
    top: 10.1%;
    left: 26.6%;
    display: block;
    width: 62%;
    pointer-events: none;
  }
  .homescreen__html .tas-main-banner__mobile .tas-main-banner__title {
    width: 100%;
    font-size: clamp(15px, 3.7vw, 18px);
    line-height: 1.14;
    letter-spacing: -0.01em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
  }
  .homescreen__html .tas-main-banner__mobile-link {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: block;
    font-size: 0;
    text-decoration: none;
  }
  .homescreen__nav {
    z-index: 6;
    bottom: 10px;
  }
}
/* TAS.PRO: detail price/actions alignment V1. Stock data unchanged. */
@media (min-width: 768px) {
  .product-detail__actions {
    position: relative;
  }
  .product-detail__actions-links {
    position: absolute;
    top: 18px;
    right: 15px;
  }
}
/* TAS.PRO: in-stock badge native palette V1. */
.product-detail__actions .tas-refro-status-badge[data-stock-status=in_stock] .amount {
  background: rgba(220, 230, 225, 0.9) !important;
  color: var(--greenHover) !important;
}

.product-detail__btn-basket[href="#"]:has(> .basket-default) {
  background: var(--green) !important;
}

.product-detail__btn-basket[href="#"]:has(> .basket-default):hover {
  background: var(--greenHover) !important;
}

.product-detail__actions-price:has(+ .tas-refro-status-badge[data-stock-status=individual_calculation]) {
  display: none !important;
}

.product-detail__btn-basket.basket-order[href="#"] {
  background: var(--green);
}

.product-detail__btn-basket.basket-order[href="#"]:hover {
  background: var(--greenHover);
}

/* LK orders typography normalization */
.lk__content {
  font-family: "Montserrat", sans-serif;
}

@media (min-width: 768px) {
  .lk__orders-list-item-payer > div {
    color: var(--black) !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .lk__orders-list-item-payer > div > div:not(:first-child) {
    color: var(--brown);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }
}
/* LK orders top typography sync */
/* Общие параметры текста двух верхних блоков */
.lk__content-informer-title,
.lk__content-informer-text,
.lk__orders-statuses-info .lk__complaints-block-title,
.lk__orders-statuses-info .lk__complaints-block-item > span:last-child {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  letter-spacing: 0;
}

/* Заголовки */
.lk__content-informer-title,
.lk__orders-statuses-info .lk__complaints-block-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

/* Основной поясняющий текст */
.lk__content-informer-text,
.lk__orders-statuses-info .lk__complaints-block-item > span:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* TAS LK FINAL HEADINGS 20260820 */
/*
 * Единый H1 во всём личном кабинете.
 * Соответствует базовой типографике h1 проекта.
 */
body:has(.lk-wp) .content-entry__wp > h1 {
  margin: 0 !important;
  color: var(--black) !important;
  font-family: inherit !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  line-height: 50px !important;
}

@media (max-width: 991px) {
  body:has(.lk-wp) .content-entry__wp > h1 {
    font-size: 26px !important;
    line-height: 31px !important;
  }
}
@media (max-width: 767px) {
  body:has(.lk-wp) .content-entry__wp > h1 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
}
/*
 * Мои заказы:
 * только список заказов, но не "Рекламации"
 * и не карточка отдельного заказа.
 */
body:has(.lk-wp):has(.lk__orders):not(:has(.lk__orders--complaints)) .lk__content > .lk__content-title {
  display: none !important;
}

/*
 * Мои вопросы.
 */
body:has(.lk__sidebar-link.is-active[href*="/lk/moi-voprosy"]) .lk__content > .lk__content-title {
  display: none !important;
}

/*
 * Профили плательщика.
 * Здесь контент приходит через HtmlComponent,
 * поэтому допускаем дополнительную вложенность.
 */
body:has(.lk__sidebar-link.is-active[href*="/lk/profili-platelshchika"]) .lk__content .lk__content-title {
  display: none !important;
}

.projects__all-link {
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .section__heading:has(.projects__all-link) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .projects__all-link {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .sort__select-wp .nice-select .list {
    top: auto;
    bottom: 0;
  }
  .sort__select-wp .nice-select .list ul {
    max-height: 240px;
  }
}
@media (min-width: 992px) {
  .vpl-app:has(.why-trust-osnashenie) .brand__projects-list:not(.is-show) .projects__item:nth-of-type(7),
  .vpl-app:has(.why-trust-osnashenie) .brand__projects-list:not(.is-show) .projects__item:nth-of-type(8) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vpl-app:has(.why-trust-osnashenie) .brand__projects:not(:has(.projects__item:nth-of-type(9))) .js-projects-show {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body:not(:has(.lk-wp)) .content-entry__wp > h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 1200px) {
  body:not(:has(.lk-wp)) .content-entry__wp > h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
body:has(.projects__intra) .content-entry {
  padding-bottom: 12px !important;
}

body:has(.projects__intra) .section.section--first:has(.projects__intra) {
  padding-bottom: 16px !important;
}

body:has(.projects__intra) .section.section--first:has(.projects__intra) + .section {
  padding-top: 16px !important;
}

@media (max-width: 767px) {
  body:has(.projects__intra) .section.section--first:has(.projects__intra) {
    padding-bottom: 12px !important;
  }
  body:has(.projects__intra) .section.section--first:has(.projects__intra) + .section {
    padding-top: 12px !important;
  }
}
.project-brands .clients__card {
  height: 134px;
  padding: 12px 18px;
  border-radius: 20px;
}

.project-brands .clients__card img, .project-brands .clients__card svg.ico {
  width: auto;
  max-width: 50%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .project-brands .clients__card {
    height: 69px;
    padding: 3px;
    border-radius: 10px;
  }
  .project-brands .clients__card img, .project-brands .clients__card svg.ico {
    max-width: 60%;
    max-height: 38px;
  }
}
.product-detail__chars-content-item[data-chars=text] .js-detail-content-text {
  max-height: none !important;
  overflow: visible !important;
}

.product-detail__chars-content-item[data-chars=text] .js-detail-content-btn {
  display: none !important;
}

/* ленивая загрузка картинок (local/js/vpl/tas/lazyload.js):
   плейсхолдер прозрачный, картинка проявляется после загрузки.
   Плавность проявления — в :where() (нулевая специфичность): свой transition
   картинки в шаблоне (например, `.projects__item-img img { transition: all }`
   для hover-масштабирования) имеет приоритет и не перебивается ленивой загрузкой */
img.lazy, svg.ico.lazy {
  opacity: 0;
}

:where(img.lazy, svg.ico.lazy) {
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

img.lazy.is-loaded, img.lazy.is-error, svg.ico.lazy.is-loaded, svg.ico.lazy.is-error {
  opacity: 1;
}

/* иконки из спрайта (перенос из img/svg, SAIT-43): hover через переменные цвета */
.catalog__item-calc:hover .ico-calc, .catalog__item-calc-subtitle:hover .ico-calc {
  --ico-c1: #2C291F;
}

.ico-calc * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

.order-print:hover .ico-print {
  --ico-c1: #6C645C;
}

.ico-print * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

.compare-nav__clear-btn:hover .ico-basket {
  --ico-c1: #AEAEAE;
  --ico-c2: #2C291F;
}

.ico-basket * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

/* иконки меню кабинета: hover через переменные */
.lk__sidebar-link:hover .ico-lk-ico4, .lk__main-link:hover .ico-lk-ico4, .header__top-lk-dropdown-item:hover .ico-lk-ico4 {
  --ico-c1: #6C645C;
}

.ico-lk-ico4 * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

.lk__sidebar-link:hover .ico-lk-ico10, .lk__main-link:hover .ico-lk-ico10, .header__top-lk-dropdown-item:hover .ico-lk-ico10 {
  --ico-c1: #6C645C;
}

.ico-lk-ico10 * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

.lk__sidebar-link:hover .ico-lk-ico13, .lk__main-link:hover .ico-lk-ico13, .header__top-lk-dropdown-item:hover .ico-lk-ico13 {
  --ico-c1: #6C645C;
}

.ico-lk-ico13 * {
  -webkit-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  -o-transition: fill 0.3s ease-out, stroke 0.3s ease-out;
  transition: fill 0.3s ease-out, stroke 0.3s ease-out;
}

/* одиночные символы hover-пар (цвет меняется переменными): не прятать при наведении, как прятался базовый <img> */
.header__top-lk-dropdown-item:hover .header__top-lk-dropdown-item-icon svg.ico.ico-solo,
.lk__sidebar-link:hover .lk__sidebar-link-icon svg.ico.ico-solo,
.lk__main-link:hover .lk__main-link-icon svg.ico.ico-solo,
.compare-nav__clear-btn:hover .compare-nav__clear-btn-icon svg.ico.ico-solo,
.order-print:hover .order-print__img svg.ico.ico-solo {
  position: relative;
  opacity: 1;
  visibility: visible;
}

/* SAIT-68: стили Блога отделены от Новостей для независимого развития. */
@media (max-width: 576px) {
  .blog__mp {
    overflow: hidden;
  }
}
@media (max-width: 576px) {
  .blog__mp-slider {
    width: calc(100% + 16px);
  }
}
.blog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
}

@media (max-width: 767px) {
  .blog__item {
    row-gap: 16px;
  }
}
.blog__item-img {
  height: 291px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.blog__item-img.no-photo img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1440px) {
  .blog__item-img {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .blog__item-img {
    height: 222px;
    border-radius: 10px;
  }
}
@media (max-width: 440px) {
  .blog__item-img {
    height: 162px;
  }
}
.blog__item-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.blog__item-img::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(44, 41, 31, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.blog__item-img:hover img {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.blog__item-img:hover::after {
  opacity: 1;
  visibility: visible;
}

.blog__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

@media (max-width: 767px) {
  .blog__item-info {
    row-gap: 8px;
  }
}
.blog__item-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .blog__item-date {
    margin-bottom: 0;
  }
}
.blog__item-date-leftside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: var(--greenHover);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 767px) {
  .blog__item-date-leftside {
    font-size: 14px;
    line-height: 20px;
  }
}
.blog__item-date-leftside span {
  color: var(--greenHover);
  font-size: 28px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .blog__item-date-leftside span {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.blog__item-date-year {
  color: var(--brown);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .blog__item-date-year {
    font-size: 7px;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 0.42px;
  }
}
.blog__item-name {
  color: rgba(44, 41, 31, 0.8);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .blog__item-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    line-height: 16px;
  }
}
.blog__item-name:hover {
  color: rgb(44, 41, 31);
}

.blog__item-desc {
  color: rgba(44, 41, 31, 0.8);
  font-size: 16px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 767px) {
  .blog__item-desc {
    display: none;
  }
}
.blog__list {
  display: grid;
  grid-template-columns: repeat(3, calc(33% - 16px));
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.blog__list .content-nav {
  grid-column: 1/4;
}

.blog__empty {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .blog__list {
    grid-template-columns: repeat(2, calc(50% - 15px));
  }
  .blog__list .content-nav {
    grid-column: 1/3;
  }
}
@media (max-width: 576px) {
  .blog__list {
    grid-template-columns: 100%;
    row-gap: 18px;
  }
  .blog__list .content-nav {
    grid-column: 1/2;
  }
  .blog__list .blog__item-img {
    height: 190px;
  }
}
.blog__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media (max-width: 991px) {
  .blog__detail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.blog__detail-date {
  max-width: 170px;
  min-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #40745B;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 991px) {
  .blog__detail-date {
    max-width: calc(50% - 15px);
    min-width: calc(50% - 15px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (max-width: 767px) {
  .blog__detail-date {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    font-size: 14px;
    line-height: 20px;
  }
}
.blog__detail-date span {
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 1.75px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .blog__detail-date span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.blog__detail-date span.blog__detail-date-year {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 3px;
  color: var(--brown);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.7px;
  margin-left: 2px;
}

@media (max-width: 767px) {
  .blog__detail-date span.blog__detail-date-year {
    margin-left: 4px;
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.4px;
  }
}
.blog__detail-share {
  max-width: 184px;
  min-width: 184px;
}

.blog__detail-share .product-detail__share {
  margin: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

@media (max-width: 1199px) {
  .blog__detail-share .product-detail__share-inner {
    left: initial;
    row-gap: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    right: 0;
  }
}
@media (max-width: 991px) {
  .blog__detail-share {
    max-width: calc(50% - 15px);
    min-width: calc(50% - 15px);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.blog__detail-text {
  width: calc(100% - 414px);
}

@media (max-width: 991px) {
  .blog__detail-text {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.blog__detail-text .projects__intra-rightside {
  max-width: 100%;
  margin-bottom: 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.blog__detail-text.content .projects__intra-slider-img {
  height: 420px;
  max-width: 100%;
}

@media (max-width: 576px) {
  .blog__detail-text.content .projects__intra-slider-img {
    height: 160px;
  }
}
.blog__detail-text.content .projects__intra-slider-img img {
  margin: 0;
}

.blog__detail-text.content p {
  margin: 0 0 24px;
}

.blog__detail-text.content p:last-of-type {
  margin-bottom: 0;
}

.blog__recommend {
  padding: 60px 0;
  background: #EBE5D6;
}

.blog__recommend-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 40px;
}

.blog__recommend-title {
  margin: 0;
  color: var(--black);
  font-size: 35px;
  font-weight: 600;
  line-height: 43px;
}

.blog__recommend-title span {
  display: block;
  color: var(--greenHover);
}

.blog__recommend-all {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.blog__recommend-all .icon {
  margin-left: 10px;
  font-size: 10px;
}

.blog__recommend-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.blog__recommend-grid .product-card {
  min-width: 0;
  height: 100%;
}

@media (max-width: 1199px) {
  .blog__recommend-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .blog__recommend {
    padding: 40px 0;
  }
  .blog__recommend-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
  }
  .blog__recommend-title {
    font-size: 28px;
    line-height: 34px;
  }
  .blog__recommend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}
@media (max-width: 576px) {
  .blog__recommend-title {
    font-size: 24px;
    line-height: 30px;
  }
  .blog__recommend-grid {
    grid-template-columns: 100%;
  }
}
/* Поиск в шапке — на всю свободную ширину строки (выбор города скрыт, W-96).
   Раньше ширина была жёсткой (393/290/280/250/200 px, в открытом состоянии 597/494/938 px);
   теперь блок поиска забирает всё место между соседями в обычной и фиксированной шапке.
   Специфичность 0,3,0 и место в конце файла перекрывают прежние правила, включая .is-active;
   до 991 px мобильная раскладка (поиск отдельной полосой) не меняется. */
@media (min-width: 992px) {
  .header__middle-wp > .header__middle-center,
  .header__fixed-wp > .header__middle-center {
    flex: 1 1 auto;
    min-width: 0;
  }
  /* отступ от логотипа и телефона; в фиксированной шапке хватает column-gap 14px ряда */
  .header__middle-wp > .header__middle-center {
    margin-inline: clamp(8px, 2vw, 40px);
  }
  .header__middle-wp .header__middle-center .header__search,
  .header__fixed-wp .header__middle-center .header__search {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
/* Счётчик избранного: при 100+ плашка вмещает «99+» без обрезки. */
.header__top-actions-link-amount.is-overflow {
  min-width: 28px;
  max-width: none;
  width: auto;
  padding: 0 2px;
  white-space: nowrap;
}

.panel__item-amount.is-overflow {
  min-width: 28px;
  width: auto;
  padding: 0 2px;
  border-radius: 11px;
  white-space: nowrap;
}

/* SAIT-120: редакторский HTML статей блога и новостей. */
.news__detail-text,
.blog__detail-text {
  min-width: 0;
}

.news__detail-text.content > div:last-child,
.blog__detail-text.content > div:last-child {
  min-width: 0;
  max-width: 100%;
}

/* Таблица прокручивается в своём контейнере, текст статьи остаётся на месте. */
.news__detail-text.content > div:last-child .article-table-wrap,
.blog__detail-text.content > div:last-child .article-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  container-type: inline-size;
}

/* Название остаётся в пределах контейнера при прокрутке столбцов. */
.news__detail-text.content > div:last-child .article-table-wrap > table,
.blog__detail-text.content > div:last-child .article-table-wrap > table {
  overflow: visible;
}

.news__detail-text.content > div:last-child .article-table-wrap > table > caption,
.blog__detail-text.content > div:last-child .article-table-wrap > table > caption {
  position: sticky;
  left: 0;
  width: 100cqw;
  box-sizing: border-box;
}

/* Редактор может сохранить фиксированные width и height прямо в HTML. */
.news__detail-text.content > div:last-child img,
.blog__detail-text.content > div:last-child img {
  max-width: 100% !important;
  height: auto !important;
}

/* Цена товара со скидкой (процентной или точной ценой) — оранжевая (SAIT-149, решение заказчика 2026-10-19).
   Скидку обозначает зачёркнутая старая цена .product-card__price-old внутри блока цены (карточки, товар,
   быстрый просмотр, просмотренные, корзина в шапке, заказ в кабинете); где её нет рядом — модификатор --sale
   (цена за единицу на странице заказа). Итоги корзины (.basket__sidebar-block) — не цена товара, не красятся */
.product-card__price:is(:has(> .product-card__price-old, > .product-card__price-old-wp > .product-card__price-old), .product-card__price--sale):not(.basket__sidebar-block *) {
  color: var(--orange);
}

/* End */
/* /local/js/vpl/tas/dist/tas.bundle.css?179457809222234 */
/* /local/components/sintex/payer.profiles/templates/.default/style.css?178717172414618 */
/* /local/templates/vpl_vue/template_styles.css?1794578092613602 */