/* Start:/local/templates/domix/components/bitrix/menu/header_top/style.min.css?1776346177490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/domix/components/bitrix/menu/header_top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/domix/components/bitrix/catalog.section.list/header_menu/style.css?17763461771870*/
@font-face {
  font-family: Onest;
  src: url("/local/templates/domix/components/bitrix/catalog.section.list/header_menu/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --padding-container: 40px;
  --header-height: 150px;
  --header-height-2: 106px;
}

@media (width <= 991px) {
  :root {
    --padding-container: 30px;
    --header-height: 148px;
    --header-height-2: 148px;
  }
}
@media (width <= 582px) {
  :root {
    --padding-container: 16px;
  }
}
.assortment-slider__container {
  height: 160px;
  min-width: 0;
}
@media (width <= 991px) {
  .assortment-slider__container {
    height: 105px;
  }
}
@media (width <= 991px) {
  .assortment-slider__container__container .swiper-navigation {
    display: none;
  }
}

.assortment-slider .assortment-slider__item {
  display: flex;
  border-radius: 20px;
  background-color: white;
  position: relative;
  overflow: hidden;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item {
    width: 105px;
    aspect-ratio: 1/1;
  }
}
.assortment-slider .assortment-slider__item-link {
  padding: 16px;
  display: block;
  width: 100%;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item-link {
    padding: 10px;
  }
}
.assortment-slider .assortment-slider__item-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 40px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  z-index: 1;
}
.assortment-slider .assortment-slider__item-title {
  z-index: 2;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
}
.header__catalog-menu .catalog-menu__categories{
  padding-bottom: 140px;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
  }
}
/* End */


/* Start:/local/templates/domix/components/bitrix/catalog.section.list/header_menu_mobile/style.css?17805530142125*/
@font-face {
  font-family: Onest;
  src: url("/local/templates/domix/components/bitrix/catalog.section.list/header_menu_mobile/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --padding-container: 40px;
  --header-height: 150px;
  --header-height-2: 106px;
}

@media (width <= 991px) {
  :root {
    --padding-container: 30px;
    --header-height: 148px;
    --header-height-2: 148px;
  }
}
@media (width <= 582px) {
  :root {
    --padding-container: 16px;
  }
}
.assortment-slider__container {
  height: 160px;
  min-width: 0;
}
.assortment-slider__container {
  height: 160px;
  min-width: 0;
}
@media (width <= 991px) {
  .assortment-slider__container {
    height: 165px;
  }
}
@media (width <= 576px) {
  .assortment-slider__container {
    height: 105px;
  }
}
@media (width <= 991px) {
  .assortment-slider__container__container .swiper-navigation {
    display: none;
  }
}

.assortment-slider .assortment-slider__item {
  display: flex;
  border-radius: 20px;
  background-color: white;
  position: relative;
  overflow: hidden;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item {
    width: 105px;
    aspect-ratio: 1/1;
  }
}
.assortment-slider .assortment-slider__item-link {
  padding: 16px;
  display: flex;
  flex-flow: column;
  width: 100%;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item-link {
    padding: 10px;
  }
}
.assortment-slider .assortment-slider__item-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 40px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  z-index: 1;
}
.assortment-slider .assortment-slider__item-title {
  z-index: 2;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
}
.header__catalog-menu .catalog-menu__categories{
  padding-bottom: 140px;
}
@media (width <= 991px) {
  .assortment-slider .assortment-slider__item-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
  }
}

.header__mobile-catalog .mobile-catalog__list {
height: calc(100dvh - 250px);

}

/* End */


/* Start:/local/templates/domix/components/bitrix/form.result.new/popup_form/style.css?17763461774861*/
@font-face {
   font-family: Onest;
   src: url("/local/templates/domix/components/bitrix/form.result.new/popup_form/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
   font-weight: 100 900;
   font-display: swap;
}
:root {
   --padding-container: 40px;
   --header-height: 150px;
   --header-height-2: 106px;
   --scrollbar-width: 0px;
}

@media (width <= 991px) {
   :root {
      --padding-container: 30px;
      --header-height: 148px;
      --header-height-2: 148px;
   }
}
@media (width <= 582px) {
   :root {
      --padding-container: 16px;
   }
}
.form-error {
   color: #e9422f;
   font-size: 12px;
   position: absolute;
}
.popup-form {
   display: block;
   pointer-events: none;
   opacity: 0;
   transition: 0.25s ease-in-out;
   visibility: hidden;
   z-index: 1001;
   position: relative;
}
.popup-form .input_placeholder {
   max-width: 100%;
}
.popup-form.active {
   pointer-events: all;
   opacity: 1;
   visibility: visible;
}
.popup-form.active .popup-form__form-wrapper {
   transform: translate(-50%, -50%);
}
.popup-form::after {
   content: "";
   position: fixed;
   inset: 0;
   background: #000;
   opacity: 0.5;
   transition: 0.25s ease-in-out;
   height: 100%;
}
.popup-form form input {
   color: #000000;
   border: 1px solid #d0d5dd;
   border-radius: 8px;
   width: 100%;
   height: 50px;
   padding-left: 15px;
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
}
.popup-form__form-block {
   position: relative;
}
.popup-form__form-wrapper {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -40%);
   background: white;
   z-index: 2;
   padding: 25px;
   border-radius: 20px;
   max-width: 440px;
   transition: 0.25s ease-in-out;
}
@media (width <= 991px) {
   .popup-form__form-wrapper {
      width: 90%;
      border-radius: 16px;
   }
}
.popup-form__form-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
   width: 85%;
   margin-bottom: 10px;
}
@media (width <= 991px) {
   .popup-form__form-title {
      letter-spacing: -0.02em;
      width: 100%;
   }
}
.popup-form:not(:has(.popup-form__form-description)) .popup-form__form-title {
   margin-bottom: 32px;
}
.popup-form__form-description {
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #212121;
   margin-bottom: 30px;
}
.popup-form__text-fields {
   display: flex;
   flex-direction: column;
   gap: 13px;
}
@media (width <= 991px) {
   .popup-form__text-fields {
      flex-direction: column;
      gap: 11px;
   }
}
.popup-form .for-mobile {
   display: none;
}
.popup-form__title-block {
   display: flex;
   justify-content: space-between;
}
.popup-form__title-block .close-form-btn {
   opacity: 0.5;
   cursor: pointer;
}
.popup-form__checkbox-field {
   margin-top: 17px;
   display: flex;
   align-items: center;
   gap: 13px;
   margin-bottom: 25px;
}
.popup-form__checkbox-field a {
   text-decoration: underline;
}
@media (width <= 991px) {
   .popup-form__checkbox-field {
      margin-top: 17px;
      align-items: start;
      width: 86%;
   }
}
@media (width <= 582px) {
   .popup-form__checkbox-field {
      width: 100%;
   }
}
.popup-form__checkbox-field label {
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   letter-spacing: -0.01em;
}
.popup-form form input[type="checkbox"] {
   display: none;
}
@media (width <= 991px) {
   .popup-form .background-for-desktop {
      display: none;
   }
   .popup-form .for-mobile {
      display: block;
   }
   .popup-form .for-desktop {
      display: none;
   }
   .popup-form .btn__primary.for-mobile {
      margin-top: 17px;
      width: 100%;
      font-weight: 500;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.popup-form__form-wrapper .btn__primary {
   color: #ffffff;
}
.input__checkbox-custom.checked::before {
   opacity: 1;
}
.input__checkbox-custom.checked {
   background: #e9422f;
}
.input_placeholder {
}
.input_placeholder__title {
   margin-bottom: 8px;
   font-size: 14px;
}
.input_placeholder__mes-list {
   display: flex;
   flex-direction: row;
   gap: 10px;
}
.input_placeholder__mes-item {
   width: 45px;
   height: 45px;
   background: #f5f6f7;
   border: 1px solid #f5f6f7;
   border-radius: 10px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease 0s;
}
.input_placeholder__mes-item img {
}
.input_placeholder__ch-hidden {
}
.input_placeholder__mes-wrapper {
}
.popup-form form input[type="radio"].input_placeholder__ch-hidden {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 45px;
   height: 45px;
   z-index: 1;
   cursor: pointer;
   opacity: 0;
}
.input_placeholder__ch-hidden:checked + .input_placeholder__mes-item {
   background: #e9422f;
}
.input_placeholder__mes-item-wr {
   position: relative;
}

/* End */


/* Start:/local/templates/domix/components/bitrix/menu/footer_inform/style.min.css?1776346177490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/domix/components/bitrix/menu/footer_inform/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/domix/assets/css/libs/swiper-bundle.min.css?177634617717204*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: auto;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-cube-shadow,
  .swiper-slide {
    transform-style: preserve-3d;
  }
}
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%;
    }
  }
}
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: #00000026;
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000);
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000);
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000);
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000);
  }
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}
.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px;
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
  &.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none;
  }
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal {
  .swiper-button-next,
  .swiper-button-prev,
  ~ .swiper-button-next,
  ~ .swiper-button-prev {
    margin-left: 0;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    top: var(--swiper-navigation-top-offset, 50%);
  }
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next,
  & ~ .swiper-button-prev,
  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev,
  & ~ .swiper-button-next,
  .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px);
  }
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next,
  & ~ .swiper-button-prev,
  .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-next,
  .swiper-button-prev,
  ~ .swiper-button-next,
  ~ .swiper-button-prev {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
    right: auto;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    bottom: auto;
    top: var(--swiper-navigation-sides-offset, 4px);
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  &.swiper-pagination-disabled,
  .swiper-pagination-disabled > & {
    display: none !important;
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
  .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active,
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  button& {
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
  .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        transform 0.2s,
        top 0.2s;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        transform 0.2s,
        left 0.2s;
    }
  }
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  &.swiper-pagination-horizontal,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-horizontal > &,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%;
  }
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  .swiper-vertical > & {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px);
  }
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  &.swiper-scrollbar-disabled,
  .swiper-scrollbar-disabled > & {
    display: none !important;
  }
  &.swiper-scrollbar-horizontal,
  .swiper-horizontal > & {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    z-index: 50;
  }
  &.swiper-scrollbar-vertical,
  .swiper-vertical > & {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50;
  }
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
  > canvas,
  > img,
  > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 0;
    &:before {
      background: #000;
      bottom: 0;
      content: "";
      filter: blur(50px);
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right,
  .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right,
  .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0;
  }
}
.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom;
  }
}

/* End */


/* Start:/local/templates/domix/assets/css/libs/simplebar.css?17763461774237*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* End */


/* Start:/local/templates/domix/assets/css/main.css?1781627184179557*/
@charset "UTF-8";
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select,
textarea,
button {
    border: none;
    background: none;
    font: inherit;
    outline: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

body {
    line-height: 1.5;
    font-family: Arial, sans-serif;
    overflow-x: hidden;
}
a:hover,
a:active {
    text-decoration: none !important;
    color: inherit !important;;
}
blockquote,
dl,
dt,
dd,
figure,
p {
    margin: 0;
}

nav a {
    text-decoration: none;
    color: inherit;
}

::-moz-selection {
    background-color: #339;
    color: white;
}

::selection {
    background-color: #339;
    color: white;
}

textarea {
    resize: none;
}

@font-face {
    font-family: Onest;
    src: url("/local/templates/domix/assets/css/../fonts/Onest-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --padding-container: 40px;
    --header-height: 150px;
    --header-height-2: 106px;
    --scrollbar-width: 0px;
}

@media (width <= 991px) {
    :root {
        --padding-container: 30px;
        --header-height: 148px;
        --header-height-2: 82px;
    }
}

@media (width <= 582px) {
    :root {
        --padding-container: 16px;
    }
}

.btn__primary {
    background-color: #e9422f;
    color: white;
    display: flex;
    align-items: center;
    padding: 13px 20px;
    border-radius: 10px;
    gap: 10px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.btn__primary:disabled {
    background-color: #ededed;
    color: #acacac;
    cursor: not-allowed;
}

.btn__primary:disabled:hover {
    background-color: #ededed;
    color: #acacac;
}

.btn__primary.grey {
    background-color: #f5f5f7;
    color: black;
}

.btn__primary.grey:hover {
    color: white;
}

.btn__primary:hover {
    background-color: #da311e;
}

.btn__header {
    background-color: #f9f9fa;
    border-radius: 10px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #e9422f;
    transition: 0.25s ease-in-out;
    cursor: pointer;
}

.btn__header img,
.btn__header svg {
    height: 24px;
    width: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.btn__header:hover {
    background-color: #f7e7e6;
}

.btn__action {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: white;
    color: #d0d5dd;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.btn__action:hover {
    background-color: #f7e7e6;
    color: #e9422f;
}

.btn__action:hover.favorite svg {
    fill: #e9422f;
}

.btn__action.favorite svg {
    transition: 0.25s ease-in-out;
    fill: white;
}

.btn__action.active {
    color: #e9422f;
}

.btn__action.active.favorite svg {
    fill: #e9422f;
}

.btn__action svg {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}

.btn__count {
    position: absolute;
    top: -8px;
    right: 0;
    transform: translateX(50%);
    background-color: #e9422f;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 2px solid #f9f9fa;
    border-radius: 12px;
    padding: 4px;
    height: 20px;
    width: 24px;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.btn__minor {
    display: flex;
    background-color: #e6e8ea;
    color: black;
    border-radius: 10px;
    padding: 13px 20px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.btn__minor:hover {
    color: #e9422f;
}

.btn:disabled {
    background-color: #ededed;
    color: #acacac;
    cursor: not-allowed;
}

.btn:disabled:hover {
    background-color: #ededed;
    color: #acacac;
}

.btn img,
.btn svg {
    height: 24px;
    width: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.btn__search {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
}

.btn__search::before {
    content: "";
    background-image: url("/local/templates/domix/assets/css/../img/search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

@media (width > 990px) {
    .header__wrapper:has(> .header__row-wrapper.hidden)
    > .header__row-wrapper.collapsed {
        padding-block: 30px;
    }
}
@media (width <= 582px) {
    .btn__search::before {
        background-image: url("/local/templates/domix/assets/css/../img/search-mob.svg");
        width: 16px;
        height: 16px;
    }
       .header__row-wrapper.collapsed {
        z-index: 10;
    }
}

.btn__text {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: black;
}

.btn__text:hover {
    color: #e9422f;
}

.btn__catalog::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/catalog.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header:has(.catalog-menu.active) .btn__catalog::before {
    background-image: url("/local/templates/domix/assets/img/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn__compare {
    z-index: 3;
}

.btn__favorite {
    z-index: 2;
}

.btn__cart {
    z-index: 1;
}

.btn__outline {
    border-radius: 10px;
    color: #e9422f;
    outline: 1px solid #e9422f;
    transition: 0.25s ease-in-out;
    cursor: pointer;
}

.btn__outline:hover {
    background-color: #f7e7e6;
}

.share {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* тултип */
.share-tooltip {
    position: absolute;
    right: -26px;
    top: 100%;
    margin-top: 10px;
    min-width: 200px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: 0.25s ease-in-out;
}

@media (width <= 991px) {
    .share-tooltip {
        right: -5px;
    }
}

.share-tooltip {
    /* хвостик */
}

.share-tooltip::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 60px;
    width: 12px;
    height: 12px;
    z-index: 1;
    background: white;
    transform: rotate(45deg);
    box-shadow: -2px -2px 4px rgba(15, 23, 42, 0.06);
}

@media (width <= 991px) {
    .share-tooltip::before {
        right: 10px;
    }
}

/* открытое состояние */
.share--open .share-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* пункты меню */
.share-tooltip__item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 16px;
    z-index: 2;
    position: relative;
    background: transparent;
    border: none;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.share-tooltip__item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.share-tooltip__item:first-child {
    border-radius: 10px 10px 0 0;
}

.share-tooltip__item:last-child {
    border-radius: 0 0 10px 10px;
}

.share-tooltip__item:hover {
    background: #f5f6f7;
}

.share-tooltip__item::before {
    content: "";
    width: 20px;
    height: 20px;
}

.share-tooltip__item--link::before {
    background-image: url("/local/templates/domix/assets/img/copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.share-tooltip__item--vk::before {
    background-image: url("/local/templates/domix/assets/img/vk.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.share-tooltip__item--tg::before {
    background-image: url("/local/templates/domix/assets/img/tg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.share-tooltip__item--wa::before {
    background-image: url("/local/templates/domix/assets/img/wa.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.share-tooltip__icon {
    width: 20px;
    flex: 0 0 20px;
    display: flex;
    justify-content: center;
}

/* тут можно задать брендовые цвета и иконки */
.share-tooltip__item--vk .share-tooltip__icon {
    color: #07f;
}

.share-tooltip__item--tg .share-tooltip__icon {
    color: #229ed9;
}

.share-tooltip__item--wa .share-tooltip__icon {
    color: #25d366;
}

textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: 80px;
}

.input {
    padding-block: 16px;
    padding-left: 16px;
    color: #666;
    height: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 582px) {
    .input {
        height: 45px;
    }
}

.input::-moz-placeholder {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.input::placeholder {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.input__wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #f9f9fa;
    border-radius: 10px;
}

.input__wrapper:has(.btn__search) .input {
    width: 100%;
}

.input__checkbox {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.input__checkbox input {
    display: none;
}

.input__checkbox.gray .input__checkbox-custom {
    border: 2px solid #c9c9c9;
}

.input__checkbox.gray .input__checkbox-custom:has(+ input:checked) {
    border: 2px solid #e9422f;
}

.input__checkbox-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #e9422f;
    background-color: transparent;
    transition: 0.25s ease-in-out;
    flex-shrink: 0;
}

.input__checkbox-custom::before {
    content: "";
    width: 11px;
    height: 8px;
    display: block;
    background: url("/local/templates/domix/assets/css/../img/check.svg") no-repeat center / contain;
    opacity: 0;
    transition: 0.25s ease-in-out;
}

.input__checkbox-custom:has(+ input:checked) {
    background-color: #e9422f;
}

.input__checkbox-custom:has(+ input:checked)::before {
    opacity: 1;
}

.file-upload {
    width: 100%;
    position: relative;
}

.file-upload__input {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.file-upload__label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    padding: 24px 16px;
    border-radius: 16px;
    border: 1px dashed #d0d5dd;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.file-upload__label:hover {
    border-color: #9ca3af;
    background-color: #f9fafb;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.file-upload__label:active {
    transform: translateY(1px);
}

.file-upload__icon {
    margin-bottom: 12px;
}

.file-upload__title {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.file-upload__hint {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

/* фокус по табу */
.file-upload__input:focus-visible + .file-upload__label,
.file-upload__input:focus + .file-upload__label {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

body:has(.product-fixed:not(.hidden)) .header {
    box-shadow: 0 4px 20px 0 transparent;
}

.header {

    background-color: white;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: 0.25s ease-in-out;
    max-width: 100vw;
}

.header__mobile-bottom {
    display: none;
}

@media (width <= 991px) {
    .header__mobile-bottom {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 500;
        transition: 0.25s ease-in-out;
    }
}

.header__mobile-bottom {
    display: none;
}

@media (width <= 991px) {
    .header__mobile-bottom {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        background-color: #f9f9fa;
        z-index: 101;
    }
}

.header__mobile-bottom-menu {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.header__mobile-bottom-item {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.header__mobile-bottom-item a {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    justify-content: center;
    color: #abb7c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.header__mobile-bottom-item.active a {
    color: #e9422f;
}

.header__mobile-bottom-count {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(7px);
    z-index: 2;
    background-color: #e9422f;
    outline: 2px solid #f9f9fa;
    padding: 2px 4px;
    border-radius: 12px;
    color: white;
    height: 16px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.header__mobile-catalog {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: calc(100dvh - 60px);
    z-index: 99;
    background-color: #f9f9fa;
    transform: translateX(150%);
    transition: 0.25s ease-in-out;
}

.header__mobile-catalog.active {
    transform: translateX(0);
}

.header__mobile-catalog.mobile-catalog--sublevel .mobile-catalog__track {
    transform: translateX(-100%);
}

.header__mobile-catalog .mobile-catalog__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.header__mobile-catalog .mobile-catalog__header {
    display: flex;
    align-items: center;
    padding-block: 20px;
    gap: 12px;
}

.header__mobile-catalog .mobile-catalog__header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-catalog .mobile-catalog__back {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border-radius: 10px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__back::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("/local/templates/domix/assets/img/prev.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-catalog .mobile-catalog__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.header__mobile-catalog .mobile-catalog__close {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    background-color: #f9f9fa;
    border-radius: 10px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__close::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/domix/assets/img/close-gray.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-catalog .mobile-catalog__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header__mobile-catalog .mobile-catalog__list-container {
    height: calc(100% - 70px);
    padding-bottom: 20px;
}

.header__mobile-catalog .mobile-catalog__item {
    display: flex;
    align-items: center;
    position: relative;
    gap: 12px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__item-image {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    flex-shrink: 0;
}

.header__mobile-catalog .mobile-catalog__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
}

.header__mobile-catalog .mobile-catalog__item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .mobile-catalog__item svg {
    margin-left: auto;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.header__mobile-catalog .mobile-catalog__content {
    height: 100%;
    overflow: hidden;
}

.header__mobile-catalog .mobile-catalog__track {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease;
}

.header__mobile-catalog .mobile-catalog__track > .mobile-catalog__panel {
    flex: 0 0 100%;
}

.header__mobile-catalog .mobile-catalog__panel {
    width: 100%;
    flex-shrink: 0;
    height: 100%;
}

.header__mobile-catalog .mobile-catalog.mobile-catalog--sublevel .mobile-catalog__track {
    transform: translateX(-100%);
}

.header__mobile-catalog .mobile-catalog__subcat-group {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.header__mobile-catalog .mobile-catalog__subcat-group.active {
    display: flex;
}

.header__mobile-catalog .mobile-catalog__subcat-group__title-link {
    display: flex;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 16px;
}

.header__mobile-catalog .mobile-catalog__subcat-group__title-link-img {
    height: 50px;
    width: 50px;
    background-color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__mobile-catalog .mobile-catalog__subcat-group__title-link-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .mobile-catalog__subcat-link {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .mobile-catalog__subcat-cols {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-catalog .mobile-catalog .accordeon__question {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .simplebar-track.simplebar-vertical {
    display: none;
    right: -20px;
    top: 0;
    bottom: 0;
}

@media (width <= 582px) {
    .header__mobile-catalog .simplebar-track.simplebar-vertical {
        right: -15px;
    }
}

.header__mobile-catalog .input__wrapper {
    height: 45px;
    background-color: white;
}

.header__mobile-catalog .input__wrapper .btn__search {
    background-color: white;
}

/*.header__mobile-catalog .input__wrapper .btn__search::before {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    background-image: url("/local/templates/domix/assets/img/search-red.svg");*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*}*/

.header__mobile-nav {
    display: flex;
    width: 100%;
    height: 100%;
    padding-inline: 10px;
}

.header__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.header__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: 0.25s ease-in-out;
}

.header__row.scroll-hidden {
    height: 18px;
}

@media (width <= 991px) {
    .header__row.scroll-hidden {
        display: none;
    }
}

.header__row.hidden {
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.header__row:has(.header__main) {
    height: 50px;
}

@media (width <= 582px) {
    .header__row:has(.header__main) {
        height: 45px;
    }
}

.header__row:has(+ .header__catalog-menu.active) {
    pointer-events: none;
    opacity: 0;
    height: 0;
    margin-top: -20px;
}

.header__row.top {
    padding-block: 12px;
}

@media (width <= 991px) {
    .header__row.top {
        padding-block: 20px 0;
    }
}

.header__row-wrapper {
    display: flex;
    width: 100%;
    transition: 0.25s ease-in-out;
    background-color: white;
    z-index: 2;
}

.header__row-wrapper:first-child {
    z-index: 10;
}

.header__row-wrapper:has(.top) {
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

@media (width <= 991px) {
    .header__row-wrapper:has(.top) {
        height: 65px;
        border: 1px solid transparent;
    }
}

.header__row-wrapper:has(.header__main) {
    padding-block: 12px;
}

.header__row-wrapper:has(.header__main):has(.catalog-menu.active) {
    padding-bottom: 0;
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main):has(.catalog-menu.active) {
        padding-bottom: 18px;
    }
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main) {
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

.header__row-wrapper:has(.header__main) .container {
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: 0.25s ease-in-out;
}

.header__row-wrapper:has(.header__main) .container:has(.hidden) {
    gap: 0;
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main) .header__row:last-child {
        display: none;
    }
}

.header__row-wrapper.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.header:has(.mobile-menu.active) .header__row-wrapper.hidden {
    /*opacity: 1;
    height: 65px;*/
}

.header__shops {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .header__shops {
        display: none;
    }
}

.header__city {
    color: #e9422f;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__city::before {
    content: url("/local/templates/domix/assets/css/../img/map-point.svg");
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__city-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (width <= 582px) {
    .header__city-group {
        gap: 16px;
    }
}

.header__circle {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #d9d9d9;
}

@media (width <= 991px) {
    .header__circle {
        display: none;
    }
}

.header__line {
    width: 1px;
    height: 16px;
    background-color: #d9d9d9;
}

@media (width <= 991px) {
    .header__line {
        display: none;
    }
}

.header__nav {
    display: flex;
    gap: 24px;
    align-items: center;
    color: #666;
}

.header__menu {
    display: flex;
    gap: 16px;
    align-items: center;
}

.header__menu-list {
    display: flex;
    gap: 21px;
    align-items: center;
    color: #666;
    margin-bottom: 0;
}

.header__menu-list .header__menu-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}
.header__menu-list .header__menu-item:hover button{
    /*font-weight: 500;*/
    /*font-size: 14px;*/
    color: rgb(4, 4, 4);
    /*line-height: 130%;*/
    /*letter-spacing: -0.02em;*/

}

.header__menu-item {
    position: relative;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__menu-item:hover {
    color: black;
}

.header__menu-item:has(.header__submenu:not(.hidden)) {
    color: black;
    display: flex;
    gap: 2px;
}

.header__menu-item:has(.header__submenu:not(.hidden))::after {
    width: 18px;
    height: 18px;
    content: "";
    rotate: 180deg;
    background-image: url("/local/templates/domix/assets/img/submenu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__menu-item:has(.header__submenu.hidden) {
    display: flex;
    gap: 2px;
}

.header__menu-item:has(.header__submenu.hidden)::after {
    width: 18px;
    height: 18px;
    content: "";
    background-image: url("/local/templates/domix/assets/img/submenu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (width <= 991px) {
    .header__menu {
        display: none;
    }
}

.header__contacts {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 582px) {
    .header__contacts {
        gap: 5px;
    }
}

.header__socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (width <= 582px) {
    .header__socials {
        gap: 5px;
    }
}

.header__social {
    width: 20px;
    height: 20px;
    display: flex;
    cursor: pointer;
}

.header__social img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (width <= 582px) {
    .header__social {
        width: 45px;
        height: 45px;
        background-color: #f9f9fa;
        border-radius: 10px;
    >>> >>> > origin / dev display: flex;
        height: 100%;
        width: 100%;
        flex-direction: column;
        gap: 6px;
        align-items: center;
        justify-content: center;
        color: #abb7c2;
    }

    .header__social img {
        width: 20px;
        height: 20px;
    }
}

.header__callback {
    display: flex;
    align-items: center;
    gap: 4px;
    color: black;
    cursor: pointer;
    transition: 0.25s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__callback::before {
    display: flex;
    width: 18px;
    height: 18px;
    content: url("/local/templates/domix/assets/css/../img/phone.svg");
}

@media (width <= 582px) {
    .header__callback::before {
        width: 20px;
        height: 20px;
    }
}

.header__callback:hover {
    color: #666;
}

@media (width <= 582px) {
    .header__callback {
        font-size: 0;
        gap: 0;
        width: 45px;
        height: 45px;
        background-color: #f9f9fa;
        border-radius: 10px;
        justify-content: center;
    }
}

.header__main {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    gap: 10px;
}

@media (width <= 991px) {
    .header__main {
        width: 100%;
    }
}

@media (width <= 582px) {
    .header__main {
        gap: 10px;
    }
}

.header__catalog {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 991px) {
    .header__catalog {
        display: none;
    }
}

.header__logo {
    width: 123px;
    height: 100%;
}

.header__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__logo-mobile {
    display: none;
}

@media (width <= 991px) {
    .header__logo-mobile {
        display: block;
        height: 34px;
        width: 84px;
    }
}

.header__search {
    width: 600px;
}

@media (width <= 1400px) {
    .header__search {
        width: 450px;
    }
}

@media (width <= 991px) {
    .header__search {
        width: 100%;
    }
}

@media (width <= 582px) {
    .header__search .btn__search {
        width: 45px;
        height: 45px;
    }
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 991px) {
    .header__actions {
        display: none;
    }
}

.header__info {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 2px;
}

@media (width <= 1400px) {
    .header__info {
        display: none;
    }
}

.header__phone {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: black;
}

.header__phone:hover {
    color: #666;
}

.header__work {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header .sale {
    color: #fa0707;
    display: flex;
    gap: 4px;
    align-items: center;
    transition: 0.25s ease-in-out;
}

.header .sale svg {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
}

.header .sale:hover {
    color: #da311e;
}

.header__btn-menu {
    display: none;
}

@media (width <= 991px) {
    .header__btn-menu {
        display: flex;
        width: 45px;
        height: 45px;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex-shrink: 0;
    }

    .header__btn-menu::before {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("/local/templates/domix/assets/img/menu-rounded.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .header:has(.mobile-menu.active) .header__btn-menu::before {
        background-image: url("/local/templates/domix/assets/img/close.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.header__catalog-menu {
    position: relative;
    margin-top: -14px;
    transition: 0.25s ease-in-out;
}

@media (width <= 991px) {
    .header__catalog-menu {
        display: none;
    }
}

.header__catalog-menu::after {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    transition: 0.25s ease-in-out;
    background-color: rgba(0, 0, 0, 0.05);
}

.header__catalog-menu.active {
    margin-top: 0;
}

.header__catalog-menu.active::after {
    width: 100vw;
}

.header__catalog-menu.active .catalog-menu__wrapper {
    height: 100vh;
    margin-top: 0;
}

.header__row-wrapper.hidden + .header__catalog-menu, .header__row.hidden + .header__catalog-menu {
    margin-top: 0;
}

.header__catalog-menu .catalog-menu__subcategories-panel {
    display: none;
}

.header__catalog-menu .catalog-menu__subcategories-panel.active {
    display: grid;
    grid-template-columns: 1fr 309px;
    gap: 16px;
    width: 100%;
    height:100%;
}

.header__catalog-menu .catalog-menu__wrapper {
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: 0.25s ease-in-out;
    width: 100%;
    display: grid;
    grid-template-columns: 303px 1fr;
    position: relative;
}

.header__catalog-menu .catalog-menu__categories {
    margin-right: 20px;
    padding-block: 20px;
    height: 100%;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.header__catalog-menu .catalog-menu__category {
    display: flex;
    align-items: center;
    height: 50px;
    padding-right: 5px;
    gap: 12px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    text-decoration: none !important;
}

.header__catalog-menu .catalog-menu__category.active {
    color: #e9422f;
}

.header__catalog-menu .catalog-menu__category.active svg {
    color: #e9422f;
}

.header__catalog-menu .catalog-menu__category:hover {
    color: #da311e !important;
}

.header__catalog-menu .catalog-menu__category:hover svg {
    color: #da311e !important;
}

.header__catalog-menu .catalog-menu__category-image {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background-color: #f9f9fa;
    overflow: hidden;
    flex-shrink: 0;
}

.header__catalog-menu .catalog-menu__category-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: left bottom;
  object-position: center;
  padding: 0;

    /*width: 100%;*/
    /*height: 100%;*/
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    /*-o-object-position: left bottom;*/
    /*object-position: left bottom;*/
}

.header__catalog-menu .catalog-menu__category-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__catalog-menu .catalog-menu__category svg {
    flex-shrink: 0;
    transition: 0.25s ease-in-out;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: #666;
}

.header__catalog-menu .catalog-menu__brends {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 32px;
    padding-top: 32px;
    border-left:1px solid #0000000D;
}

.header__catalog-menu .catalog-menu__brends-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__brends-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

.header__catalog-menu .catalog-menu__brend {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border-radius: 12px;
    height: 50px;
    padding: 10px 15px;
}

.header__catalog-menu .catalog-menu__subcategories {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    min-width: 0;
    border: none;
}

.header__catalog-menu .catalog-menu__subcategories-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__subcategories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

@media (width <= 1400px) {
    .header__catalog-menu .catalog-menu__subcategories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    .header__catalog-menu .catalog-menu__subcategories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

.header__catalog-menu .catalog-menu__subcategory {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__catalog-menu .catalog-menu__subcategory-image {
    height: 99px;
    width: 103px;
}

.header__catalog-menu .catalog-menu__subcategory-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__catalog-menu .catalog-menu__subcategory-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__catalog-menu .catalog-menu__subcategory-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header__catalog-menu .catalog-menu__subcategory-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 122px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__subcategory-item {
    color: rgba(0, 0, 0, 0.5);
    width: -moz-fit-content;
    width: fit-content;
}

.header__catalog-menu .catalog-menu__subcategory-item:hover {
    color: black;
}

.header__catalog-menu .catalog-menu__subcategory-more {
    width: -moz-fit-content;
    width: fit-content;
    color: #e9422f;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__subcategory-more:hover {
    color: #da311e;
}

.header__mobile-menu {
    display: none;
    background-color: #f5f6f7;
    z-index: 1;
}

@media (width <= 991px) {
    .header__mobile-menu {
        display: flex;
        transition: 0.25s ease-in-out;
        transform: translateY(-110%);
        height: 0;
                overflow: hidden;
    }

    .header__mobile-menu.active {
        height: calc(100vh - var(--header-height-2) + 10px);
        transform: translateY(0);
    }
  .mobile-menu__container {
    height: calc(100vh - var(--header-height-2) + 10px);
  }
}

.header__mobile-menu .mobile-menu__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-block: 20px;
}

.header__mobile-menu .mobile-menu__wrapper > *:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header__mobile-menu .mobile-menu__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.header__mobile-menu .mobile-menu__btn {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__btn::before {
    content: "";
    width: 50px;
    height: 50px;
}

.header__mobile-menu .mobile-menu__btn.i-catalog::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-catalog.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__btn.i-sales::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-sales.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__btn.i-shops::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-shops.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__links {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.header__mobile-menu .mobile-menu__links-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__links-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-menu .mobile-menu__links-item {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.header__mobile-menu .mobile-menu__contacts-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header__mobile-menu .mobile-menu__contacts-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts-desc {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.header__mobile-menu .mobile-menu__contacts-social {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__mobile-menu .mobile-menu__social {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: white;
}

.header__mobile-menu .mobile-menu__social::before {
    content: "";
    width: 24px;
    height: 24px;
}

.header__mobile-menu .mobile-menu__social.wa::before {
    background-image: url("/local/templates/domix/assets/img/wa.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__social.tg::before {
    background-image: url("/local/templates/domix/assets/img/tg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__social.phone::before {
    background-image: url("/local/templates/domix/assets/img/phone.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .simplebar-vertical {
    right: -20px;
}

@media (width <= 582px) {
    .header__mobile-menu .simplebar-vertical {
        right: -15px;
    }
}

.header__submenu {
    position: absolute;
    top: calc(100% + 10px);
    background-color: white;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 0.25s ease-in-out;
    max-width: 150px;
}

.header__submenu * {
    /*width: -moz-max-content;*/
    /*width: max-content;*/
    width: 100%;
}

.header__submenu-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__submenu-item:hover {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}
.header__submenu-item:hover a:hover{
    text-decoration: none;
}

.header__submenu.hidden {
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}

.footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    margin-top: auto;
}

@media (width <= 991px) {
    .footer {
        padding-bottom: 60px;
    }
}

.footer__row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.footer__row-wrapper {
    display: flex;
    width: 100%;
}

.footer__row-wrapper:has(.footer__subs) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-block: 20px;
}

.footer__row-wrapper:has(.footer__logo) {
    padding-block: 40px;
}

@media (width <= 991px) {
    .footer__row-wrapper:has(.footer__logo) {
        padding-block: 20px;
    }
}

.footer__row.main {
    display: grid;
    grid-template-columns: 190px minmax(360px, 1fr) 260px; /* фикс 190/260, центр тянется */
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (width <= 1400px) {
    .footer__row.main {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.footer__subs {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

@media (width <= 1400px) {
    .footer__subs {
        flex-direction: column;
        align-items: start;
    }
}

.footer__subs-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
}

@media (width <= 582px) {
    .footer__subs-wrapper {
        width: 100%;
    }
}

.footer__subs-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer__subs-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

@media (width <= 582px) {
    .footer__subs-title {
        max-width: 246px;
    }
}

.footer__subs-descr {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.footer__subs-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

@media (width <= 991px) {
    .footer__subs-form {
        flex-direction: column;
        gap: 16px;
        align-items: start;
    }
}

@media (width <= 582px) {
    .footer__subs-form {
        width: 100%;
    }
}

@media (width <= 582px) {
    .footer__subs-form .input__wrapper {
        width: 100%;
    }
}

.footer__subs-form .input[type=text] {
    background-color: white;
    outline: 1px solid #d0d5dd;
    outline-offset: -1px;
    border-radius: 8px;
    width: 300px;
    height: 45px;
}

@media (width <= 582px) {
    .footer__subs-form .input[type=text] {
        width: 100%;
    }
}

.footer__subs-form .input[type=text] {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form .input[type=text]::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form .input[type=text]::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form button {
    height: 45px;
    width: 140px;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.footer__subs .subs-policy {
    display: flex;
    gap: 8px;
    align-items: center;
}

.footer__subs .subs-policy__text {
    max-width: 290px;
}

.footer__subs .subs-policy__text a {
    text-decoration: underline;
}

.footer__subs .subs-policy__text a:hover {
    color: #e9422f;
}

.footer__logo {
    height: 50px;
    width: 123px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (width <= 1400px) {
    .footer__logo {
        display: none;
    }
}

.footer__main-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 16px;
    max-width: 190px;
}

@media (width <= 1400px) {
    .footer__main-info {
        order: 3;
        width: 100%;
        max-width: 100%;
    }
}

.footer__main-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__main-info-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #666;
}

@media (width <= 1400px) {
    .footer__main-info-links {
        gap: 16px;
    }
}

.footer__main-info-links a:hover {
    color: black;
}

.footer__payment {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #666;
}

.footer__payment-list {
    display: flex;
    gap: 5px;
}

.footer__payment-item {
    background-color: #f9f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 30px;
}

.footer__links {
    display: flex;
    width: 100%;
    max-width: 653px;
    gap: 100px;
    justify-content: space-between;
    margin: 0 auto;
}

@media (width <= 1400px) {
    .footer__links {
        gap: 20px;
        order: 2;
        flex-direction: column;
        max-width: 100%;
    }
}

.footer__links-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    line-height: 18px;
}

.footer__links-group {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (width <= 1400px) {
    .footer__links-group {
        width: 100%;
    }
}

.footer__links-cols {
    display: grid;
    grid-template-rows: repeat(10, auto);
    grid-auto-flow: column;
    width: -moz-min-content;
    width: min-content;
    gap: 8px 60px;
}

@media (width <= 1400px) {
    .footer__links-cols {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
        grid-auto-flow: unset;
        row-gap: 10px;
    }
}

@media (width <= 582px) {
    .footer__links-cols {
        grid-template-columns: repeat(1, 1fr);
    }
}

.footer__links-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (width <= 1400px) {
    .footer__links-col {
        gap: 10px;
    }
}

.footer__links-item {
    width: -moz-max-content;
    width: max-content;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.footer__links-item:hover {
    color: black;
}

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

@media (width <= 1400px) {
    .footer__contacts {
        order: 1;
        width: 100%;
    }
}

.footer__contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__contacts-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.footer__contacts-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    line-height: 20px;
}

.footer__contacts-link:hover {
    color: #e9422f;
}

.footer__contacts-descr {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    line-height: 14px;
    color: #666;
}

.footer__contacts-address {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    line-height: 18px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.footer__contacts-address::before {
    content: url("/local/templates/domix/assets/css/../img/map-point-black.svg");
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__contacts-social {
    height: 32px;
    width: 32px;
    opacity: 1;
    transition: 0.25s ease-in-out;
}

.footer__contacts-social:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

.footer__contacts-socials {
    display: flex;
    gap: 5px;
    align-items: start;
}

.footer__callback {
    margin-top: 4px;
    height: 45px;
}

@media (width <= 1400px) {
    .footer__callback {
        max-width: 360px;
    }
}

@media (width <= 582px) {
    .footer__callback {
        max-width: 100%;
    }
}

.accordeon__body {
    overflow: hidden;
    transition: 0.25s ease-in-out;
    pointer-events: none;
    border-bottom: 1px solid transparent;
}

@media (width <= 1400px) {
    .accordeon__body {
        pointer-events: all;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.accordeon__body.active {
    padding-bottom: 16px;
}

.accordeon__body.active .accordeon__question img {
    rotate: 180deg;
}

.accordeon__question {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    z-index: 2;
    transition: 0.25s ease-in-out;
    padding-bottom: 16px;
}

.accordeon__question img {
    display: none;
    pointer-events: none;
}

@media (width <= 1400px) {
    .accordeon__question img {
        display: block;
        width: 24px;
        height: 24px;
        transition: 0.25s ease-in-out;
        rotate: 0deg;
        margin-left: 24px;
    }
}

.product-description__text  .accordeon__subject {
  position: relative;
    z-index: 1;
    transition: 0.25s ease-in-out;
    pointer-events: all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: max-content;
}

@media (width <= 1400px) {
    .accordeon__subject {
        max-height: 0;
    }
}

:root {
    --swiper-navigation-size: 40px;
    --swiper-theme-color: #e9422f;
    --swiper-navigation-sides-offset: -24px;
    --swiper-pagination-bottom: 0px;
    --swiper-pagination-color: #e9422f;
    --swiper-pagination-bullet-horizontal-gap: calc(5px / 2);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-border-radius: 100%;
    --swiper-pagination-bullet-inactive-color: black;
    --swiper-pagination-bullet-inactive-opacity: 0.1;
    --swiper-navigation-top-offset: 50%;
}

@media (width <= 991px) {
    :root {
        --swiper-navigation-sides-offset: -10px;
        --swiper-navigation-top-offset: 50%;
        --swiper-navigation-size: 32px;
    }
}

.slider {
    width: 100%;
    position: relative;
}

@media (width <= 991px) {
    .slider.no-margin {
        width: calc(100% + var(--padding-container) * 2);
        margin-inline: calc(var(--padding-container) * -1);
        padding-left: var(--padding-container);
    }

    .slider.no-margin .swiper-navigation {
        display: none;
    }
}

@media (width <= 991px) {
    .slider.mobile-hidden .swiper-navigation {
        display: none;
    }
}

.slider .swiper-navigation {
    display: flex;
}

.slider .swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-size: 9px;
}

.slider .swiper-button-prev, .slider .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: white;
    transition: 0.25s ease-in-out;
    color: #e9422f;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (width <= 991px) {
    .slider .swiper-button-prev, .slider .swiper-button-next {
        margin-top: calc(var(--swiper-navigation-size) * -1);
    }
}

/*.slider .swiper-button-prev svg, .slider .swiper-button-next svg {*/
/*    width: 29px;*/
/*    height: 29px;*/
/*    fill: none;*/
/*}*/

.slider .swiper-button-prev:hover, .slider .swiper-button-next:hover {
    color: white;
    background-color: #e9422f;
}

.slider .swiper-button-prev.swiper-button-disabled, .slider .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    background-color: #ededed;
    color: #acacac;
}

.card {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: white;
    gap: 16px;
    border-radius: 18px;
    height: -moz-fit-content;
    height: 100%;
    min-width: 0;
}

.card.collection {
    padding: 16px;
}

@media (width <= 991px) {
    .card.collection {
        padding: 10px;
    }
}

@media (width <= 991px) {
    /*.card {*/
    /*    width: 192px;*/
    /*}*/
}

.card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card__image-container {
    width: 100%;
    /*height: 240px;*/
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

@media (width <= 991px) {
    .card__image-container {
        /*height: 182px;*/
    }
}

.card__tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-right: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}

.card__tag {
    display: flex;
    background-color: #f7914a;
    border-radius: 5px;
    gap: 4px;
    align-items: center;
    padding: 4px 6px;
    color: white;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

@media (width <= 991px) {
    .card__tag {
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
    }
}

.card__tag.hit::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("/local/templates/domix/assets/img/hit.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card__actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    flex-direction: column;
    z-index: 1;
}

.card__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: auto;
    flex: 1;
    padding: 0 10px 10px;
}

.collection .card__info {
    padding: 0;
}

.card__main {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card__btn {
    width: 100%;
    justify-content: center;
    gap: 10px;
    align-items: center;
    height: 45px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.card__btn::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.card__price-main {
    width: -moz-max-content;
    width: max-content;
    color: black;
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .card__price-main {
        font-weight: 600;
        font-size: 18px;
        line-height: 110%;
    }
}

.card__price-old {
    width: -moz-max-content;
    width: max-content;
}

.card__price-old-group {
    display: flex;
    align-items: center;
    gap: 6px;
}

.card__price-old {
    text-decoration: line-through;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.card__price-sale {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fa6969;
    color: white;
    padding: 3px 4px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card__properties {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .card__properties {
    >>> >>> > origin / dev font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: -0.01em;
    }
}

.header__mobile-bottom-item.active a {
    color: #e9422f;
}

.header__mobile-bottom-count {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(7px);
    z-index: 2;
    background-color: #e9422f;
    outline: 2px solid #f9f9fa;
    padding: 2px 4px;
    border-radius: 12px;
    color: white;
    height: 16px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.header__mobile-catalog {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: calc(100dvh - 60px);
    z-index: 99;
    background-color: #f9f9fa;
    transform: translateX(100%);
    transition: 0.25s ease-in-out;
}

.header__mobile-catalog.active {
    transform: translateX(0);
}

.header__mobile-catalog.mobile-catalog--sublevel .mobile-catalog__track {
    transform: translateX(-100%);
}

.header__mobile-catalog .mobile-catalog__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.header__mobile-catalog .mobile-catalog__header {
    display: flex;
    align-items: center;
    padding-block: 20px;
    gap: 12px;
}

.header__mobile-catalog .mobile-catalog__header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-catalog .mobile-catalog__back {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border-radius: 10px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__back::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("/local/templates/domix/assets/img/prev.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

html:has(.succsess-submit-form-modal.active) {
    padding-right: var(--scrollbar-width);
}

body {
    background-color: #f5f6f7;
    font-family: "Onest", sans-serif;
    min-height: 100vh;
    padding-top: var(--header-height);
    overflow-x: hidden;
    max-width: 100vw;
}

main {
    min-height: 50vh;
    margin-block: 40px 80px;
}

@media (width <= 582px) {
    main {
        margin-block: 24px 60px;
    }
}

section {
    margin-block: 100px;
}

@media (width <= 582px) {
    section {
        margin-block: 60px;
    }
}

section:first-child {
    margin-top: 0;
}

section:last-child {
    margin-bottom: 0;
}

@media (width <= 991px) {
    section {
        margin-block: 60px;
    }
}

.breadcrumbs + section {
    margin-top: 24px;
}

a {
    transition: 0.25s ease-in-out;
}

sup,
sub {
    font-size: 0.5em;
    line-height: normal;
}

button {
    cursor: pointer;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--padding-container);
}

.section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    gap: 10px;
}

.section-header__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.01em;
}

@media (width <= 991px) {
    .section-header__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.02em;
    }
}

.header__mobile-catalog .mobile-catalog__close {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    background-color: #f9f9fa;
    border-radius: 10px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__close::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/domix/assets/img/close-gray.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-catalog .mobile-catalog__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header__mobile-catalog .mobile-catalog__item {
    display: flex;
    align-items: center;
    position: relative;
    gap: 12px;
    cursor: pointer;
}

.header__mobile-catalog .mobile-catalog__item-image {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    flex-shrink: 0;
}

.header__mobile-catalog .mobile-catalog__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
}

.header__mobile-catalog .mobile-catalog__item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .mobile-catalog__item svg {
    margin-left: auto;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.header__mobile-catalog .mobile-catalog__content {
    height: 100%;
    overflow: hidden;
}

.header__mobile-catalog .mobile-catalog__track {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease;
}

.header__mobile-catalog .mobile-catalog__track > .mobile-catalog__panel {
    flex: 0 0 100%;
}

.header__mobile-catalog .mobile-catalog__panel {
    width: 100%;
    flex-shrink: 0;
    height: 100%;
}

.header__mobile-catalog .mobile-catalog.mobile-catalog--sublevel .mobile-catalog__track {
    transform: translateX(-100%);
}

.header__mobile-catalog .mobile-catalog__subcat-group {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.header__mobile-catalog .mobile-catalog__subcat-group.active {
    display: flex;
}

.header__mobile-catalog .mobile-catalog__subcat-link {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .mobile-catalog__subcat-cols {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-catalog .mobile-catalog .accordeon__question {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-catalog .simplebar-track.simplebar-vertical {
    display: none;
    right: -20px;
    top: 0;
    bottom: 0;
}

@media (width <= 582px) {
    .header__mobile-catalog .simplebar-track.simplebar-vertical {
        right: -15px;
    }
}

.header__mobile-catalog .input__wrapper {
    height: 45px;
    background-color: white;
}

.header__mobile-catalog .input__wrapper .btn__search {
    background-color: white;
}

.header__mobile-catalog .input__wrapper .btn__search::before {
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/domix/assets/img/search-red.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-nav {
    display: flex;
    width: 100%;
    height: 100%;
    padding-inline: 10px;
}

.header__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.header__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: 0.25s ease-in-out;
}

.header__row.scroll-hidden {
    height: 18px;
}

@media (width <= 991px) {
    .header__row.scroll-hidden {
        display: none;
    }
}

.header__row.hidden {
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.header__row:has(.header__main) {
    height: 50px;
}

@media (width <= 582px) {
    .header__row:has(.header__main) {
        height: 45px;
    }
}

.header__row:has(+ .header__catalog-menu.active) {
    pointer-events: none;
    opacity: 0;
    height: 0;
    margin-top: -20px;
}

.header__row.top {
    padding-block: 12px;
}

@media (width <= 991px) {
    .header__row.top {
        padding-block: 20px 0;
    }
}

.header__row-wrapper {
    display: flex;
    width: 100%;
    transition: 0.25s ease-in-out;
    background-color: white;
    z-index: 2;
}

.header__row-wrapper:first-child {
    z-index: 10;
}

.header__row-wrapper:has(.top) {
    height: 44px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

@media (width <= 991px) {
    .header__row-wrapper:has(.top) {
        height: 65px;
        border: 1px solid transparent;
    }
}

.header__row-wrapper:has(.header__main) {
    padding-block: 12px;
}

.header__row-wrapper:has(.header__main):has(.catalog-menu.active) {
    padding-bottom: 0;
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main):has(.catalog-menu.active) {
        padding-bottom: 18px;
    }
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main) {
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

.header__row-wrapper:has(.header__main) .container {
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: 0.25s ease-in-out;
}

.header__row-wrapper:has(.header__main) .container:has(.hidden) {
    gap: 0;
}

@media (width <= 991px) {
    .header__row-wrapper:has(.header__main) .header__row:last-child {
        display: none;
    }
}

.header__row-wrapper.hidden {
    opacity: 0;
    height: 0;
}

.header:has(.mobile-menu.active) .header__row-wrapper.hidden {
    /*opacity: 1;
    height: 65px;*/
}

.header__shops {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .header__shops {
        display: none;
    }
}

.header__city {
    color: #e9422f;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__city::before {
    content: url("/local/templates/domix/assets/css/../img/map-point.svg");
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__city-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (width <= 582px) {
    .header__city-group {
        gap: 16px;
    }
}

.header__circle {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #d9d9d9;
}

@media (width <= 991px) {
    .header__circle {
        display: none;
    }
}

.header__line {
    width: 1px;
    height: 16px;
    background-color: #d9d9d9;
}

@media (width <= 991px) {
    .header__line {
        display: none;
    }
}

.header__nav {
    display: flex;
    gap: 24px;
    align-items: center;
    color: #666;
}

.header__menu {
    display: flex;
    gap: 16px;
    align-items: center;
}

.header__menu-list {
    display: flex;
    gap: 21px;
    align-items: center;
    color: #666;
}

.header__menu-item {
    position: relative;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__menu-item:hover {
    color: black;
}

.header__menu-item:has(.header__submenu:not(.hidden)) {
    color: black;
}

.header__menu-item:has(.header__submenu) {
    display: flex;
    gap: 2px;
}

.header__menu-item:has(.header__submenu)::after {
    width: 18px;
    height: 18px;
    content: "";
    background-image: url("/local/templates/domix/assets/img/submenu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (width <= 991px) {
    .header__menu {
        display: none;
    }
}

.header__contacts {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 582px) {
    .header__contacts {
        gap: 5px;
    }
}

.header__socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (width <= 582px) {
    .header__socials {
        gap: 5px;
    }
}

.header__social {
    width: 20px;
    height: 20px;
    display: flex;
    cursor: pointer;
}

.header__social img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (width <= 582px) {
    .header__social {
        width: 45px;
        height: 45px;
        background-color: #f9f9fa;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__social img {
        width: 20px;
        height: 20px;
    }
}

.header__callback {
    display: flex;
    align-items: center;
    gap: 4px;
    color: black;
    cursor: pointer;
    transition: 0.25s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__callback::before {
    display: flex;
    width: 18px;
    height: 18px;
    content: url("/local/templates/domix/assets/css/../img/phone.svg");
}

@media (width <= 582px) {
    .header__callback::before {
        width: 20px;
        height: 20px;
    }
}

.header__callback:hover {
    color: #666;
}

@media (width <= 582px) {
    .header__callback {
        font-size: 0;
        gap: 0;
        width: 45px;
        height: 45px;
        background-color: #f9f9fa;
        border-radius: 10px;
        justify-content: center;
    }
}

.header__main {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    gap: 10px;
}

@media (width <= 991px) {
    .header__main {
        width: 100%;
    }
}

@media (width <= 582px) {
    .header__main {
        gap: 10px;
    }
}

.header__catalog {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 991px) {
    .header__catalog {
        display: none;
    }
}

.header__logo {
    width: 123px;
    height: 100%;
}

.header__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__logo-mobile {
    display: none;
}

@media (width <= 991px) {
    .header__logo-mobile {
        display: block;
        height: 34px;
        width: 84px;
    }
}

.header__search {
    width: 600px;
}

@media (width <= 1400px) {
    .header__search {
        width: 450px;
    }
}

@media (width <= 991px) {
    .header__search {
        width: 100%;
    }
}

@media (width <= 582px) {
    .header__search .btn__search {
        width: 45px;
        height: 45px;
    }
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (width <= 991px) {
    .header__actions {
        display: none;
    }
}

.header__info {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 2px;
}

@media (width <= 1400px) {
    .header__info {
        display: none;
    }
}

.header__phone {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: black;
}

.header__phone:hover {
    color: #666;
}

.header__work {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header .sale {
    color: #fa0707;
    display: flex;
    gap: 4px;
    align-items: center;
    transition: 0.25s ease-in-out;
}

.header .sale svg {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
}

.header .sale:hover {
    color: #da311e;
}

.header__btn-menu {
    display: none;
}

@media (width <= 991px) {
    .header__btn-menu {
        display: flex;
        width: 45px;
        height: 45px;
        align-items: center;
        justify-content: center;
        padding: 0;
        flex-shrink: 0;
    }

    .header__btn-menu::before {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("/local/templates/domix/assets/img/menu-rounded.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .header:has(.mobile-menu.active) .header__btn-menu::before {
        background-image: url("/local/templates/domix/assets/img/close.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.header__catalog-menu {
    position: relative;
    margin-top: -14px;
    transition: 0.25s ease-in-out;
}

@media (width <= 991px) {
    .header__catalog-menu {
        display: none;
    }
}

.header__catalog-menu::after {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    transition: 0.25s ease-in-out;
    background-color: rgba(0, 0, 0, 0.05);
}

.header__catalog-menu.active {
    margin-top: 0;
}

.header__catalog-menu.active::after {
    width: 100vw;
}

.header__catalog-menu.active .catalog-menu__wrapper {
    height: 100vh;
    margin-top: 0;
}

.header__row-wrapper.hidden + .header__catalog-menu, .header__row.hidden + .header__catalog-menu {
    margin-top: 0;
}

.header__catalog-menu .catalog-menu__subcategories-panel {
    display: none;
}



.header__catalog-menu .catalog-menu__wrapper {
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: 0.25s ease-in-out;
    width: 100%;
    display: grid;
    grid-template-columns: 303px 1fr;
    position: relative;
}



.header__catalog-menu .catalog-menu__categories-wrapper {
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    height: calc(100vh - var(--header-height));
}

.catalog-menu__subcategories-wrapper{
    height: calc(100vh - var(--header-height) - 90px);
}

.catalog-menu__subcategories-wrapper .simplebar-track.simplebar-vertical {
    display: none;
}

.mobile-menu__container{
    height: calc(100vh - var(--header-height-2) - 60px);
}

.header__catalog-menu .catalog-menu__category {
    display: flex;
    align-items: center;
    height: 50px;
    padding-right: 5px;
    gap: 12px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
}

.header__catalog-menu .catalog-menu__category.active {
    color: #e9422f;
}

.header__catalog-menu .catalog-menu__category.active svg {
    color: #e9422f;
}

.header__catalog-menu .catalog-menu__category:hover {
    color: #da311e;
}

.header__catalog-menu .catalog-menu__category:hover svg {
    color: #da311e;
}

.header__catalog-menu .catalog-menu__category-image {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background-color: #f9f9fa;
    overflow: hidden;
    flex-shrink: 0;
}

.header__catalog-menu .catalog-menu__category-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
}

.header__catalog-menu .catalog-menu__category-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__catalog-menu .catalog-menu__category svg {
    flex-shrink: 0;
    transition: 0.25s ease-in-out;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: #666;
}






.header__catalog-menu .catalog-menu__brend {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9fa;
    border-radius: 12px;
    height: 45px;
    padding: 10px;
}

.header__catalog-menu .catalog-menu__brend img {
    width: 100%;
    height: 80%;
    object-fit: contain;
}




.header__catalog-menu .catalog-menu__subcategories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

@media (width <= 1400px) {
    .header__catalog-menu .catalog-menu__subcategories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    .header__catalog-menu .catalog-menu__subcategories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

.header__catalog-menu .catalog-menu__subcategory {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__catalog-menu .catalog-menu__subcategory-image {
    height: 99px;
    width: 103px;
}

.header__catalog-menu .catalog-menu__subcategory-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__catalog-menu .catalog-menu__subcategory-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__catalog-menu .catalog-menu__subcategory-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header__catalog-menu .catalog-menu__subcategory-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 122px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__subcategory-item {
    color: rgba(0, 0, 0, 0.5);
    width: -moz-fit-content;
    width: fit-content;
}

.header__catalog-menu .catalog-menu__subcategory-item:hover {
    color: black;
}

.header__catalog-menu .catalog-menu__subcategory-more {
    width: -moz-fit-content;
    width: fit-content;
    color: #e9422f;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.header__catalog-menu .catalog-menu__subcategory-more:hover {
    color: #da311e;
}

.header__mobile-menu {
    display: none;
    background-color: #f5f6f7;
    z-index: 1;
}

@media (width <= 991px) {
    .header__mobile-menu {
        display: flex;
        transition: 0.25s ease-in-out;
        transform: translateY(-110%);
        height: 0;
    }

    .header__mobile-menu.active {
        height: calc(100vh - var(--header-height-2) - 60px);
        transform: translateY(0);
    }
}

.header__mobile-menu .mobile-menu__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-block: 20px;
}

.header__mobile-menu .mobile-menu__wrapper > *:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header__mobile-menu .mobile-menu__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.header__mobile-menu .mobile-menu__btn {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__btn::before {
    content: "";
    width: 50px;
    height: 50px;
}

.header__mobile-menu .mobile-menu__btn.i-catalog::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-catalog.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__btn.i-sales::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-sales.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__btn.i-shops::before {
    background-image: url("/local/templates/domix/assets/img/mobile-menu-shops.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__links {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.header__mobile-menu .mobile-menu__links-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__links-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-menu .mobile-menu__links-item {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.header__mobile-menu .mobile-menu__contacts-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header__mobile-menu .mobile-menu__contacts-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

.header__mobile-menu .mobile-menu__contacts-desc {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.header__mobile-menu .mobile-menu__contacts-social {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__mobile-menu .mobile-menu__social {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: white;
}

.header__mobile-menu .mobile-menu__social::before {
    content: "";
    width: 24px;
    height: 24px;
}

.header__mobile-menu .mobile-menu__social.wa::before {
    background-image: url("/local/templates/domix/assets/img/wa.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__social.tg::before {
    background-image: url("/local/templates/domix/assets/img/tg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .mobile-menu__social.phone::before {
    background-image: url("/local/templates/domix/assets/img/phone.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header__mobile-menu .simplebar-vertical {
    right: -20px;
}

@media (width <= 582px) {
    .header__mobile-menu .simplebar-vertical {
        right: -15px;
    }
}

.header__submenu {
    position: absolute;
    top: calc(100% + 10px);
    background-color: white;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 0.25s ease-in-out;
}

.header__submenu * {
    /*width: -moz-max-content;*/
    /*width: max-content;*/
    width: 100%;
}

.header__submenu-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #666;
}

.header__submenu-item:hover a,
.header__submenu-item:hover {
    font-weight: 400;
    color: #000000;
}

.header__submenu.hidden {
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}

.footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    margin-top: auto;
}

@media (width <= 991px) {
    .footer {
        padding-bottom: 60px;
    }
}

.footer__row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.footer__row-wrapper {
    display: flex;
    width: 100%;
}

.footer__row-wrapper:has(.footer__subs) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-block: 20px;
}

.footer__row-wrapper:has(.footer__logo) {
    padding-block: 40px;
}

@media (width <= 991px) {
    .footer__row-wrapper:has(.footer__logo) {
        padding-block: 20px;
    }
}

.footer__row.main {
    display: grid;
    grid-template-columns: 190px minmax(360px, 1fr) 260px; /* фикс 190/260, центр тянется */
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (width <= 1400px) {
    .footer__row.main {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.footer__subs {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

@media (width <= 1400px) {
    .footer__subs {
        flex-direction: column;
        align-items: start;
    }
}

.footer__subs-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
}

@media (width <= 582px) {
    .footer__subs-wrapper {
        width: 100%;
    }
}

.footer__subs-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer__subs-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

@media (width <= 582px) {
    .footer__subs-title {
        max-width: 246px;
    }
}

.footer__subs-descr {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}


body * {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body *::-webkit-scrollbar {
    display: none;
}

.simplebar-vertical {
    right: 5px;
}

.simplebar-vertical .simplebar-scrollbar::before {
    inset: 0 0 25px;
    background: #666;
    opacity: 0.2;
}

.simplebar-track.simplebar-vertical {
    top: 25px;
    width: 5px;
}

.result-search {
    padding: 18px 11px;
    position: fixed;
    z-index: 4001;
    display: none;
    background: white;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    max-width: 100vw;
}

@media (width <= 582px) {
    .result-search {
        padding: 18px 15px;
        overflow-y: scroll;
    }
}

@media (width <= 582px) {
  .result-search {
    height: calc(100% - 60px);
  }
}
.result-search .search-mobile {
    display: none;
}

@media (width <= 582px) {
    .result-search .search-mobile {
    >>> >>> > origin / dev display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
}

@media (width <= 991px) {
    .footer__subs-form {
        flex-direction: column;
        gap: 16px;
        align-items: start;
    }
}

@media (width <= 582px) {
    .footer__subs-form {
        width: 100%;
    }
}

@media (width <= 582px) {
    .footer__subs-form .input__wrapper {
        width: 100%;
    }
}

.footer__subs-form .input[type=text] {
    background-color: white;
    outline: 1px solid #d0d5dd;
    outline-offset: -1px;
    border-radius: 8px;
    width: 300px;
    height: 45px;
}

@media (width <= 582px) {
    .footer__subs-form .input[type=text] {
        width: 100%;
    }
}

.footer__subs-form .input[type=text] {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form .input[type=text]::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form .input[type=text]::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.footer__subs-form button {
    height: 45px;
    width: 140px;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.footer__subs .subs-policy {
    display: flex;
    gap: 8px;
    align-items: center;
}

.footer__subs .subs-policy__text {
    max-width: 290px;
}

.footer__subs .subs-policy__text a {
    text-decoration: underline;
}

.footer__subs .subs-policy__text a:hover {
    color: #e9422f;
}

.footer__logo {
    height: 50px;
    width: 123px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (width <= 1400px) {
    .footer__logo {
        display: none;
    }
}

.footer__main-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 16px;
    max-width: 190px;
}

@media (width <= 1400px) {
    .footer__main-info {
        order: 3;
        width: 100%;
        max-width: 100%;
    }
}

.footer__main-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__main-info-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #666;
}

@media (width <= 1400px) {
    .footer__main-info-links {
        gap: 16px;
    }
}

.footer__main-info-links a:hover {
    color: black;
}

.footer__payment {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #666;
}

.footer__payment-list {
    display: flex;
    gap: 5px;
}

.footer__payment-item {
    background-color: #f9f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 30px;
}

.footer__links {
    display: flex;
    width: 100%;
    max-width: 653px;
    gap: 100px;
    justify-content: space-between;
    margin: 0 auto;
}

@media (width <= 1400px) {
    .footer__links {
        gap: 20px;
        order: 2;
        flex-direction: column;
        max-width: 100%;
    }
}

.footer__links-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    line-height: 18px;
}

.footer__links-group {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (width <= 1400px) {
    .footer__links-group {
        width: 100%;
    }
}

.footer__links-cols {
    display: grid;
    grid-template-rows: repeat(10, auto);
    grid-auto-flow: column;
    width: -moz-min-content;
    width: min-content;
    gap: 8px 60px;
}

@media (width <= 1400px) {
    .footer__links-cols {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
        grid-auto-flow: unset;
        row-gap: 10px;
    }
}

@media (width <= 582px) {
    .footer__links-cols {
        grid-template-columns: repeat(1, 1fr);
    }
}

.footer__links-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (width <= 1400px) {
    .footer__links-col {
        gap: 10px;
    }
}

.footer__links-item {
    width: -moz-max-content;
    width: max-content;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.footer__links-item:hover {
    color: black;
}

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

@media (width <= 1400px) {
    .footer__contacts {
        order: 1;
        width: 100%;
    }
}

.footer__contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__contacts-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.footer__contacts-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    line-height: 20px;
}

.footer__contacts-link:hover {
    color: #e9422f;
}

.footer__contacts-descr {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    line-height: 14px;
    color: #666;
}

.footer__contacts-address {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    line-height: 18px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.footer__contacts-address::before {
    content: url("/local/templates/domix/assets/css/../img/map-point-black.svg");
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__contacts-social {
    height: 32px;
    width: 32px;
    opacity: 1;
    transition: 0.25s ease-in-out;
}

.footer__contacts-social:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

.footer__contacts-socials {
    display: flex;
    gap: 5px;
    align-items: start;
}

.footer__callback {
    margin-top: 4px;
    height: 45px;
}

@media (width <= 1400px) {
    .footer__callback {
        max-width: 360px;
    }
}

@media (width <= 582px) {
    .footer__callback {
        max-width: 100%;
    }
}

.accordeon__body {
    overflow: hidden;
    transition: 0.25s ease-in-out;
    pointer-events: none;
    border-bottom: 1px solid transparent;
}

@media (width <= 1400px) {
    .accordeon__body {
        pointer-events: all;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.accordeon__body.active {
    padding-bottom: 16px;
}

.accordeon__body.active .accordeon__question img {
    rotate: 180deg;
}

.accordeon__question {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    z-index: 2;
    transition: 0.25s ease-in-out;
    padding-bottom: 16px;
}

.accordeon__question img {
    display: none;
    pointer-events: none;
}

@media (width <= 1400px) {
    .accordeon__question img {
        display: block;
        width: 24px;
        height: 24px;
        transition: 0.25s ease-in-out;
        rotate: 0deg;
        margin-left: 24px;
    }
}

.accordeon__subject {
    position: relative;
    z-index: 1;
    transition: 0.25s ease-in-out;
    pointer-events: all;
}

@media (width <= 1400px) {
    .accordeon__subject {
        max-height: 0;
    }
}

:root {
    --swiper-navigation-size: 40px;
    --swiper-theme-color: #e9422f;
    --swiper-navigation-sides-offset: -24px;
    --swiper-pagination-bottom: 0px;
    --swiper-pagination-color: #e9422f;
    --swiper-pagination-bullet-horizontal-gap: calc(5px / 2);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-border-radius: 100%;
    --swiper-pagination-bullet-inactive-color: black;
    --swiper-pagination-bullet-inactive-opacity: 0.1;
    --swiper-navigation-top-offset: 50%;
}

@media (width <= 991px) {
    :root {
        --swiper-navigation-sides-offset: -10px;
        --swiper-navigation-top-offset: 50%;
        --swiper-navigation-size: 32px;
    }
}

.slider {
    width: 100%;
    position: relative;
}

@media (width <= 991px) {
    .slider.no-margin {
        width: calc(100% + var(--padding-container) * 2);
        margin-inline: calc(var(--padding-container) * -1);
        padding-left: var(--padding-container);
    }

    .slider.no-margin .swiper-navigation {
        display: none;
    }
}

@media (width <= 991px) {
    .slider.mobile-hidden .swiper-navigation {
        display: none;
    }
}

.slider .swiper-navigation {
    display: flex;
}

.slider .swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-size: 9px;
}

.slider .swiper-button-prev, .slider .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: white;
    transition: 0.25s ease-in-out;
    color: #e9422f;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (width <= 991px) {
    .slider .swiper-button-prev, .slider .swiper-button-next {
        margin-top: calc(var(--swiper-navigation-size) * -1);
    }
}

/*.slider .swiper-button-prev svg, .slider .swiper-button-next svg {*/
/*    width: 29px;*/
/*    height: 29px;*/
/*    fill: none;*/
/*}*/

.slider .swiper-button-prev:hover, .slider .swiper-button-next:hover {
    color: white;
    background-color: #e9422f;
}

.slider .swiper-button-prev.swiper-button-disabled, .slider .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    background-color: #ededed;
    color: #acacac;
}

.card.collection {
    padding: 16px;
}

@media (width <= 991px) {
    .card.collection {
        padding: 10px;
    }
}

@media (width <= 991px) {
    .card {
        display: flex;
        flex-flow: column;
        /*width: 192px;*/
    }
}

/*@media (width <= 556px) {*/
/*    .card {*/
/*        width: 100%;*/
/*    }*/
/*}*/

.card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card__image-container {
    width: 100%;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
          aspect-ratio: 1 / 1;
}


.card__tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-right: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}

.card__tag {
    display: flex;
    background-color: #f7914a;
    border-radius: 5px;
    gap: 4px;
    align-items: center;
    padding: 4px 6px;
    color: white;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

@media (width <= 991px) {
    .card__tag {
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
    }
}

.card__tag.hit::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("/local/templates/domix/assets/img/hit.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card__actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.collection .card__info {
    padding: 0;
}

.card__main {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card__btn::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.6em;
}

.card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.card__price-main {
    width: -moz-max-content;
    width: max-content;
    color: black;
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .card__price-main {
        font-weight: 600;
        font-size: 18px;
        line-height: 110%;
    }
}

.card__price-old {
    width: -moz-max-content;
    width: max-content;
}

.card__price-old-group {
    display: flex;
    align-items: center;
    gap: 6px;
}

.card__price-old {
    text-decoration: line-through;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.card__price-sale {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fa6969;
    color: white;
    padding: 3px 4px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card__properties {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .card__properties {
        font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: -0.01em;
    }
}

.card__property {
    display: flex;
    gap: 4px;
    align-items: center;
}

.card__property-label {
    color: #666;
}

.card__property-value {
    color: black;
}

.card__property-value-color {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
}

.card__property-value-color__count-hide {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card__property-value-color.black {
    background: #232323;
}

.card__property-value-color.grey {
    background-image: url("/local/templates/domix/assets/img/grey-prop.png");
}

.card__property-value-color.active::after {
    content: "";
    position: absolute;
    inset: -2px;
    border: 1px solid #6d6d6d;
    border-radius: 100%;
}

.card__property-value-color:nth-child(n+10) {
    display: none;
}

@media (width <= 582px) {
    .card__property-value-color:nth-child(n+6) {
        display: none;
    }
}

.card__property.colors {
    display: flex;
    gap: 7px;
}

.card__raiting {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card__raiting-value {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card__raiting-value::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("/local/templates/domix/assets/img/star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card__raiting-reviews {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card .card_sku:not(.sku) {
    display: flex;
    gap: 5px;
}

.card .card_sku .sku-item {
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    padding: 7px 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.card .card_sku .sku-item.active {
    border-color: black;
}

.card .card_sku .sku-item:hover {
    border-color: black;
}

.card__variants {
    display: flex;
    flex-wrap: wrap;
    max-height: 40px;
    position: relative;
    overflow: hidden;
    gap: 6px;
    width: -moz-fit-content;
    width: fit-content;
}

@media (width <= 991px) {
    .card__variants {
        max-height: 32px;
    }
}

.card__variant {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

@media (width <= 991px) {
    .card__variant {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }
}

.card__variant img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card__variant.more {
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.switch-btn__cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.switch-btn__cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.switch-btn input.cmn-toggle-round + label {
    padding: 1px;
    width: 30px;
    height: 16px;
    background-color: #ddd;
    border-radius: 16px;
}

.switch-btn input.cmn-toggle-round + label::before, .switch-btn input.cmn-toggle-round + label::after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

.switch-btn input.cmn-toggle-round + label::before {
    right: 1px;
    background-color: #f1f1f1;
    border-radius: 16px;
    transition: background 0.4s;
}

.switch-btn input.cmn-toggle-round + label::after {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: margin 0.4s;
}

.switch-btn input.cmn-toggle-round:checked + label::before {
    background-color: #4ebc7f;
}

.switch-btn input.cmn-toggle-round:checked + label::after {
    margin-left: 14px;
}

.switch-btn.big input.cmn-toggle-round + label {
    padding: 2px;
    width: 48px;
    height: 24px;
    border-radius: 24px;
}

.switch-btn.big input.cmn-toggle-round + label::before, .switch-btn.big input.cmn-toggle-round + label::after {
    top: 2px;
    left: 2px;
    bottom: 2px;
}

.switch-btn.big input.cmn-toggle-round + label::before {
    right: 2px;
    border-radius: 24px;
}

.switch-btn.big input.cmn-toggle-round + label::after {
    width: 20px;
    height: 20px;
}

.switch-btn.big input.cmn-toggle-round:checked + label::after {
    margin-left: 24px;
}

.result-search {
    padding: 18px 11px;
    position: fixed;
    z-index: 1001;
    display: none;
    background: white;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media (width <= 582px) {
    .result-search {
        padding: 18px 15px;
        overflow-y: scroll;
    }
}

.result-search .search-mobile {
    display: none;
}

@media (width <= 582px) {
    .result-search .search-mobile {
        display: flex;
        align-items: center;
        height: 45px;
        gap: 10px;
    }

    .result-search .search-mobile input {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 100%;
    }

    .result-search .search-mobile .input-block {
        position: relative;
        width: 100%;
    }

    .result-search .search-mobile .input-block svg {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }

    .result-search .search-mobile .close-btn {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }
}

.result-search__search-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    padding-bottom: 4px;
}

.result-search__title-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.result-search__items-result {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 25px;
}

@media (width <= 582px) {
    .result-search__items-result {
        gap: 13px;
    }
}

.result-search__items-result:last-child, .result-search__items-result.last-search-empty {
    padding-bottom: 0;
    border-bottom: none;
}

.result-search__items-result:first-child {
    margin-top: 0;
}

.result-search__item-search {
    display: flex;
    gap: 8px;
}

.result-search__content-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.result-search .delete-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.person-search .result-search__item-search {
    justify-content: space-between;
}

.result-search .clean-person-search {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    opacity: 0.3;
    cursor: pointer;
}

.result-search__title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.result-search .catalog-items {
    display: none;
}

@media (width <= 582px) {
    .result-search .catalog-items {
        margin-top: 25px;
    }
}

.result-search .catalog-items .catalog-list img {
    max-height: 50px;
    max-width: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.result-search .catalog-items .catalog-list .img-block {
    border-radius: 12px;
    background-color: #f9f9fa;
}

.result-search .catalog-items .catalog-list.products .title-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.result-search .catalog-items .catalog-list .text-block {
    gap: 6px;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.result-search .catalog-items .price-block {
    display: flex;
    gap: 9px;
    align-items: center;
}

.catalog-list .result-search__item-search {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}

.catalog-list .result-search__item-search .left-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.result-search .new-price {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.result-search .old-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    opacity: 0.6;
    text-decoration: line-through;
}

.result-search .sale {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: white;
    background-color: #fa6969;
    border-radius: 5px;
    padding: 4px 3px;
}

@media (width <= 768px) {
    .popup-form.bottom .popup-form__form-wrapper {
        transform: translate(-50%, 50%);
        top: unset;
        bottom: 0;
        border-radius: 16px 16px 0 0;
    }
}

@media (width <= 768px) {
    .popup-form.bottom.active .popup-form__form-wrapper {
        transform: translate(-50%, 0);
    }
}

@media (width <= 768px) {
    .popup-form.full .popup-form__form-wrapper {
        height: 100vh;
        max-height: 100vh;
        width: 100vw;
        max-width: 100vw;
    }
}

.popup-form__form-wrapper {
    max-height: 90vh;
    overflow: scroll;
}

.popup-form__form-wrapper.popup-cities {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(100% - var(--padding-container) * 2);
    max-width: 850px;
    height: 470px;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.popup-cities {
        height: 700px;
    }
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities {
        width: 100%;
        height: 100%;
        border-radius: 0;
        gap: 0;
        padding: 16px 12px;
    }
}

.popup-form__form-wrapper.popup-cities .close-form-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.popup-form__form-wrapper.popup-cities .close-form-btn svg:last-child {
    display: none;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .close-form-btn {
        left: 12px;
        top: 16px;
    }

    .popup-form__form-wrapper.popup-cities .close-form-btn svg:first-child {
        display: none;
    }

    .popup-form__form-wrapper.popup-cities .close-form-btn svg:last-child {
        display: block;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities {
    overflow: scroll;
}

.popup-form__form-wrapper.popup-cities .popup-cities__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__title {
        display: flex;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding-bottom: 16px;
        border-bottom: 1px solid #d0d5dd;
        margin-inline: -12px;
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities__search-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__search-wrapper {
        padding-block: 20px;
        max-height: calc(100% - 80px);
        overflow: hidden;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities__search .btn__search {
    background-color: transparent;
}

.popup-form__form-wrapper.popup-cities .popup-cities__search .btn__search::before {
    background-image: url("/local/templates/domix/assets/img/search-gray.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.popup-cities .popup-cities__grid {
    width: 100%;
    -moz-columns: 4;
    columns: 4;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__grid {
        -moz-columns: 2;
        columns: 2;
    }
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__grid {
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 80px);
        overflow: scroll;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities__city {
    text-align: left;
    color: black;
    opacity: 0.8;
    cursor: pointer;
    transition: 0.25s ease-in-out;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    display: flex;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__city {
        order: 1;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities__city.active {
    color: #e9422f;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.popup-cities .popup-cities__city.active {
        order: 0;
    }
}

.popup-form__form-wrapper.popup-cities .popup-cities__city:hover {
    color: #da311e;
}

.popup-form__form-wrapper.popup-cities .popup-cities__message {
    display: flex;
    gap: 6px;
    color: #666;
    margin-top: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.popup-cities .popup-cities__message::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-image: url("/local/templates/domix/assets/img/info.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.zapas {
    width: 100%;
    max-width: 460px;
}

.popup-form__form-wrapper.zapas .zapas__list {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    gap: 24px;
}

.popup-form__form-wrapper.zapas .zapas__item {
    display: flex;
    gap: 12px;
    align-items: center;
}

.popup-form__form-wrapper.zapas .zapas__icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.popup-form__form-wrapper.zapas .zapas__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.popup-form__form-wrapper.zapas .zapas__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.popup-form__form-wrapper.zapas .zapas__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.zapas .zapas__desc {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
}

.popup-form__form-wrapper.zapas .zapas__desc span {
    color: #e9422f;
}

.popup-form__form-wrapper.add-cart {
    width: 100%;
    max-width: 700px;
}

.popup-form__form-wrapper.add-cart .add-cart__product {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.popup-form__form-wrapper.add-cart .add-cart__product-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 0;
}

.popup-form__form-wrapper.add-cart .add-cart__product-price {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: end;
    margin-top: auto;
    margin-left: auto;
}

.popup-form__form-wrapper.add-cart .add-cart__product-price-old {
    color: black;
    opacity: 0.5;
    text-decoration: line-through;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.add-cart .add-cart__product-price-current {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.add-cart .add-cart__product-image {
    display: flex;
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.add-cart .add-cart__product-image {
        width: 90px;
        height: 90px;
    }
}

.popup-form__form-wrapper.add-cart .add-cart__product-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.add-cart .add-cart__product-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 336px;
}

.popup-form__form-wrapper.add-cart .add-cart__product-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.popup-form__form-wrapper.add-cart .add-cart__product-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.add-cart .add-cart__product-prop {
    display: flex;
    gap: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.add-cart .add-cart__product-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.5);
}

.popup-form__form-wrapper.add-cart .add-cart__product-counters {
    display: flex;
    gap: 10px;
}

.popup-form__form-wrapper.add-cart .add-cart__bottom {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.add-cart .add-cart__total {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: end;
}

.popup-form__form-wrapper.add-cart .add-cart__total-desc {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.add-cart .add-cart__total-left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popup-form__form-wrapper.add-cart .add-cart__total-label, .popup-form__form-wrapper.add-cart .add-cart__total-value {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.add-cart .add-cart__buttons {
    display: flex;
    gap: 16px;
}

.popup-form__form-wrapper.add-cart .add-cart__buttons > * {
    width: 100%;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;

}
.popup-form__form-wrapper.add-cart .add-cart__buttons a:hover {
    color: white;
    text-decoration: none;
}
.popup-form__form-wrapper.quick {
    width: 100%;
    max-width: 500px;
}

.popup-form__form-wrapper.quick .quick__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.quick .quick__product {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.popup-form__form-wrapper.quick .quick__product-info {
    display: flex;
    gap: 16px;
}

.popup-form__form-wrapper.quick .quick__product-info-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-form__form-wrapper.quick .quick__product-image {
    display: flex;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.popup-form__form-wrapper.quick .quick__product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.quick .quick__product-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.quick .quick__product-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-form__form-wrapper.quick .quick__product-buttons > * {
    cursor: pointer;
}

.popup-form__form-wrapper.quick .quick__info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.popup-form__form-wrapper.quick .quick__prices {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.quick .quick__price-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.quick .quick__price-rows {
        display: none;
    }
}

.popup-form__form-wrapper.quick .quick__price-row {
    display: flex;
    justify-content: space-between;
}

.popup-form__form-wrapper.quick .quick__price-label {
    color: rgba(0, 0, 0, 0.5);
}

.popup-form__form-wrapper.quick .quick__price-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.quick .quick__total {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    align-items: end;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.quick .quick__total {
        border: none;
        padding: 0;
    }
}

.popup-form__form-wrapper.quick .quick__total-label {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

.popup-form__form-wrapper.quick .quick__total-price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
}

.popup-form__form-wrapper.quick .quick__total-economy {
    display: flex;
    background-color: rgba(78, 188, 127, 0.1);
    color: #4ebc7f;
    padding: 4px 6px;
    border-radius: 5px;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.quick .quick__total-finish {
    display: flex;
    align-items: end;
    gap: 12px;
}

.popup-form__form-wrapper.quick .quick__total-sale {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.quick .quick__total-old {
    color: black;
    opacity: 0.5;
    text-decoration: line-through;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.quick .quick__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.quick .quick__form-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popup-form__form-wrapper.quick .quick__form .btn__primary {
    justify-content: center;
}

.popup-form__form-wrapper.quick .quick-policy__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.quick .quick-policy__text a {
    text-underline-offset: 2px;
    text-decoration: underline;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper,
.popup-form__form-wrapper.quick .quick__cut-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__cut-rows,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__cut-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__label,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__width,
.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__cut-col,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__width,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__cut-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .counter--quick,
.popup-form__form-wrapper.quick .quick__cut-wrapper .counter--quick {
    width: 100%;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__width-list,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__width-list {
    display: flex;
    gap: 5px;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__width-list > button,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__width-list > button {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.add-cart .quick__cut-wrapper .product-calc__width-list > button.is-active,
.popup-form__form-wrapper.quick .quick__cut-wrapper .product-calc__width-list > button.is-active {
    border: 1px solid black;
}

.popup-form__form-wrapper.quick .product-calc__counters--quick {
    display: flex;
    gap: 5px;
}

.popup-form__form-wrapper.quick .product-calc__counters--quick .counter--quick {
    width: 130px;
}

.popup-form__form-wrapper.quick:has(.product-calc__units) .product-calc__counters {
    display: flex;
    height: 35px;
    gap: 5px;
}

.popup-form__form-wrapper.quick:has(.product-calc__units) .product-calc__units {
    gap: 5px;
    width: 156px;
}

.popup-form__form-wrapper.quick:has(.product-calc__units) .counter--quick {
    width: 130px;
}

.popup-form__form-wrapper.quick:has(.product-calc__units) .product-calc__unit {
    height: 35px;
    border-radius: 10px;
    background-color: transparent;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
}

.popup-form__form-wrapper.quick:has(.product-calc__units) .product-calc__unit.is-active {
    border: 1.5px solid black;
}

.popup-form__form-wrapper.variant {
    width: 100%;
    max-width: 500px;
}

.popup-form__form-wrapper.variant .variant__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    gap: 24px;
}

.popup-form__form-wrapper.variant .variant__product {
    display: flex;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    gap: 12px;
    align-items: center;
    padding-right: 12px;
}

.popup-form__form-wrapper.variant .variant__product-image {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.variant .variant__product-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.variant .variant__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.variant .variant__list-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popup-form__form-wrapper.variant .variant__list-header {
    display: flex;
    gap: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.variant .variant__list-label {
    color: rgba(0, 0, 0, 0.5);
}

.popup-form__form-wrapper.variant .variant__list-grid {
    display: grid;
    grid-template-columns: repeat(7, 60px);
    gap: 5px;
}

@media (width <= 582px) {
    .popup-form__form-wrapper.variant .variant__list-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.popup-form__form-wrapper.variant .variant__list-color {
    display: flex;
    padding: 2.5px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    cursor: pointer;
    aspect-ratio: 1;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition: 0.25s ease-in-out;
    max-width: 70px;
}

.popup-form__form-wrapper.variant .variant__list-color img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.popup-form__form-wrapper.variant .variant__list-color:has(input:checked) {
    outline: 2px solid black;
}

.popup-form__form-wrapper.variant .variant__list-color input {
    display: none;
}

.popup-form__form-wrapper.variant .variant__btn {
    height: 50px;
    justify-content: center;
}
.popup-form__form-wrapper.variant .variant__btn:hover {
    color: white !important;
}
.variant__list-grid .variant__list-color.active {
    pointer-events: none;
    border: 2px solid;
}

.variant__list-values {
    display: flex;
    align-items: center;
    gap: 5px;
}

.variant__list-values .sku-btn {
    border-radius: 6px;
    border: 1px solid #00000040;
    padding: 5px 10px;
}

.variant__list-values .sku-btn.active {
    border: 2px solid;
    pointer-events: none;
}

.popup-form__form-wrapper.calc {
    width: 100%;
    max-width: 500px;
}

.popup-form__form-wrapper.calc .calc__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 32px;
}

.popup-form__form-wrapper.calc .calc__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.popup-form__form-wrapper.calc .calc__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.calc .calc__form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.calc .calc__form-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-form__form-wrapper.calc .calc__form .btn__primary {
    justify-content: center;
}

.popup-form__form-wrapper.kits {
    top: 0;
    right: 0;
    left: unset;
    border-radius: 0;
    width: 100%;
    max-width: 460px;
    transform: translateX(100%);
    height: 100vh;
    max-height: 100vh;
    padding: 24px 20px;
}

.popup-form__form-wrapper.kits .simplebar-track {
    display: none;
}

.popup-form__form-wrapper.kits .close-form-btn {
    position: absolute;
    left: -50px;
    top: 20px;
    background-color: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    opacity: 1;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.kits .close-form-btn {
        left: unset;
        right: 12px;
    }
}

.popup-form__form-wrapper.kits .close-form-btn svg {
    opacity: 0.6;
}

.popup-form__form-wrapper.kits .kits__variants-wrapper {
    height: calc(100% - 40px);
}

.popup-form__form-wrapper.kits .kits__variants {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-form__form-wrapper.kits .kits__variant {
    display: flex;
    width: 100%;
    gap: 10px;
    border-radius: 20px;
    padding: 5px;
    background-color: white;
}

.popup-form__form-wrapper.kits .kits__variant.active {
    border: 1.5px solid black;
}

.popup-form__form-wrapper.kits .kits__variant-image {
    width: 180px;
    height: 180px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.kits .kits__variant-image {
        width: 120px;
        height: 120px;
        border-radius: 14px;
    }
}

.popup-form__form-wrapper.kits .kits__variant-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.kits .kits__variant-info {
    display: flex;
    flex-direction: column;
    padding: 10px 10px 10px 0;
    gap: 12px;
}

.popup-form__form-wrapper.kits .kits__variant-price {
    display: flex;
    align-items: end;
    gap: 8px;
}

.popup-form__form-wrapper.kits .kits__variant-price-finish {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

.popup-form__form-wrapper.kits .kits__variant-price-old {
    color: #666;
    text-decoration: line-through;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.kits .kits__variant-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.kits .kits__variant-about {
    color: #5883ec;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.kits .kits__variant-buttons {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: auto;
    width: 100%;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.kits .kits__variant-buttons .btn__primary {
        height: 40px;
    }
}

.popup-form__form-wrapper.kits .kits__variant-buttons .add {
    background-color: #e6e8ea;
    justify-content: center;
    width: 100%;
    height: 45px;
    border-radius: 10px;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.kits .kits__variant-buttons .add {
        height: 40px;
    }
}

.popup-form__form-wrapper.kits .kits__variant-buttons.added .add {
    display: none;
}

.popup-form__form-wrapper.kits .kits__variant-buttons > button {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.kits .kits__variant-buttons:not(.added) .delete,
.popup-form__form-wrapper.kits .kits__variant-buttons:not(.added) .done {
    display: none;
}

.popup-form__form-wrapper.kits .kits__variant-buttons .done {
    width: 100%;
    justify-content: center;
}

.popup-form__form-wrapper.kits .kits__variant-buttons .done::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("/local/templates/domix/assets/img/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.kits .kits__variant-buttons .delete {
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 10px;
    background-color: #e6e8ea;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

@media (width <= 991px) {
    .popup-form__form-wrapper.kits .kits__variant-buttons .delete {
        height: 40px;
        width: 40px;
    }
}

.popup-form__form-wrapper.kits .kits__variant-buttons .delete::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/domix/assets/img/trash.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.set-kits {
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    padding: 0;
}

.popup-form__form-wrapper.set-kits .popup-form__title-block {
    padding: 20px 40px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
    background: white;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.set-kits .popup-form__form-title {
    justify-content: center;
    display: flex;
    margin: 0;
}

.popup-form__form-wrapper.set-kits .close-form-btn {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.popup-form__form-wrapper.set-kits .set-kits__wrapper {
    display: flex;
    padding: 24px 15px;
    height: calc(100% - 155px);
    align-items: start;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.set-kits .set-kits__tabs {
    display: flex;
    align-items: center;
    gap: 5px;
}

.popup-form__form-wrapper.set-kits .set-kits__tabs-content {
    width: 100%;
    height: 100%;
}

.popup-form__form-wrapper.set-kits .set-kits__tab {
    border-radius: 6px;
    display: flex;
    height: 38px;
    background-color: #eef0f1;
    color: #666;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.set-kits .set-kits__tab.active {
    background-color: #e9422f;
    color: white;
}

.popup-form__form-wrapper.set-kits .set-kits__tab-content {
    width: 100%;
    height: 100%;
}

.popup-form__form-wrapper.set-kits .set-kits__tab-content-wrapper {
    display: flex;
    height: 100%;
    max-height: calc(100% - 109px);
}

.popup-form__form-wrapper.set-kits .set-kits__products {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.popup-form__form-wrapper.set-kits .set-kits__product {
    display: flex;
    padding: 5px;
    border-radius: 16px;
    width: 100%;
    background-color: #e6e8ea;
    gap: 14px;
    position: relative;
}

.popup-form__form-wrapper.set-kits .set-kits__product-image {
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}

.popup-form__form-wrapper.set-kits .set-kits__product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.set-kits .set-kits__product-info {
    display: flex;
    flex-direction: column;
    padding: 10px 52px 10px 0;
    gap: 6px;
    align-items: start;
}

.popup-form__form-wrapper.set-kits .set-kits__product-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
}

.popup-form__form-wrapper.set-kits .set-kits__product-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.set-kits .set-kits__product-other {
    margin-top: auto;
    color: #e9422f;
    text-decoration: underline;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.set-kits .set-kits__product.block::after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url("/local/templates/domix/assets/img/kit-block.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.set-kits .set-kits__product.check::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url("/local/templates/domix/assets/img/kit-check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom {
    display: flex;
    width: 100%;
    padding: 16px 15px;
    background-color: #f5f6f7;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-desc {
    color: #666;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-price {
    display: flex;
    align-items: end;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-price-finish {
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-price-old {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: line-through;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-btn .btn__primary {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form__form-wrapper.set-kits .set-kits__bottom-btn .btn__primary::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.help {
    width: 100%;
    max-width: 420px;
}

.container.catalog-container.brands {
    gap: 20px;
}


.file-field .trash-icon {
    display: none;
}

.file-field:has(.file-name.active) {
    display: flex;
    align-items: center;
}

.file-field:has(.file-name.active) label {
    width: 100%;
}

.file-field:has(.file-name.active) * {
    display: none;
}

.file-field:has(.file-name.active) .attach-icon {
    display: none;
}

.file-field:has(.file-name.active) .trash-icon {
    display: block;
}

.file-field .file-name {
    display: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.file-field .file-name span {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.5);
    display: block !important;
}

.file-field .file-name.active {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.file-field:has(.file-name.active) svg, .file-field:has(.file-name.active) svg * {
    display: block;
}

.order-success__wrapper {
    position: relative;
    border-radius: 20px;
    padding: 40px;
    background: white;
}

@media (width <= 991px) {
    .order-success__wrapper {
        background: none;
        padding: 0;
    }
}

.order-success__img {
    position: absolute;
    right: 100px;
    bottom: 26px;
}

@media (width <= 1200px) {
    .order-success__img {
        right: 40px;
    }
}

@media (width <= 991px) {
    .order-success__img {
        position: static;
        margin-top: 32px;
    }
}

.order-success__content {
    max-width: 488px;
}

@media (width <= 991px) {
    .order-success__content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
}

.popup-form__form-wrapper.help .help__desc {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.popup-form__form-wrapper.help .help form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.review {
    width: 100%;
    max-width: 500px;
}

.popup-form__form-wrapper.review .review__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.review .review__product {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.popup-form__form-wrapper.review .review__product-image {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}

.popup-form__form-wrapper.review .review__product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup-form__form-wrapper.review .review__product-title {
    padding-right: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.review .review__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup-form__form-wrapper.review .review__form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.review .review__form-fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.review .review__rating {
    display: flex;
    gap: 4px;
    align-items: center;
}

.popup-form__form-wrapper.review .review__rating-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-form__form-wrapper.review .review__rating-label {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
}

.popup-form__form-wrapper.review .review__rating-label span {
    color: #fa6969;
}

.popup-form__form-wrapper.review .review__rating input.rating-input {
    display: none !important;
}

.popup-form__form-wrapper.review .review__rating label::before {
    content: "";
    cursor: pointer;
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/star-gray.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.review .review__rating label:has(~ input:checked)::before {
    background-image: url("/local/templates/domix/assets/img/star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup-form__form-wrapper.review .btn__primary {
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.popup-form.active .kits {
    transform: translate(0, 0);
}

[role=tabpanel] {
    display: none;
}

[role=tabpanel].active {
    display: block;
}

.counter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 12px;
    gap: 16px;
}

.counter__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter__btn::before {
    content: "";
    width: 32px;
    height: 32px;
}

.counter__btn:first-child {
    left: 0;
}

.counter__btn:first-child::before {
    background-image: url("/local/templates/domix/assets/img/minus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.counter__btn:last-child {
    right: 0;
}

.counter__btn:last-child::before {
    background-image: url("/local/templates/domix/assets/img/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.counter__btn.is-disabled {
    cursor: default;
    opacity: 0.4;
    pointer-events: none;
}

.counter__value {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.counter__mirror {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.counter__input {
    border: none;
    background: transparent;
    padding: 0;
    text-align: center;
    width: 1ch;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.counter__input::-webkit-outer-spin-button, .counter__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.counter__input:focus {
    outline: none;
}

.counter__unit {
    font-size: 16px;
}

.counter__unit sup {
    font-size: 10px;
    position: relative;
    top: -2px;
}

.counter--cart-add {
    padding: 8px 44px;
    width: 120px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.counter--cart-add__input {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.counter--quick {
    padding: 8px 44px;
    width: 100px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.counter__wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.counter__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.5);
}

.select {
    position: relative;
    width: 300px;
}

@media (width <= 991px) {
    .select {
        width: 200px;
    }
}

.select__control {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 40px 10px 12px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #d0d7e2;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    position: relative;
}

.select__control:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.3);
}

.select[data-open=true] .select__control {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    background: #fff;
}

.select__placeholder {
    font-size: 12px;
    line-height: 1.2;
    color: #9ca3af;
}

.select__value {
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

.select__icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: #9ca3af;
    transition: transform 0.15s ease;
    pointer-events: none;
}

.select[data-open=true] .select__icon {
    transform: translateY(-50%) rotate(180deg);
}

.select__menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    padding: 8px 0;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    max-height: 220px;
    overflow-y: auto;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.select[data-open=true] .select__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.select__option {
    width: 100%;
    padding: 10px 16px;
    background: transparent;
    border: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.3;
    color: #111827;
    cursor: pointer;
    transition: background 0.12s ease;
}

.select__option:hover {
    background: #f3f4f6;
}

.select__option--selected {
    font-weight: 600;
    background: #f3f4f6;
}

.select__option--disabled {
    color: #d1d5db;
    cursor: default;
}

.select__option--disabled:hover {
    background: transparent;
}

.select__menu::-webkit-scrollbar {
    width: 4px;
}

.select__menu::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #e5e7eb;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

:root {
    --header-offset: 40vh;
}

[id] {
    scroll-margin-top: var(--header-offset);
}
body {
    background-color: #f5f6f7;
    font-family: "Onest", sans-serif;
    min-height: 100vh;
    padding-top: var(--header-height);
}

main {
    min-height: 50vh;
    margin-block: 40px 80px;
}

@media (width <= 582px) {
    main {
        margin-block: 24px 60px;
    }
}

section {
    margin-block: 60px;
}

@media (width <= 582px) {
    section {
        margin-block: 60px;
    }
}

section:first-child {
    margin-top: 0;
}

@media (width <= 991px) {
    section {
        margin-block: 60px;
    }
}

.breadcrumbs + section {
    margin-top: 24px;
}

a {
    transition: 0.25s ease-in-out;
}

sup,
sub {
    font-size: 0.5em;
    line-height: normal;
}

button {
    cursor: pointer;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--padding-container);
}

.section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    gap: 10px;
}

.section-header__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.01em;
}

@media (width <= 991px) {
    .section-header__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.02em;
    }
}

.section-header--description-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.section-header__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    width: 742px;
    color: #666;
}

@media (width <= 991px) {
    .section-header__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
        width: 100%;
        padding-right: 10px;
    }
}

.section-header__link {
    height: 45px;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.section-header__link::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/domix/assets/img/slider-next.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (width <= 991px) {
    .section-header__link span {
        display: none;
    }

    .section-header__link {
        text-transform: capitalize;
    }
}

body * {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body *::-webkit-scrollbar {
    display: none;
}

.simplebar-vertical {
    right: 5px;
}

.simplebar-vertical .simplebar-scrollbar::before {
    inset: 0 0 25px;
    background: #666;
    opacity: 0.2;
}

.simplebar-track.simplebar-vertical {
    top: 25px;
    width: 5px;
}

.result-search {
    padding: 18px 11px;
    position: fixed;
    z-index: 1001;
    display: none;
    background: white;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media (width <= 582px) {
    .result-search {
        padding: 18px 15px;
        overflow-y: scroll;
    }
}

.result-search .search-mobile {
    display: none;
}

@media (width <= 582px) {
    .result-search .search-mobile {
        display: flex;
        align-items: center;
        height: 45px;
        gap: 10px;
    }

    .result-search .search-mobile input {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 100%;
    }

    .result-search .search-mobile .input-block {
        position: relative;
        width: 100%;
    }

    .result-search .search-mobile .input-block svg {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }

    .result-search .search-mobile .close-btn {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }
}

.result-search .search-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    padding-bottom: 4px;
}

.result-search .search-items-result .title-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.result-search .search-items-result {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 25px;
}

@media (width <= 582px) {
    .result-search .search-items-result {
        gap: 13px;
    }
}

.result-search .search-items-result:last-child, .result-search .search-items-result.last-search-empty {
    padding-bottom: 0;
    border-bottom: none;
}

.result-search .search-items-result:first-child {
    margin-top: 0;
}

.result-search .item-search {
    display: flex;
    gap: 8px;
}

.result-search .content-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.result-search .delete-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.result-search .person-search .item-search {
    justify-content: space-between;
}

.result-search .clean-person-search {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    opacity: 0.3;
    cursor: pointer;
}

.result-search .title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.result-search .catalog-items {
    display: none;
}

@media (width <= 582px) {
    .result-search .catalog-items {
        margin-top: 25px;
    }
}

.result-search .catalog-items .catalog-list img {
    max-height: 50px;
    max-width: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.result-search .catalog-items .catalog-list .img-block {
    border-radius: 12px;
    background-color: #f9f9fa;
}

.result-search .catalog-items .catalog-list .item-search {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}

.result-search .catalog-items .catalog-list .item-search .left-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.result-search .catalog-items .catalog-list.products .title-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.result-search .catalog-items .catalog-list .text-block {
    gap: 6px;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.result-search .catalog-items .price-block {
    display: flex;
    gap: 9px;
    align-items: center;
}

.result-search .new-price {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.result-search .old-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    opacity: 0.6;
    text-decoration: line-through;
}

.result-search .sale {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: white;
    background-color: #fa6969;
    border-radius: 5px;
    padding: 4px 3px;
}

.title-page {
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.01em;
}

@media (width <= 582px) {
    .title-page {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.02em;
    }
}

section.section-no-margin-bottom {
    margin-block-end: 0;
}

.input_placeholder {
    position: relative;
    width: 100%;
    max-width: 300px;
}

.input_placeholder__input {
    width: 100%;
    padding: 19px 12px 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    border: 1px solid rgb(208, 213, 221);
    border-radius: 8px;
    outline: none;
    height: 50px;
}
@media (max-width: 768px){
     .tabs-form .input_placeholder__input.input-phone {
    height: 50px;
}
}

.input_placeholder__input:not(:-moz-placeholder) + .input_placeholder__label {
    top: 11px;
    left: 12px;
    opacity: 0.5;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: black;
}

.input_placeholder__input:focus + .input_placeholder__label, .input_placeholder__input:not(:placeholder-shown) + .input_placeholder__label {
    top: 11px;
    left: 12px;
    opacity: 0.5;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: black;
}

.input_placeholder__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
    transition: 0.25s ease;
    background: #fff;
    padding: 0 4px;
}

.succsess-submit-form-modal {
    display: none;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.succsess-submit-form-modal.active {
    display: block;
}

.succsess-submit-form-modal__wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 480px;
    width: 100%;
    background-color: white;
    padding: 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media (width <= 991px) {
    .succsess-submit-form-modal__wrapper {
        width: 95%;
    }
}

@media (width <= 582px) {
    .succsess-submit-form-modal__wrapper {
        width: 100%;
        max-width: 360px;
    }

    .succsess-submit-form-modal__wrapper svg {
        max-width: 40px;
        max-height: 40px;
    }
}

.succsess-submit-form-modal__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 12px;
    margin-top: 32px;
    display: flex;
    justify-content: center;
}

@media (width <= 582px) {
    .succsess-submit-form-modal__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 110%;
        letter-spacing: -0.02em;
        margin-top: 16px;
    }
}

.succsess-submit-form-modal__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
}

@media (width <= 582px) {
    .succsess-submit-form-modal__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
        max-width: 300px;
    }
}

.succsess-submit-form-modal__text span {
    display: flex;
    justify-content: center;
}

@media (width <= 582px) {
    .succsess-submit-form-modal__text span {
        display: inline;
    }
}

.succsess-submit-form-modal__close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    opacity: 0.3;
}

body:has(.dizayn-proekt) section {
    margin-block: 100px;
}

.breadcrumbs.dizayn-proekt+section {
    margin-top: 24px;
}

@media (width <= 582px) {
    .succsess-submit-form-modal__close-btn {
        top: 20px;
        right: 20px;
    }

    .product-slider:has(.home) .slider.no-margin {
        margin-inline: 0;
    }

    body:has(.dizayn-proekt) section {
        margin-block: 60px;
    }
}

body:has(.succsess-submit-form-modal.active) {
    overflow: hidden;
    position: relative;
}

.catalog-container {
    display: grid;
    grid-template-columns: 264px 1fr;
    gap: 20px;
}

@media (width <= 991px) {
    .catalog-container {
        grid-template-columns: 1fr;
    }
}

.catalog-category__info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (width <= 991px) {
    .catalog-category__info {
        gap: 16px;
    }
}

.catalog-category__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
}

@media (width <= 991px) {
    .catalog-category__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.02em;
        margin-top: 0px;
    }
}

.catalog-category__desc {
    color: #666;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

@media (width <= 991px) {
    .catalog-category__desc {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }

    .catalog-container {
        display: grid;
        grid-template-columns: 50% 1fr;
        gap: 20px;
    }
}

.contact-page__container {
    display: flex;
    gap: 20px;
}

.contact-page__menu {
    max-width: 260px;
    width: 100%;
}

@media (width <= 991px) {
    .contact-page__menu {
        display: none;
    }
}

.contact-page__content {
    width: 100%;
}

.contact-page__content .container {
    padding: 0;
    padding-inline: 0;
}

.container.catalog-container {
    /*display: flex;*/
}

.catalog-container {
    display: grid;
    grid-template-columns: 264px 1fr;
    gap: 20px;
    align-items: start;
}

.catalog-container > form[name="arrFilter_form"] {
    grid-column: 1;
}

.catalog-container > section.product-list {
    grid-column: 2;
}

@media (width <= 730px) {
    .container.catalog-container {
        padding-left: 7px;
        padding-right: 7px;
        display: flex;
        flex-flow: column;
    }
}

.file-field:has(.file-name.active) {
    display: flex;
    align-items: center;
}

.file-field:has(.file-name.active) label {
    width: 100%;
}

.file-field:has(.file-name.active) * {
    display: none;
}

.file-field .file-name {
    display: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.file-field .file-name.active {
    display: inline;
}

.file-field:has(.file-name.active) svg, .file-field:has(.file-name.active) svg * {
    display: block;
}

.order-success__wrapper {
    position: relative;
    border-radius: 20px;
    padding: 40px;
    background: white;
}

@media (width <= 991px) {
    .order-success__wrapper {
        background: none;
        padding: 0;
    }
}

.order-success__img {
    position: absolute;
    right: 100px;
    bottom: 26px;
}

@media (width <= 1200px) {
    .order-success__img {
        right: 40px;
    }
}

@media (width <= 991px) {
    .order-success__img {
        position: static;
        margin-top: 32px;
    }
}

.order-success__content {
    max-width: 488px;
}

@media (width <= 991px) {
    .order-success__content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.order-success__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.01em;
}

@media (width <= 991px) {
    .order-success__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: -0.02em;
        text-align: center;
    }
}

.order-success__description {
    margin-top: 32px;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
}

@media (width <= 991px) {
    .order-success__description {
        margin-top: 16px;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 110%;
    }
}

.order-success__text {
    color: #666;
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

@media (width <= 991px) {
    .order-success__text {
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }
}

.order-success .btn__primary {
    margin-top: 32px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    width: -moz-fit-content;
    width: fit-content;
}

.modal-open {
    /*overflow-y: scroll !important;*/
}

.global-toast {
    display: none!important;
    position: fixed;
    bottom: 40px;
    right: 24px;
    z-index: 9999;
    min-width: 280px;
    max-width: 400px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(120%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s;
    opacity: 0;
}

.global-toast.visible {
    transform: translateY(0);
    opacity: 1;
}

.global-toast.hidden {
    transform: translateY(120%);
    opacity: 0;
}

.toast-content {
    background: #1f2937;
    color: white;
    padding: 16px 20px;
    position: relative;
}

.toast-message {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 10px;
}

.toast-progress {
    height: 4px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    overflow: hidden;
}

.toast-progress-bar {
    height: 100%;
    width: 100%;
    background: #10b981;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform linear;
}

/* Варианты типов */
.toast-success .toast-progress-bar {
    background: #10b981;
}

.toast-error .toast-progress-bar {
    background: #ef4444;
}

.toast-info .toast-progress-bar {
    background: #3b82f6;
}

@media (max-width: 640px) {
    .global-toast {
        bottom: 16px;
        right: 16px;
        left: 16px;
        max-width: none;
    }
}

@media (width <= 991px) {
    .card__image-container {
        height: auto;
    }

    .card__property.sku {
        flex-wrap: wrap;
    }

    .swiper-slide .buy-block {
        margin-top: auto;
    }

    .card__info {
        margin-top: 0;
        flex: 1
    }
}

.banner-categories-slider .swiper-wrapper{
    height: 100%;
}
.swiper-button-next, .swiper-button-prev {
    svg {
        fill: none;
    }
}
@media (width < 992px) {
    .header__mobile-menu.mobile-menu:not('active') .mobile-menu__container{
        display: none;
    }
}
@media (width >= 992px) {
    main .news-slider {
        margin-top: 106px;
    }
    main .news-slider .news-slider__wrapper{
        margin-bottom: 33px;
    }
}
#bx-panel.bx-panel-fixed{
    z-index: 1015 !important;
}
@media (max-width: 991px) {

    .breadcrumbs-wrapper{
        display:flex;
        align-items:center;
        overflow:hidden;
        white-space:nowrap;
    }

    /* скрываем всё */
    .breadcrumbs-wrapper > *{
        display:none;
    }

    /* показываем первые два элемента */
    .breadcrumbs-wrapper > :nth-child(1),
    .breadcrumbs-wrapper > :nth-child(2){
        display:inline-flex;
    }

    /* показываем два последних элемента */
    .breadcrumbs-wrapper > :nth-last-child(2),
    .breadcrumbs-wrapper > :nth-last-child(1){
        display:inline-flex;
    }

    /* добавляем ... перед предпоследним элементом */
    .breadcrumbs-wrapper .breadcrumb-item:nth-last-child(3){
        /* font-size:0;  */
        display: block;
    }

    /* .breadcrumbs-wrapper .breadcrumb-item:nth-last-child(3)::before{
        content:"...";
        font-size:14px;
        color:rgba(0,0,0,.5);
        padding-left: 5px
    } */

    /* ограничиваем длину последней крошки */
    .breadcrumbs-wrapper > :last-child{
        max-width:65vw;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .popup-form__form-wrapper.add-cart .add-cart__buttons {
        display: flex;
        flex-flow: column;
        gap: 8px;
    }
    .popup-form__form-wrapper.add-cart .add-cart__buttons > * {
        height: 45px;
    }
}

.product-delivery__question:focus {
    text-decoration: none!important;
}

a:hover,a:focus {
    color: inherit !important;
    text-decoration: none !important;
}
a.card__btn:hover,a.card__btn:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.search-title.product-page__title{
    width: 100%;
    max-width: 1360px;
    margin: 80px auto 40px auto;
}

body:has(.about-menu),
body:has(.delivery-main),
body:has(.guarantees-main) {
    overflow: visible;
}
.swiper-button-next:not([aria-disabled]),
.swiper-button-prev:not([aria-disabled]) {
 opacity: 0;
}
.swiper-button-next[aria-controls],
.swiper-button-prev[aria-controls] {
 opacity: 1;
}
.footer__subs-form .input__wrapper{
   position: relative;
}
.footer__subs-form .form-error{
       position: absolute;
    bottom: -20px;
    left: 10px;
    color: red; font-size: 12px;
}
.form-error.err-file{
       display: block !important;
    bottom: 0;
    left: 12px;
}

.header__mobile-catalog .mobile-catalog__panel--third {
    width: 100%; flex-shrink: 0; height: 100%;
}
.header__mobile-catalog .mobile-catalog__third-group {
    display: none; flex-direction: column; gap: 20px;
}
.header__mobile-catalog .mobile-catalog__third-group.active {
    display: flex;
}
.header__mobile-catalog.mobile-catalog--thirdlevel .mobile-catalog__track {
    transform: translateX(-200%);
}

.header__mobile-catalog.mobile-catalog__third-group .mobile-catalog__subcat-cols{
    gap:20px;
}

.header__mobile-catalog .mobile-catalog__panel--third {
   width: 100%;
   flex-shrink: 0;
   height: 100%;
}
.header__mobile-catalog .mobile-catalog__third-group {
   display: none;
   flex-direction: column;
   gap: 20px;
}
.header__mobile-catalog .mobile-catalog__third-group.active {
   display: flex;
}
.header__mobile-catalog.mobile-catalog--thirdlevel .mobile-catalog__track {
   transform: translateX(-200%);
}

.header__mobile-catalog.mobile-catalog__third-group .mobile-catalog__subcat-cols {
   gap: 20px;
}
.home-slider .categories-slider__item {
  height: 160px;
  width: calc(12.5% - 10px);
}

.brends-slider .brends-slider__item {
  height: 80px;
}
.assortment-slider .assortment-slider__item {
  height: 160px;
}

.banner-categories-slider .banner-categories-slider__item {
   height: 200px;
}

.ideas-slider .slider-nav-btns button {
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (width <=991px) {
   .home-slider .categories-slider__item {
      height: 105px;
       width: auto;
   }
}
.payment-tabs .section-header {
   margin-bottom: 40px;
}
@media (width <= 991px) {
   .payment-tabs .section-header {
      margin-bottom: 24px;
   }
  .assortment-slider .assortment-slider__item {
    height: 105px;
  }
}
.payment-tabs__tab-wrapper {
   display: flex;
   gap: 5px;
   align-items: center;
   padding: 5px;
   border-radius: 8px;
   background-color: white;
   width: -moz-fit-content;
   width: fit-content;
}
@media (width <= 582px) {
   .payment-tabs__tab-wrapper {
      width: 100%;
   }
}
.payment-tabs__tab-item {
   display: flex;
   padding: 10px 14px;
   border-radius: 6px;
   color: #666;
   cursor: pointer;
   transition: 0.25s ease-in-out;
   justify-content: center;
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
}
@media (width <= 582px) {
   .payment-tabs__tab-item {
      font-weight: 500;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
      flex-basis: 50%;
      padding: 10px;
   }
}
.payment-tabs__tab-item.active {
   color: white;
   background-color: #e9422f;
}
.payment-tabs__tab-item:not(.active):hover {
   background-color: #f7e7e6;
}
.payment-tabs__container {
   margin-top: 40px;
}
@media (width <= 582px) {
   .payment-tabs__container {
      margin-top: 32px;
   }
}
.payment-tabs__fiz-wrapper {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
}
.payment-tabs__fiz-item {
   flex-basis: calc((100% - 60px) / 4);
   border-radius: 20px;
   padding: 24px;
   background: white;
   position: relative;
   height: 270px;
}
@media (width <= 1200px) {
   .payment-tabs__fiz-item {
      flex-basis: calc((100% - 40px) / 3);
   }
}
@media (width <= 991px) {
   .payment-tabs__fiz-item {
      flex-basis: calc((100% - 20px) / 2);
      height: 240px;
   }
}
@media (width <= 582px) {
   .payment-tabs__fiz-item {
      flex-basis: 100%;
      height: 200px;
   }
}
.payment-tabs__fiz-item-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 110%;
}
.payment-tabs__fiz-item-text {
   margin-top: 8px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
   margin-bottom: 10px;
}
.payment-tabs__fiz-item-more {
   margin-top: 8px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #e9422f;
}
@media (width <= 991px) {
   .payment-tabs__fiz-item-text {
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-item-img {
   position: absolute;
   right: 0;
   bottom: 0;
}
.payment-tabs__fiz-item-link {
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
   color: #e9422f;
   margin-top: 16px;
   display: flex;
   align-items: center;
   gap: 5px;
}
.payment-tabs__fiz-item-link:hover::after {
   transform: translateX(3px);
}
.payment-tabs__fiz-item-link::after {
   content: "→";
   display: inline;
   transition: 0.25s ease-in-out;
}
.payment-tabs__fiz-content {
   margin-block: 100px;
}
@media (width <= 991px) {
   .payment-tabs__fiz-content {
      margin-block: 60px;
   }
}
.payment-tabs__fiz-content h2 {
   font-weight: 600;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
}
.payment-tabs__fiz-content h2:not(:first-of-type) {
   margin-top: 40px;
}
.payment-tabs__fiz-content p {
   margin-top: 16px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
}
@media (width <= 991px) {
   .payment-tabs__fiz-content p {
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-wrapper {
   height: 343px;
   border-radius: 20px;
   position: relative;
   overflow: hidden;
}
@media (width <= 768px) {
   .payment-tabs__fiz-banner-wrapper {
      height: 520px;
   }
}
.payment-tabs__fiz-banner-wrapper .btn__primary {
   margin-top: 24px;
   font-weight: 500;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: -0.02em;
   display: inline-flex;
}
.payment-tabs__fiz-banner-background--full {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   -o-object-fit: cover;
   object-fit: cover;
}
.payment-tabs__fiz-banner-background--right {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 2;
}
.payment-tabs__fiz-banner-content {
   position: absolute;
   z-index: 3;
   top: 40px;
   left: 40px;
   width: 700px;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-content {
      top: 24px;
      left: 24px;
      right: 20px;
      width: auto;
   }
}
.payment-tabs__fiz-banner-title {
   font-weight: 600;
   font-size: 32px;
   line-height: 110%;
   letter-spacing: -0.01em;
   color: white;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-title {
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-lists {
   margin-top: 16px;
   color: white;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-lists {
      margin-top: 24px;
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
.payment-tabs__fiz-banner-lists li {
   display: flex;
   gap: 8px;
}
.payment-tabs__fiz-banner-lists li:not(:last-child) {
   margin-bottom: 12px;
}
.payment-tabs__fiz-banner-lists li::before {
   content: "";
   display: inline;
   width: 20px;
   min-width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.4102L8.5375 13.9477L15.625 6.87268' stroke='%23E9422F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   background-position: center;
}
.payment-tabs__fiz-banner-lists .desktop-br {
   display: block;
}
@media (width <= 991px) {
   .payment-tabs__fiz-banner-lists .desktop-br {
      display: none;
   }
}
.payment-tabs__yur-content {
   position: relative;
   border-radius: 20px;
   padding: 32px;
   width: 100%;
   background: white;
}
@media (width <= 991px) {
   .payment-tabs__yur-content {
      padding: 24px;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-content {
      height: 400px;
   }
}
.payment-tabs__yur-banner-background {
   position: absolute;
   bottom: 0;
   right: 63px;
   z-index: 2;
}
@media (width <= 1400px) {
   .payment-tabs__yur-banner-background {
      right: 0;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-banner-background {
      transform: translateX(-50%);
      left: 50%;
      right: 50%;
   }
}
.payment-tabs__yur-title {
   font-weight: 500;
   font-size: 24px;
   line-height: 110%;
   letter-spacing: -0.02em;
}
@media (width <= 991px) {
   .payment-tabs__yur-title {
      font-weight: 500;
      font-size: 18px;
      line-height: 110%;
   }
}
.payment-tabs__yur-text {
   margin-top: 12px;
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #666;
   max-width: 864px;
}
@media (width <= 1400px) {
   .payment-tabs__yur-text {
      max-width: 100%;
      padding-right: 300px;
   }
}
@media (width <= 991px) {
   .payment-tabs__yur-text {
      margin-top: 8px;
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
   }
}
@media (width <= 768px) {
   .payment-tabs__yur-text {
      padding-right: 0;
   }
}
html a:focus {
    outline: 0px;
    outline-offset: 0px;
}
.map-slider__map{
       border-radius: 20px;
    overflow: hidden;
}
.header__callback-m{
display: none;
}
@media (max-width: 582px){
     .header__callback-m{
display: flex;
}
.header__callback-d{
display: none;
}
}
div[id^="wait_comp_"],
.bx-core-waitwindow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.show-search-mobile {
  display: block !important;
  inset: 0px;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after
 {
    display: inherit;
    content: none;
}

.page-inner--w4 {
  max-width: 620px;
}
.page-inner {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
}
.page-text h1, .h1 {
  margin-bottom: 25px;
  font-size: 34px;
  line-height: 40px;
  font-weight: bold;
}
.page-text h1 {
  margin-bottom: 50px;
}
.page-text {
  font-size: 16px;
  line-height: 20px;
}
.page-text p {
  margin-bottom: 30px;
}
.page-text h4, .h4 {
  margin: 30px 0 15px 0;
  font-size: 16px;
  font-weight: bold;
}
.page-text h4 {
  margin: 40px 0 25px 0;
}
.page-text p a + a {
  margin-left: 30px;
}
.page-text a:not([href^='tel:']):not([class]) {
  color: #242424;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* End */
/* /local/templates/domix/components/bitrix/menu/header_top/style.min.css?1776346177490 */
/* /local/templates/domix/components/bitrix/catalog.section.list/header_menu/style.css?17763461771870 */
/* /local/templates/domix/components/bitrix/catalog.section.list/header_menu_mobile/style.css?17805530142125 */
/* /local/templates/domix/components/bitrix/form.result.new/popup_form/style.css?17763461774861 */
/* /local/templates/domix/components/bitrix/menu/footer_inform/style.min.css?1776346177490 */
/* /local/templates/domix/assets/css/libs/swiper-bundle.min.css?177634617717204 */
/* /local/templates/domix/assets/css/libs/simplebar.css?17763461774237 */
/* /local/templates/domix/assets/css/main.css?1781627184179557 */