

/* Start:/local/templates/profklimat/components/maxyss/hl_brand.detail/hidden/style.css?176555196293*/
.img_div {
    width: 25%;
    float: left;
}

.hl_brand-hidden {
    display: none;
}
/* End */


/* Start:/local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/style.css?176555193822421*/
.smart-filter {
  box-sizing: border-box;
  min-width: 220rem;
  width: 100%;
  font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
  font-weight: var(--ui-font-weight-regular, 400);
}

.smart-filter-section {
  position: relative;
  border: 1rem solid #989898;
  border-radius: 20rem;
  padding: 30rem 32rem 33rem;
  background-color: #fff;
}

.smart-filter-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Inter";
  font-weight: 700;
  font-size: 20rem;
  line-height: 128%;
  padding-bottom: 24rem;
  border-bottom: 1rem solid #989898;
}
.smart-filter-title .smart-filter-title-svg {
  width: 34rem;
  height: 25rem;
}

/*Sections*/
.smart-filter-parameters-box {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  border-bottom: 1rem solid #989898;
  padding: 24rem 0;
}
.smart-filter-parameters-box:last-child {
  border: none;
}

.smart-filter-parameters-box-svg {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9rem;
  gap: 10rem;
  background: rgba(35, 114, 132, 0.1);
  border-radius: 5rem;
}
.smart-filter-parameters-box-svg .minus {
  display: none;
}
.smart-filter-parameters-box-svg svg {
  width: 18rem;
  height: 18rem;
}
@media (max-width: 768px) {
  .smart-filter-parameters-box-svg svg {
    width: 10rem;
    height: 10rem;
  }
}

.smart-filter-parameters-box.bx-active .smart-filter-parameters-box-svg .plus {
  display: none;
}
.smart-filter-parameters-box.bx-active .smart-filter-parameters-box-svg .minus {
  display: block;
}

.smart-filter-parameters-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter-btn {
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rem;
  background-color: transparent;
  border: 1rem solid #237284;
  border-radius: 15rem;
  padding: 21rem 0;
  color: #237284;
  font-family: "Inter";
  font-weight: 600;
  font-size: 16rem;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.filter-btn:hover {
  transform: scale(1.01);
  box-shadow: 0 4rem 15rem rgba(0, 0, 0, 0.2);
}
.filter-btn svg {
  width: 33rem;
  height: 23rem;
}
@media (max-width: 768px) {
  .filter-btn svg {
    width: 16rem;
    height: 15rem;
  }
}

.filter-btn-submit {
  background: #237284;
  color: #ffffff;
  display: block;
}

.filter-flex {
  display: flex;
  gap: 20rem;
  padding: 1rem 0;
}
.filter-flex input {
  width: 100%;
  font-size: clamp(12rem, 3vw, 20rem);
}

.smart-filter-block {
  margin: 20rem 0 0;
}

.smart-filter-parameters-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Inter";
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.2;
}

.smart-filter-parameters-box-container {
  display: flex;
  flex-direction: column;
  gap: 16rem;
  height: 100%;
}
.smart-filter-parameters-box-container.scroll {
  overflow-y: auto;
  height: 183rem;
}

.filter-btn-all {
  margin-top: 10rem;
  padding: 15rem 0;
}

.smart-filter-parameters-box-title-text {
  color: var(--primary);
  cursor: pointer;
  transition: 250ms linear all;
}

.bx-active .smart-filter-parameters-box-title-text {
  color: #333;
}

/*region Angles*/
.smart-filter-angle {
  position: relative;
  display: inline-block;
  width: 20rem;
  height: 19rem;
  vertical-align: middle;
}

.smart-filter-angles {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20rem;
  height: 20rem;
  line-height: 20rem;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%);
}

.smart-filter-angles:after,
.smart-filter-angles:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 1rem;
  background-color: var(--primary);
  content: "";
  transition: all 250ms ease;
  transform-origin: center;
}

.smart-filter-angles:before,
.smart-filter-angle-up .smart-filter-angles:after {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.smart-filter-angles:after {
  margin-left: 3rem;
}

.smart-filter-angles:after,
.smart-filter-angle-up .smart-filter-angles:before {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/*endregion*/
/*region hint*/
.smart-filter-hint {
  position: relative;
  display: inline-block;
  margin-right: 6rem;
}

.smart-filter-hint-icon {
  display: block;
  padding: 0 5rem;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background-color: var(--primary);
  color: #fff;
  vertical-align: middle;
  text-align: center;
  font-size: 12rem;
  line-height: 15rem;
}

.smart-filter-hint-popup {
  position: absolute;
  top: calc(100% + 8rem);
  left: -7rem;
  z-index: 10;
  display: none;
  padding: 10rem;
  min-width: 200rem;
  max-width: 300rem;
  border: 1rem solid #dfdfdf;
  border-radius: 3rem;
  background-color: #fff;
  box-shadow: 0 5rem 15rem 0 rgba(0, 0, 0, 0.14);
}

.smart-filter-hint:hover .smart-filter-hint-popup {
  display: block;
}

.smart-filter-hint-popup-angle {
  position: absolute;
  top: -5rem;
  left: 10rem;
  width: 10rem;
  height: 10rem;
  border-top: 1rem solid #dfdfdf;
  border-left: 1rem solid #dfdfdf;
  background-color: #fff;
  transform: rotate(45deg);
}

/*endregion*/
.smart-filter-block {
  display: none;
  transition: padding 0.3s ease;
}

.smart-filter-button-box .smart-filter-block,
.smart-filter-parameters-box.bx-active .smart-filter-block {
  display: block;
}

.smart-filter-parameters-box.bx-active .smart-filter-block i.bx-ft-sub {
  display: block;
  padding-bottom: 5rem;
  font-style: normal;
  font-size: 14rem;
}

/*region NUMBERS_WITH_SLIDER*/
/*endregion*/
/*region TRACK FOR TYPE NUMBER*/
.smart-filter-slider-track-container {
  padding: 35rem 5rem 5rem;
}

.smart-filter-slider-track {
  position: relative;
  height: 7rem;
  background: #e7e7e7;
}

.smart-filter-slider-ruler {
  position: absolute;
  top: -6rem;
  width: 1rem;
  height: 17rem;
  background: #a2bfc7;
}

.smart-filter-slider-ruler.p1 {
  left: -1rem;
}

.smart-filter-slider-ruler.p2 {
  left: 25%;
}

.smart-filter-slider-ruler.p3 {
  left: 50%;
}

.smart-filter-slider-ruler.p4 {
  left: 75%;
}

.smart-filter-slider-ruler.p5 {
  right: -1rem;
}

.smart-filter-slider-ruler span {
  position: absolute;
  top: -16rem;
  left: 50%;
  display: block;
  margin-left: -50rem;
  width: 100rem;
  color: #000;
  text-align: center;
  font-size: 11rem;
}

.smart-filter-slider-ruler.p2 span,
.smart-filter-slider-ruler.p3 span,
.smart-filter-slider-ruler.p4 span {
  color: #6b8086;
}

.smart-filter-slider-range {
  z-index: 50;
}

.smart-filter-slider-range,
.smart-filter-slider-price-bar,
.smart-filter-slider-price-bar-vd,
.smart-filter-slider-price-bar-vn,
.smart-filter-slider-price-bar-v {
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.smart-filter-slider-price-bar {
  z-index: 100;
}

.smart-filter-slider-price-bar-vd {
  background: rgba(35, 114, 132, 0.2);
}

.smart-filter-slider-price-bar-vn {
  z-index: 70;
  background-color: var(--theme-color-light);
}

.smart-filter-slider-price-bar-v {
  z-index: 80;
  background-color: var(--theme-color-primary);
}

.smart-filter-slider-handle {
  width: 10rem;
  height: 30rem;
  position: absolute;
  top: 100%;
  border: 7rem solid var(--primary);
  background-color: #237284;
  pointer-events: all;
}

.smart-filter-slider-handle:hover {
  cursor: grab;
  -webkit-cursor: grab;
  -ms-cursor: grab;
  -o-cursor: grab;
}

.smart-filter-slider-handle:active {
  cursor: grabbing;
  -webkit-cursor: grabbing;
  -ms-cursor: grabbing;
  -o-cursor: grabbing;
}

.smart-filter-slider-handle.left {
  left: 0;
  margin-left: -5rem;
  transform: translateY(-50%);
}

.smart-filter-slider-handle.right {
  right: 0;
  margin-right: -5rem;
  transform: translateY(-50%);
}

/*endregion*/
/* region Select */
.smart-filter-input-group-dropdown {
  display: block;
  height: 31rem;
  border: 1rem solid #ccd5db;
  border-radius: 3rem;
}

.smart-filter-input-group-dropdown.bx-active,
.smart-filter-input-group-dropdown:focus {
  border-color: var(--primary);
}

.smart-filter-dropdown-block {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 29rem 0 10rem;
  height: 29rem;
  border: none;
  border-radius: 2rem;
  background: #fff;
}

.smart-filter-dropdown-text {
  overflow: hidden;
  max-width: 100%;
  height: 29rem;
  vertical-align: middle;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 29rem;
  cursor: pointer;
}

.smart-filter-dropdown-text.fix {
  min-width: 120rem;
}

.smart-filter-dropdown-text label {
  cursor: pointer;
}

.smart-filter-dropdown-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 29rem;
  height: 29rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC") no-repeat center;
  cursor: pointer;
}

.smart-filter-input-group-dropdown-flex {
  display: flex;
  align-items: center;
}

.smart-filter-input-group-dropdown-flex .smart-filter-checkbox-btn-image {
  margin-right: 5rem;
}

/*
*	Select popup
*
*/
.smart-filter-dropdown-popup {
  padding: 0;
  min-width: 173rem;
  background: #fff;
}

.smart-filter-dropdown-popup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.smart-filter-dropdown-popup ul li {
  display: block;
  vertical-align: middle;
}

.smart-filter-dropdown-popup ul li:first-child {
  margin-bottom: 5rem;
  padding-bottom: 5rem;
  border-bottom: 1rem solid #e5e5e5;
}

.smart-filter-dropdown-popup ul li label {
  display: flex;
  align-items: center;
  overflow: hidden;
  /*padding: 0 5rem;*/
  font-size: 20rem;
  width: 100%;
  color: #575757;
  white-space: nowrap;
  cursor: pointer;
}

.smart-filter-dropdown-popup ul li label.selected,
.smart-filter-dropdown-popup ul li label:hover {
  background: #f3f8fa;
  color: #000;
}

.smart-filter-dropdown-popup ul li label.disabled {
  background: transparent;
  color: #b8b8b8;
}

.smart-filter-dropdown-popup ul li .smart-filter-dropdown-text {
  padding-left: 5rem;
}

/*endregion */
/* region TAGS */
.smart-filter-tag {
  padding: 18rem;
  border-top: 1rem solid var(--theme-color-light);
  border-bottom: 1rem solid var(--theme-color-light);
}

.smart-filter .bx-tag-link {
  color: var(--theme-color-light);
  text-decoration: none;
  text-shadow: none;
  font-size: 12rem;
}

.smart-filter .bx-tag-link.bx-active,
.smart-filter .bx-tag-link:hover {
  color: #1d3d46;
}

/*endregion*/
/*region CHECKBOXES_WITH_PICTURES*/
.smart-filter-input-group-checkbox-pictures .smart-filter-param-label {
  display: block;
  float: left;
  margin-right: 5rem;
  margin-bottom: 5rem;
}

/*endregion*/
/*region CHECKBOXES_WITH_PICTURES_AND_LABELS*/
.smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-label {
  display: flex;
  align-items: center;
}

.smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-text {
  padding-left: 5rem;
}

/*endregion*/
/*region LABEL */
.smart-filter-checkbox-btn,
.smart-filter-checkbox-text-btn {
  position: relative;
  display: inline-block;
  padding: 3rem;
  width: 31rem;
  height: 31rem;
  border: 1rem solid #ccd5db;
  border-radius: 2rem;
  background: #fff;
  color: #000;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  line-height: 23rem;
  cursor: pointer;
  transition: border 0.3s ease, box-shadow 0.1s ease, color 0.3s ease;
}

.smart-filter-checkbox-btn:hover,
.smart-filter-checkbox-btn:active,
.smart-filter-checkbox-btn:focus,
.smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn,
.smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn,
.smart-filter-checkbox-text-label.bx-active .smart-filter-checkbox-btn {
  border-color: var(--primary);
}

.smart-filter-checkbox-text,
.smart-filter-dropdown-text {
  font-size: 20rem;
}

.smart-filter-checkbox-label.disabled .smart-filter-checkbox-text,
.smart-filter-dropdown-label.disabled .smart-filter-dropdown-text,
.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-text,
.smart-filter-input-group-checkbox-list.disabled .smart-filter-checkbox-text {
  color: #6c6c6c;
}

.smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn,
.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn {
  position: relative;
  opacity: 0.7;
}

.smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn:before,
.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;
  content: " ";
  opacity: 0.7;
}

.smart-filter-number-label,
.smart-filter-dropdown-label,
.smart-filter-checkbox-label,
.smart-filter-checkbox-text-label {
  min-height: 20rem;
  font-weight: normal;
  cursor: pointer;
}

/**/
.smart-filter-checkbox-btn-image {
  display: block;
  width: 23rem;
  height: 23rem;
  border-radius: 2rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1rem rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  line-height: 24rem;
  -webkit-background-size: cover;
}

.smart-filter-checkbox-btn-image.all {
  position: relative;
  border: none;
  box-shadow: none;
  display: inline-block;
}

.smart-filter-checkbox-btn-image.all:after,
.smart-filter-checkbox-btn-image.all:before {
  position: absolute;
  width: 60%;
  height: 60%;
  background: #fff;
  box-shadow: inset 0 0 0 1rem rgba(0, 0, 0, 0.2);
  content: " ";
}

.smart-filter-checkbox-btn-image.all:after {
  right: 0;
  bottom: 0;
}

.smart-filter-checkbox-btn-image.all:before {
  top: 0;
  left: 0;
}

/*endregion*/
/*region Checkbox / Radio */
.smart-filter-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*endregion*/
/* COLOR */
/* --- colors */
.smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl {
  position: relative;
  background: transparent;
  box-shadow: none;
}

.smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;
  content: " ";
  opacity: 0.7;
}

.smart-filter-param-label .smart-filter-param-btn:hover,
.smart-filter-param-label.bx-active .smart-filter-param-btn {
  border-color: var(--primary);
}

/*
* BTN P/M
*
*/
.smart-filter-param-btn.bx-spm {
  padding: 0;
  min-width: 23rem;
  width: 23rem;
  height: 23rem;
  border-radius: 50%;
  background-color: transparent;
  color: #767b7e;
  vertical-align: top;
  font-weight: normal;
  font-size: 17rem;
  line-height: 23rem;
}

.smart-filter-param-btn.bx-spm.bx-plus {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center;
}

.smart-filter-param-btn.bx-spm.bx-minus {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center;
}

.smart-filter-param-btn.bx-spm:active {
  outline: none !important;
  box-shadow: inset 0 2rem 3rem rgba(0, 0, 0, 0.12);
}

.smart-filter span.bx-spm {
  display: inline-block;
  margin: 0 10rem;
  height: 23rem;
  color: #000;
  vertical-align: middle;
  font-size: 18rem;
  line-height: 23rem;
}

/*
*	icon
*
*/
.smart-filter-select-popup .smart-filter-select-text-icon,
.smart-filter-select-text-icon {
  position: relative;
  display: inline-block;
  margin-top: -4rem;
  margin-right: 2rem;
  width: 23rem;
  height: 23rem;
  border-radius: 2rem;
  vertical-align: middle;
  line-height: 33rem;
}

.smart-filter-select-popup .smart-filter-btn-color-icon,
.smart-filter-btn-color-icon {
  display: block;
  width: 24rem;
  height: 24rem;
  border-radius: 2rem;
  background-size: cover;
  box-shadow: inset 0 0 0 1rem rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  line-height: 24rem;
  -webkit-background-size: cover;
}

.smart-filter-select-popup .smart-filter-btn-color-icon {
  top: 0 !important;
  margin: 2rem 0;
  width: 20rem;
  height: 20rem;
}

.smart-filter-select-block .smart-filter-btn-color-icon {
  top: -1rem !important;
}

.smart-filter-param-label.disabled .smart-filter-btn-color-icon {
  opacity: 0.2;
}

/*
* 	BIZ
*
*/
.smart-filter-parameter-biz {
  display: inline-block;
  margin-right: 10rem;
  border-bottom: 1rem dashed;
  color: #1485ce;
  text-decoration: none;
  font-size: 14rem;
  line-height: 15rem;
}

.smart-filter-parameter-biz:hover {
  border-bottom: 1rem solid;
  text-decoration: none;
}

.smart-filter-parameter-biz.bx-active {
  position: relative;
  border-color: transparent;
  color: #000;
}

/*
*	BTN result and reset
*
*/
.btn-themes {
  color: #fff;
}

.btn-themes.bx-active,
.btn-themes.focus,
.btn-themes:active,
.btn-themes:focus,
.btn-themes:hover {
  color: #fff;
}

/*
* 	Result Popup
*
*/
.smart-filter-popup-result {
  position: absolute;
  z-index: 915;
  display: none;
  margin-top: -9rem;
  margin-left: 10rem;
  padding: 0 10rem;
  min-height: 37rem;
  border: 1rem solid #c6dce7;
  color: #3f3f3f;
  white-space: nowrap;
  font-weight: normal;
  font-size: 13rem;
  line-height: 18rem;
}

.smart-filter-popup-result.left {
  border-width: 2rem 10rem 2rem 2rem;
  -o-border-image: url(/local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/images/result_popup_left.png) 4 20 4 4 repeat;
  border-image: url(/local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/images/result_popup_left.png) 4 20 4 4 fill repeat;
}

.smart-filter-popup-result.right {
  border-width: 2rem 2rem 2rem 10rem;
  -o-border-image: url(/local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/images/result_popup_right.png) 4 4 4 20 repeat;
  border-image: url(/local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/images/result_popup_right.png) 4 4 4 20 fill repeat;
}

.smart-filter-popup-result.right {
  left: 97%;
}

.smart-filter-popup-result.left {
  right: 103%;
}

.smart-filter-horizontal .smart-filter-popup-result {
  position: relative;
  right: auto;
  bottom: -7rem;
  left: auto;
  display: inline-block;
}

.smart-filter-popup-result a {
  color: #0073a3;
  line-height: 10rem;
}

.smart-filter-popup-result a:hover {
  text-decoration: none;
}

.smart-filter-popup-result-close {
  display: none;
}

.catalog-section.loading {
  position: relative;
  min-height: 200rem;
}

.catalog-section.loading::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 50%;
  width: 50rem;
  height: 50rem;
  margin: -20rem 0 0 -20rem;
  border: 3rem solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 1s linear infinite;
  z-index: 98;
}

.catalog-section.loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 5;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 767px) {
  .bx-touch .smart-filter-popup-result {
    position: sticky;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1001;
    margin-top: 0;
    margin-left: 0;
    padding: 10rem;
    width: 100%;
    height: auto;
    border: 1rem solid #c6dae7;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.98);
    font-size: 12rem;
    line-height: 14rem;
  }
  .bx-touch .smart-filter-popup-result br {
    display: none;
  }
  .smart-filter-popup-result .arrow {
    display: none;
  }
  .catalog-section.loading::before {
    top: 5%;
  }
}
.form-group {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 5rem;
}
.form-group:first-child {
  margin-right: 10%;
}

.form-input-price {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  padding: 5rem 10rem;
  width: 100%;
  font-size: 16rem;
}

.form-input-price::-webkit-inner-spin-button,
.form-input-price::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.form-check-input {
  margin-right: 7rem;
  min-width: 24rem;
  height: 24rem;
}

.smart-filter-cross {
  display: none;
}

.smart-filter-input-container {
  width: 100%;
}

.form-control {
  width: 100%;
  -moz-appearance: textfield;
  margin: 0;
  padding: 5rem 10rem;
}

.form-group.hidden {
  display: none;
}

@media (max-width: 768px) {
  .smart-filter {
    width: 100%;
  }
  .smart-filter-parameters-box-title,
  .smart-filter-title {
    font-size: 14rem;
  }
  .smart-filter-checkbox-text,
  .smart-filter-dropdown-text {
    font-size: 12rem;
  }
  .form-check-input {
    margin-right: 5rem;
    width: 14rem;
    height: 14rem;
  }
  .smart-filter-block {
    margin: 10rem 0 0;
  }
  .smart-filter-section {
    border: 1rem solid #989898;
    border-radius: 0;
    padding: 20rem 23rem;
    overflow: hidden;
  }
  .form-input-price {
    font-size: 12rem;
  }
  .smart-filter-parameters-box-svg {
    padding: 5rem;
  }
  .filter-btn {
    font-size: 12rem;
    padding: 14rem 0;
  }
  .smart-filter-dropdown-popup ul li label {
    font-size: 12rem;
  }
  .smart-filter-parameters-box {
    padding: 12rem 0;
  }
  .smart-filter-title-svg {
    display: none;
  }
  .smart-filter-cross {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
  .smart-filter-cross svg {
    width: 23rem;
    height: 23rem;
  }
  .smart-filter-slider-ruler span {
    font-size: 10rem;
  }
  .smart-filter-slider-handle {
    top: 4rem;
    width: 15rem;
    height: 20rem;
    border-radius: 20%;
  }
  .filter-btn-submit {
    display: block;
  }
}
/* End */


/* Start:/local/templates/profklimat/components/rutego/block/sorting-panel/style.css?17655519624708*/
.sorting-panel {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20rem;
  margin-bottom: 38rem;
}
.sorting-panel__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25rem;
}
.sorting-panel span {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.2;
}
.sorting-panel__item {
  display: none;
  max-width: 138rem;
  width: 100%;
  padding: 9rem 0;
  background-color: #237284;
  color: #FFFFFF;
  font-family: "Inter";
  font-weight: 500;
  font-size: 12rem;
  line-height: 120%;
  border: none;
  border-radius: 10rem;
}
.sorting-panel__item.active {
  color: inherit;
}
.sorting-panel__svg {
  cursor: pointer;
}
.sorting-panel__svg.rotate {
  transform: rotate(180deg);
}
.sorting-panel__link--mobile {
  cursor: pointer;
  display: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 1rem solid #237284;
  border-radius: 10rem;
  padding: 11rem;
}
.sorting-panel__link.active svg rect {
  fill: #E3191C;
}
.sorting-panel__link svg {
  width: 26rem;
  height: 17rem;
}
.sorting-panel .sorting-dropdown {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.sorting-panel .sorting-dropdown span {
  margin-right: 10rem;
}
.sorting-panel .sorting-dropdown__wrapper {
  position: relative;
  display: inline-block;
}
.sorting-panel .sorting-dropdown__button {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.2;
  color: #989898;
  border: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sorting-panel .sorting-dropdown__svg {
  display: inline-flex;
  margin-left: 5rem;
  transition: transform 0.2s ease;
}
.sorting-panel .sorting-dropdown__svg svg {
  width: 23rem;
  height: 16rem;
}
.sorting-panel .sorting-dropdown__svg.rotate {
  transform: rotate(180deg);
}
.sorting-panel .sorting-dropdown__list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  display: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1rem solid #ccc;
  border-radius: 4rem;
  list-style: none;
  min-width: 180rem;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.2);
}
.sorting-panel .sorting-dropdown__wrapper:hover .sorting-dropdown__list,
.sorting-panel .sorting-dropdown__wrapper:focus-within .sorting-dropdown__list {
  display: block;
}
.sorting-panel .sorting-dropdown__item {
  padding: 0;
}
.sorting-panel .sorting-dropdown__link {
  display: block;
  padding: 10rem 15rem;
  color: #333;
  text-decoration: none;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17rem;
}
.sorting-panel .sorting-dropdown__link:hover,
.sorting-panel .sorting-dropdown__link.active {
  background-color: #f0f0f0;
}

.collections-wrapper {
  position: relative;
  margin-left: auto;
}

.collections {
  min-width: 316rem;
  opacity: 0;
  display: none;
  flex-direction: column;
  gap: 5rem;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  padding: 20rem 15rem;
  background-color: #fff;
  border: 1rem solid #989898;
  border-radius: 20rem;
  margin-top: 10rem;
  transform: translateY(50%);
  visibility: hidden;
  transition: all 0.3s;
}
.collections.active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.collections a {
  color: #237284 !important;
  font-size: clamp(14rem, 4vw, 16rem);
}

.sorting-panel .btn-collection {
  gap: 10rem;
  padding-right: 30px;
}
.sorting-panel .btn-collection.active .header__svg {
  rotate: 180deg;
}

@media (max-width: 768px) {
  .sorting-panel {
    flex-wrap: wrap;
    margin-bottom: 16rem;
  }
  .sorting-panel__link {
    display: none;
  }
  .sorting-panel__link--mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sorting-panel .sorting-dropdown__list {
    right: 0;
    left: auto;
  }
  .sorting-panel .sorting-dropdown__svg svg {
    width: 20rem;
    height: 10rem;
  }
  .sorting-panel__svg--mobile {
    display: none;
    width: 8rem;
    height: 7rem;
  }
  .sorting-panel__svg--mobile.active {
    display: block;
  }
  .sorting-panel__box {
    gap: 15rem;
  }
  .sorting-panel .sorting-dropdown span {
    display: none;
  }
  .sorting-panel__item {
    display: block;
  }
  .sorting-panel .sorting-dropdown__button {
    font-size: 12rem;
  }
  .sorting-panel .sorting-dropdown__link {
    font-size: 12rem;
  }
  .collections-wrapper {
    order: -1;
    width: 100%;
    justify-content: center;
  }
  .sorting-panel .btn-collection {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
/* End */


/* Start:/local/templates/profklimat/components/bitrix/system.pagenavigation/round-new/style.css?17655519502662*/
.bx-pagination {
  margin: 10rem 0;
}

.bx-pagination .bx-pagination-container {
  text-align: center;
  position: relative;
}

.bx-pagination .bx-pagination-container ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin: 0 2rem 15rem 2rem;
}

.bx-pagination .bx-pagination-container ul li span {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  background: #eff0f1;
  padding: 0 8rem;
  display: block;
  height: 32rem;
  min-width: 32rem;
  line-height: 32rem;
  color: #444;
  font-size: 14rem;
  border-radius: 16rem;
  vertical-align: middle;
  box-sizing: border-box;
}

.bx-pagination .bx-pagination-container ul li a {
  text-decoration: none;
  display: block;
  border-radius: 16rem;
  height: 32rem;
  min-width: 32rem;
  line-height: 32rem;
  color: #444;
  vertical-align: middle;
}

.bx-pagination .bx-pagination-container ul li a:hover span {
  background: #DADADA;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
  background: #e3191c;
  color: #fff;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
  background: #fff;
  border: 2rem solid #eff0f1;
  line-height: 28rem;
  padding: 0 18rem;
  color: #444;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  color: #aab1b4;
  background: #fff;
  border: 2rem solid #eff0f1;
  line-height: 28rem;
  padding: 0 18rem;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
  background: #fff;
  border-color: #DADADA;
  color: #000;
}

/*color schemes*/
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span {
  background: #3bc915;
  color: #fff;
}

.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span {
  background: #F9A91D;
  color: #fff;
}

.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span {
  background: #E22B2B;
  color: #fff;
}

@media (max-width: 768px) {
  .bx-pagination span {
    font-size: 12rem;
  }
  .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
  .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    padding: 0 8rem;
  }
}
/* End */


/* Start:/local/templates/profklimat/components/bitrix/catalog.section/section/style.css?17667596322897*/
.bx-pagination-box {
  background: rgba(35, 114, 132, 0.1);
  border-radius: 30rem;
  padding: 34rem 39rem 24rem;
  margin: 40rem 0;
}

.catalog-section-description p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20rem;
  line-height: 120%;
}

.catalog-section-description h2 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 40rem;
  line-height: 48rem;
  margin-top: 45rem;
}

.catalog-section-description ul:has(.bx-pagination-box) {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25rem;
}

.catalog-section-description ul li {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.2;
  margin: 0;
}

.catalog-section-description a {
  color: #4a8b99;
  text-decoration: underline;
}

.lazy-btn {
  cursor: pointer;
  width: 100%;
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  color: #989898;
  padding: 21rem 0;
  background: #FFFFFF;
  box-shadow: 0rem 2rem 10rem rgba(0, 0, 0, 0.25);
  border-radius: 15rem;
  border: none;
}

.catalog-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.catalog-section__lazy {
  margin-bottom: 35px;
}

.product-table-header {
  display: flex;
  outline: 1rem solid #D6D6D6;
  border-top-left-radius: 20rem;
  border-top-right-radius: 20rem;
}

.product-table-header__item {
  flex: 1;
  margin: 0;
  text-align: center;
  padding: 22rem 30rem;
  font-weight: 400;
  font-size: 20rem;
}

.catalog-section-items {
  width: 100%;
  display: grid;
  gap: 24rem;
  margin-bottom: 24rem;
}

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

.catalog-section-item {
  width: 100%;
}

@media (max-width: 768px) {
  .catalog-section.mobile .catalog-section-items {
    transition: all 0.5s;
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-section.mobile .catalog-section-items .product-item-image-wrapper {
    max-width: 250rem;
    min-height: 250rem;
    margin: 0 auto;
  }
  .catalog-section-grid-table {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-section-items {
    gap: 10rem;
    margin-bottom: 10rem;
  }
  .catalog-section-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .lazy-btn {
    font-size: 12rem;
    padding: 15rem 0;
  }
  .catalog-section-description h2 {
    font-size: 18rem;
    line-height: 1.2;
    margin-top: 10rem;
  }
  .catalog-section-description p {
    font-size: 12rem;
  }
  .catalog-section-description p img {
    max-width: 60rem;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .catalog-section-description table p {
    font-size: 10rem;
  }
  .catalog-section-description ul:has(.bx-pagination-box) {
    gap: 20rem;
  }
  .catalog-section-description ul li {
    font-size: 12rem;
  }
  .bx-pagination-box {
    padding: 15rem;
    border-radius: 20rem;
    margin: 20rem 0;
  }
}
/* End */


/* Start:/local/templates/profklimat/components/bitrix/catalog.item/card/style.css?176555195610332*/
.product-item {
  position: relative;
  background: #ffffff;
  border-radius: 20rem;
  padding: 32rem 24rem;
  outline: 1px solid #D6D6D6;
  transition: box-shadow 0.3s ease;
  max-width: 410rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-item-detail-pay-block .product-item__btns{
    display: grid;
    gap: 0% 2%;
    grid-template-columns: 48% 48%;
}
.product-item-detail-pay-block .product-item__btns .btn.product-item-detail-buy-button {
    padding: 0;
    height: 100%;
}
.product-item:hover {
  box-shadow: 0rem 2rem 10rem rgba(0, 0, 0, 0.25);
  outline: none;
}
.product-item .hidden {
  visibility: hidden;
}
.product-item__tags {
  position: absolute;
  top: 15rem;
  left: 30rem;
  display: flex;
  gap: 5rem;
  flex-wrap: wrap;
  z-index: 15;
}
.product-item__tag {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  border: 1rem solid #237284;
  background-color: #fff;
  border-radius: 10rem;
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  color: #237284;
  padding: 8rem 19rem;
  text-align: center;
}
.product-item img {
  max-width: 100%;
}
.product-item__link {
  display: block;
  cursor: pointer;
}
.product-item-image-wrapper {
  position: relative;
  display: block;
  margin: 0 auto 15rem;
  max-width: 250rem;
  min-height: 225rem;
  align-content: center;
  width: 100%;
  transition: all 300ms ease;
}
.product-item-image-wrapper .swiper-slide {
  align-content: center;
}
.product-item-image-wrapper img {
  max-height: 200rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-item-none {
  display: none;
}
.product-item-image-original {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 300ms linear;
}
.product-item__title {
  font-family: "Inter";
  font-weight: 400;
  color: inherit;
  font-size: 20rem;
  line-height: 128%;
  margin-top: 0;
  margin-bottom: 8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.product-item__brand {
  display: block;
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  line-height: 120%;
  color: #237284;
  margin-bottom: 17rem;
}
.product-item__parameters-btn {
  cursor: pointer;
  display: block;
  position: relative;
  font-family: "Inter";
  font-weight: 600;
  font-size: 16rem;
  line-height: 120%;
  color: #4a4a4a;
  border: none;
  padding: 0;
  margin: 0;
  padding-right: 18rem;
  background-color: transparent;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}
.product-item__parameters-btn::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12rem;
  height: 7rem;
  display: block;
  content: "";
  background-image: url(/local/templates/profklimat/components/bitrix/catalog.item/card/images/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.product-item__parameters-btn.active::after {
  rotate: 180deg;
  transform: translateY(50%);
}
.product-item__parameters {
  display: none;
  padding-top: 10rem;
}
.product-item__parameters.active {
  display: flex;
  gap: 6rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.product-item__parameters-name {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  color: #989898;
}
.product-item__parameters-value {
  color: rgba(0, 0, 0, 0.831372549);
  text-align: end;
}
.product-item__box {
  min-height: 73rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10rem;
  padding-top: 36rem;
  margin-top: auto;
}
.product-item__box .product-item-price {
  display: flex;
  flex-direction: column;
}
.product-item__box .product-item-price .product-item-price-old {
  font-size: 15rem;
  text-decoration: line-through;
}
.product-item__yapay {
  margin-bottom: 20rem;
}
.product-item__yapay yandex-pay-badge {
  max-width: 100%;
}
.product-item__stock {
  max-width: 129rem;
  width: 100%;
  background: #237284;
  border-radius: 10rem;
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  color: #ffffff;
  padding: 9rem 2rem;
  text-align: center;
}
.product-item__price {
  font-family: "Inter";
  font-weight: 700;
  font-size: 20rem;
  line-height: 1.2;
}
.product-item__btns {
  display: flex;
  flex-direction: column;
  gap: 16rem;
  margin-bottom: 25rem;
}
.product-item__btn {
  max-height: 56rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  padding: 19rem;
  font-family: "Inter";
  font-weight: 600;
  font-size: 16rem;
  line-height: 1.2;
  color: #ffffff;
  background: #e3191c;
  border-radius: 15rem;
  transition: all 0.3s ease;
}
.product-item__btn img {
  width: 25rem;
  height: 25rem;
}
.product-item__btn svg {
  width: 25rem;
  height: 25rem;
  display: block;
}
.product-item__btn.disable img {
  display: none;
}
.product-item__btn.disable .product-item__preload-btn {
  display: block;
}
.product-item__btn.disable .product-item__check-suc {
  display: none;
}
.product-item__btn.success img {
  display: none;
}
.product-item__btn.success .product-item__check-suc {
  display: block;
}
.product-item__btn .product-item__preload-btn,
.product-item__btn .product-item__check-suc {
  display: none;
}
.product-item__pay {
  display: block;
  font-family: "Inter";
  font-weight: 600;
  font-size: 16rem;
  line-height: 1.2;
  color: #237284;
  border: 1rem solid #237284;
  background: transparent;
  border-radius: 15rem;
  padding: 18rem 5rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.product-item__hidden {
  display: none;
}
.product-item__opacity {
  opacity: 0.5;
}
.product-item-compare {
  display: flex;
}
.product-item-compare__box {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 13rem;
}
.product-item-compare__box svg {
  width: 18rem;
  height: 19rem;
}
.product-item-compare__box span {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  line-height: 19rem;
  color: #989898;
}
.product-item-compare__box input:checked + svg path {
  stroke: #000000;
}
.product-item-compare__box input:checked + svg .svg__path {
  stroke: #fff;
}
.product-item-compare__box input:checked ~ span {
  font-weight: 600;
  color: #000000;
}
.product-item__delivery {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 10rem;
  font-size: clamp(11rem, 3vw, 15rem);
}
.product-item__delivery-item {
  color: #000;
}
.product-item__delivery-text {
  -webkit-text-decoration: dotted;
  text-decoration: dotted;
}
.product-item-favorite {
  display: flex;
  margin-top: 10rem;
}
.product-item-favorite__box {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 13rem;
}
.product-item-favorite__box svg {
  width: 20rem;
  height: 20rem;
}
.product-item-favorite__box span {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16rem;
  line-height: 19rem;
  color: #989898;
}
.product-item-favorite__box input:checked + svg {
  fill: #000000;
}
.product-item-favorite__box input:checked + svg path {
  stroke: #000000;
}
.product-item-favorite__box input:checked ~ span {
  font-weight: 600;
  color: #000000;
}

.swiper_card {
  height: 100%;
  text-align: center;
}

.swiper-slide .product-item {
  margin: 1.1rem;
}
.swiper-slide .product-item__tag {
  padding: 7rem 11rem;
}
.swiper-slide .product-item__brand {
  margin-bottom: 9rem;
}
.swiper-slide .product-item__parameters-btn {
  display: none;
}
.swiper-slide .product-item__box {
  min-height: auto;
  height: 36rem;
  padding-top: 0;
}

@keyframes svg-animate-path {
  0% {
    stroke-dasharray: 0 400;
  }
  to {
    stroke-dasharray: 400 0;
  }
}
@keyframes svg-animate-circle {
  0% {
    stroke-dasharray: 0 2023;
  }
  to {
    stroke-dasharray: 2023 0;
  }
}
.svg-check-suc {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 30;
  transform-origin: 50% 50%;
}

.circle-check-suc {
  stroke-dasharray: 2023;
  stroke-dashoffset: 2023;
  transform: rotate(-90deg);
  animation: 0.3s ease-in-out 0.3s 1 normal forwards running svg-animate-circle;
}

.path-check-suc {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 0.3s ease-in-out 0.3s 1 normal forwards running svg-animate-path;
}

@media (max-width: 768px) {
  .product-item {
    padding: 8rem;
    padding-bottom: 15rem;
    border-radius: 10rem;
    margin-bottom: 10rem;
  }
  .product-item:hover {
    box-shadow: 0rem 2rem 4rem rgba(0, 0, 0, 0.25);
  }
  .product-item__tags {
    top: 8rem;
    left: 8rem;
  }
  .product-item__tag {
    font-size: 12rem;
    border-radius: 10rem;
    padding: 3rem 8rem !important;
  }
  .product-item__brand {
    font-size: 12rem;
    margin-bottom: 5rem;
  }
  .product-item__title {
    font-size: 12rem;
    margin-bottom: 5rem;
  }
  .product-item-image-wrapper {
    max-width: 140rem;
    min-height: 210rem;
  }
  .product-item__btn, .product-item__pay {
    gap: 5rem;
    font-size: 12rem;
    padding: 10rem 0;
    border-radius: 10rem;
  }
  .product-item__btn img, .product-item__pay img {
    width: 15rem;
    height: 15rem;
  }
  .product-item__btn svg, .product-item__pay svg {
    width: 15rem;
    height: 15rem;
  }
  .product-item__price {
    font-size: 14rem;
  }
  .product-item__btns {
    gap: 10rem;
    margin-bottom: 10rem;
  }
  .product-item__stock {
    max-width: 60rem;
    font-size: 9rem;
    padding: 3rem 1rem;
    border-radius: 5rem;
  }
  .product-item__box {
    font-size: 14rem;
    min-height: auto;
    padding-top: 16rem;
    margin-bottom: 10rem;
  }
  .product-item__box .product-item-price .product-item-price-old {
    font-size: 11rem;
  }
  .product-item__parameters-btn {
    font-size: 12rem;
  }
  .product-item__parameters-name {
    font-size: 8rem;
  }
  .product-item__parameters-value {
    font-size: 8rem;
  }
  .product-item-favorite__box {
    gap: 5px;
  }
  .product-item-favorite__box span {
    font-size: 10rem;
  }
  .product-item-compare__box {
    gap: 5rem;
  }
  .product-item-compare__box svg {
    height: 16rem;
  }
  .product-item-compare__box span {
    font-size: 10rem;
    line-height: 1.2;
  }
  .product-item__yapay {
    max-width: 140rem;
  }
}
/* End */
/* /local/templates/profklimat/components/maxyss/hl_brand.detail/hidden/style.css?176555196293 */
/* /local/templates/profklimat/components/bitrix/catalog.smart.filter/filter111/style.css?176555193822421 */
/* /local/templates/profklimat/components/rutego/block/sorting-panel/style.css?17655519624708 */
/* /local/templates/profklimat/components/bitrix/system.pagenavigation/round-new/style.css?17655519502662 */
/* /local/templates/profklimat/components/bitrix/catalog.section/section/style.css?17667596322897 */
/* /local/templates/profklimat/components/bitrix/catalog.item/card/style.css?176555195610332 */
