/* Start:/local/templates/bspol/assets/css/style.css?179386804769665*/
/* @font-face Rubik вынесен в header.php (автоверсия URL шрифтов) */
:root {
  --font-primary: "Rubik";
  --bg-20: #f0e9f8;
  --black-10: #081538;
  --black-9: #1f3607;
  --black-8: #1f360794;
  --black-3: #96a585;
  --black-2: #9a9a9a;
  --black-1: #ebebeb;
  --black-0: #ffffff;
  --grey-4: #8c8c8c;
  --grey-3: #ababab;
  --grey-2: #e0e0e0;
  --brand-green-1: #69b51d;
  --brand-green-2: #4d8a0f;
  --brand-green-3: #375b0e;
  --brand-yellow-1: #f0f2df;
  --brand-yellow-2: #e2e7b9;
  --red: #f63d3d;
  --white: #ffffff;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-size: 14px;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

html,
body {
  min-width: var(--min-width);

}

body {
  color: var(--black-10);
  line-height: 1.1;

  font-family: var(--font-primary), sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: var(--font-primary);
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

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

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

body.lock {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 101;
  transition: all 0.3s ease 0s;
}

main {
  padding-top: 153px;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

a:hover, a:focus {
  text-decoration: none;
  color:initial;
}

.bestsellers_item_image_slider,
.bestsellers_slider {
  visibility: hidden;
}

.bestsellers_item_image_slider.loaded,
.bestsellers_slider.loaded {
  visibility: visible;
}

/* Фикс для слайдеров */
.wrapper>* {
  min-width: 0;
}

[class*="__container"] {
  margin: 0 auto;
  max-width: 1510px;
  padding: 0 35px;
}

@media (max-width: 1440px) {
  [class*="__container"] {
    max-width: 100vw;
    padding: 0 35px;
  }
}

@media (max-width: 720px) {
  [class*="__container"] {
    padding: 0 24px;
  }
}

.main-hit__title {
  color: #1f3607;
}

.block-tab.-active {
  border: 1px solid transparent;
}

.slick-next-new {

  right: -52px;
  position: absolute;
  top: 50%;
  transform: translate(-55px, -50%);

}

.heading__wrapper {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.page-title {
  font-weight: 500;
  font-size: 30px;
  margin-top: 20px;
  line-height: 100%;
  color: #1F3607;
}

.page-subtitle {
  font-family: Rubik, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

/* --------------------- */
.content section:not(.home):first-child {
  margin-top: 12px;
  /* padding: 0 0 30px 0; */
  padding-bottom: 10px;
}

.content section:last-child {
  padding: 60px 0 60px 0;
}

.h1 {
  font-size: 48px;
  font-weight: 500;
}

.h2 {
  font-size: 32px;
  font-weight: 500;
}

.fs26 {
  font-size: 26px;
}

.fs20 {
  font-size: 20px;
}

.fs18 {
  font-size: 18px;
}

.fs16 {
  font-size: 16px;
}

.fs14 {
  font-size: 14px;
}

.input {
  border-radius: 10px;
  background: var(--black-0);
  padding: 20px;
  width: 100%;
  border: 1px solid var(--black-2);
  transition: all 0.3s ease 0s;
  font-size: 16px;
}

.input:focus {
  border: 1px solid var(--black-10);
}

@media (max-width: 550px) {
  .input {
    padding: 16px 20px;
    font-size: 14px;
  }

  .content section:not(.home):first-child {
    padding: 0 0 5px 0;
  }
}

.checkbox-approval {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.checkbox-approval__checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox-approval__label {
  color: var(--black-2);
  cursor: pointer;
}

.checkbox-approval__checkbox+.checkbox-approval__label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.checkbox-approval__checkbox+.checkbox-approval__label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--brand-green-1);
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  margin-right: 0.5em;
  position: relative;
  cursor: pointer;
}

.checkbox-approval__checkbox:checked+.checkbox-approval__label::before {
  background-color: var(--brand-green-1);
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37524 7.4755L1.89608 4.99634C1.83125 4.93072 1.75404 4.87862 1.66893 4.84306C1.58381 4.8075 1.49249 4.78919 1.40024 4.78919C1.308 4.78919 1.21668 4.8075 1.13156 4.84306C1.04645 4.87862 0.969239 4.93072 0.90441 4.99634C0.83879 5.06117 0.786691 5.13837 0.751133 5.22349C0.715575 5.3086 0.697266 5.39993 0.697266 5.49217C0.697266 5.58441 0.715575 5.67574 0.751133 5.76085C0.786691 5.84597 0.83879 5.92318 0.90441 5.988L3.87233 8.95592C4.14858 9.23217 4.59483 9.23217 4.87108 8.95592L12.3794 1.45467C12.445 1.38984 12.4971 1.31263 12.5327 1.22752C12.5682 1.14241 12.5866 1.05108 12.5866 0.958837C12.5866 0.866594 12.5682 0.775269 12.5327 0.690155C12.4971 0.605042 12.445 0.527833 12.3794 0.463004C12.3146 0.397384 12.2374 0.345285 12.1523 0.309727C12.0671 0.274169 11.9758 0.255859 11.8836 0.255859C11.7913 0.255859 11.7 0.274169 11.6149 0.309727C11.5298 0.345285 11.4526 0.397384 11.3877 0.463004L4.37524 7.4755Z' fill='%23F0F2DF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
}

.btn-green {
  border-radius: 12px;
  transition: all 0.3s ease 0s;
  color: var(--black-0);
  background: var(--brand-green-1);
  padding: 20px 24px;
  font-size: 16px;
}



@media (max-width: 550px) {
  .btn-green {
    font-size: 14px;
    padding: 12px 24px;
  }
}

.btn-green:hover {
  background: var(--brand-green-2);
   color: var(--black-0);
}

.slick-arrow {
  border-radius: 50%;
  background: var(--brand-green-1);
  width: 39px;
  height: 39px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0px;
  transition: all 0.3s ease 0s;
  z-index: 3;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  content: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  content: none;
}

.fancybox__container {
  max-width: 100% !important;
}

.slick-next:before {
  content: none;
}

.slick-arrow svg path {
  fill: white;
  transition: all 0.3s ease 0s;
}

.slick-arrow:hover svg path {
  fill: var(--black-10);
}

.slick-next {
  transform: translate(-40px, -50%);
}

.slick-prev {
  transform: translate(40px, -50%);
}

.slick-prev:before {
  content: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: var(--brand-green-1);
}

.slick-dots li.slick-active button:before {
  content: none;
}

.slick-dots li button:before {
  content: none;
}

.slick-dots li button {
  width: 0px;
  height: 0px;
  padding: 0px;
}

.slick-dots li {
  margin: 0 2px;
}

.slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--black-2);
  transition: all 0.3s ease 0s;
}

.slick-dots li.slick-active {
  background: white;
}

.slick-disabled {
  display: none !important;
}

.color-white {
  color: var(--black-0);
}

.color-black {
  color: var(--black-10);
}

section {
  padding: 30px 0;
}

.block__top {
  margin-bottom: 27px;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
}

.block__top-link {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.block__top-link-text {
  color: var(--brand-green-1);
  transition: all 0.3s ease 0s;
}

.block__top-link-icon {
  width: 18px;
  height: 18px;
}

.block__top-link-icon svg {
  width: 18px;
  height: 18px;
}

.block__top-link-icon svg path {
  fill: var(--brand-green-1);
}

.block__top-link:hover .block__top-link-icon svg path {
  fill: var(--brand-green-2);
}

.block__top-link:hover .block__top-link-text {
  color: var(--brand-green-2);
}

@media (max-width: 1070) {
  .h1 {
    font-size: 42px;
  }
}

@media (max-width: 768px) {
  .fsm14 {
    font-size: 14px;
  }

  .fsm16 {
    font-size: 16px;
  }

  section {
    padding: 16px 0;
  }

  .h1 {
    font-size: 24px;
  }

  .h2 {
    font-size: 24px;
  }

  .fsm20 {
    font-size: 20px;
  }
}

/* ------------------------------------------------ */
@media (min-width: 1520px) {
  #content .main-advantages__container {
    padding-right: 0;
  }
}

.main-advantages__banner {}

.main-advantages__banner-wrapper {
  overflow: hidden;
  border-radius: 32px;
  padding: 32px;
  background: var(--brand-green-1);
  position: relative;
}

.main-advantages__banner-bgs {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}

.main-advantages__banner-bgs-img {
  height: 420px;
}

.main-advantages__banner-bgs-img img {
  object-fit: cover;
  height: 100%;
}

.main-advantages__banner-bgs-dec {
  height: 420px;
}

.main-advantages__banner-bgs-dec img {
  object-fit: cover;
  height: 100%;
}

.main-advantages__banner-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main-advantages__banner-left {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-advantages__banner-icon {
  width: 64px;
  height: 64px;
}

.main-advantages__banner-icon img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.main-advantages__banner-title {
  color: var(--black-0);
}

.main-advantages__banner-right {
  flex: 0 0 63%;
}

.main-advantages__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  /* grid-column-gap: 16px;
  grid-row-gap: 16px; */
  gap: 10px;
}

.main-advantages__item {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: var(--brand-yellow-1);
}

.main-advantages__item-description {
  position: relative;
  z-index: 3;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.main-advantages__item-title {
  font-weight: 500;
}

.main-advantages__item-text {
  max-width: 340px;
}

@media (max-width: 1070px) {
  .main-advantages__banner-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
  }

  .main-advantages__banner-bgs-img {
    display: none;
  }

  .main-advantages__banner-icon {
    display: none;
  }
}

@media (max-width: 650px) {
  .main-advantages__banner-wrapper {
    border-radius: 16px;
    padding: 16px;
  }

  .main-advantages__item-description {
    padding: 12px;
  }

  .main-advantages__item {
    border-radius: 16px;
  }

  .main-advantages__list {
    gap: 6px;
  }
}

@media (max-width: 450px) {
  .main-advantages__banner-content {
    gap: 24px;
  }
}

/* ------------------------------------------------ */
/* .header__container {
  padding: 0;
} */
.header__wrapper {
  /* border-bottom: 1px solid #e6eaf4; */
  /* box-shadow: 0 2px 4px #0000000d; */
  box-shadow: 0px 12px 56.8px 19px #1f36070f;
  border-radius: 0 0 42px 42px;
  padding: 16px 30px;
  padding-bottom: 0;
  background: #ffffff;
}

.header__inner {
  align-items: center;
  justify-content: space-between;
  gap: 17px;
}

.header__left {
  width: 100%;
}

.header__top {
  padding: 2px 0;
}

.header__top-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header__top-nav {}

.header__top-nav-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.header__top-nav-item {}

.header__top-nav-link {
  padding: 5px 4px;
  color: var(--black-2);
  transition: all 0.3s ease 0s;
}

.search__input::placeholder {
  color: #96A5857D;
}

.header__top-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}

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

.header__top-city {
  display: flex;
  gap: 5px;
  color: var(--brand-green-3);
  transition: all 0.3s ease 0s;
}

.header__body-social {
  display: flex;
  gap: 6px;
}

.header__body-info {
  font-family: Rubik;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--black-9);
  display: flex;
  align-items: center;
  gap: 7px;
}

.header__top-link {
  padding: 7px 4px;
  color: var(--black-3);
  transition: all 0.3s ease 0s;
}

.header__top-nav-link:hover,
.header__top-link:hover {
  color: var(--brand-green-1);
}

.header__body-phone {
  font-family: Rubik;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  color: var(--black-9);
}

.header__top-btn-call {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.header__top-btn-icon {
  width: 22px;
  height: 22px;
}

.header__top-btn-icon svg {
  width: 22px;
  height: 22px;
}

.header__top-btn-icon svg path {
  stroke: var(--black-10);
  transition: all 0.3s ease 0s;
}

.header__top-btn-text {
  color: var(--black-10);
  transition: all 0.3s ease 0s;
}

.header__top-btn-call:hover .header__top-btn-text {
  color: var(--brand-green-1);
}

.header__top-btn-call:hover .header__top-btn-icon svg path {
  stroke: var(--brand-green-1);
}

.header__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  gap: 14px;
  transition: all 0.3s ease 0s;
}

.header__body-logo {
  width: 100%;
  max-width: 187px;
  display: block;
}

.header__body-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  /* border: 2px solid var(--brand-green-1); */
  /* border-radius: 80%; */
  /* padding: 0 15px; */
}

.header__body-block-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.header__body-btn-catalog {}

.btn-catalog {
  border-radius: 16px;
  transition: all 0.3s ease 0s;
  color: var(--black-0);
  background: var(--brand-green-1);
  padding: 0px 24px;
  font-size: 16px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}

.header__bottom-line {
  height: 24px;
  border-radius: 25px;
  background: #f5f5f5;
  width: 2px;
  transform: translateY(-1px);
}

.btn-catalog:hover {
  background: var(--brand-green-2);
}

.btn-catalog__icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-bottom: 1px;
}

.btn-catalog__icon-close {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
}

.btn-catalog__icon-menu {
  display: block;
}

.btn-catalog__icon svg {
  width: 14px;
  height: 14px;
}

.btn-catalog__icon span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--black-0);
}

.btn-catalog__icon span:nth-child(1) {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.btn-catalog__icon span:nth-child(2) {
  transition: transform 0.2s ease-in-out;
}

.btn-catalog__icon span:nth-child(3) {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

header._open .btn-catalog__icon span:nth-child(2) {
  transform: scaleY(0);
}

header._open .btn-catalog__icon span:nth-child(1) {
  transform: translate(5px, 0px) rotate(45deg);
}

header._open .btn-catalog__icon span:nth-child(3) {
  transform: translate(5px, 1px) rotate(-45deg);
}

.btn-catalog__text {}

.header__body-search {
  position: relative;
  width: 100%;
}

.search__input {
  position: relative;
  border-radius: 15px;
  font-size: 16px;
  background: var(--white);
  border: 2px solid #69b51c;
  padding: 13px 16px;
  height: 100%;
  width: 94%;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search__btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0 16px 16px 0;
  background: var(--brand-green-1);
  transition: all 0.3s ease 0s;
  /* width: 56px; */
  width: 20%;
  height: 57px;
  padding: 0 2%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.search__btn:hover {
  background: var(--brand-green-2);
}

/* .search__btn svg path {
  stroke: #fff;
} */
.header__body-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  justify-content: flex-end;
  max-width: fit-content;
}

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

.header__body-link {
  transition: all 0.3s ease 0s;
}

.header__body-link {
  color: var(--brand-green-1);
}

.header__body-address {
  color: var(--black-2);
}

.header__body-btn.btn-login {
display: flex;
align-items: center;
gap:14px;

font-weight: 400;

font-size: 14px;
color:#1F3607;
line-height: 100%;
letter-spacing: -2%;
width: auto;

}

.header__body-btn .btn-login__icon svg {
width: 12px;
height: 14px;

}

.btn-login {
  border-radius: 10px;
  background: var(--brand-yellow-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease 0s;
  padding: 15px 16px;
}


.header__body-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.header__body-btn {
  border-radius: 16px;
  background: var(--brand-yellow-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  width: 52px;
  height: 48px;
  position: relative;
}

.header__body-btn svg {
  width: 21px;
  height: 21px;
}

.header__body-btn:hover {
  background: var(--brand-yellow-2);
}

.btn-compare {}

/* header.header__tranform {
  top: -5px;
} */
.header__body-btn-count {
  position: absolute;
  top: -5px;
  right: -5px;
  color: var(--black-0);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--red);
  border-radius: 50%;
  width: fit-content;
  min-width: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.favorite-btn {}

.cart-btn {}

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

.header__bottom-nav,
.header__bottom-line,
.header__bottom-stock {
  /* padding: 0 0 12px 0; */
}

.header__bottom-nav-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-bottom:0;
}

.header__bottom-nav-item {
  padding: 17px 4px;
}

.header__bottom-nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  transition: all 0.3s ease 0s;
  color:var(--black-9);
}

.header__bottom-nav-link:hover {
  color: var(--brand-green-1);
}

.header__bottom-stock {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  /* padding-top: 4px; */
}

.btn-stock svg path {
  stroke: var(--red);
  transition: all 0.3s ease 0s;
}

.btn-stock__icon svg {
  margin-top: -1px;
}

.btn-stock__text {
  transition: all 0.3s ease 0s;
  color: var(--red);
  transform: translateY(-1px);
}

.btn-stock:hover svg path {
  stroke: var(--brand-green-1);
}

.btn-stock:hover .btn-stock__text {
  color: var(--brand-green-1);
}

.btn-compare {}

.search__input-mobi {
  display: none;
}

.search__btn {
  height: 100%;
}

@media (max-width: 1480px) {
  .search__input {
    width: 92%;
  }

  .search__btn {
    width: 20%;
    padding: 0 3%;
  }
}


/*}*/

@media (max-width: 1200px) {
  .header__body-contact {
    display: none;
  }
}

@media (max-width: 1170px) {
  .search__input {
    width: 90%;
  }

  .search__btn {
    width: 20%;
    padding: 0 4%;
  }
}

@media (max-width: 1170px) {
  .search__input {
    width: 90%;
  }

  .search__btn {
    width: 20%;
    padding: 0 4%;
  }
}

@media (max-width: 1080px) {
  .search__input {
    width: 87%;
  }

  .search__btn {
    width: 20%;
    padding: 0 5%;
  }
}

@media (min-width: 978px) {
  .header__top-btn-call {
    display: none;
  }

  .header__inner {
    display: flex;
  }
}

@media (min-width: 1320px) {



  .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(3) img {

    margin-top: 16px;

  }

  .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(4) img {
    margin-top: 13px;
  }

  .side-bar-menu__right-grid-2 .side-bar-menu__right-item:nth-child(1) img {
    margin-top: 5px;
  }

  .side-bar-menu__text {

    font-weight: 400;

    font-size: 20px !important;
    color: #1F3607;
    line-height: 100%;

  }

  .side-bar-menu__right-block {
    padding-right: 0 !important;
  }

  .side-bar-menu__arrows {
    height: 13px;
  }

  .side-bar-menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header__wrapper {
    border-bottom: 1px solid #00000012;
    padding: 0 70px;
  }

  .header__side-bar-menu {
    padding: 0 70px !important;
  }

  .side-bar-menu__right-title {

    font-weight: 500;
    color: #1F3607;
    font-size: 20px;

    line-height: 100%;


  }

  .side-bar-menu__link:hover .side-bar-menu__icon-stock svg path {
    fill: none !important;

  }


  .side-bar-menu__right-item {
    border-radius: 27px !important;
  }

  .side-bar-menu__right-wrapper {
    /* border-left: 1px solid #00000012; */
    padding: 30px 0px 0px 28px !important;
  }

  .side-bar-menu__wrapper {
    border-right: 1px solid #00000012;
  }

  .side-bar-menu__item {
    margin-bottom: 36px;
  }

  .side-bar-menu__body-bottom {
    border-top: 1px solid #00000012;
  }

  .side-bar-menu__body-bottom {
    padding-top: 43px;
  }

  .side-bar-menu__body-bottom .side-bar-menu__link {
    margin-bottom: 36px;
  }

  .side-bar-menu__link.no-sublist .side-bar-menu__arrows {
    display: none;
  }

  .side-bar-menu__body-top {
    margin-bottom: 36px !important;
  }

  .side-bar-menu__link.active {
    background: #D9D9D912 !important;
  }

  .side-bar-menu__item-wp {
    gap: 19px !important;
  }

  /* .side-bar-menu__icon {
    width: auto !important;
    height: auto !important;

  } */

  .side-bar-menu__link:hover .side-bar-menu__icon svg path {
    fill: var(--brand-green-1);
  }

  /* если внутри svg есть <g><rect> */
  .side-bar-menu__link:hover .side-bar-menu__icon svg:has(g rect) g rect {
    fill: var(--brand-green-1);
  }

  /* если внутри svg нет <g><rect> */
  .side-bar-menu__link:hover .side-bar-menu__icon svg:not(:has(g rect)) rect {
    fill: var(--brand-green-1);
  }


}

@media (max-width: 978px) {
  .search__input {
    width: 90%;
  }

  .search__input::placeholder {
    font-size: 14px;

  }

  .btn-catalog__icon {
    width: 15.5px;
    height: 15.5px;
  }

  .btn-catalog__icon svg {
    width: 15.5px;
    height: 15.5px;
  }



  .header__top-btn-call {
    display: flex;
  }



  .header__container {
    padding: 0;
  }


  .search__btn {
    width: 20%;
    padding: 0 4%;
  }

  .btn-catalog__text {
    display: none;
  }

  .btn-catalog {
    padding: 14.25px 14.75px;
    height: auto;
  }

  .search__input {
    padding: 11px 16px;
  }

  .search__input-mobi {
    display: block;

  }

  .search__input-pc {
    display: none;

  }

  .header__top-nav {
    display: none;
  }

  .header__top-link,
  .header__top-btn-text,
  .btn-login__text,
  .header__top,
  .header__body-block,
  .header__bottom-wrapper {
    display: none;
  }

  .header__right {
    display: flex;
    justify-content: space-between;
  }

  .header__body-logo img {
    width: 116px;
  }

  .btn-login {
    background: transparent;
    transition: all 0.3s ease 0s;
    padding: 0px;
  }

  .header__top-btn-icon svg {
    width: 22px;
    height: 22px;
  }

  .btn-login__icon svg {
    width: 22px;
    height: 22px;
  }

  .btn-login:hover {
    background: transparent;
  }

  .header__top-btn-icon svg path {
    fill: rgb(31, 54, 7);
    fill-opacity: 0.27;
    stroke: none !important;
  }

  .btn-login__icon svg path {
    stroke: var(--black-2);
  }

  .header__top {
    border-bottom: 0px solid var(--black-1);
    padding: 16px 0 0 0;
  }

  .header__body {
    padding-top: 15px;
    padding-bottom: 0;
  }

  .header__wrapper {
    padding: 19px 24px 22px 24px;
  }

  .header__body-block-search {
    gap: 16px;
  }

  main {
    padding-top: 160px;
  }
}

@media (max-width: 620px) {
  .header__body-block {
    display: none;
  }
}

@media (max-width: 550px) {
  .search__input {
    width: 87%;
  }


  .search__btn {
    /* background: transparent; */
    /* height: 51px; */
    padding: 0 5%;
  }

  .search__btn:hover {
    /* background: transparent; */
  }

  .search__btn svg path {
    /* stroke: var(--brand-green-1); */
  }

  .search__input {
    /* padding: 15px 16px; */
    font-size: 14px;
  }

  /* .btn-catalog {
    padding: 17px 16px;
    height: auto;
  } */
  .header__body {
    flex-wrap: wrap;
  }
}

@media (max-width: 450px) {
  .search__input {
    width: 80%;
    min-width: 270px;
  }

  .search__btn {
    width: 24%;
    padding: 0 7%;
  }
}

/* ------------------------------------------------ */
/* Mobile Navbar */

@media screen and (min-width: 768px) {
  .mobile_navbar {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: 58px;
  }
}

.mobile_navbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 4px 32px 0 rgb(0 0 0 / 0.08);
    height: 58px;
  background: var(--black-0);
  z-index: 101;
  border-top-right-radius: 42px;
  border-top-left-radius: 42px;
}

/* .mobile_navbar_item {
  padding-block: 12px;
} */

.mobile_navbar_item_list {
 display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  font-size: 12px;
  /* padding-bottom:14px; */
  padding: 8px;
  gap: 8px;

}

.mobile_navbar_item_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 4px; */

  gap: 2px;
}

/* .mobile_navbar_item:nth-child(1) .mobile_navbar_item_icon {
padding-bottom:11px;
padding-top:16px;
}
.mobile_navbar_item:nth-child(2) .mobile_navbar_item_icon {
padding-bottom:16px;
    padding-top: 19px;
}
.mobile_navbar_item:nth-child(3) .mobile_navbar_item_icon {
padding-bottom:14px;
padding-top:18px;
}
.mobile_navbar_item:nth-child(4) .mobile_navbar_item_icon {
padding-bottom:12px;
padding-top:15px;
}
.mobile_navbar_item:nth-child(5) .mobile_navbar_item_icon {
padding-bottom:14px;
padding-top:21px;
} */

/* .mobile_navbar_item_icon {
  width: 24px;
  height: 24px;
} */

.active .mobile_navbar_item_icon {}

.mobile_navbar_item_icon {
  width: 26px;
  height: 26px;
}

.mobile_navbar_item_icon svg {
  width: 26px;
  height: 26px;
}

.mobile_navbar_item_title {
  font-size: 12px;
  /* color: var(--black-2); */
  color: #1F3607;
}

@media(max-width:978px) {
  .header__hidden .header__right {
    display: none;
  }

  .header__hidden .header__body {
    padding: 0 !important;
  }

  .header__hidden {
    padding: 8px 16px;
  }

  .header__hidden .search__btn {
    padding: 0 5%;

  }
}

@media(max-width:450px) {
  .header__hidden .search__btn {
    padding: 0 8%;

  }
}

.active .mobile_navbar_item_title {
  color: var(--brand-green-1);
}

ul.mobile_navbar_item_list li {
  list-style: none;

  min-width: 0;
}

.mobile_navbar_item_list a {
  text-decoration: none;
}

/* .home_icon,
.loop_icon,
.nav-favorite_icon,
.call_icon,
.cart_icon {
  width: 24px;
  height: 24px;
}
.home_icon svg,
.loop_icon svg,
.nav-favorite_icon svg,
.call_icon svg,
.cart_icon svg {
  width: 22px;
  height: 22px;
} */
.home_icon svg path,
.loop_icon svg path,
.nav-favorite_icon svg path,
.call_icon svg path {
  /* stroke: black; */
  /* stroke: var(--black-2); */
}

.cart_icon svg path {
  /* fill: black; */
  /* fill: var(--black-2); */
}

.active .cart_icon svg path {
  /* fill: var(--brand-green-1); */
}

.active .home_icon svg path,
.active .loop_icon svg path,
.active .nav-favorite_icon svg path,
.active .call_icon svg path {
  /* stroke: var(--brand-green-1); */
  fill: var(--brand-green-1);
}

/* Icons */
.main-about__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.main-about__advantages {
  display: flex;

}

.main-about__advantages .main-about__advantage:nth-child(1) {
  margin-right: 59px;
}


.main-about__advantages .main-about__advantage:nth-child(2) {
  margin-right: 40px;
}

.main-about__content h2,.main-about__content h1 {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 26px;
  margin-top: 28px;
  color: #1f3607;
}

.main-about__content-desc {
  font-weight: 400;

  font-size: 16px;

  line-height: 146%;
  color: #1f3607cc;
}

.main-about__content-desc ul{
  padding-left:15px;
}

.main-about__content-desc ul li{
  list-style-type: disc;
}

.main-about__content-desc a{
color:var(--brand-green-1);
}

.main-about__content-desc a:hover{
color:var(--brand-green-2);
}

.main-about__advantages {
  margin-top: 30px;
}

.main-about__advantage svg {
  width: 47px;
  height: 47px;
}



.main-about__advantage span {
  font-family: Rubik;
  font-weight: 500;
  font-size: 57px;
  line-height: 100%;
  color: #1f3607;
  margin-top: 16px;
  display: block;
  margin-bottom: 9px;
}

.main-about__advantage p {
  font-family: Rubik;
  font-weight: 400;
  font-size: 16px;
  line-height: 146%;
  margin-top: 16px;
  color: #1f3607cc;
}

.main-about__button {
  margin-top: 27px;
  display: inline-block;
  border-radius: 16px;
  padding: 20px 25px;
}

/* ---------------------------------------------------------- */
/* Bestsellers Card */

.bestsellers_item_image_slider {
  margin-bottom: 16px !important;
}

.bestsellers_item {
  max-width: 279px;
}

.bestsellers_slider .slick-prev {
  transform: translate(30px, -50%);
}

.bestsellers_slider .slick-next {
  transform: translate(-55px, -50%);
}

.bestsellers_item_image {
  position: relative;
}

.bestsellers_item_image .slick-list.draggable {
  border-radius: 16px;
  overflow: hidden;
  height: 320px;
  width: 279px;
}

.compare_button {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 48px;
  right: 8px;
  background: var(--black-0);
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  opacity: 0.8;
}

.compare_icon {
  width: 16px;
  height: 16px;
}

.favorite_button {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--black-0);
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  opacity: 0.8;
}

.favorite_button:hover,
.compare_button:hover {
  opacity: 1;
}

.favorite_icon {
  width: 18px;
  height: 16px;
}

.favorite_icon svg path,
.compare_icon svg path {
  stroke: var(--black-2);
  transition: all 0.3s ease 0s;
}

.favorite_button:hover .favorite_icon svg path,
.compare_button:hover .compare_icon svg path {
  stroke: var(--black-10);
}

.add_to_basket_button {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: var(--brand-green-1);
  border: none;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  transition: all 0.3s ease 0s;
}

.add_to_basket_button:hover {
  background: var(--brand-green-2);
}

.add_to_basket_icon {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/cart-v2.svg");
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.bestsellers_labels {
  position: absolute;
  left: 8px;
  top: 8px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.new_badge {
  border-radius: 10px;
  background: #838383;
  padding: 8px;
  color: var(--black-0);
}

.bestsellers_item_article {
  color: var(--black-2);
  margin-bottom: 10px;
}

.bestsellers_item_title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: -0.02rem;
  word-break: break-all;
  line-height: 1.3;
  color: #1f3607;
  margin-bottom: 4px;
  transition: all 0.3s ease 0s;
}

.bestsellers_item_title:hover {
  color: var(--brand-green-1);
}

.bestsellers_star_sign {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/star.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

.bestsellers_item_rating {
  color: #ff903f;
}

.bestsellers_item_reviews {
  color: var(--grey-3);
}

.bestsellers_item_stock {
  margin: 8px 0;
}

.bestsellers_item_available {
  color: var(--brand-green-1);
}

.bestsellers_item_not_available {
  color: var(--grey-3);
}

.bestsellers_item_param_title {
  color: var(--grey-3);
}

.bestsellers_item_params {
  display: flex;
  column-gap: 8px;
  row-gap: 2px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.bestsellers_item_old_price {
  color: var(--grey-3);
  text-decoration: line-through;
}

.bestsellers_item .slick-dots {
  display: flex;
  bottom: -12px !important;
  padding: 4px 10px;
  left: 0 !important;
}

.bestsellers_item_price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.bestsellers_item .slick-dots li.slick-active button:before {
  content: none;
}

.bestsellers_item .slick-dots li button:before {
  content: none;
}

.bestsellers_item .slick-dots li button {
  width: 0px;
  height: 0px;
  padding: 0px;
}

.bestsellers_item .slick-dots li {
  margin: 0 2px;
  flex-grow: 1;
}

.bestsellers_item .slick-dots li {
  width: auto;
  height: 4px;
  border-radius: 16px;
  background: var(--grey-2);
  transition: all 0.3s ease 0s;
}

.bestsellers_item .slick-dots li.slick-active {
  background: var(--black-10);
}

.bestsellers .slick-arrow {
  top: 170px;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.bestsellers_item_image_slider .slick-track {
  height: 100%;
}

.main-hit__body {
  padding: 0 0 0 35px;
  margin: 0 auto;
  max-width: 1510px;
}

    
        .complike-popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #1D1D1DB2;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

       
        .complike-popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }

    
        .complike-popup-content {
            background-color: #ffffff;
            width: 90%;
            max-width: 445px; 
            padding: 30px;
            border-radius: 24px; 
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            position: relative;
            text-align: left;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }

        .complike-popup-overlay.active .complike-popup-content {
            transform: scale(1);
        }

      
        .complike-popup-close {
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
            color: #d1d1d1;
            font-size: 24px;
            line-height: 1;
            font-weight: bold;
            transition: color 0.2s;
        }

        .complike-popup-close:hover {
            color: #888;
        }


        .complike-popup-content p {

font-weight: 500;

font-size: 26px;

line-height: 100%;
margin-bottom:23px;
color:#1F3607;
        }

 
        .complike-popup-actions {
            display: flex;
            flex-direction: column;
            gap: 10px; 
        }

        .complike-popup-btn {
            display: block;
            width: 100%;
            padding: 17px 0;
            border-radius: 16px; 
font-weight: 400;
font-size: 14px;
line-height: 100%;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            transition: opacity 0.2s ease;
            border: none;
        }

        .complike-popup-btn:hover {
            opacity: 0.9;
        }

   
        .complike-popup-btn--primary {
            background-color: #69B51C;
            color: #ffffff;
          
        }

     .complike-popup-btn--primary:hover {
  text-decoration: none;
 color: #ffffff;
     }
        .complike-popup-btn--secondary {
            background-color: #f4f4f4; 
            color: #333333;
        }


        .trigger-btn {
            padding: 10px 20px;
            background-color: #333;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .price-popup__content .price-popup__title {
    margin-bottom: 19px;
}

.price-popup__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
}

.furniture-popup.price-popup {
    max-width: 376px;
    padding: 30px;
}

.price-popup__row-label {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #1F3607D1;
}

.price-popup__row-prices {
    display: flex;
    gap: 5px;
    align-items: center;
}

.price-popup__row-prices-now {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #1F3607;
}

.price-popup__row-prices-old {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #1F36075E;
    text-decoration: line-through;
    text-decoration-color: #FF2125;
}

.price-popup__text {
    max-width: 272px;
    font-family: Rubik;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #1F3607;
    margin-bottom: 23px;
}

.popup-input{
    border: 1px solid #DADADA;
    border-radius: 16px;
    padding: 17px 18px;
    height: 48px;
    width: 100%;
    margin-bottom: 14px;
    outline: none !important;
    box-shadow: none;
}

.popup-btn{
    width: 100%;
}

.price-popup__warning{
    margin-top: 17px;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 12px;
    line-height: 111.00000000000001%;
    letter-spacing: -0.02em;
    color: #1F360761;
}

.price-popup__warning span {
    color: #FF2D30;
}

.furniture-popup__title.buy-popup__title {
    margin-bottom: 9px;
}

.buy-popup__text{
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 134%;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.furniture-popup.buy-popup {
    max-width: 445px;
    padding: 30px;
}

.popup-input:focus {
    border: 1px solid #081538;
}


.furniture-select-wrapper {
    margin-bottom: 26px;
}

.furniture-popup {
    position: relative;
    background: #fff;
    width: 90%;
    max-width: 762px;
    max-height: 714px;
    border-radius: 27px;
    padding: 30px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

body .fancybox__backdrop {
    background: #1D1D1DB2;
}

.furniture-popup__close {
    position: absolute;
    top: 33px;
    right: 28px;
    cursor: pointer;
    transition: all 0.25s;
}

.furniture-popup__close:hover path {
    fill: #1F3607;
}

.furniture-popup__title {
    margin-bottom: 20px;
    font-family: "Rubik";
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: #1F3607;
}

.furniture-popup__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    overflow-y: auto;
}

.furniture-popup__item {

}

.furniture-popup__item:hover {

}

.furniture-popup__item-image {
    margin-bottom: 20px;
    background-color: #EBF0E75E;
    border-radius: 27px;
    padding: 25px 36px 10px 36px;
    aspect-ratio: 214/169;
}

.furniture-popup__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.furniture-popup__item-name {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 134%;
    margin-bottom: 13px;
    color: #1F3607;
}

.furniture-popup__item-buy {
    display: inline-block;
    padding: 8px 14px;
    background: #1976d2;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.25s;
}

.furniture-popup__item-article {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 12px;
    line-height: 22%;
    color: #1F360736;
    margin-bottom: 13px;
}

.furniture-popup__item-price {
    font-family: "Rubik";
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    color: #1F3607;
    margin-bottom: 13px;
}



@media (max-width: 768px) {
  .block__top {
    margin-bottom: 27px;
  }

  .bestsellers_item {
    margin: 0;
  }

  .bestsellers_slider .slick-arrow {
    opacity: 0;
    z-index: 0;
  }

  .page-title {
    font-weight: 500;
    margin-top: 18px;
    font-size: 28px;
    line-height: 108%;
  }

    .complike-popup-content {
    max-width: 90%;
  }


.complike-popup-content h2{
  font-size: 22px;
}

.complike-popup-btn {
font-size: 12px;
}
}

@media (max-width: 720px) {
  .bestsellers_item {
    max-width: 182px;
  }

  .header__container {
    padding: 0;
  }

  .bestsellers_item_image .slick-list.draggable {
    max-width: 182px;
  }

  .slick-slide {
    object-fit: cover;
  }

  .bestsellers_labels div {
    font-size: 12px;
  }

  .favorite_button {
    width: 28px;
    height: 28px;
  }

  .bestsellers_item_title {
    font-size: 14px;
  }

  .bestsellers_item_params {
    display: none;
  }

  .bestsellers_item_current_price {
    font-size: 16px;
  }

  .bestsellers_item_old_price {
    font-size: 14px;
  }

  .main-hit__tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
  }

  .main-hit__tab {
    white-space: nowrap;
  }

  .main-hit__tabs::-webkit-scrollbar {
    display: none;
  }

  .main-hit__body {
    padding: 0 0 0 24px;
  }


}

@media (max-width: 550px) {
  .bestsellers_item_image .slick-list.draggable {
    border-radius: 10px;
  }
}

@media (max-width: 490px) {
  .bestsellers_item {
    max-width: 175px;
  }

  .bestsellers_item_image .slick-list.draggable {
    max-width: 175px;
  }
}

@media (max-width: 405px) {
  .bestsellers_item {
    max-width: 155px;
  }

  .bestsellers_item_image .slick-list.draggable {
    max-width: 155px;
  }

  .bestsellers_item_old_price {
    font-size: 12px;
  }
}

/* ------------------------------------------------ */

.header__icon {
  width: 22px;
  height: 22px;
}

.bg-telegram {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/telegram.svg");
}

.bg-telegram_header {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/telegram_header.svg");
}

.bg-telegram_footer {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/telegram_footer.svg");
}

.bg-whatsapp {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/whatsapp.svg");
}

.bg-whatsapp_header {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/whatsapp_header.svg");
}

.bg-whatsapp_footer {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/whatsapp_footer.svg");
}

.bg-vk {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/vk.svg");
}

.bg-vk_footer {
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/vk_footer.svg");
}

.icon-ya-ranking {
  /* background-image: url("/local/templates/bspol/assets/css/.././images/icons/yandex-ranking.svg"); */
  background-image: url("/local/templates/bspol/assets/css/.././images/icons/yandex-ranking_new.svg");
  width: 117.74px;
  height: 25.51px;
}

.header__bottom_nav_vr {
  border-left: 1px solid #f5f5f5;
  height: calc(1em + 20px);
}

@media (max-width: 1420px) {
  .advantages {
    display: none;
  }
}

@media (max-width: 1320px) {}

@media (max-width: 1170px) {}

@media (max-width: 620px) {
  .main-about__content h2 {
    font-size: 28px;
  }

  .main-about__content p {
    font-size: 14px;
  }

  .main-about__advantage svg {
    width: 37px;
    height: 37px;
  }

  .main-about__advantage span {
    font-size: 44px;
  }

  .main-about__advantage p {
    font-size: 12px;
  }

  /* .main-about__advantages {
    gap: 15px;
  } */
}

/************************************************************/
.header__bottom-wrapper {
  position: relative;
}

.header__side-bar-menu {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.6s ease 0s;
  padding: 0 35px;
  z-index: 13;
}

.side-bar-menu {
  width: 100%;
  background: #fff;
  height: calc(100vh - 100% - 1px);
  transform: translateX(-4000px);
  opacity: 0;
  display: flex;
  flex-direction: row;
}

.side-bar-menu__right-wrapper {
  padding: 16px 0 16px 18px;
  background: #fff;
  width: 100%;
}

.side-bar-menu__right-grid-1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 137px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}


.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(1) {
  grid-area: 1 / 1 / 3 / 3;
}


.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(2) {
  grid-area: 1 / 3 / 2 / 5;
}


.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(3) {
  grid-area: 1 / 5 / 2 / 7;
}


.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(4) {
  grid-area: 2 / 3 / 3 / 5;
}


.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(5) {
  grid-area: 2 / 5 / 3 / 7;
}


/*.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(6) {
  grid-area: 2 / 4 / 3 / 5;
}*/

.side-bar-menu__right-grid-2 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 137px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.side-bar-menu__right-item {
  position: relative;
  border-radius: 8px;
  background: var(--brand-yellow-1);
  overflow: hidden;
  transition: all 0.3s ease 0s;
}

.side-bar-menu__right-item:hover {
  background: var(--brand-yellow-2);
}

.side-bar-menu__right-item p {
  position: absolute;
  bottom: 21px;
  left: 27px;
  max-width: 170px;
}

.side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(1) .side-bar-menu__right-title {
  font-size: 20px;
  top: 33px;
  left: 30px;
  max-width: 100%;
}

.side-bar-menu__right-item img {
  display: block;
  margin-right: 0;
  margin-left: auto;
}

/* .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(1) img {
  width: 100%;
  height: auto;
} */
.side-bar-menu__wrapper {
  padding: 16px 8px 290px 0;
  transform: translateX(-12px);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 210px);
  min-width: 265px;
}

.side-bar-menu__right-block {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 190px);
  padding-right: 16px;
}

.side-bar-menu__right-block::-webkit-scrollbar,
.side-bar-menu__wrapper::-webkit-scrollbar {
  width: 5px;
}

.side-bar-menu__right-block::-webkit-scrollbar-track,
.side-bar-menu__wrapper::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.side-bar-menu__right-block::-webkit-scrollbar-thumb,
.side-bar-menu__wrapper::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  border-radius: 2px;
  border: none;
}

.header__tranform .side-bar-menu__right-block {
  max-height: calc(100vh - 110px);
}

.header__tranform .side-bar-menu__wrapper {
  max-height: calc(100vh - 95px);
}

.side-bar-menu__top {
  display: none;
}

.side-bar-menu__tabs {
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;

  border-bottom: 1px solid #f5f5f5;
}

.side-bar-menu__tab {
  padding-bottom: 4px;
  transition: all 0.3s ease 0s;
  color: #9a9a9a;
  cursor: pointer;
}

.side-bar-menu__tab.active {
  color: var(--brand-green-1);
  padding-bottom: 4px;
  border-bottom: 1px solid var(--brand-green-1);
}

.side-bar-menu__container {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(100%);
  position: absolute;
  width: 100%;
}

.side-bar-menu__body-top {
  margin-bottom: 12px;
}

.side-bar-menu__item-wp {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.side-bar-menu__icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
}

.side-bar-menu__text,
.side-bar-menu__tab {
  font-size: 16px;
}

.side-bar-menu__link {
  padding: 6px 12px;
  transition: all 0.3s ease 0s;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
}

.side-bar-menu__link .side-bar-menu__text {
  transition: all 0.3s ease 0s;
}

.side-bar-menu__link:hover .side-bar-menu__text {
  color: var(--brand-green-1);
}

.side-bar-menu__link.active {
  background-color: var(--brand-yellow-1);
}

.side-bar-menu__link-mobi {
  display: none;
  cursor: pointer;
}

.side-bar-menu__sublist-wrapper {
  display: none;
}

/* .side-bar-menu__icon-menu {
  background-image: url(/local/templates/bspol/assets/css/.././images/icons/menu.svg);
} */
.side-bar-menu__arrow {
  background-image: url(/local/templates/bspol/assets/css/.././images/icons/chevron-right.svg);
  width: 24px;
  height: 24px;
  transition: all 0.3s ease 0s;
}

/* .side-bar-menu__icon-stock {
  background-image: url(/local/templates/bspol/assets/css/.././images/icons/sale.svg);
  width: 18px;
  height: 18px;
} */
.side-bar-menu__body-bottom {
  margin-top: 12px;
}

.side-bar-menu__text-stock {
  color: var(--red);
}

._open .side-bar-menu {
  transform: translateX(0px);
  opacity: 1;
}

.header__side-bar-menu::-webkit-scrollbar {
  width: 5px;
}

.header__side-bar-menu::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.header__side-bar-menu::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  border-radius: 2px;
  border: 0px solid #dbdbdb;
}

.side-bar-menu__icons {
  display: flex;
  gap: 12px;
}

.side-bar-menu__icons-icon {
  width: 24px;
  height: 24px;
}

.side-bar-menu__row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.side-bar-menu__row:first-child {
  margin-bottom: 12px;
}

.side-bar-menu__subtext {
  color: #9a9a9a;
  margin-top: 2px;
  font-size: 12px;
}

.side-bar-menu__bottom {
  display: none;
}

.side-bar-menu__sublist-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
}

.side-bar-menu__sublist-wrapper.open {
  max-height: 500px;
}

.side-bar-menu__nav-mobi {
  display: none;
}

.header__top,
.header__down {
  overflow: visible;
  opacity: 1;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.header__top {
  max-height: 70px;
}

.header__down {
  max-height: 100px;
}

.header__hidden .header__top,
.header__hidden .header__down,
.header__hidden .header__down *{
  max-height: 0;
  opacity: 0;
}

.header__hidden .header__down a {
  display: none;
}

.header__hidden .header__middle .header__body {
  padding-bottom: 12px;
}

.side-bar-menu__right-grid-wrapper-section {
  display: grid;
  gap: 8px;
}

.side-bar-menu__right-grid-row-section {
  display: grid;
  grid-template-rows: repeat(1, 137px);
  gap: 20px;
}

.side-bar-menu__right-grid-wrapper-section .side-bar-menu__right-item p {
  max-width: 100%;
}

.side-bar-menu__right-grid-wrapper-section .row-1 {
  grid-template-columns: repeat(3, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-2 {
  grid-template-columns: repeat(4, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-3 {
  grid-template-columns: repeat(5, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-4 {
  grid-template-columns: repeat(4, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-5 {
  grid-template-columns: repeat(3, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-6 {
  grid-template-columns: repeat(4, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-7 {
  grid-template-columns: repeat(5, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-8 {
  grid-template-columns: repeat(4, 1fr);
}

.side-bar-menu__right-grid-wrapper-section .row-9 {
  grid-template-columns: repeat(3, 1fr);
}

.favorite-active path {
  fill: #69B51C;
}


.info-dropdown-wrapper {
  position: relative;
  display: inline-block;
  z-index: 9999;
}


.header__body-info {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #1F3607;
  padding: 10px 0;
  cursor: pointer;
}


.header__body-info svg {
  transition: transform 0.3s ease;
}

.info-dropdown-wrapper:hover .header__body-info svg {
  transform: rotate(180deg);
}


.info-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px); 
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}


.info-dropdown-wrapper:hover .info-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}


.info-dropdown-menu li a {
  display: block;
  padding: 10px 20px;
  color: #1F3607;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.2s ease, color 0.2s ease;
}


.info-dropdown-menu li a:hover {
  background-color: #D9D9D912;
  color: var(--brand-green-1);; 
}


.cart-button:hover, .catalog-detail__add:hover{
    background: var(--brand-green-2);
}

.catalog-detail__add.added:hover {
    background: #F0F2DF;
}

.article:hover{
cursor: pointer;
}

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

.catalog-detail__article {
    position: relative; 
    cursor: pointer;
    overflow: visible !important;
 
}


.copy-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0px; 
    background-color: #ffffff;
    color: #333333;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.2s ease-in-out;
    z-index: 100;
}


.copy-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 15px; 
    border-width: 6px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}


.copy-tooltip.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.callback-popup {
    position: relative;
    background: #fff;
    width: 90%;
    max-width: 445px;
    border-radius: 27px;
    padding: 30px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.callback-popup__title {
    margin-bottom: 20px;
    font-family: "Rubik";
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: #1F3607;
    padding-right: 20px;
}

.callback-popup__close {
    position: absolute;
    top: 33px;
    right: 28px;
    cursor: pointer;
    transition: all 0.25s;
}

.callback-popup__close:hover path {
    fill: #1F3607;
}

.callback-popup__warning {
    margin-top: 17px;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 12px;
    line-height: 111%;
    letter-spacing: -0.02em;
    color: #1F360761;
}

.callback-popup__warning span {
    color: #FF2D30;
}


.mobile_navbar_item_wrapper:has(.header__body-btn-count) {
  position: relative;
}

:root{
  --green:#69B51C;
  --green-soft:rgba(105,181,28,.5);
  --ink:#1F3607;
  --ink-85:rgba(31,54,7,.85);
  --muted:#77846A;
  --off:rgba(0,0,0,.35);
}





.cookie-layer{
  position:fixed;
  left:32px;
  bottom:32px;
  z-index:1000;
    color:var(--ink);
}
.cookie-layer[hidden]{display:none}

.cookie-card{
  position:relative;
  width:367px;
  background:#fff;
  border-radius:27px;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
}
.cookie-card[hidden]{display:none}

.cookie-card__close{
  position:absolute;
  appearance:none;
  border:0;
  background:none;
  padding:0;
  cursor:pointer;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  right:17px;
  top:19px;
  color:rgba(0,0,0,.7);
}
.cookie-card__close svg{display:block}
.cookie-card__close:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:6px}

/* ---------- Banner: normal flow, no absolute children ---------- */
.banner{
  display:flex;
  flex-direction:column;
  padding:34px 19px 21px;
}

.banner__icon{
  width:53px;
  height:53px;
  border:2px solid var(--green);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:19px;
}
.banner__icon svg{width:29px;height:29px;display:block}

.banner__title{
  margin:0 0 12px;
  font-size:22px;
  line-height:100%;
  font-weight:400;
  padding-right:26px; /* room for close button */
}

.banner__text{
  margin:0 0 20px;
  font-size:12px;
  line-height:133%;
}
.banner__text a{color:inherit;text-decoration:underline; font-size:12px;}

.banner__actions{
  display:flex;
  gap:16px;
  margin-bottom:16px;
}

.btn{
  font-family:inherit;
  letter-spacing:-.02em;
  font-size:12px;
  line-height:100%;
  font-weight:400;
  border-radius:10px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px 24px;
  cursor:pointer;
  border:1px solid transparent;
  white-space:nowrap;
  transition:background-color .15s ease;
}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.btn--primary{width:150px;background:var(--green);color:#fff}
.btn--primary:hover{background:#5da317; color:#fff;}
.btn--ghost{width:165px;background:transparent;border:1px solid var(--green);color:var(--muted)}
.btn--ghost:hover{background:rgba(105,181,28,.08)}

.banner__link{
  font-family:inherit;
  letter-spacing:-.02em;
  font-size:14px;
  line-height:133%;
  color:var(--ink-85);
  text-decoration:underline;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  align-self:flex-start;
}

/* ---------- Settings: normal flow ---------- */
.settings{padding:44px 22px 26px 23px}

.settings__intro{
  max-width:262px;
  margin:0 0 14px;
  font-size:11px;
  line-height:133%;
  color:#000;
}

.group{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.group__text{max-width:262px;font-size:11px;line-height:133%;color:#000}
.group__title{font-weight:500;margin:0 0 1px; font-size:11px}
.group__desc{margin:0;font-size:11px}

.switch{position:relative;flex:none;width:48px;height:21px;margin-top:1px}
.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.switch__track{position:absolute;inset:0;border-radius:29px;background:var(--off);transition:background-color .2s ease;pointer-events:none}
.switch__thumb{position:absolute;top:3px;right:3px;width:21px;height:15px;border-radius:29px;background:#fff;transition:transform .2s ease;pointer-events:none}
.switch input:checked ~ .switch__track{background:var(--green)}
.switch input:checked ~ .switch__thumb{transform:translateX(-21px)}
.switch input:disabled{cursor:default}
.switch input:disabled:checked ~ .switch__track{background:var(--green-soft)}
.switch input:disabled:checked ~ .switch__thumb{transform:translateX(-21px)}
.switch input:focus-visible ~ .switch__track{outline:2px solid var(--ink);outline-offset:3px}

.settings__save{width:107px;height:26px;padding:0 12px;margin-top:6px}


:where(img[width][height]) {
  height: auto;
}

@media (max-width:900px){
  .cookie-layer{left:0;right:0;bottom:0;padding:12px}
  .cookie-card{
    width:100%;
    max-width:367px;
    margin:0 auto;
    height:auto;
  }
  .banner{padding:34px 19px 24px}
  .banner__icon{margin-bottom:26px}
  .banner__title{margin-bottom:12px}
  .banner__text{margin-bottom:24px}
  .banner__actions{flex-direction:column;gap:10px;margin-bottom:20px}
  .btn--primary,.btn--ghost{width:100%}
  .banner__link{display:inline-block}

  .settings{
    padding-top:44px;
    max-height:calc(100vh - 24px);
    overflow-y:auto;
  }
  .settings__intro,.group__text{max-width:none}
  .settings__save{width:100%;height:40px}
}

@media (prefers-reduced-motion:reduce){*{transition:none !important}}

@media (max-width: 1300px) {
  /* .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(3) {
    grid-area: 1 / 5 / 2 / 7;
  }
  .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(4) {
    grid-area: 2 / 3 / 3 / 5;
  }
  .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(5) {
    grid-area: 3 / 1 / 3 / 4;
  }
  .side-bar-menu__right-grid-1 .side-bar-menu__right-item:nth-child(6) {
    grid-area: 3 / 4 / 4 / 7;
  }
  .side-bar-menu__right-grid-2 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 100px);
  }
  .side-bar-menu__right-grid-row-section {
    grid-auto-rows: 140px;
  }
  .side-bar-menu__right-grid-wrapper-section .row-1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-7 {
    grid-template-columns: repeat(3, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-8 {
    grid-template-columns: repeat(2, 1fr);
  }
  .side-bar-menu__right-grid-wrapper-section .row-9 {
    grid-template-columns: repeat(3, 1fr);
  } */
}

@media (max-width: 1320px) {
  .main-about__wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }

  .main-about__advantages .main-about__advantage:nth-child(1) {
    margin-right: 32px;
  }

  .header__side-bar-menu {

    padding-right: 0 !important;
    padding-left: 24px !important;

  }




  .main-about__advantages .main-about__advantage:nth-child(2) {
    margin-right: 28px;
  }

  .main-about__content h2 {
    margin-top: 35px;
    font-size: 28px;
  }

  .main-about__content-desc {
    font-size: 14px;
  }

  .main-about__advantages {
    margin-top: 25px;
  }

  .main-about__advantage svg {
    width: 37px;
    height: 37px;
  }

  .main-about__advantage span {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 44px;
  }

  .main-about__advantage p {

    font-size: 12px;
  }

  .main-about__button {
    margin-top: 30px;
    font-size: 14px;
    padding: 16px 28px !important;
  }

  .main-about__image img {
    width: 100%;
  }

  .side-bar-menu__right-wrapper {
    display: none;
  }

  .side-bar-menu__top,
  .side-bar-menu__bottom {
    display: block;
    transform: translateX(16px);
  }

  .side-bar-menu__bottom {
    margin-top: 32px;
  }

  .side-bar-menu {
    max-width: 400px;
  }

  .side-bar-menu__list .side-bar-menu__link {
    display: none;
  }

  .side-bar-menu__link-mobi {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 6px 12px;
    padding-right: 0;
    width: 100%;
  }

  .side-bar-menu__wrapper {
    padding-right: 0 !important;
  }

  .side-bar-menu__body-top {
    display: none;
  }

  .side-bar-menu__sublist-wrapper {
    display: block;
  }

  .side-bar-menu__list .side-bar-menu__link.no-sublist {
    display: block;
  }

  .side-bar-menu__link-mobi.no-sublist {
    display: none;
  }

  .side-bar-menu__link-mobi.open .side-bar-menu__icon {
    display: none;
  }

  .side-bar-menu__link-mobi.open {
    flex-direction: row-reverse;
    justify-content: flex-end;

    gap: 8px;
  }

  .side-bar-menu__link-mobi.open .side-bar-menu__arrow {
    transform: rotate(180deg);
  }

  .side-bar-menu__sublink {
    font-size: 16px;
    padding: 6px 16px;
  }

  .side-bar-menu__sublist {
    padding-bottom: 10px;
  }

  .side-bar-menu__nav {
    display: none;
  }

  .side-bar-menu__nav.active {
    display: block;
  }

  .side-bar-menu__item-mobi-text {
    font-size: 16px;
    color: #9a9a9a;
    margin-bottom: 2px;
    padding: 6px 12px;
  }

  .side-bar-menu__link-mobi {
    font-size: 16px;
  }

  .side-bar-menu__list-mobi .side-bar-menu__link-mobi {
    padding: 10px 12px;
  }

  .side-bar-menu__list-mobi:last-child {
    margin-top: 14px;
  }

  header._open .btn-catalog__icon span:nth-child(1) {
    transform: translate(4px, 0px) rotate(45deg);
  }

  header._open .btn-catalog__icon span:nth-child(3) {
    transform: translate(4px, 1px) rotate(-45deg);
  }

  .side-bar-menu__arrows {
    display: none;
  }
}

@media (max-width: 978px) {
  /* main {
    padding-top: 170px;
  } */

  /* .header__side-bar-menu {
    top:-25px;

  } */





}

@media (max-width: 1200px) {
  .main-banner__btn {
    display: none;
  }
}

@media (max-width: 720px) {
  .side-bar-menu {
    max-width: 100%;
  }

  .side-bar-menu__wrapper {
    width: 100%;
  }
}

/* @media (max-width: 550px) {
  main {
    padding-top: 190px;
  }
} */

@media(max-width:410px) {
  .main-about__advantages .main-about__advantage:nth-child(1) {
    margin-right: 22px;
  }


  .main-about__advantages .main-about__advantage:nth-child(2) {
    margin-right: 18px;
  }
}


@media (max-width: 428px) {


  .search__btn {
    padding: 0 6%;
  }

}


/* @media(max-width:450px) {
  .mobile_navbar_item_list {
    gap: 21px;
    padding-left: 36px;
    padding-right: 31px;
}
} */

@media(max-width:425px) {
  .search__input {
    min-width: auto;
  }

  .search__btn {
    padding: 0 8%;
  }
}

/* @media(max-width:420px){
  .mobile_navbar_item_list {
  justify-content: space-evenly;
  padding-left:0;
  padding-right:0;
  gap:0;
  }
} */

.main-banner__sliderz {
  visibility: visible;
}

.main-banner__sliderz:not(.loaded) .main-banner__item:not(:first-child) {
  display: none;
}

.catalog-slick-slider:not(.slick-initialized),
.catalog-slick-slider-two:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.catalog-slick-slider:not(.slick-initialized) > .catalog-slick-slide,
.catalog-slick-slider-two:not(.slick-initialized) > .catalog-slick-slide {
  flex: 0 0 20%;
  min-width: 0;
}

/*.main-brand__brand-list:not(.slick-initialized),*/
/*.main-clients__clients-list:not(.slick-initialized),*/
/*.main-certs__certs-list:not(.slick-initialized) {*/
/*  visibility: hidden;*/
/*}*/

@media (max-width: 1200px) {
  .catalog-slick-slider:not(.slick-initialized) > .catalog-slick-slide,
  .catalog-slick-slider-two:not(.slick-initialized) > .catalog-slick-slide {
    flex-basis: 25%;
  }
}

@media (max-width: 992px) {
  .catalog-slick-slider:not(.slick-initialized) > .catalog-slick-slide,
  .catalog-slick-slider-two:not(.slick-initialized) > .catalog-slick-slide {
    flex-basis: 33.3333%;
  }
}

@media (max-width: 768px) {
  .catalog-slick-slider:not(.slick-initialized) > .catalog-slick-slide,
  .catalog-slick-slider-two:not(.slick-initialized) > .catalog-slick-slide {
    flex-basis: 50%;
  }
}

@media (max-width: 480px) {
  .catalog-slick-slider:not(.slick-initialized) > .catalog-slick-slide,
  .catalog-slick-slider-two:not(.slick-initialized) > .catalog-slick-slide {
    flex-basis: 63.69%;
  }
}


.main-brand__brand-list:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
  flex: 0 0 25%;
  min-width: 0;
}

@media (max-width: 1550px) {
  .main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
    flex-basis: 33.3333%;
  }
}

@media (max-width: 768px) {
  .main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
    flex-basis: 66.6667%;
  }
}


.main-banner__sliderz:not(.slick-initialized) {
  overflow: hidden;
}


.main-brand__brand-list:not(.slick-initialized),
.main-clients__clients-list:not(.slick-initialized),
.main-certs__certs-list:not(.slick-initialized) {
  display: flex;
  overflow: scroll;
}

.main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
  flex: 0 0 calc(25% - 23px);
  min-width: 0;
}

.main-clients__clients-list:not(.slick-initialized) > .main-clients__clients-item,
.main-certs__certs-list:not(.slick-initialized) > .main-certs__certs-item {
  flex: 0 0 25%;
  min-width: 0;
}

@media (max-width: 1550px) {
  .main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
    flex-basis: calc(33.3333% - 23px);
  }

  .main-clients__clients-list:not(.slick-initialized) > .main-clients__clients-item,
  .main-certs__certs-list:not(.slick-initialized) > .main-certs__certs-item {
    flex-basis: 33.3333%;
  }
}

@media (max-width: 768px) {
  .main-brand__brand-list:not(.slick-initialized) > .main-brand__brand-item {
    flex-basis: calc(66.6667% - 23px);
  }

  .main-clients__clients-list:not(.slick-initialized) > .main-clients__clients-item,
  .main-certs__certs-list:not(.slick-initialized) > .main-certs__certs-item {
    flex-basis: 66.6667%;
  }
}

.search-suggestions.slider:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  min-height: 42px;
}

.catalog-wrap > .products-area {
  flex: 1 1 0;
  min-width: 0;
}

.cookie-layer:not(.is-ready) {
  visibility: hidden;
}
/* End */


/* Start:/local/templates/bspol/components/bitrix/search.title/bspolfastsearch/style.css?17889604996267*/
    /* Общие переменные (если их еще нет) */
:root {
  --brand-green-1: #69b51c;
  --brand-green-2: #589b16; /* Цвет при наведении */
  --white: #ffffff;
  --text-dark: #1a1a1a;
  --text-gray: #666666;
  --bg-gray: #f7f7f7;
  --bg-dark: #1f1f1f;
}

.header__body-search{
    position: relative;
}

/* Стили для выпадающего контейнера */
.search__dropdown {
  position: absolute;
  top: calc(100% + 5px); /* Отступ от поля ввода */
  left: 0;
  width: 100%;
  background: #F8F9F6;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  z-index: 9999;
  overflow: hidden;
  margin-top:6px;
  /* display: none; - Управлять отображением через JS */
}

/* =========================================
   СОСТОЯНИЕ 1: Список результатов 
========================================= */
.search__results-list {
  list-style: none;
  margin: 0;
  padding: 18px;
}

.search__result-item {

  padding: 9px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease;

font-weight: 400;

font-size: 14px;
color:  #1F3607;


line-height: 100%;
letter-spacing: -2%;

}

.search__result-item a{
	  display: flex;
  align-items: center;
  gap: 8px;
}



.search__result-item:hover {
  background: #E4E4E475;
  color:  #1F3607;
}

.search__result-item svg {
  flex-shrink: 0;
}

/* =========================================
   СОСТОЯНИЕ 2: Ничего не найдено 
========================================= */
.search__empty-state {
  position: fixed;
  top: 155px; 
  left: 50%;
  transform: translateX(-50%);
  width: 100%;;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border-radius: 16px;
  overflow: hidden;
  gap:15px;
  padding-top:32px;
  padding-bottom:42px;

}

.search__empty-state--scrolled {
   top: 81px;
}


.search__callback-consent {
  margin-top: 13px;
  text-align: left;
}
.search__callback-consent-label {
  display: grid;
  grid-template-columns: 16px 1fr;
  column-gap: 8px;
  align-items: start;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.35;
  color: #FFFFFF;
}
.search__callback-consent-input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: #69B51C;
  cursor: pointer;
}

.search__callback-consent-label a:hover{
  color: #69B51C;
}
.search__callback-consent-note {
  margin: 8px 0 0 24px;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.35;
  color: #FFFFFF6B;
}
.search__callback-consent-note a {
  color: inherit;
  text-decoration: underline;
  font-size:11px;
}
.search__callback-consent-note a:hover {
  color: #69B51C;
}
.search__callback-consent-error {
  margin: 8px 0 0 24px;
  font-size: 11px;
  line-height: 1.35;
  color: #FF6B6B;
}
.search__callback-consent.has-error .search__callback-consent-label {
  color: #FF6B6B;
}
.search__callback-consent.has-error .search__callback-consent-input {
  outline: 1px solid #FF6B6B;
  outline-offset: 2px;
}




@media (min-width: 983px) {
  .search__empty-state {
    flex-direction: row;
  }
}



.search__empty-info {
  flex: 1;

}

.search__empty-title {

font-weight: 500;
margin-top:0;
font-size: 39px;

line-height: 100%;
letter-spacing: -2%;
color:#1F3607;
margin-bottom:21px;
}

.search__empty-text {

font-weight: 400;
color:#1F3607;
font-size: 14px;
margin-bottom:27px;
line-height: 126%;
letter-spacing: -2%;

}

.search__btn-catalog {
  display: inline-block;
  background: #69B51C;
  color: var(--white);
  text-decoration: none;
  padding: 20px 26px;
  border-radius: 16px;

font-weight: 400;

font-size: 16px;

line-height: 100%;



}

.search__btn-catalog:hover {
  color: var(--white);
}

/* Темный блок справа */
.search__callback-banner {
  flex: 1;
  background: black;
  color: var(--white);
  padding: 30px;
  border-radius: 20px;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.search__callback-title{

font-weight: 500;

font-size: 30px;
color:#FFFFFF;
line-height: 100%;
letter-spacing: -2%;
margin-bottom:8px;
margin-top:0;
}

.search__callback-subtitle{

font-weight: 400;

font-size: 14px;

line-height: 135%;
color:#ffffff;
margin-bottom:13px;

}

.search__callback-policy{

font-weight: 400;

font-size: 11px;
margin-top:13px;
line-height: 11px;

color:#FFFFFF6B;
}

.search__callback-form{
  display: flex;
  align-items: center;
  gap:17px;
}

.search__callback-input{

font-weight: 400;

font-size: 16px;

line-height: 100%;
color:#1F3607;
border-radius: 16px;
padding:20px 30px 19px 24px;
width: auto;
}

.search__callback-input::placeholder{

font-weight: 400;

font-size: 16px;

line-height: 100%;
color:#AFAFAF8A;


}


.search__callback-submit{

font-weight: 400;

font-size: 16px;

line-height: 100%;
padding: 20px 52px;
background-color: #69B51C;
border-radius:16px;

}


@media(max-width:987px){
     .search__empty-state--scrolled {
      top: 59px; 
   }
}

@media(max-width:983px){
  .search__empty-state {
      gap:32px;
   }
  }


@media(max-width:768px){
	.search__results-list {
		padding:15px 18px;
	}

	.search__result-item {
		font-size:12px;
	}

	.search__dropdown{
		width:85% ;
	}

  .search__empty-title {
    font-size: 30px;
    margin-bottom:11px;
  }

  .search__empty-text {
    margin-bottom:18px;
  }

  .search__btn-catalog {
    font-size: 14px;
    padding:16px 19px;
  } 

  .search__callback-title {
    font-size:28px;
    margin-bottom:15px;
    line-height: 28px;
    max-width: 228px;
  }

  .search__callback-subtitle {
    margin-bottom:20px;
  }
  .search__callback-input {
    padding:18px 19px;
    width: 100%;
  }
  .search__callback-form {
    flex-direction: column;;
  }

  .search__callback-submit {
    padding:16px 0;
    font-size: 14px;
    width: 100%;
  }

  .search__callback-policy {
    margin-top:16px;
    font-size:12px;
    line-height: 121%;
  }

  .search__empty-state {
    padding-top:26px;
  }

  .search__result-item a span{
    font-size: 12px;
  }

  .search__callback-consent-label {
    font-size: 12px;
  }
  .search__callback-consent-note,
  .search__callback-consent-error {
    font-size: 12px;
    line-height: 121%;
  }


	
}
/* End */


/* Start:/local/templates/bspol/components/bitrix/catalog.section.list/bottom_menu_header/style.css?17889604987151*/
/* line */
.bx_catalog_line { margin-bottom: 30px; }

.bx_catalog_line .bx_catalog_line_category_title {
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}

.bx_catalog_line .bx_catalog_line_category_title a {
	color: #000;
	text-decoration: none;
}

.bx_catalog_line .bx_catalog_line_ul { padding: 0; }

.bx_catalog_line .bx_catalog_line_ul li {
	margin-bottom: 20px;
	list-style: none;
}

.bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important }

.bx_catalog_line .bx_catalog_line_img {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 40px;
	width: 125px;
	height: 125px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
}

.bx_catalog_line .bx_catalog_line_title {
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 18px;
}

.bx_catalog_line .bx_catalog_line_title a {
	color: #4c7da6;
	font-size: 18px;
}

.bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; }

.bx_catalog_line .bx_catalog_line_title span { font-size: 16px }

.bx_catalog_line .bx_catalog_line_description {
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
}

@media (max-width: 639px) {
	.bx-touch .bx_catalog_line .bx_catalog_line_img {
		margin-right: 10px;
		width: 50px;
		height: 50px;
	}

	.bx-touch .bx_catalog_line .bx_catalog_line_title {
		margin-bottom: 5px;
		line-height: 14px;
	}

	.bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; }

	.bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; }
}

.bx_catalog_line .bx_catalog_line_img,
.bx_catalog_line .bx_catalog_line_title,
.bx_catalog_line .bx_catalog_line_title a,
.bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; }

/* text */
.bx_catalog_text { margin-bottom: 30px; }

.bx_catalog_text .bx_catalog_text_category_title {
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}

.bx_catalog_text .bx_catalog_text_category_title a {
	color: #000;
	text-decoration: none;
}

.bx_catalog_text .bx_catalog_text_ul { padding: 0; }

.bx_catalog_text .bx_catalog_text_ul li {
	float: left;
	margin: 0 10px 10px;
	list-style: none;
}

.bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important }

.bx_catalog_text .bx_catalog_text_title {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 14px;
	line-height: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	color: #4c7da6;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14px;
}

.bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none }

.bx_catalog_text .bx_catalog_text_title span { font-size: 12px; }

@media (max-width: 639px) {
	.bx-touch .bx_catalog_text .bx_catalog_line_title {
		margin-bottom: 5px;
		line-height: 12px;
	}

	.bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; }
}

.bx_catalog_text .bx_catalog_line_title,
.bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; }

/* tile */

.bx_catalog_tile { margin-bottom: 30px; }

.bx_catalog_tile .bx_catalog_tile_category_title {
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}

.bx_catalog_tile .bx_catalog_tile_category_title a {
	color: #000;
	text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul { padding: 0; }

.bx_catalog_tile .bx_catalog_tile_ul li {
	float: left;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 12.5%;
	list-style: none;
	text-align: center;
}

.bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important }

.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; }

.bx_catalog_tile .bx_catalog_tile_img {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 78px;
	height: 78px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
}

.bx_catalog_tile .bx_catalog_tile_title {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a {
	color: #4c7da6;
	font-size: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; }

.bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; }

/*2*/
@media (max-width: 980px) {
	.bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; }

	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; }
}

/*3*/
@media (max-width: 639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title {
		margin-bottom: 5px;
		line-height: 14px;
	}

	.bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; }
}

@media (min-width: 480px) and (max-width: 639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; }
}

/*4*/
@media (max-width: 479px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_img {
		width: 100%;
		height: 80px;
	}

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; }

	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; }

}

.bx_catalog_tile .bx_catalog_tile_title,
.bx_catalog_tile .bx_catalog_tile_title a,
.bx_catalog_tile .bx_catalog_tile_ul li,
.bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; }

/* list */

.bx_sitemap { margin-bottom: 30px; }

.bx_sitemap .bx_sitemap_title {
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}

.bx_sitemap .bx_sitemap_title a {
	color: #000;
	text-decoration: none;
}

.bx_sitemap .bx_sitemap_ul li {
	padding: 0;
	line-height: 14px;
}

.bx_sitemap .bx_sitemap_ul li:before { content: '' !important }

.bx_sitemap .bx_sitemap_li_title {
	display: inline-block;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	font-weight: normal;
	line-height: 13px;
}

.bx_sitemap .bx_sitemap_li_title a {
	color: #4c7da6;
	white-space: nowrap;
	font-size: 13px;
}

.bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none }

.bx_sitemap .bx_sitemap_li_title span { font-size: 11px; }

@media (max-width: 639px) {
	.bx-touch .bx_sitemap .bx_catalog_line_title {
		margin-bottom: 5px;
		line-height: 12px;
	}

	.bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; }
}

.bx_sitemap .bx_catalog_line_title,
.bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; }
/* End */


/* Start:/local/templates/bspol/components/bitrix/news.list/header_banner/style.css?1788960499405*/
.header-banner {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top:25px;
}

.header-banner__img {
  width: 100%;
  height: auto;
  display: block;
}

.header-banner__img--mobile {
  display: none;
}

@media (max-width: 768px) {
  .header-banner__img--desktop {
    display: none;
  }
  .header-banner__img--mobile {
    display: block;
  }
  .header-banner {

  margin-top:20px;
}
}

/* End */


/* Start:/local/templates/bspol/components/bitrix/breadcrumb/breadcrumbs/style.css?17889604991151*/
    .breadcrumbs {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 9px;
        margin-top: 15px;

        flex-wrap: nowrap;
        width: 100%;
        overflow: scroll;
        scrollbar-width: none;
    }

    .breadcrumbs li {
        white-space: nowrap;
    }
    
    .breadcrumb-item {
        color: #596449;
        font-size: 16px;
        font-weight: 400;
        text-decoration: none;
    }


    .breadcrumb-link {
        transition: opacity 0.2s ease-in-out;
    }

    .breadcrumb-link:hover {
        opacity: 0.75;
        color: var(--brand-green-1);
        text-decoration: none;
    }


    .separator {
        width: 6px;
        height: 6px;
        background-color: #d8d8d8;
        border-radius: 50%;
    }

    .breadcrumb-item-active {
        color: #69B51C;
    }


    @media (max-width: 768px) {
        .breadcrumb-item {
            font-weight: 400;
            font-size: 14px;
            line-height: 146%;
        }

        /* .breadcrumbs {
           margin-top: 36px; 
            margin-top: 20px;
        } */

    }
/* End */


/* Start:/local/components/bspol/static/templates/quick-buy/style.css?17889605004707*/


.quick-buy {
  margin: auto;
  width: calc(100% - 50px);
  margin-inline: 25px;
  padding: 30px 20px;
  border-radius: 10px;
  max-width: 445px;
  border-radius: 27px;
  overflow: visible;

}


.quick-buy__close-button {

  position: absolute;

  width: 15px;

  height: 15px;

  right: 20px;

  top: 30px;

  color: #E7E7E7;

}



.quick-buy:modal {
  display: block;
}
.quick-buy::backdrop {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1px);
}


.quick-buy__close-button svg {
width:15px;
height: 15px;
}

.quick-buy__close-button svg path{
      fill: #A5A5A5;
}
.quick-buy__form {
  display: flex;
  flex-direction: column;
  gap: 19px;
  width: 100%;
  border-radius: 27px;
}
.quick-buy__form-text {
  display: flex;
  flex-direction: column;
  gap:12px;
}
.quick-buy__form-header {

font-weight: 500;


font-size: 22px;
line-height: 100%;
color:#1F3607;

  
}
.quick-buy__form-description {

font-weight: 400;

font-size: 14px;

line-height: 134%;


  color:#1F3607;
}
.quick-buy__form-button {
  background-color: #69B51C;
  border-radius: 10px;
  padding: 14px 16px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.02em;
}
.quick-buy__input {
  padding: 14px 16px;
  border: 1px solid #DADADA;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.02em;
  color:#1F3607;
}
.quick-buy__success {
  display: none;
  flex-direction: column;
  align-items: start;
  gap: 20px;
  width: 100%;
}
.quick-buy__success-icon {
  width: 49px;
  height: 49px;
}
.quick-buy__success-icon img {
  width: 100%;
  height: 100%;
}
.quick-buy__success-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}
.quick-buy__success-header {
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 500;
  color:#1F3607;
}
.quick-buy__success-description {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color:#1F3607;
  
}
.quick-buy__success-button {
  background-color: #69B51C;
  border-radius: 16px;
  padding: 12px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.02em;
  width: 100%;
}
.quick-buy--success .quick-buy__form {
  display: none;
}
.quick-buy--success .quick-buy__success {
  display: flex;
}

.quick-buy__consent {
  text-align: left;
}
.quick-buy__consent-label {
  display: grid;
  grid-template-columns: 16px 1fr;
  column-gap: 8px;
  align-items: start;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.35;
  color: #1F3607;
  font-weight: normal !important;
}

.quick-buy__consent-label a{
  text-decoration: underline;
}

.quick-buy__consent-label a:hover{

color:#69B51C;
}
.quick-buy__consent-input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: #69B51C;
  cursor: pointer;
}

.quick-buy__consent-input a:hover{
color: #69B51C;
}
.quick-buy__consent-note {

  font-size: 11px;
  line-height: 1.35;
  color:#1F3607;

}
.quick-buy__consent-note a {
  color: inherit;
  text-decoration: underline;
  font-size: 12px;
}
.quick-buy__consent-note a:hover {
  color: #69B51C;
}
.quick-buy__consent-error {
  margin: 6px 0 0 24px;
  font-size: 11px;
  line-height: 1.35;
  color: #d32f2f;
}
.quick-buy__consent.has-error .quick-buy__consent-label {
  color: #d32f2f;
}
.quick-buy__consent.has-error .quick-buy__consent-input {
  outline: 1px solid #d32f2f;
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .quick-buy {
    margin: auto;
    padding: 0;
      background: transparent;
  }
  .quick-buy__form {
    padding: 30px 30px 35px;
    gap:12px;
  }
  .quick-buy__form-header {
   font-size: 26px;

  }
  .quick-buy__form-description {
    font-size: 14px;
  }
  .quick-buy__form-button {
    border-radius: 16px;
    padding: 18px 23px;
    font-size: 14px;
  }
  .quick-buy__input {
    border-radius: 16px;
    padding: 17px 18px;
    font-size: 14px;
  }
  .quick-buy__success {
    padding: 30px;
  }
  .quick-buy__success-icon {
    width: 30px;
    height: 30px;
  }
  .quick-buy__success-header {
    font-size: 26px;
  }
  .quick-buy__success-description {
    font-size: 14px;
  }
  .quick-buy__success-button {
    padding: 17px;
    font-size: 14px;
  }

  .quick-buy__form-text {
    gap:9px;
  }

  .quick-buy__body {
    background: #FFFFFF; 
    border-radius: 27px;
    position: relative;
    width: 100%;
}

.quick-buy__close-button {
    position: absolute;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;

    top: 0; 
    right: -45px; 

    width: 41px;
    height: 41px;
    border-radius: 100%; 
}
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/bspol/template_styles.css?17939678134047*/
.favorites {
    margin-bottom: 69px;
}

html {
    scroll-behavior: smooth;
}

.empty-favorites{
    max-width: 566px;
    width: 100%;
    padding: 25px;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 56.8px 0px rgba(31, 54, 7, 0.06);
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 93px;
}

.empty-favorites__title{
    font-family: "Rubik";
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #1F3607;
    margin-bottom: 10px;
}

.empty-favorites__subtitle{
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 134%;
    color: #1F3607;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
}

.empty-favorites__button {
    background-color: #69B51C;
    border-radius: 10px;
    overflow: hidden;
    padding: 17px 30px;
    display: block;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    width: fit-content;
}

.catalog_element_slider .slick-slide {
    margin: 0 11px;
}

.catalog_element_slider .product-quantity-hidden {
    display: none !important;
}

.catalog_element_slider {
    margin: 0 -11px;
}

.catalog_element_slider .card img {
    height: 254px;
}

.catalog_element_slider .card .cart-button img {
    height: 18px;
}

.catalog_element_slider-title{
    font-family: Rubik;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    color: #1F3607;
    margin-bottom: 30px;
}

.catalog_element_slider .catalog-detail__star img {
    height: 100%;
}

.catalog_element_slider .catalog_item-reviews {
    font-family: Rubik;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #1F360766;
    margin-left: 4px;
}

.catalog_element_slider .slick-track {
    margin-left: 0;
}

.catalog_element-section{
    margin: 50px 0;
}

.catalog_element__tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 12px;
    margin-bottom: 27px;
}

.catalog_element__tab{
    flex-shrink: 0;
    white-space: nowrap;
    padding: 11.5px 20px;
    border: 1px solid #1F360738;
    border-radius: 16px;
    font-family: Rubik;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #1F3607;
    transition: all 0.3s ease 0s;
}

.catalog_element__tab.active {
    background-color: #549C05;
    color: #FFFFFF;
    border: 1px solid #549C05;
}

.catalog_element__tab:hover {
    background: var(--brand-yellow-2);
}

.catalog_element__tab.active:hover {
    background: var(--brand-green-2);
}

.suggestions-promo {
    display: none!important;
}

.suggestions-suggestion {
    font-family: var(--font-primary), sans-serif;
    color: #1F3607;
    border-radius: 8px;
    cursor: pointer;
}

.suggestions-suggestion:hover {
    color: #1F3607;
    background: #E4E4E475!important;
}

.suggestions-suggestions {
    background: #F8F9F6!important;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    padding: 18px;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .empty-favorites{
        margin-bottom: 33px;
    }
    .favorites {
        margin-bottom: 33px;
    }
    .empty-favorites__title{
        font-size: 18px;
    }
    .empty-favorites__subtitle{
        font-size: 12px;
    }
    .empty-favorites__button {
        padding: 15px 20px;
    }
    .catalog_element__tab {
        padding: 11px 12.5px;
        font-size: 12px;
        border-radius: 11px;
    }
    .catalog_element__tabs{
        gap: 7px;
        margin-bottom: 16px;
    }
    .catalog_element_slider-title{
        margin-bottom: 16px;
    }
    .catalog_element_slider .card img{
        height: 176px;
    }
    .catalog_element_slider .catalog-detail__star img {
        height: 100%;
    }
}

/* End */
/* /local/templates/bspol/assets/css/style.css?179386804769665 */
/* /local/templates/bspol/components/bitrix/search.title/bspolfastsearch/style.css?17889604996267 */
/* /local/templates/bspol/components/bitrix/catalog.section.list/bottom_menu_header/style.css?17889604987151 */
/* /local/templates/bspol/components/bitrix/news.list/header_banner/style.css?1788960499405 */
/* /local/templates/bspol/components/bitrix/breadcrumb/breadcrumbs/style.css?17889604991151 */
/* /local/components/bspol/static/templates/quick-buy/style.css?17889605004707 */
/* /local/templates/bspol/template_styles.css?17939678134047 */