@charset "UTF-8";
/*
0. Шрифты
1. Общие стили для всего сайта
2. Вспомогательные классы
3. Стили для одинаковых элементов
4. Шапка
5. Подвал
6. Стили которые не повторяются на других страницах

Мобильная версия начинается с 992пх

*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forum&display=swap");

:root {
  --gr-a: #f8f8f8;
  --gr-b: #ededed;
  --bl: #000;
  --wh: #fff;
  --gr-d: #333;
  --gr-c: #8f8f8f;
  --gr-e: #222;
  --op100: rgba(255, 255, 255, 0);
  --br-a: #b45c20;
  --bl-br: #373330;
  --op50: rgba(255, 255, 255, 0.5);
  --op10: rgba(255, 255, 255, 0.1);
  --br-b: #e9711f;
  --gr-e-80: rgba(34, 34, 34, 0.8);
  --font-family: "Raleway",
    sans-serif;
  --second-family: "Inter",
    sans-serif;
  --third-family: "Onest",
    sans-serif;
  --font3: "Arial",
    sans-serif;
  --font4: "Segoe UI",
    sans-serif;
  --font5: "Forum",
    sans-serif;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ШРИФТЫ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ОБЩИЕ СТИЛИ ДЛЯ ВСЕГО САЙТА 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.d-none {
  display: none!important;
}
html {
  overflow-x: hidden;
}

html.fixed {
  overflow: hidden;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 105px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  color: #222;
  background: #F8F8F8;
}

@media (max-width: 992px) {
  body {
    padding-top: 50px;
  }
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

a:hover {
  text-decoration: none;
}

button {
  display: block;
  font-family: "Raleway", sans-serif;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

button:focus {
  outline: none;
}

button:disabled {
  pointer-events: none;
  opacity: 0.5;
}

input,
textarea {
  outline: none;
}

input:focus-visible,
textarea:focus-visible {
  outline: none;
}

input:disabled,
textarea:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.mobile-filter__param input:disabled {
  opacity: 0;
}

.mobile {
  display: none;
}

@media screen and (max-width: 992px) {
  .mobile {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .desktop {
    display: none;
  }
}

* ::-webkit-scrollbar {
  width: 6px;
  /* ширина всей полосы прокрутки */
}

* ::-webkit-scrollbar-track {
  background: #F8F8F8;
  /* цвет зоны отслеживания */
  border-radius: 20px;
}

* ::-webkit-scrollbar-thumb {
  background-color: #E9711F;
  /* цвет бегунка */
  border-radius: 20px;
  /* округлось бегунка */
  border: 3px solid transparent;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END ОБЩИЕ СТИЛИ ДЛЯ ВСЕГО САЙТА 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ (нужны там где нет нужды в осмысленном класснейминге)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END	ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	СТИЛИ ДЛЯ ОДИНАКОВЫХ ЭЛЕМЕНТОВ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 565px) {
  .mobile-565 {
    display: none;
  }
}

.iti {
  width: 100%;
  padding-left: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.iti__selected-country .iti__flag {
  border: 6px solid #EDEDED;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background: transparent;
}

.iti__search-input {
  padding: 10px;
}

.iti__country-container {
  left: 10px;
}

.section-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}

@media (max-width: 1460px) {
  .section-title {
    font-size: 22px;
  }
}

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 768px) {
  .container {
    padding: 0 10px;
  }
}

.templates {
  padding: 100px 0;
}

.templates .raleway500 {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
}

.templates .raleway600 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

.templates .raleway700 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

.templates .forum400 {
  font-family: "Forum", serif;
}

.text {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  color: #222;
  letter-spacing: -0.7px;
}

.categories__info p,
.catalog__info p {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  color: #222;
  letter-spacing: -0.7px;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 38px;
  padding: 8px 30px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
}

.button span {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.button-white {
  background: #FFF;
}

.button-white:hover {
  background: #222;
}

.button-white:hover span {
  color: #FFF;
}

.button-black {
  background: #222;
}

.button-black span {
  color: #FFF;
}

@media (hover: hover) {
  .button-black:hover {
    background: #E9711F;
  }
}

.button-mobilecart.is-active {
  background: #E9711F;
}

.button-mobilecart.is-active span {
  color: #FFF;
}

@media (max-width: 768px) {
  .button-mobilecart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    margin-left: auto;
    background: #EDEDED;
    border-radius: 8px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }

  .button-mobilecart:hover {
    background: #EDEDED;
  }

  .button-mobilecart.is-active {
    background: #E9711F;
  }

  .button-mobilecart.is-active path {
    stroke: #FFF;
  }
}

.button-mobilecart path {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

@media (max-width: 768px) {
  .button-mobilecart span {
    display: none;
  }
}

.button-mobilecart__icon {
  display: none;
}

@media (max-width: 768px) {
  .button-mobilecart__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.button-transparent {
  background: transparent;
  border: 2px solid #EDEDED;
}

.button-transparent:hover {
  background: #222;
  border-color: #222;
}

.button-transparent:hover span {
  color: #FFF;
}

.video {
  margin-bottom: 80px;
}

.products-slider {
  margin: 0 0 38px 0;
}

@media (max-width: 768px) {
  .products-slider {
    max-width: 300px;
    width: 100%;
    overflow: visible;
  }
}

.blog-slider {
  margin: 0 0 38px 0;
}

@media (max-width: 768px) {
  .blog-slider {
    max-width: 300px;
    width: 100%;
    overflow: visible;
  }
}

.video-slider {
  margin: 0 0 36px 0;
}

@media (max-width: 768px) {
  .video-slider {
    max-width: 260px;
    width: 100%;
    overflow: visible;
  }
}

.video-slider .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.reviews-slider {
  margin: 0 0 20px;
}

@media (max-width: 768px) {
  .reviews-slider {
    max-width: 300px;
    width: 100%;
    overflow: visible;
  }
}

.product-slider .swiper-wrapper {
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .product-slider .swiper-wrapper {
    flex-wrap: nowrap;
  }
}

.product-slider .swiper-slide {
  width: 50% !important;
}

@media (max-width: 768px) {
  .product-slider .swiper-slide {
    width: 100% !important;
  }
}

.sertificate-slide .swiper-wrapper {
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .sertificate-slide .swiper-wrapper {
    flex-wrap: nowrap;
  }
}

.sertificate-slider .swiper-slide {
  width: 50% !important;
}

@media (max-width: 768px) {
  .sertificate-slider .swiper-slide {
    width: 100% !important;
  }
}

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

.sliderbox-mobile {
  margin-right: -10px;
}

.sliderbox-nohidden {
  overflow: visible;
}

.sliderbox-nohidden .swiper {
  overflow: visible;
}

.sliderbox-nohidden .swiper-slide {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.sliderbox-nohidden .swiper-slide-active,
.sliderbox-nohidden .swiper-slide-next,
.sliderbox-nohidden .swiper-slide-next + .swiper-slide {
  opacity: 1;
}

.slider-arrows {
  position: absolute;
  z-index: 2;
  left: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
}

.present-arrows {
  top: 335px;
  left: 40px;
  right: 40px;
}

@media (max-width: 565px) {
  .present-arrows {
    display: none;
  }
}

.products-arrows,
.popular-arrows {
  top: 234px;
}

@media (max-width: 1920px) {

  .products-arrows,
  .popular-arrows {
    top: 12.3vw;
  }
}

@media (max-width: 992px) {

  .products-arrows,
  .popular-arrows {
    display: none;
  }
}

.video-arrows {
  top: 350px;
}

@media (max-width: 1920px) {
  .video-arrows {
    top: 16vw;
  }
}

@media (max-width: 1460px) {
  .video-arrows {
    top: 15.4vw;
  }
}

@media (max-width: 992px) {
  .video-arrows {
    top: 18.4vw;
  }
}

@media (max-width: 768px) {
  .video-arrows {
    display: none;
  }
}

.blog-arrows {
  top: 210px;
}

@media (max-width: 1920px) {
  .blog-arrows {
    top: 11vw;
  }
}

@media (max-width: 992px) {
  .blog-arrows {
    top: 15.3vw;
  }
}

@media (max-width: 768px) {
  .blog-arrows {
    top: 145px;
  }
}

.reviews-arrows {
  top: 50%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  left: -10px;
  right: -10px;
}

@media (max-width: 768px) {
  .reviews-arrows {
    display: none;
  }
}

.slider-navbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider-nav {
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: auto !important;
  margin: 0 auto;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
}

.slider-nav .swiper-pagination-bullet {
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: #FFF;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.slider-nav .swiper-pagination-bullet-active {
  border-color: transparent;
  background: #E9711F;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.previewslider-nav {
  position: absolute;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

@media (max-width: 565px) {
  .previewslider-nav {
    background: transparent;
    backdrop-filter: none;
  }
}

.product-nav {
  display: none;
  position: absolute;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
}

@media (max-width: 768px) {
  .product-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.slider-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
  pointer-events: all;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.slider-btn:hover {
  background: #E9711F;
}

.slider-btn:hover path {
  fill: #FFF;
}

.slider-btnrev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fastview-btn {
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 166px;
  height: 38px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(110px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (max-width: 768px) {
  .fastview-btn {
    display: none;
  }
}

.preview {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.preview__fotobox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  border-radius: 10px;
  overflow: hidden;
}

.preview__fotobox:hover .fastview-btn {
  opacity: 1;
  pointer-events: all;
}

.preview-big__foto {
  width: 100%;
  height: 445px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .preview-big__foto {
    height: 23.18vw;
  }
}

@media (max-width: 1460px) {
  .preview-big__foto {
    height: 22.61vw;
  }
}

@media (max-width: 992px) {
  .preview-big__foto {
    height: 29.31vw;
  }
}

@media (max-width: 768px) {
  .preview-big__foto {
    height: 300px;
  }
}

.preview-big__pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 24px;
}

.preview-small__foto {
  width: 100%;
  height: 357px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .preview-small__foto {
    height: 18.6vw;
  }
}

@media (max-width: 1460px) {
  .preview-small__foto {
    height: 17.1vw;
  }
}

@media (max-width: 992px) {
  .preview-small__foto {
    height: 21.6vw;
  }
}

@media (max-width: 880px) {
  .preview-small__foto {
    height: 30.1vw;
  }
}

@media (max-width: 565px) {
  .preview-small__foto {
    height: 46.1vw;
  }
}

.preview-small__pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.preview-tags {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.preview-tags__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5px 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(40px);
}

.preview__name {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .preview__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.preview__price {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
}

.preview__price--sign {
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 768px) {
  .preview__price {
    font-size: 19px;
  }
  .preview__price--sign {
    font-size: 14px;
  }
}

.preview-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  margin-left: auto;
  background: #EDEDED;
  border-radius: 8px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.preview-cart path {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

.preview-cart:hover {
  background: #222;
}

.preview-cart:hover path {
  stroke: #FFF;
}

.preview-cart.is-active {
  background: #E9711F;
}

.preview-cart.is-active path {
  stroke: #FFF;
}

.preview-videoclip {
  position: relative;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
}

.preview-videobox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 625px;
  margin-bottom: 18px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 1920px) {
  .preview-videobox {
    height: 32.5vw;
  }
}

@media (max-width: 1460px) {
  .preview-videobox {
    height: 31.65vw;
  }
}

@media (max-width: 992px) {
  .preview-videobox {
    height: 38.65vw;
  }
}

@media (max-width: 768px) {
  .preview-videobox {
    height: 462px;
  }
}

.preview-video {
  position: relative;
  width: 100%;
}

.preview-video__foto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.preview-video__icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: #FFF;
}

.infavor {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.infavor.is-active svg {
  fill: #E9711F;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

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

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

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

@media (max-width: 565px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.create {
  margin-bottom: 20px;
}

.create__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 800px) {
  .create__box {
    grid-template-columns: 1fr;
  }
}

.create-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px;
  background: #FFF;
}

@media (max-width: 768px) {
  .create-info {
    padding: 40px 20px;
  }
}

.create-info__title {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 110%;
  font-weight: 700;
}

@media (max-width: 768px) {
  .create-info__title {
    font-size: 22px;
  }
}

.create-info__textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}

.create-info__text {
  font-size: 23px;
  line-height: 108%;
  font-weight: 600;
  color: rgba(143, 143, 143, 0.6);
  letter-spacing: -0.9px;
}

@media (max-width: 1460px) {
  .create-info__text {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #222;
  }
}

.create-scheme {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  height: 580px;
  padding-top: 40px;
  padding-bottom: 52px;
}

@media (max-width: 768px) {
  .create-scheme {
    height: 460px;
  }
}

.create-scheme__bgfoto {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.create-scheme__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
  color: #FFF;
}

@media (max-width: 1460px) {
  .create-scheme__name {
    font-size: 16px;
  }
}

.create-scheme__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 445px;
  width: 100%;
  height: 450px;
}

@media (max-width: 768px) {
  .create-scheme__box {
    max-width: 320px;
    height: 330px;
  }
}

.create-scheme__cat {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .create-scheme__cat {
    width: 145px;
    height: 145px;
  }
}

.create-scheme__cat--taro {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.create-scheme__cat--pcyho {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.feedback {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 120px;
  padding: 80px 40px;
  background: #FFF;
  border-radius: 10px;
}

@media (max-width: 1460px) {
  .feedback {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 992px) {
  .feedback {
    padding: 40px 20px;
  }
}

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

.feedback__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}

@media (max-width: 1460px) {
  .feedback__title {
    font-size: 22px;
  }
}

.feedback__textbox {
  max-width: 685px;
  width: 100%;
}

@media (max-width: 1460px) {
  .feedback__textbox {
    max-width: 940px;
  }
}

.feedback__text {
  font-size: 13px;
  line-height: 140%;
  font-weight: 500;
  color: #8F8F8F;
}

@media (max-width: 1460px) {
  .feedback__text {
    font-size: 16px;
    color: #222;
    line-height: 120%;
  }
}

.feedback-form__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .feedback-form__fields {
    grid-template-columns: 1fr;
  }
}

.feedback-form__input {
  width: 100%;
  height: 64px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #222;
  border: none;
  border-radius: 8px;
}

@media (max-width: 1460px) {
  .feedback-form__input {
    height: 38px;
  }
}

.feedback-form__button {
  height: 64px;
  padding: 0 15px;
}

@media (max-width: 1460px) {
  .feedback-form__button {
    height: 38px;
  }
}

.agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.agree__text {
  font-size: 14px;
}

.agree__text a {
  font-size: 14px;
  text-decoration: underline;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.checkbox-area {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 2px solid #222;
  overflow: hidden;
}

.checkbox-area__icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.checkbox__input {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}

.checkbox__input:checked + .checkbox-area {
  border: none;
}

.checkbox__input:checked + .checkbox-area .checkbox-area__icon {
  opacity: 1;
}

.popup {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.popup.is-open {
  opacity: 1;
  pointer-events: all;
}

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}

.popup__body {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 60px 20px;
  background: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}

@media (max-width: 565px) {
  .popup__body {
    top: 0px;
  }
}

.popup-oneclick {
  max-width: 600px;
  width: 100%;
}

.popup-oneclick__title.page-title {
  margin-bottom: 40px;
}

.popup-oneclick__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.popup-fastview {
  max-width: 1000px;
  width: 100%;
  padding: 60px 0px 40px 20px;
  background: #F8F8F8;
}

@media (max-width: 768px) {
  .popup-fastview {
    padding: 44px 10px;
  }
}

.popup-fastview__box {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media (max-width: 992px) {
  .popup-fastview__box {
    grid-template-columns: 0.9fr 1fr;
  }
}

@media (max-width: 768px) {
  .popup-fastview__box {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.popup-delivery {
  max-width: 582px;
  width: 100%;
}

.popup-delivery__title.page-title {
  margin-bottom: 20px;
}

.popup-delivery__text {
  margin-bottom: 40px;
}

.popup-personal {
  max-width: 375px;
  width: 100%;
}

.popup-personal__title.page-title {
  margin-bottom: 40px;
}

.popup-personal__title--mb20.page-title {
  margin-bottom: 20px;
}

.popup-personal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.popup-personal__subtitle {
  margin-bottom: 40px;
}

.fastview-slider {
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.fastview-slider__foto {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.form__input {
  width: 100%;
  height: 38px;
  padding: 0 20px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.form__input:focus-visible {
  outline: none;
}

.form__input::-webkit-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.form__input::-moz-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.form__input:-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.form__input::-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.form__input::placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.form__input--phone {
  border: none;
}

.form__input--comment {
  height: 113px;
  padding-top: 10px;
  resize: none;
}

.form__input--select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form__selectbox {
  position: relative;
}

.form__selecticon {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hover-blur img {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
@media (hover:hover) {
  .hover-blur:hover img {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
}

.password-recovery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline;
  line-height: 120%;
  text-align: left;
}

.recovery-info {
  padding: 20px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END СТИЛИ ДЛЯ ОДИНАКОВЫХ ЭЛЕМЕНТОВ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
}

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

@media (max-width: 992px) {
  .header__box {
    gap: 20px;
  }
}

.header__box--overnav {
  gap: 35px;
}

@media (max-width: 1460px) {
  .header__box--overnav {
    gap: 15px;
  }
}

.header-overnav {
  padding-top: 6px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EDEDED;
  background: #EDEDED;
}

@media (max-width: 992px) {
  .header-overnav {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
}

.header-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

@media (max-width: 1240px) {
  .header-socials {
    gap: 10px;
  }
}

@media (max-width: 565px) {
  .header-socials {
    display: none;
  }
}

.header__phone {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .header__phone {
    display: none;
  }
}

.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 28px;
}

@media (max-width: 1240px) {
  .header__actions {
    gap: 10px;
  }
}

.header-nav {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #EDEDED;
}

@media (max-width: 992px) {
  .header-nav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.header-nav__logo {
  margin-right: 37px;
}

@media (max-width: 1240px) {
  .header-nav__logo {
    margin-right: 23px;
  }
}

@media (max-width: 992px) {
  .header-nav__logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 1px;
    width: 100px;
    margin-right: 0;
  }
}

.header-nav__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 42px;
}

@media (max-width: 1240px) {
  .header-nav__menu {
    gap: 10px;
  }
}

@media (max-width: 992px) {
  .header-nav__menu {
    display: none;
  }
}

.header-nav__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.header-nav__link:hover {
  color: #E9711F;
}

.header__burger {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 14px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  cursor: pointer;
}

.header__burger span {
  position: absolute;
  left: 0;
  width: calc(100% + 5px);
  height: 1px;
  background-color: #222;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.header__burger span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: calc(100% - 5px);
  height: 1px;
  background-color: #222;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s, -webkit-transform 0.25s;
}

.header__burger span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: calc(100% - 5px);
  height: 1px;
  background-color: #222;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s, -webkit-transform 0.25s;
}

.header__burger.is-active span {
  width: 100%;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  background: transparent;
}

.header__burger.is-active span:before {
  top: 0px;
  -webkit-transition: top 0.25s, -webkit-transform 0.25s 0.25s;
  transition: top 0.25s, -webkit-transform 0.25s 0.25s;
  transition: top 0.25s, transform 0.25s 0.25s;
  transition: top 0.25s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}

.header__burger.is-active span:after {
  top: 0px;
  -webkit-transition: top 0.4s, -webkit-transform 0.25s 0.25s;
  transition: top 0.4s, -webkit-transform 0.25s 0.25s;
  transition: top 0.4s, transform 0.25s 0.25s;
  transition: top 0.4s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
}

@media (max-width: 992px) {
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media (max-width: 565px) {
  .language {
    display: none;
  }
}

.language__item.is-active {
  color: #E9711F;
}

.page-menu {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

@media (max-width: 992px) {
  .page-menu {
    display: none;
  }
}

.page-menu__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.page-menu__link:hover {
  color: #E9711F;
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 28px;
  padding: 0 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 1240px) {
  .search {
    width: auto;
    margin-left: auto;
    padding: 0 5px;
  }
}

@media (max-width: 992px) {
  .search {
    margin-left: auto;
  }
}

@media (max-width: 565px) {
  .search {
    margin-left: 0;
    margin-right: auto;
    border: none;
  }
}

.search__iconzoom {
  pointer-events: none;
}

@media (max-width: 1240px) {
  .search__iconzoom {
    pointer-events: all;
  }
}

.search__input {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  border: none;
  background: transparent;
}

@media (max-width: 1240px) {
  .search__input {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 15px;
  }
}

.search__input::-webkit-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.search__input::-moz-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.search__input:-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.search__input::-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.search__input::placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.search__inputbox {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search__inputbox {
  .search__input {
    flex-grow: 1;
    height: 100%;
  }
}

@media (max-width: 1240px) {
  .search__inputbox {
    position: fixed;
    z-index: 12;
    top: -100%;
    left: 0;
    width: 100%;
    height: 42px;
    background: #FFF;
    border-bottom: 1px solid #EDEDED;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
  }

  .search__inputbox.is-active {
    top: 0;
  }
}

@media (max-width: 992px) {
  .search__inputbox {
    height: 50px;
  }
}

.search__close {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1240px) {
  .search__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.to-private {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 565px) {
  .to-private {
    display: none;
  }
}

.to-favorites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

@media (max-width: 565px) {
  .to-favorites {
    /*display: none;*/
  }
}

.to-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.to-basket__count {
  color: #E9711F;
}

.catalog-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  width: 129px;
  height: 34px;
  margin-right: auto;
  border-radius: 8px;
  background: #E9711F;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.catalog-btn:hover {
  background: #B45C20;
}

.catalog-btn:has(.burger.is-active) {
  background: #B45C20;
}

@media (max-width: 992px) {
  .catalog-btn {
    display: none;
  }
}

.catalog-btn__name {
  color: #FFF;
}

.burger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 14px;
  height: 10px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  cursor: pointer;
}

.burger span {
  position: absolute;
  left: 0;
  width: calc(100% + 4px);
  height: 1px;
  background-color: #FFF;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.burger span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: calc(100% - 4px);
  height: 1px;
  background-color: #FFF;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s, -webkit-transform 0.25s;
}

.burger span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: calc(100% - 4px);
  height: 1px;
  background-color: #FFF;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: top 0.25s 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s;
  transition: transform 0.25s, top 0.25s 0.25s, -webkit-transform 0.25s;
}

.burger.is-active span {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  background: transparent;
}

.burger.is-active span:before {
  top: 0px;
  -webkit-transition: top 0.25s, -webkit-transform 0.25s 0.25s;
  transition: top 0.25s, -webkit-transform 0.25s 0.25s;
  transition: top 0.25s, transform 0.25s 0.25s;
  transition: top 0.25s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}

.burger.is-active span:after {
  top: 0px;
  -webkit-transition: top 0.4s, -webkit-transform 0.25s 0.25s;
  transition: top 0.4s, -webkit-transform 0.25s 0.25s;
  transition: top 0.4s, transform 0.25s 0.25s;
  transition: top 0.4s, transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
}

.header-categories {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 190px;
  right: 0px;
  height: 100%;
  padding: 20px 40px;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  background: #FFF;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 992px) {
  .header-categories {
    left: 190px;
    padding: 20px 20px;
  }
}

.header-categories__title {
  margin-bottom: 30px;
}

.header-categories__box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

@media screen and (max-width: 1200px) {
  .header-categories__box {
    grid-template-columns: repeat(3, auto);
  }
}

.header-categories__subtitle {
  margin-bottom: 26px;
}

.header-categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
  flex-wrap: wrap;
  height: 390px;
}

.header-categories__link:hover {
  color: #E9711F;
}

.header-catalog {
  position: fixed;
  top: 105px;
  left: 0;
  width: 100%;
  height: 567px;
  padding: 37px 40px 20px;
  background: #FFF;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 992px) {
  .header-catalog {
    top: 50px;
  }
}

@media (max-width: 768px) {
  .header-catalog {
    top: 0;
    height: 100%;
    padding: 0;
    overflow: auto;
  }
}

.header-catalog__desktop {
  height: 100%;
}

@media (max-width: 768px) {
  .header-catalog__desktop {
    display: none;
  }
}

.header-catalog__desktop .text {
  @media screen and (max-width: 992px) {
    font-size: 14px;
  }
}

.header-catalog__mobile {
  display: none;
}

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

.header-catalog__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.header-catalog__link {
  position: relative;
  padding-bottom: 7px;
  padding-right: 8px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.header-catalog__link:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #EDEDED;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.header-catalog__item {
  display: grid;
  grid-template-columns: 190px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media (max-width: 992px) {
  .header-catalog__item {
    grid-template-columns: 190px 1fr;
  }
}

.header-catalog.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
  pointer-events: all;
}

.header-catalog.is-active .header-catalog__item.is-active .header-catalog__link {
  color: #E9711F;
}

.header-catalog.is-active .header-catalog__item.is-active .header-catalog__link:after {
  width: 100%;
}

.header-catalog.is-active .header-catalog__item.is-active .header-categories {
  opacity: 1;
  pointer-events: all;
}

.mobile-menu__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 18px;
  padding: 5px 10px 5px 20px;
}

.mobile-menu__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}

.mobile-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 275px;
  width: 100%;
  height: 41px;
  padding-left: 10px;
  padding-right: 13px;
  border: 1px solid #EDEDED;
  border-radius: 8px;
}

.mobile-search__input {
  width: 100%;
  height: 100%;
  margin-right: 5px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  border: none;
}

.mobile-search__input::-webkit-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.mobile-search__input::-moz-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.mobile-search__input:-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.mobile-search__input::-ms-input-placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.mobile-search__input::placeholder {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
}

.mobile-search__catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  margin-right: 34px;
}

.mobile-connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 30px;
  border-bottom: 1px solid #EDEDED;
}

.mobile-connect__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 27px;
}

.mobile-connect__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 30px;
  border-bottom: 1px solid #EDEDED;
}

.mobile-catalog__name {
  font-size: 22px;
  font-weight: 700;
  color: #E9711F;
}

.mobile-catalog__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 14px;
}

.mobile-catalog__btn svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.mobile-catalog__menubox {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

.mobile-catalog__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  height: 190px;
  padding-top: 20px;
}

.mobile-catalog.is-active .mobile-catalog__menubox {
  max-height: 400px;
}

.mobile-catalog.is-active .mobile-catalog__btn svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 27px 30px 10px 30px;
}

.mobile-mainmenu__link {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
}

.mobile-categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px 20px;
  padding: 29px 30px 27px 30px;
  border-bottom: 1px solid #EDEDED;
}

.mobile-categories__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-pagesubmenubox {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

.mobile-pagesubmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  padding-top: 20px;
}

.mobile-pagemenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
  padding: 27px 30px;
  border-bottom: 1px solid #EDEDED;
}

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

.mobile-pagemenu__item.is-active .mobile-pagesubmenubox {
  max-height: 300px;
}

.mobile-pagemenu__item.is-active .mobile-pagemenu__btn svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mobile-pagemenu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 14px;
}

.mobile-pagemenu__btn svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.mobile-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

.mobile-info__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 22px;
}

.mobile-info__pays {
  margin-bottom: 27px;
}

.mobile-info__doc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.mobile-info__develop {
  font-size: 14px;
  font-weight: 500;
  color: #8F8F8F;
}

.mobile-info__develop a {
  color: #8F8F8F;
}

.mobile-nav {
  position: fixed;
  z-index: 11;
  left: 10px;
  right: 10px;
  bottom: 20px;
  display: none;
  height: 63px;
  border-radius: 20px;
  background: #222;
}

@media (max-width: 565px) {
  .mobile-nav {
    display: block;
  }
}

.mobile-nav__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.mobile-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END HEADER  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer {
  margin-top: auto;
  padding-top: 80px;
  padding-bottom: 40px;
  background: #F4F4F4;
}

@media (max-width: 565px) {
  .footer {
    padding-top: 40px;
  }
}

.footer__box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

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

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

@media (max-width: 565px) {
  .footer__box {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}

.footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding-top: 26px;
}

.footer-menu__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer-menu__link:hover {
  color: #E9711F;
}

.footer-nav__titlebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-nav__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.footer-nav__toggle {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 20px;
}

.footer-nav__toggle svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 565px) {
  .footer-nav__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer-nav.is-active .catalog-menubox,
.footer-nav.is-active .client-menubox {
  max-height: 400px;
}

.footer-nav.is-active .footer-nav__toggle svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media (max-width: 565px) {
  .catalog-nav {
    display: none;
    padding: 0 10px;
  }
}

@media (max-width: 565px) {
  .client-nav {
    display: none;
    padding: 0 10px;
  }
}

@media (max-width: 565px) {
  .about-nav {
    display: none;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #EDEDED;
  }
}

@media (max-width: 565px) {
  .info-nav {
    text-align: center;
  }
}

.catalog-menubox {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

@media (max-width: 565px) {
  .catalog-menubox {
    max-height: 0;
    overflow: hidden;
  }
}

.catalog-menubox .footer-menu__item.is-collection {
  margin-top: 27px;
}

@media (max-width: 565px) {
  .catalog-menubox .footer-menu__item.is-collection {
    margin-top: 0;
  }
}

.client-menubox {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

@media (max-width: 565px) {
  .client-menubox {
    max-height: 0;
    overflow: hidden;
  }
}

.about-menubox .footer-menu__item:nth-of-type(4),
.about-menubox .footer-menu__item:nth-of-type(7) {
  margin-top: 27px;
}

.pay-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

@media (max-width: 565px) {
  .pay-icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.shedule-title {
  display: block;
  margin-bottom: 10px;
}

.shedule {
  display: block;
  margin-bottom: 16px;
}

.footer-phone {
  display: block;
  margin-bottom: 6px;
}

.footer-email {
  display: block;
  margin-bottom: 16px;
}

.footer-slogan {
  display: block;
  margin-bottom: 40px;
}

.footer-infotext {
  margin-bottom: 16px;
}

.doc-info {
  display: block;
  margin-bottom: 10px;
}

.copyright {
  display: block;
  margin-top: 40px;
  margin-bottom: 16px;
}

.develop {
  display: block;
  color: #8F8F8F;
}

.develop a {
  color: #8F8F8F;
}

.footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
}

@media (max-width: 370px) {
  .footer-socials {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer-socials__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.footer-socials__all {
  padding: 6.5px 12px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.footer-socials__all:hover {
  background: #222;
  color: #FFF;
}

@media (max-width: 370px) {
  .footer-socials__all {
    width: 100%;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	yura - Стили для верстки Юры
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.full-container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.page-title {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.button.hover-white:hover {
  border: 1px solid var(--wh);
}

.button.hover-white:hover span {
  color: var(--wh);
}

.button.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: initial;
  padding: 8px 30px;
}

/* ========================
.breadcrumbs
======================== */
.breadcrumbs {
  padding-top: 55px;
  padding-bottom: 37px;
}

@media (max-width: 768px) {
  .breadcrumbs {
    padding-top: 15px;
    padding-bottom: 25px;
  }
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
  padding: 0;
}

@media (max-width: 768px) {
  .breadcrumbs__list {
    gap: 5px;
  }
}

.breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
}

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

.breadcrumbs__item:not(:last-child) {
  position: relative;
}

.breadcrumbs__item:not(:last-child)::after {
  position: relative;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 5px solid transparent;
  border-left: 6px solid var(--gr-e);
  border-bottom: 5px solid transparent;
}

.breadcrumbs__link {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.6px;
  color: var(--gr-e);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

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

.breadcrumbs__link:hover {
  color: var(--br-b);
}

.breadcrumbs__link--home a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbs__home {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}

.breadcrumbs__title {
  letter-spacing: -0.6px;
}
.breadcrumbs:has(+ .catalog-decoration) { /* Скрываем хлебные крошки в каталоге */
    display: none;
}
.breadcrumbs + .catalog-decoration {
    padding-top: 55px;
}
@media (max-width: 768px) {
   .breadcrumbs + .catalog-decoration {
        padding-top: 15px;
    }
}

/* ========================
END .breadcrumbs
======================== */
/* ========================
.to-client
======================== */
.to-client {
  font-family: var(--font-family);
  background-color: var(--gr-a);
}

.to-client__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .to-client__box {
    gap: 20px;
  }
}

.clients-info {
  padding: 0px 0px 80px 0px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .clients-info {
    padding: 40px 0;
    grid-template-columns: repeat(2, 1fr);
  }
}

.clients-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  grid-column: span 2;
  border-radius: 20px;
  padding: 40px 20px;
  min-height: 167px;
  text-align: center;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.clients-info__item:hover {
  background: #E9711F;
}

.clients-info__item:hover path {
  stroke: #FFF;
}

.clients-info__item:nth-last-child(1):nth-child(3n+1) {
  grid-column: span 6;
}

@media screen and (max-width: 768px) {
  .clients-info__item:nth-last-child(1):nth-child(3n+1) {
    grid-column: span 1;
  }
}

.clients-info__item:nth-last-child(1):nth-child(3n+2) {
  grid-column: span 3;
}

.clients-info__item:nth-last-child(2):nth-child(3n+1) {
  grid-column: span 3;
}

@media screen and (max-width: 768px) {
  .clients-info__item:nth-last-child(2):nth-child(3n+1) {
    grid-column: span 1;
  }
}

@media screen and (max-width: 768px) {
  .clients-info__item {
    grid-column: span 1;
    padding: 20px;
    min-height: 127px;
  }

  .clients-info__item:last-child:nth-child(odd) {
    grid-column: span 2;
  }
}

.clients-info__icon {
  display: block;
  margin: 0 auto;
  height: 48px;
  width: auto;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.clients-info__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  -webkit-transition: color 0.25s, -webkit-transform 0.25s;
  transition: color 0.25s, -webkit-transform 0.25s;
  transition: color 0.25s, transform 0.25s;
  transition: color 0.25s, transform 0.25s, -webkit-transform 0.25s;
}

.clients-info__item:hover .clients-info__title {
  color: #FFF;
}

/* ========================
END .to-client
======================== */
/* ========================
.product-page
======================== */
.gallery-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 27px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  background-color: var(--gr-a);
}

.gallery-page__grid {
  padding: 0px 0px 80px 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .gallery-page__grid {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0px 0px 0px 0px;
  }
}

.gallery-page__photo {
  overflow: hidden;
}

@media (max-width: 565px) {
  .gallery-page__photo {
    padding: 0 10px;
  }
}

.photo-gallery .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 565px) {
  .photo-gallery .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.gallery-page__info {
  padding: 0px 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}

@media screen and (max-width: 992px) {
  .gallery-page__info {
    padding: 80px 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .gallery-page__info {
    padding: 0px 10px 0;
  }
}

.gallery-page__info h2 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.gallery-page__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
  list-style-type: disc;
  list-style-position: inside;
}

.text-indent {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}

.gallery-page__info div {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}

/* ========================
END .product-page
======================== */
/* ========================
.photo-gallery
======================== */
.photo-gallery__item {
  width: 100%;
}

.photo-gallery__img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 565px) {
  .photo-gallery__img {
    height: 355px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
  }
}

/* ========================
END .photo-gallery
======================== */
/* ========================
.gallery-page__products
======================== */
.gallery-page__products {
  padding-top: 40px;
}

.gallery-page__products .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 36px;
}

.gallery-page__products .container > * {
  margin: 0;
}

/* ========================
END .gallery-page__products
======================== */
/* ========================
.bibliya-kamnei
======================== */
.dark-page__box {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 27px;
  background-color: var(--gr-a);
}

.dark-page__grid {
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: 370px 1fr;
  gap: 20px;
}

@media screen and (max-width: 1600px) {
  .dark-page__grid {
    grid-template-columns: 25% 1fr;
  }
}

@media screen and (max-width: 768px) {
  .dark-page__grid {
    padding-bottom: 0;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 992px) {
  .dark-page__grid.one-col .dark-page__main {
    padding: 40px 10px;
  }
}

@media screen and (max-width: 460px) {
  .dark-page__grid.one-col .dark-page__main {
    padding-top: 340px;
  }
}

.dark-page__aside {
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .dark-page__aside {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.dark-page__main-wrapper {
  min-width: 0;
}

.dark-page__main-wrapper .page-title {
  margin-bottom: 20px;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .dark-page__main-wrapper .page-title {
    font-size: 24px;
  }
}

.dark-page__main-wrapper .dark-page__subtitle {
  margin-bottom: 30px;
  font-weight: 600;
  color: rgba(143, 143, 143, 0.6);
}

@media screen and (max-width: 768px) {
  .dark-page__main-wrapper .dark-page__subtitle {
    margin-bottom: 40px;
    color: var(--gr-e);
  }
}

@media screen and (max-width: 768px) {
  .dark-page__top {
    padding: 0 10px;
  }
}

.dark-page__main {
  position: relative;
  padding: 150px 40px 80px 80px;
  color: var(--gr-a);
  background-color: #0b0b0b;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .dark-page__main {
    padding: 40px;
  }
}

@media screen and (max-width: 992px) {
  .dark-page__main {
    padding: 10px;
  }
}

.dark-page__main .page-title {
  color: var(--gr-a);
}

.dark-page__subgrid {
  position: relative;
  z-index: 2;
}

.dark-page__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.dark-page__bg img {
  display: block;
  width: 100%;
  height: auto;
}

.tb-subgrid {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 40px;
}

@media screen and (max-width: 992px) {
  .tb-subgrid {
    gap: 20px;
    grid-template-columns: 30% 1fr;
  }
}

@media screen and (max-width: 800px) {
  .tb-subgrid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .tb-subgrid {
    gap: 60px;
  }
}

.tb-subgrid__img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  .tb-subgrid__img {
    max-width: 515px;
  }
}

.tb-subgrid__main {
  position: relative;
  z-index: 2;
  max-width: 515px;
  font-size: 18px;
}

@media screen and (max-width: 992px) {
  .tb-subgrid__main {
    font-size: 16px;
  }
}

.tb-subgrid__main h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.tb-subgrid__main h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
}

.tb-subgrid__main p {
  line-height: 1.2;
}

.tb-subgrid__main .block {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .tb-subgrid__main .block {
    margin-bottom: 60px;
  }
}

.tb-subgrid__main .block .page-title {
  margin-bottom: 0;
}

.tb-subgrid__main .block-descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  line-height: 1.2;
}

.tb-subgrid__main .block-descr > * {
  margin: 0;
}

.tb-subgrid__main .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}

@media screen and (max-width: 360px) {
  .tb-subgrid__main .list {
    grid-template-columns: 1fr;
  }
}

.tb-subgrid__main .list.cost .list-item {
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

.tb-subgrid__main .list.cost .list-item:last-child:nth-child(2n+1) {
  grid-column: span 2;
}

@media screen and (max-width: 360px) {
  .tb-subgrid__main .list.cost .list-item:last-child:nth-child(2n+1) {
    grid-column: span 1;
  }
}

.tb-subgrid__main .list.cost .price {
  font-weight: 700;
  font-size: 22px;
}

.tb-subgrid__main .list-item {
  padding: 20px;
  min-height: 139px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  line-height: 1.2;
  border: 1px solid var(--wh);
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  .tb-subgrid__main .list-item {
    min-height: 130px;
  }
}

.tb-subgrid__main .list-circle {
  padding: 0 7px;
  display: grid;
  grid-template-columns: 50% 50%;
  max-width: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tb-subgrid__main .list-circle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 250.5px;
  text-align: center;
  border: 1px solid var(--wh);
  border-radius: 50%;
  padding: 20px;
  background-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media screen and (max-width: 535px) {
  .tb-subgrid__main .list-circle__item {
    width: calc((100vw - 14px - 20px) / 2);
  }
}

@media screen and (max-width: 360px) {
  .tb-subgrid__main .list-circle__item {
    font-size: 13px;
    line-height: 1.5;
  }
}

.tb-subgrid__main .img-box {
  padding: 10px 0;
}

.tb-subgrid__main .img-box img {
  max-width: 100%;
}

.tb-subgrid__main .full-w {
  display: block;
  width: 100%;
  height: auto;
}

.tb-subgrid__main .about-author {
  position: relative;
}

.tb-subgrid__main .about-author__img {
  display: block;
  width: 100%;
  height: auto;
}

.tb-subgrid__main .about-author__text {
  position: absolute;
  left: 0;
  top: 42px;
  border: 1px solid var(--br-b);
  border-radius: 20px;
  padding: 20px;
  max-width: 256px;
  width: 49.708738%;
  min-width: 180px;
  min-height: 97px;
  font-weight: 600;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .tb-subgrid__main .about-author__text {
    font-size: 14px;
    font-weight: 500;
  }
}

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

.btn {
  padding: 10px 30px;
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  text-decoration: none;
  text-align: center;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media screen and (max-width: 768px) {
  .btn {
    padding: 10px 24px;
  }
}

.btn.dark {
  color: var(--wh);
  background-color: var(--gr-e);
}

.dark-page__main .video-box {
  margin-bottom: 40px;
  padding-top: 30px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .dark-page__main .video-box {
    margin-bottom: 60px;
  }
}

.dark-page__main .video-box .text {
  color: #fff;
}

.dark-page__main .video-box .slider-nav {
  background-color: transparent;
}

/* ========================
END .bibliya-kamnei
======================== */
/* ========================
.aside-nav
======================== */
.aside-nav {
  position: sticky;
  top: 0;
  padding-top: 150px;
}

@media screen and (max-width: 1200px) {
  .aside-nav {
    padding-top: 80px;
    top: 80px;
  }
}

@media screen and (max-width: 992px) {
  .aside-nav {
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .aside-nav {
    display: none;
  }
}

.aside-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.aside-nav__item {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.aside-nav__item.active {
  border-bottom: 1px solid var(--gr-b);
}

.aside-nav__item.active .aside-nav__link {
  color: var(--br-b);
}

.aside-nav__link {
  color: var(--gr-e);
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.aside-nav__link:hover {
  color: var(--br-b);
}

/* ========================
END .aside-nav
======================== */
/* ========================
.aside-nav-mob
======================== */
.aside-nav-mob {
  position: relative;
  z-index: 3;
}

.aside-nav-mob__btn {
  position: relative;
  display: block;
  padding: 10px 30px 10px 10px;
  min-height: 38px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  border-radius: 6px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
}

.aside-nav-mob__btn::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 5px solid transparent;
  border-left: 6px solid var(--gr-e);
  border-bottom: 5px solid transparent;
}

.aside-nav-mob__btn.toggle::after {
  -webkit-transform: translateY(-50%) rotate(270deg);
  -ms-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
}

.aside-nav-mob__list {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: calc(100% + 2px);
  width: 100%;
  padding: 16px 10px;
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
}

.aside-nav-mob__list.toggle {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}

/* ========================
END .aside-nav-mob
======================== */
.template-creating .feedback {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .template-creating .feedback {
    margin-bottom: 10px;
  }
}

.template-creating .products-previews {
  margin-bottom: 40px;
}

.play-video {
  padding: 10px 0;
}

.play-video__box {
  position: relative;
  aspect-ratio: 515/272;
  cursor: pointer;
  overflow: hidden;
}

.play-video__box:hover .play-video__icon {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  -ms-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
}

.play-video__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.play-video__icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

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

.mb70 {
  margin-bottom: 70px;
}

/* ========================
.special-offer
======================== */
.special-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.so-category {
  padding-top: 40px;
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 20px;
}

@media screen and (max-width: 992px) {
  .so-category {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .so-category {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 460px) {
  .so-category {
    grid-template-columns: repeat(1, 1fr);
  }
}

.so-category__item {
  padding-bottom: 18px;
}

.so-category__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.so-category__img-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.so-category__img-box:hover .so-category__img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.so-category__img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.so-category__tags {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.so-category__tag {
  padding: 3px 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  text-decoration: none;
  border-radius: 20px;
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.7);
}

.so-category__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

/* ========================
END .special-offer
======================== */
/* ========================
.action-page
======================== */
.action-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .action-page {
    gap: 20px;
  }
}

.action-page__box.products-previews {
  padding-top: 80px;
}

@media screen and (max-width: 992px) {
  .action-page__box.products-previews {
    padding-top: 0;
  }
}

.action-page__box .products-slider {
  margin: 0;
}

.action-page__box .preview__name {
  margin: 0;
}

.cols-700-620 {
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: 47.9452% 42.4658%;
  gap: 60px;
}

@media screen and (max-width: 992px) {
  .cols-700-620 {
    gap: 40px;
  }
}

@media screen and (max-width: 768px) {
  .cols-700-620 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.col-620 {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}

.action-page__img-box {
  position: relative;
  margin-bottom: 18px;
  border-radius: 10px;
  overflow: hidden;
}

.action-page__img-box:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.action-page__img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

/* ========================
END .action-page
======================== */
/* ========================
.article
======================== */
.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.article .so-category__tags {
  position: relative;
  top: initial;
  left: initial;
  width: initial;
}

.article .so-category__tag {
  backdrop-filter: blur(40px);
  background: var(--gr-b);
}

.article .page-title {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .article .page-title {
    margin-bottom: 0;
  }
}

.article__img-block {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.article__img-block:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .article__img-block:not(:last-child) {
    margin-bottom: 20px;
  }
}

.article__img-box {
  overflow: hidden;
  border-radius: 10px;
}

.article__img-box:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.article__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.col-860 {
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  max-width: 860px;
}

.col-860__block {
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 11px;
}

@media screen and (max-width: 992px) {
  .col-860__block {
    padding-bottom: 40px;
  }
}

.col-860__block:last-child {
  padding-bottom: 0;
}

.col-860__img-box {
  overflow: hidden;
  border-radius: 10px;
}

.col-860__img-box:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.col-860__img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.products-previews.article__products {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 80px;
}

@media screen and (max-width: 992px) {
  .products-previews.article__products {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

/* ========================
END .article
======================== */
/* ========================
.blog
======================== */
.blog .page-title {
  margin-bottom: 20px;
}

.blog .tags {
  margin: 0;
  padding: 0;
  border: none;
}

.blog .tags__list {
  padding: 0;
}

.blog .tags__listbox {
  max-height: initial;
}

/* ========================
END .blog
======================== */
/* ========================
.about
======================== */
.about .breadcrumbs {
  padding: 8px 0;
  margin-bottom: 27px;
}

.about .breadcrumbs__link {
  color: #fff;
}

.about .breadcrumbs__item:not(:last-child)::after {
  border-left: 6px solid var(--gr-a);
}

.about .page-title {
  margin-bottom: 20px;
  color: var(--gr-a);
}

.about-hero {
  padding-top: 47px;
  padding-bottom: 80px;
  background-image: url("../img/about/about-hero-bg.webp");
  background-size: cover;
  background-position: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .about-hero {
    padding-top: 35px;
  }
}

@media screen and (max-width: 420px) {
  .about-hero {
    background-image: url("../img/about/about-hero-bg-mob.webp");
  }
}

.about-hero > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 160px;
}

@media screen and (max-width: 992px) {
  .about-hero > .container {
    gap: 80px;
  }
}

.about-hero__top {
  padding-bottom: 20px;
  max-width: 600px;
}

.about-hero__top .container {
  padding: 0;
}

.about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px 20px;
  max-width: 1460px;
}

@media screen and (max-width: 768px) {
  .about-list {
    max-width: 520px;
  }
}

.about-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: calc(25% - 15px);
  max-width: 307px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .about-list__item {
    gap: 10px;
    width: calc(50% - 10px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
}

.about-list__icon {
  display: block;
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 992px) {
  .about-list__icon {
    width: 70px;
    height: 70px;
  }
}

.about-list__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--wh);
}

/* ========================
END .about
======================== */
.form.bg-white {
  padding: 40px 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

@media screen and (max-width: 768px) {
  .form.bg-white {
    padding: 40px 10px;
    border-radius: 20px;
  }
}

.form.bg-white .form-title {
  margin-bottom: 10px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.form.bg-white .form-descr {
  margin-bottom: 10px;
}

.form.bg-white .agree {
  margin-top: 10px;
}

.button-black {
  color: var(--wh);
}

/* ========================
.reviews
======================== */
.reviews-top {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .reviews-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.reviews-top__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.reviews-top__btn {
  width: 100%;
  max-width: 194px;
}

.reviews__video-slider {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.reviews__text-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.reviews .reviews-cards {
  margin-bottom: 40px;
}

.reviews__form {
  padding: 60px 0 80px;
  background: var(--wh);
}

.reviews__form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.reviews__form-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .reviews__form-box {
    grid-template-columns: 1fr;
  }
}

.reviews_form__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.reviews_form__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.reviews_form__right .button {
  margin-top: -10px;
}

.form__file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.form__file-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.form__file-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 27px;
}

@media screen and (max-width: 520px) {
  .form__file-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.file-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.reviews__form .form__input--comment {
  min-height: 135px;
}

@media screen and (max-width: 768px) {
  .reviews__form .form__input--comment {
    min-height: 149px;
  }
}

/* ========================
END .reviews
======================== */
/* ========================
.contacts
======================== */
.contacts-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.contacts-content .communications-soc {
  margin-top: -5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .contacts-content .communications-soc {
    margin-top: 0;
  }
}

.communications {
  padding-top: 20px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--gr-e);
}

@media screen and (max-width: 1200px) {
  .communications {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
  }
}

.communications-col {
  width: calc(25% - 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 1200px) {
  .communications-col {
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 600px) {
  .communications-col {
    width: 100%;
  }
}

.contacts__form {
  padding-top: 60px;
  padding-bottom: 80px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .contacts__form {
    padding-bottom: 40px;
  }
}

.contacts__form .form__input--comment {
  height: 70px;
}

.contacts__form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.contacts__form-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .contacts__form-box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.contacts_form__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}

@media screen and (max-width: 768px) {
  .contacts_form__left {
    gap: 10px;
  }
}

.contacts_form__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.faq {
  padding-top: 60px;
  padding-bottom: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .faq {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.faq-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 28px;
}

@media screen and (max-width: 768px) {
  .faq-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.faq-questions {
  width: 100%;
}

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

.faq-accordion__item {
  border-radius: 8px;
  background-color: var(--wh);
  overflow: hidden;
}

.faq-accordion__title {
  position: relative;
  border-radius: 8px;
  padding: 18px 44px 18px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  cursor: pointer;
}

.faq-accordion__title::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTcnIHZpZXdCb3g9JzAgMCAxNiAxNycgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBvcGFjaXR5PScuNScgZD0nTTcuNDM1IDEwLjU4NmEuOC44IDAgMCAwIDEuMTMyIDBsMy4xOTktMy4xOTlhLjguOCAwIDAgMC0uNTY3LTEuMzY3SDQuOGEuODAzLjgwMyAwIDAgMC0uNTY3IDEuMzY3bDMuMTk4IDMuMmguMDAzWicgZmlsbD0nIzhGOEY4RicvPjwvc3ZnPg==");
  background-size: cover;
}

.toggle .faq-accordion__title::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.faq-accordion__descr {
  padding: 0 16px;
  max-height: 0;
  height: 0;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.toggle .faq-accordion__descr {
  padding: 22px 16px 40px;
  height: 100%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.faq-accordion__box {
  max-width: 680px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.toggle .faq-accordion__box {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.faq-btn {
  max-width: 181px;
  margin: 4px auto 0;
}

.faq-info {
  border-radius: 10px;
  padding: 30px 20px;
  max-width: 329px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
}

@media screen and (max-width: 768px) {
  .faq-info {
    margin: 0 auto;
    padding: 30px 20px;
    max-width: initial;
  }
}

.faq-soc.faq-soc {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4px;
}

.adress-block {
  padding: 40px 0;
  border-bottom: 1px solid var(--gr-e);
}

.adress-block__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 52px;
}

@media screen and (max-width: 800px) {
  .adress-block__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.adress-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 62px;
}

.adress-block__item .page-title {
  margin-bottom: 40px;
}

.adress-block__wrap {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.adress-block__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.adress-block__cta .button {
  max-width: 280px;
}

.adress-block__slider {
  max-width: 690px;
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .adress-block__slider {
    max-width: 60%;
  }
}

@media screen and (max-width: 800px) {
  .adress-block__slider {
    max-width: initial;
  }
}

.photo-slider__preview {
  width: 100%;
  border-radius: 10px;
}

.photo-arrows {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.adress-block__slider .sliderbox-mobile {
  margin-right: 0;
}

/* ========================
END .contacts
======================== */
/* ========================
404
======================== */
.error-404 {
  padding: 47px 0 80px;
}

@media screen and (max-width: 768px) {
  .error-404 {
    padding: 30px 0 40px;
  }
}

.error-404 a {
  text-decoration: underline;
}

.error-404__box {
  padding: 85px 40px 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  text-align: center;
  border-radius: 40px;
  background-color: var(--wh);
}

@media screen and (max-width: 768px) {
  .error-404__box {
    padding: 58px 10px 90px;
  }
}

.error-404__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.error-404__title {
  font-weight: 400;
  font-size: 112px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.error-404__middle {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.error-404__btn.button {
  margin: 0 auto;
  max-width: 242px;
  text-decoration: none;
}

/* ========================
END 404
======================== */
.js-tabs__btns .tags__item .tag {
  color: #222;
  background: #FFF;
}

.tags__item.is-active .tag {
  color: #FFF;
  background: #373330;
}

.tabs-content__item {
  display: none;
}

.tabs-content__item.is-active {
  display: block;
}

/* ========================
.search-page
======================== */
.search-page {
  padding-top: 77px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .search-page {
    /*padding-top: 80px;*/
    padding-top: 15px;
    padding-bottom: 40px;
  }
}

.search-page .page-title {
  margin-bottom: 20px;
}

.search-page .preview-small__foto {
  aspect-ratio: 1/1;
  height: auto;
}

.search-page__info {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--gr-c);
}

.search-form {
  margin-bottom: 30px;
  position: relative;
  min-height: 44px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
}

@media screen and (max-width: 768px) {
  .search-form {
    margin-bottom: 40px;
  }
}

.search-form__input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 58px 2px 24px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: none;
}

.search-form__input:focus {
  outline: 1px solid var(--gr-c);
}

.search-form__button {
  position: absolute;
  right: 2px;
  top: 0;
  height: 100%;
  width: 54px;
}

.search-page__back {
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .search-page__back {
    margin-top: -18px;
  }
}

.search-page__back-btn {
  width: initial;
}

/* ========================
END .search-page
======================== */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//END yura
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	СТИЛИ КОТОРЫЕ НЕ ПОВТОРЯЮТСЯ НА ДРУГИХ СТРАНИЦАХ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.present {
  position: relative;
  margin-bottom: 120px;
}

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

.present .swiper-slide {
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.present-slide {
  position: relative;
  width: 100%;
  height: 48vw;
}

@media (max-width: 1460px) {
  .present-slide {
    height: 700px;
  }
}

@media (max-width: 565px) {
  .present-slide {
    height: 812px;
  }
}

.present-slide__fotobox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

@media (max-width: 565px) {
  .present-slide__fotobox {
    height: 812px;
  }
}

@media (max-width: 565px) {
  .present-slide__fotobox--desktop {
    display: none;
  }
}

.present-slide__fotobox--mobile {
  display: none;
}

@media (max-width: 565px) {
  .present-slide__fotobox--mobile {
    display: block;
  }
}

.present-nav {
  position: absolute;
  z-index: 1;
  bottom: 40px !important;
  left: 40px !important;
}

@media (max-width: 565px) {
  .present-nav {
    bottom: 104px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent;
    backdrop-filter: none;
  }
}

.present__infobox {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1270px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 146px;
  padding-bottom: 90px;
}

@media (max-width: 565px) {
  .present__infobox {
    padding-bottom: 144px;
  }
}

.present__titlebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 565px) {
  .present__titlebox {
    margin-top: auto;
  }
}

.present__title {
  max-width: 530px;
  width: 100%;
  font-family: "Forum", serif;
  font-size: 41px;
  line-height: 86%;
  font-weight: 400;
  color: #FFF;
  letter-spacing: -0.8px;
}

@media (max-width: 565px) {
  .present__title {
    font-size: 34px;
  }
}

.present__tagtitle {
  max-width: 242px;
  width: 100%;
  color: #FFF;
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px);
}

@media (max-width: 992px) {
  .present__tagtitle {
    display: none;
  }
}

.present__infofact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 37px;
  margin-top: auto;
}

@media (max-width: 565px) {
  .present__infofact {
    gap: 20px;
    margin-top: 20px;
  }
}

.present__info {
  max-width: 242px;
  width: 100%;
  color: #FFF;
  letter-spacing: -0.2px;
}

.to-down {
  position: absolute;
  z-index: 1;
  bottom: 26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.to-down:hover {
  background: #E9711F;
}

.to-down:hover path {
  fill: #FFF;
}

@media (max-width: 565px) {
  .to-down {
    display: none;
  }
}

.present-category {
  margin-bottom: 160px;
}

@media (max-width: 768px) {
  .present-category {
    margin-bottom: 120px;
  }
}

.present-category__box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

@media (max-width: 992px) {
  .present-category__box {
    gap: 10px;
  }
}

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

.present-category__foto {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.present-category__item {
  position: relative;
  width: 100%;
  height: 750px;
  border-radius: 70px;
  overflow: hidden;
}

.present-category__item:hover .present-category__foto {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 1920px) {
  .present-category__item {
    height: 39.07vw;
  }
}

@media (max-width: 1460px) {
  .present-category__item {
    height: 37.87vw;
  }
}

@media (max-width: 992px) {
  .present-category__item {
    border-radius: 40px;
  }
}

@media (max-width: 565px) {
  .present-category__item {
    height: 300px;
  }
}

.present-category__name,
.categories-preview__name {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  font-size: 22px;
  line-height: 110%;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.products-previews {
  margin-bottom: 80px;
}

.products-previews__title {
  margin-bottom: 26px;
}

.popular-previews {
  margin-bottom: 80px;
}

.popular-previews__title {
  margin-bottom: 36px;
}

.blog-previews {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .blog-previews {
    margin-bottom: 50px;
  }
}

.blog-previews__title {
  margin-bottom: 26px;
}

.stones-categories__title {
  margin-bottom: 120px;
}

.stones-categories__title__title {
  margin-bottom: 36px;
}

.decoration-task__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 20px;
}

.decoration-task__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
}

.decoration-task__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.decoration-task__button {
  display: block;
  padding: 10px;
  background: #FFF;
  border-radius: 8px;
}

.decoration-task__button.is-active {
  background: #373330;
  color: #FFF;
}

.stones-categories {
  margin-bottom: 120px;
}

@media (max-width: 768px) {
  .stones-categories {
    margin-bottom: 60px;
  }
}

.stones-categories__title {
  margin-bottom: 36px;
}

.stones-categories__box {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}

@media (max-width: 1460px) {
  .stones-categories__box {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 992px) {
  .stones-categories__box {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

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

.stone-category {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 40px;
  overflow: hidden;
}

.stone-category img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.stone-category:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.stone-category.big {
  height: 445px;
  grid-column: span 3;
}

@media (max-width: 1460px) {
  .stone-category.big {
    grid-column: span 1;
    height: 17.8vw;
  }
}

@media (max-width: 992px) {
  .stone-category.big {
    height: 21.5vw;
  }
}

@media (max-width: 768px) {
  .stone-category.big {
    height: 173px;
  }
}

.stone-category.small {
  grid-column: span 2;
  height: 290px;
}

@media (max-width: 1460px) {
  .stone-category.small {
    grid-column: span 1;
    height: 17.8vw;
  }
}

@media (max-width: 992px) {
  .stone-category.small {
    height: 21.5vw;
  }
}

@media (max-width: 768px) {
  .stone-category.small {
    height: 173px;
  }
}

.stone-category__name {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  white-space: nowrap;
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(40px);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.stone-category__name--white {
  color: #FFF;
}

.stone-category__name--info {
  position: static;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.stone-learn {
  border: 1px solid rgba(143, 143, 143, 0.3);
  background: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.stone-learn path {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

.stone-learn:hover {
  background: #E9711F;
}

.stone-learn:hover .stone-category__name {
  color: #FFF;
}

.stone-learn:hover path {
  stroke: #FFF;
}

.stone-more {
  background: #373330;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.stone-more:hover {
  background: #E9711F;
}

@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}

.sidebar__pathname {
  margin-bottom: 16px;
}

.sidebar-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.sidebar-menu__checking {
  padding-left: 12px;
}

.sidebar-menu__checking span {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.sidebar-menu__checking span:hover {
  color: #E9711F;
}

.sidebar-menu__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.sidebar-menu__link:hover {
  color: #E9711F;
}

.sidebar__path {
  margin-bottom: 32px;
}

/*.sidebar__path--last .sidebar-menu__item:last-child, .sidebar__path--last .sidebar-menu__item:nth-last-child(2) {*/
/*  margin-top: 33px;*/
/*}*/

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

.catalog__titlebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 10px;
  margin-bottom: 15px;
}

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

.catalog__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  max-width: 1170px;
  width: 100%;
}

@media (max-width: 1460px) {
  .catalog__info {
    max-width: 710px;
  }
}

.catalog__info--mb {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .catalog__info--nomobile {
    display: none;
  }
}

.catalog-decoration__box {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 20px;
  padding-bottom: 80px;
}

@media (max-width: 1300px) {
  .catalog-decoration__box {
    grid-template-columns: 230px 1fr;
  }
}

@media (max-width: 768px) {
  .catalog-decoration__box {
    grid-template-columns: 1fr;
    padding-bottom: 40px;
  }
}

.catalog__box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 68px 20px;
  margin-bottom: 58px;
}

@media (max-width: 1460px) {
  .catalog__box {
    gap: 48px 10px;
  }
}

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

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

@media (max-width: 768px) {
  .catalog__box {
    grid-template-columns: repeat(3, 1fr);
    gap: 38px 10px;
  }
}

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

.catalog-more {
  max-width: 167px;
  margin: 0 auto 90px auto;
}

@media (max-width: 768px) {
  .catalog-more {
    margin: 0 auto 40px auto;
  }
}

@media (max-width: 565px) {
  .catalog-more {
    max-width: 100%;
  }
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EDEDED;
}

@media (max-width: 768px) {
  .tags {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 25px;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.tags__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

@media (max-width: 768px) {
  .tags__list {
    padding-top: 15px;
  }
}

.tags-morebtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}

.tags-morebtn__text {
  display: none;
}

@media (max-width: 768px) {
  .tags-morebtn__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tags-morebtn svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 768px) {
  .tags-morebtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    background: #FFF;
    border-radius: 6px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.tags__listbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 40px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

@media (max-width: 768px) {
  .tags__listbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}

.tags__listbox.is-active {
  max-height: 350px;
}

.tags__listbox.is-active .tags-morebtn svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 11px;
  background: #FFF;
  border-radius: 8px;
  color: #222;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.tag:hover {
  color: #FFF;
  background: #373330;
}

.tag.is-active {
  color: #FFF;
  background: #373330;
}

.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .filters {
    gap: 15px;
  }
  .catalog .filters {
    z-index: 2;
    position: sticky;
    top: 49px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #F8F8F8;
  }
  .catalog .filters .filter-quantity {
   width: 15px;
   height: 15px;
   top: -6px;
   right: -6px;
  }
  .catalog .filters .filter-quantity .filter-quantity__count {
    font-size: 12px;
     margin-top: -2px;
  }

}

.filters-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
  margin-right: 23px;
}

.filters-selected__countbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 6px;
  border: 1px solid #DFDFDF;
}

.filters-selected__count {
  -webkit-transform: translate(-1px, -1px);
  -ms-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
}

.filter {
  position: relative;
}

.filter__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 11px;
  width: 100%;
  padding: 5px 10px;
  background: #FFF;
  border-radius: 6px;
}

.filter__btn svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.filter-quantity {
  position: absolute;
  z-index: 1;
  top: -15px;
  right: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #222;
}

.filter-quantity__count {
  font-size: 14px;
  color: #FFF;
}

.filter__body {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 32px;
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.filter__parameter {
  font-size: 14px;
}

.filter__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.filter-par {
  width: 180px;
}

.filter-stone {
  width: 180px;
}

.filter-price {
  width: 245px;
}

.filter.is-active .filter__body {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}

.filter.is-active .filter__btn svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter__fixbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  margin-top: 30px;
  border: 1px solid #EDEDED;
  border-radius: 8px;
  background: #FFF;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.filter__fixbtn:hover {
  color: #FFF;
  background: #222;
}

@media (max-width: 768px) {
  .filter-mobilehidden {
    display: none;
  }
}

.filter-mobilevisible {
  display: none;
}

@media (max-width: 768px) {
  .filter-mobilevisible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.range-price,
.range-price-mobile {
  position: relative;
  width: 100%;
}

.range-price__thumbs {
  position: relative;
  width: 100%;
  height: 16px;
}

.range-price__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}

.range-price__input {
  width: 100%;
  height: 46px;
  padding: 0 8px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
  border: 1px solid #EDEDED;
  border-radius: 8px;
}

.range {
  position: absolute;
  left: 0;
  top: 13px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 5px;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}

.range.min {
  z-index: 3;
}

.range.max {
  z-index: 2;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #222;
  cursor: pointer;
  pointer-events: auto;
}

.range-trackbox {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #EDEDED;
}

.range-track,
.range-track-mobile {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #222;
}

.range-values {
  font-size: 14px;
  color: #333;
}

.mobile-filters {
  position: fixed;
  z-index: 12;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 30px 20px 20px;
  background: #FFF;
  overflow: auto;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}

.mobile-filters.is-active {
  left: 0;
}

.mobile-filters__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.mobile-filters__title {
  margin-bottom: 20px;
}

.mobile-filters__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.mobile-filter {
  padding: 2.5px 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}

.mobile-filter__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.mobile-filter__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}

.mobile-filter__bodybox {
  padding-top: 13px;
}

.mobile-filter__bodybox--pb {
  padding-bottom: 13px;
}

.mobile-filter__params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.mobile-filter--nooffset {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mobile-filter.is-active {
  -webkit-box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.04);
}

.mobile-filter.is-active .mobile-filter__body {
  max-height: 300px;
}

.mobile-filter.is-active .mobile-filter__toggle svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filters-parameters {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 10px;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .filters-parameters {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 565px) {
  .filters-parameters {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

.filters-parameter__title {
  margin-bottom: 10px;
}

.filters-parameter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
}

.categories {
  padding-bottom: 80px;
}

.categories__title {
  margin-bottom: 37px;
}

.categories__box,
.catalog-stones__box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1460px) {

  .categories__box,
  .catalog-stones__box {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 565px) {

  .categories__box,
  .catalog-stones__box {
    gap: 10px;
    margin-bottom: 40px;
  }
}

.categories-preview {
  position: relative;
  width: 100%;
  height: 456px;
  border-radius: 40px;
  overflow: hidden;
}

@media (max-width: 1920px) {
  .categories-preview {
    height: 23.7vw;
  }
}

@media (max-width: 1460px) {
  .categories-preview {
    height: 31.3vw;
  }
}

@media (max-width: 565px) {
  .categories-preview {
    height: 173px;
  }
}

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

@media (max-width: 768px) {
  .categories-preview__name {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #222;
    letter-spacing: -0.7px;
  }
}

.categories__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  max-width: 1060px;
  width: 100%;
}

.catalog-stones__title {
  margin-bottom: 27px;
}

.alphabet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 30px;
}

.alphabet__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 8px;
  background: #FFF;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.alphabet__item:hover,
.alphabet__item.is-active {
  background: #222;
  color: #FFF;
}

.product {
  padding-bottom: 40px;
}

.product__infavor {
  display: none;
}

@media (max-width: 565px) {
  .product__infavor {
    display: block;
  }
}

.product__fotobox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.product__foto {
  width: 100%;
}

@media (max-width: 565px) {
  .product__foto {
    border-radius: 10px;
  }
}

@media (max-width: 375px) {
  .product__foto {
    height: 355px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
  }
}

.product__box {
  display: grid;
  grid-template-columns: 1fr 560px;
  margin-bottom: 120px;
}

@media (max-width: 992px) {
  .product__box {
    grid-template-columns: 1fr 360px;
  }
}

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

@media (max-width: 565px) {
  .product__box {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 10px;
  }
}

.product__box .sliderbox {
  align-self: start;
}

.product__info {
  padding: 0 40px;
}

@media (max-width: 565px) {
  .product__info {
    padding: 0;
  }
}

.product__infobox {
  position: sticky;
  top: 120px;
}

.product__title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
}

.product-tags {
  position: static;
  margin-bottom: 16px;
}

.product-tags__item {
  background: #EDEDED;
}

.product-tags__item--sale {
  background: #E9711F;
  color: #FFF;
}

.product__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px;
}

.product__pricebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  margin-bottom: 16px;
}

.product__price {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
}

.product-payinstall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #FFF;
  border-radius: 6px;
}

.product__infotext {
  margin-bottom: 30px;
}

@media (max-width: 565px) {
  .product__infotext {
    max-width: 303px;
    width: 100%;
  }
}

.product__infotext--mb {
  margin-bottom: 10px;
}

.product__sizesname {
  margin-bottom: 15px;
}

.product__sizesbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 30px;
  margin-bottom: 20px;
}

.product__sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px;
}

.product__size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #FFF;
}

.product__size.is-active {
  border: 2px solid #222;
}

.product__sizesmore {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  width: 180px;
  height: 32px;
  border-radius: 6px;
  background: #FFF;
}

.product__balance {
  margin-bottom: 20px;
  color: #E9711F;
}

.product-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.product-actions__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 428px;
  width: 100%;
}

.product-actions__counts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  width: 164px;
}

.product-actions__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  color: #222;
  letter-spacing: -0.7px;
  color: #222;
  text-align: center;
  background: #FFF;
  border-radius: 6px;
  border: none;
}

.product-actions__incart {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
}

.product-actions__incart.is-active {
  background: #E9711F;
}

.product-actions__infavor {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 38px;
}

@media (max-width: 565px) {
  .product-actions__infavor {
    display: none;
  }
}

.product-char__title {
  margin-bottom: 18px;
}

.product-char__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 30px;
}

.product-char__link {
  text-decoration: underline;
}

.product__phone {
  margin-bottom: 35px;
}

.product__fullbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  border: 1px solid #EDEDED;
  border-radius: 6px;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

.product__fullbtn span {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.product__fullbtn:hover {
  background: #222;
}

.product__fullbtn:hover span {
  color: #FFF;
}

.phone-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.phone-number__link {
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
  color: #222;
}

.similar-products {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .similar-products {
    margin-bottom: 60px;
  }
}

.top-products {
  margin-bottom: 0px;
}

.reviews-cards {
  overflow: hidden;
}

.reviews-cards__title {
  margin-bottom: 36px;
}

.review-card {
  padding: 20px 20px 30px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}

.review-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}

.review-card__foto {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.review-card__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.review-card__text {
  margin-bottom: 30px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-card.is-active .review-card__text {
  -webkit-line-clamp: initial;
}

.review-card__readmore {
  text-decoration: underline;
}

div.title-search-result {
  padding: 20px;
  display: flex;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: none;
  box-sizing: border-box;
  overflow: initial;
}

.title-search-result table.title-search-result {
  width: 100%;
}

table.title-search-result {
  padding: 0;
}

.title-search-item.title-search-item {
  padding: 0 !important;
  font-family: "Raleway", sans-serif;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--br-b);
}

.title-search-item.title-search-item a {
  margin-bottom: 4px;
  padding: 6px !important;
  display: flex !important;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all .25s;
}

.title-search-item.title-search-item a:hover {
  border: 1px solid var(--gr-b);
}

.title-search-item.title-search-item b {
  font-weight: 600 !important;
  color: var(--br-b) !important;
}

.title-search-item.title-search-item img {
  margin-right: 10px;
  width: 56px;
  height: auto;
  border-radius: 8px
}

table.title-search-result td {
  white-space: initial !important;
}

.title-search-selected td,
.title-search-selected a {
  background-color: transparent !important;
}

.title-search-result tr:nth-last-child(2) > .title-search-item a {
  margin: 20px 0 0 !important;
  padding: 10px 25px !important;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  text-decoration: none;
  border: 1px solid var(--gr-b);
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background-color: var(--wh);
  transition: all .25s;
}

.title-search-result tr:nth-last-child(2) > .title-search-item a:hover {
  background-color: var(--gr-e) !important;
  color: var(--wh) !important;
}

.title-search-item .title-search-selected a {
  color: var(--wh) !important;
}

.bx-basket {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.bx-basket .basket-checkout-container,
.bx-basket .basket-items-list-wrapper {
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: none;
}

.bx-basket .basket-items-list-header {
  background-color: var(--gr-a);
  border-radius: 6px;
  border: none;
}

.bx-basket .basket-items-list-header-filter-item {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: var(--gr-e);
}

.bx-basket .basket-items-list-item-descriptions-inner {
  align-items: center;
  gap: 16px;
}

.bx-basket .basket-item-block-image {
  padding: 0;
}

.bx-basket .basket-item-image-link {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
}

.bx-basket .basket-item-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.basket-coupon-block-field-description {
  font-family: "Raleway", sans-serif;
}

.bx-basket .basket-item-info-name,
.bx-basket .basket-item-info-name-link {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: var(--gr-e);
  font-weight: 600;
}

.bx-basket .btn {
  padding: 8px 30px;
  border-radius: 8px;
  background: rgb(34, 34, 34) !important;
  color: var(--wh);
  border: none;
}

.bx-basket .btn:hover {
  background: rgb(233, 113, 31) !important;
}

.bx-basket .basket-items-list-item-container > td {
  border-bottom: none;
  padding-top: 18px;
}
.bx-basket .basket-items-list-item-container .basket-items-list-item-price {
  min-width: 86px;
}
.bx-basket.bx-basket .basket-items-list-item-amount {
  padding-top: 34px;
  vertical-align: top !important;
}

@media screen and (max-width: 768px) {
  .bx-basket.bx-basket .basket-items-list-item-amount {
    padding-top: 0;
  }
}

.bx-basket .basket-items-list-item-descriptions {
  padding-top: 18px;
  padding-bottom: 18px;
}

.bx-basket .basket-item-block-properties {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bx-basket .basket-coupon-block-field-description {
  font-family: var(--font-family);
  font-size: 16px;
  color: var(--gr-e);
  font-weight: 600 !important;
}

.bx-basket .basket-coupon-block-field {
  display: flex;
  flex-direction: column !important;
  gap: 8px;
}

.bx-basket .basket-item-property-custom-name {
  padding: 0;
  font-family: var(--font-family);
  font-size: 16px;
  color: var(--gr-c);
  font-weight: 600 !important;
  line-height: normal;
}

.bx-basket .basket-item-property-custom-value {
  font-family: var(--font-family);
  font-size: 16px;
  color: var(--gr-e);
  font-weight: 600 !important;
  line-height: normal;
}

.bx-basket .basket-checkout-block-total-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
}

.bx-basket .basket-checkout-block-total-description {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
}

.bx-basket .basket-coupon-block-total-price-difference {
  background-color: var(--gr-a);
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 600;
  color: var(--gr-e);
}

.bx-basket .basket-coupon-block-total-price-old {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 600;
  color: var(--gr-c);
  top: 0px !important;
  text-decoration: line-through;
}

.bx-basket .basket-coupon-block-total-price-old::after {
  display: none;
}

.bx-basket .basket-item-price-title {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  color: var(--gr-c);
}

.bx-basket .basket-item-price-current-text {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 600;
  color: var(--gr-e);
}

.bx-basket .basket-item-price-old-text {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 600;
  color: var(--gr-c);
  top: 0px !important;
  text-decoration: line-through;
}

.bx-basket .basket-item-price-old-text::after {
  display: none;
}

.bx-basket .basket-item-amount-field-description {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  color: var(--gr-c);
  font-style: normal;
}

.bx-basket .basket-item-price-difference {
  background-color: var(--gr-a);
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 600;
  color: var(--gr-e);
}

.bx-basket .basket-item-actions-remove:before,
.bx-basket .basket-item-actions-remove:after {
  background-color: var(--gr-e);
  display: none;
}

.bx-basket .basket-item-block-image {
  max-width: 82px;
}

.bx-basket .basket-coupon-alert-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bx-basket .basket-checkout-block-btn {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bx-basket .basket-item-amount-filed {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--gr-e);
  border-radius: 6px;
}

@media (max-width: 767px) {
  .bx-basket .basket-coupon-block-total-price-current {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
  }

  .bx-basket .basket-coupon-block-total-price-difference {
    padding: 0;
  }

  .bx-basket .basket-checkout-block {
    min-width: initial;
    width: initial;
  }

  .bx-basket .basket-checkout-block-total {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .bx-basket .basket-checkout-container {
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 0;
  }

  .bx-basket .basket-coupon-block-field .form-group {
    margin: 0;
  }

  .bx-basket .basket-btn-checkout {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .bx-basket .basket-checkout-block-btn {
    flex-grow: initial;
  }

  .bx-basket .basket-checkout-block-total {
    margin-right: auto;
  }
}

@media (max-width: 580px) {
  .bx-basket .basket-checkout-block-btn {
    width: 100%;
  }
}

.bx-basket .basket-item-label-ring {
  background-color: var(--br-b);
}

.bx-basket .basket-item-label-bottom {
  font-size: 12px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  transform: translate(-6px, -4px);
}

.bx-basket .basket-item-amount-btn-minus,
.bx-basket .basket-item-amount-btn-plus {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
}

.bx-basket .basket-item-amount-btn-minus::before,
.bx-basket .basket-item-amount-btn-minus::after,
.bx-basket .basket-item-amount-btn-plus::before,
.bx-basket .basket-item-amount-btn-plus::after {
  display: none;
}

.bx-basket .basket-item-amount-btn-minus:hover,
.bx-basket .basket-item-amount-btn-plus:hover {
  background-color: transparent;
}

.bx-basket .basket-item-amount-btn-minus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6.666 9h6m-3 7.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3C/svg%3E");
}

.bx-basket .basket-item-amount-btn-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6.666 9h3m0 0h3m-3 0V6m0 3v3m0 4.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3C/svg%3E");
}

.bx-basket .basket-item-price-old {
  position: relative;
  top: 0;
}

.bx-basket .basket-item-actions-remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m15 6.75-1.496 8.51a1.5 1.5 0 0 1-1.478 1.24H5.974a1.5 1.5 0 0 1-1.478-1.24L3 6.75M15.75 4.5h-4.219m0 0V3a1.5 1.5 0 0 0-1.5-1.5H7.97a1.5 1.5 0 0 0-1.5 1.5v1.5m5.062 0H6.47m-4.219 0h4.219'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

.bx-basket .basket-item-block-info .basket-item-actions-remove::before,
.bx-basket .basket-item-block-info .basket-item-actions-remove::after {
  display: none !important;
}

@media (max-width: 767px) {
  .bx-basket td.basket-items-list-item-descriptions {
    padding-top: 10px;
    min-width: initial;
    width: initial;
    max-width: calc(100% - 246px);
  }

  .bx-basket .basket-items-list-item-container {
    padding-right: 36px;
    width: 100%;
    justify-content: space-between;
    position: relative;
  }

  .bx-basket .basket-items-list-item-descriptions {
    padding-bottom: 0;
  }

  .bx-basket .basket-item-actions-remove {
    right: 0;
    top: 8px;
  }


  .bx-basket .basket-items-list-item-descriptions-inner {
    align-items: flex-start;
    position: initial;
  }

  .bx-basket .basket-item-block-amount {
    padding-top: 0;
  }

  .bx-basket .basket-item-block-image {
    min-width: 82px;
  }
}

@media (max-width: 580px) {

  .bx-basket .basket-item-image,
  .bx-basket .basket-item-block-image {
    margin: 0;
  }

  .bx-basket .basket-items-list {
    padding: 0;
  }

  .bx-basket .basket-items-list-item-descriptions-inner {
    flex-direction: row;
  }

  .bx-basket .basket-items-list-item-descriptions {
    max-width: 100%;
    min-width: 100% !important;
  }

  .bx-basket .basket-items-list-item-amount {
    padding: 0;
    min-width: initial;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bx-basket .basket-item-block-price {
    margin: 0;
    padding: 0;
  }

  .bx-basket .basket-items-list-item-container {
    align-items: center;
    padding-right: 24px;
  }

  .bx-basket .basket-item-price-old {
    position: initial;
  }
}

.bx-basket .basket-items-list-table {
  margin-top: 16px;
}

.bx-basket .basket-item-block-price {
  padding-top: 0;
}

.bx-soa {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.bx-soa .bx-soa-section-content {
  padding-left: 0;
  padding-right: 0;
}

.bx-soa .bx-soa-cart-total,
.bx-soa .bx-soa-section.bx-selected,
.bx-soa .bx-soa-section.bx-completed {
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: none;
}

.bx-soa .bx-soa-section {
  padding: 0;
}

.bx-soa .bx-soa-section.bx-step-completed {
  padding: 20px;
}

.bx-soa .bx-soa-cart-total-line {
  font-size: 16px;
  border-radius: 6px;
  border: none;
  background-color: transparent;
}

.bx-soa .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
  background-color: var(--gr-a);
}

.bx-soa .bx-soa-section-title {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

.bx-soa .bx-soa-section-title-container {
  background-color: var(--gr-a);
  border-radius: 6px;
  border: none;
}

.bx-soa .bx-soa-item-imgcontainer {
  padding: 0;
  border: none;
  background-size: cover;
  background-position: center;
  width: 82px;
  height: 82px;
}

.bx-soa .bx-soa-item-table {
  display: flex;
  flex-direction: column;
}

.bx-soa .bx-soa-item-tr {
  display: grid;
  grid-template-columns: 1fr 95px 94px;
  align-items: center;
  align-items: stretch;
}

@media (max-width: 520px) {
  .bx-soa .bx-soa-item-tr {
    grid-template-columns: auto auto;
  }
}

.bx-soa .bx-soa-item-td {
  width: initial !important;
  min-width: initial !important;
}

@media (max-width: 520px) {
  .bx-soa .bx-soa-item-td:first-child {
    grid-column: span 2;
  }
}

.bx-soa .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child {
  padding-left: 16px;
}

.bx-soa .bx-soa-item-block {
  display: flex;
  align-items: center;
}

.bx-soa .bx-soa-item-img-block {
  float: initial;
  width: initial;
}

@media (max-width: 580px) {
  .bx-soa .bx-soa-item-img-block {
    padding-right: 15px;
  }
}

.bx-soa .bx-soa-item-title {
  padding: 0;
  font-size: 16px;
}

.bx-soa .bx-soa-item-td-title {
  padding: 0;
  color: var(--gr-c);
  font-size: 14px;
}

@media (max-width: 580px) {
  .bx-soa .bx-soa-item-td-title {
    display: block !important;
  }
}

.bx-soa .bx-soa-item-td-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}

@media (max-width: 580px) {
  .bx-soa .bx-soa-item-td-text {
    padding: 0;
  }
}

.bx-soa .bx-soa-item-td-text br {
  display: none;
}

.bx-soa .bx-soa-item-td-text .bx-price {
  font-size: 16px;
  font-weight: 600;
}

.bx-soa .bx-price-old {
  margin-top: 3px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.bx-soa .bx-soa-item-properties {
  float: none;
  text-align: right;
}

@media (max-width: 620px) {
  .bx-soa .bx-soa-item-properties {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.bx-soa .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title {
  text-align: right;
}

@media (max-width: 520px) {
  .bx-soa .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title {
    text-align: left;
  }
}

@media (max-width: 580px) {
  .bx-soa .bx-soa-item-content {
    padding: 0;
  }
}

.bx-soa .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {
  text-align: right;
}

@media (max-width: 520px) {
  .bx-soa .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {
    text-align: left;
  }
}

.bx-soa .bx-soa-coupon {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bx-soa .bx-soa-coupon-input,
.bx-soa .bx-soa-coupon-item {
  top: initial;
}

@media (max-width: 560px) {

  .bx-soa .bx-soa-coupon-input,
  .bx-soa .bx-soa-coupon-item {
    width: 100%;
  }
}

.bx-soa .bx-soa-coupon-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 560px) {
  .bx-soa .bx-soa-coupon-block {
    flex-direction: column;
    gap: 4px;
  }
}

.bx-soa .bx-soa-tooltip.bx-soa-tooltip-coupon {
  display: block;
}

.bx-soa .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
  background-color: transparent !important;
}

.bx-soa .btn {
  padding: 10px 30px;
  color: var(--wh);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background-color: rgb(34, 34, 34);
  min-width: 160px;
}

.bx-soa .btn:hover {
  background-color: var(--br-b);
}

.bx-soa .bx-soa-section {
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  border: none;
}

.bx-soa .bx-soa-section .bx-soa-section-title-container {
  padding-top: 16px;
  padding-bottom: 16px;
}

.bx-soa .bx_soa_location .col {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-weight: 600;
}

.bx-soa .bx_soa_location .col .form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bx-soa .form-group label {
  font-size: 16px;
  font-weight: 600;
}

.bx-soa .bx-soa-item-table {
  margin-bottom: 0;
}

.bx-soa .bx-soa-more-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 400px;
}

@media (max-width: 460px) {
  .bx-soa .bx-soa-more-btn {
    flex-direction: column;
  }
}

.bx-soa .bx-soa-customer-input {
  outline: none;
  width: 100%;
  height: 38px;
  padding: 0px 20px;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgb(143, 143, 143);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0px;
  line-height: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bx-soa .bx-ui-sls-fake,
.bx-soa .bx-ui-sls-route {
  font-family: Raleway, sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.bx-soa .bx-ui-sls-fake::-moz-placeholder,
.bx-soa .bx-ui-sls-route::-moz-placeholder {
  font-family: Raleway, sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.bx-soa .bx-ui-sls-fake::placeholder,
.bx-soa .bx-ui-sls-route::placeholder {
  font-family: Raleway, sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.bx-soa .bx-sls .form-control.dropdown-block {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  /*overflow: hidden;*/
}

.bx-soa .bx-step-completed .bx-soa-item-img-block {
  padding-bottom: 0;
}

.bx-soa .bx-soa-pp-company-subTitle {
  font-size: 16px;
}

.bx-soa .bx-soa-pp-item-container .row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.bx-soa .bx-soa-pp-company {
  width: 250px;
}

@media (max-width: 992px) {
  .bx-soa .bx-soa-pp-company {
    width: 200px;
  }
}

@media (max-width: 560px) {
  .bx-soa .bx-soa-pp-company {
    width: calc(50% - 8px);
  }
}

.bx-soa .bx-soa-pp-desc-container .bx-soa-pp-company {
  width: 100%;
  max-width: 400px;
}

.bx-soa .bx-soa-pp-company-smalltitle {
  padding: 8px 0 0;
  font-size: 16px;
}

.bx-soa .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
  border: 2px solid var(--gr-e);
}

.bx-soa .bx-soa-pp-company-graf-container {
  border-color: var(--gr-b);
}

.bx-soa .bx-selected .bx-soa-pp-company-smalltitle {
  color: var(--gr-e);
}

.bx-soa .bx-soa-pp-desc-container .bx-soa-pp-company-logo {
  max-width: initial;
}

.bx-soa .bx-soa-pp-desc-container {
  padding: 0;
  margin-top: 40px;
}

.bx-soa .bx-soa-pp-company-subTitle {
  margin-bottom: 4px;
}

.bx-soa .bx-soa-pp-company-selected {
  display: flex;
  align-items: center;
}

.bx-soa .bx-soa-pp-company-selected img {
  height: 30px !important;
}

.bx-soa .tooltip-inner {
  padding-bottom: 4px;
}

.bx-soa .bx-soa-customer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bx-soa .form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bx-soa .bx-soa-customer {
  margin-top: 16px;
}

.bx-soa textarea.form-control {
  padding: 6px 20px;
  outline: none;
  min-width: 100%;
  width: 100% !important;
  font-family: Raleway, sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.bx-soa .bx-soa-editstep {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.bx-soa .bx-soa-section-content {
  font-size: 16px;
}

.bx-soa .bx-soa-section-content strong {
  font-weight: 700;
}

.bx-soa .bx-soa-editstep {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.bx-soa .bx-soa-section-content {
  font-size: 16px;
}

.bx-soa .bx-soa-section-content strong {
  font-weight: 700;
}

.bx-basket [data-entity=basket-coupon-input],
.bx-basket [data-entity=basket-filter-input] {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.bx-soa .bx-soa-coupon-input .form-control.form-control {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8F8F8F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.bx-soa .bx-soa-tooltip .tooltip-inner {
  max-width: initial;
  font-size: 14px;
}

.bx-soa-sidebar {
  margin: 40px auto 40px;
  max-width: 1200px;
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: none;
}

.bx-soa-sidebar .btn {
  padding: 10px 30px;
  color: var(--wh);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background-color: rgb(34, 34, 34);
  min-width: 160px;
}

.bx-soa-sidebar .bx-soa-cart-total {
  border: none;
  padding: 0;
}

.bx-soa-sidebar .bx-soa-cart-total-line {
  font-size: 16px;
  border: none;
}

.bx-soa-sidebar .bx-soa-cart-total-line-highlighted {
  background-color: var(--gr-a);
  border-radius: 6px;
}

.bx-soa-cart-total-button-container.bx-soa-cart-total-button-container {
  text-align: left;
}

.bx-soa-cart-total-button-container.bx-soa-cart-total-button-container .btn {
  width: initial;
}

.to-client .clients-info__item {
  border: 1px solid var(--gr-b);
  background-color: transparent;
  box-shadow: initial;
}

.to-client .clients-info__item:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: 1px solid transparent;
}

.to-client .clients-info__item:hover .clients-info__title {
  color: var(--gr-e);
}

.personal-page .sale-order-history-link {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.personal-page .sale-order-history-link:hover {
  color: var(--gr-e);
}

.personal-page .dark-page__subtitle {
  font-size: 16px;
  color: var(--gr-e);
}

@media screen and (max-width: 768px) {
  .personal-page .dark-page__main {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.personal-page .dark-page__main > .sale-order-list-container {
  border: 1px solid var(--gr-b);
  border-radius: 10px;
  padding: 20px;
}

.personal-page .sale-order-list-container .row {
  margin: 0;
}

.personal-page .sale-order-list-container .col-xs-12,
.personal-page .sale-order-list-container .col-sm-12,
.personal-page .sale-order-list-container .col-md-12 {
  padding: 0;
}

.personal-page .sale-order-list-container .sale-order-list-inner-container {
  border: none;
}

.personal-page .sale-order-list-title-container {
  background-color: transparent;
}

.personal-page .sale-order-list-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.personal-page .sale-order-list-inner-title-line {
  display: flex;
  flex-direction: column-reverse;
}

.personal-page .sale-order-list-inner-title-line-item {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: var(--gr-e);
  text-transform: none;
}

.personal-page .sale-order-list-payment-title,
.personal-page .sale-order-list-payment-price,
.personal-page .sale-order-list-change-payment,
.personal-page .sale-order-list-shipment-status,
.personal-page .sale-order-list-shipment-title,
.personal-page .sale-order-list-shipment-status-block,
.personal-page .sale-order-list-shipment-item,
.personal-page .sale-order-payment-change-payment-title,
.personal-page .sale-order-payment-change-payment-price,
.personal-page .sale-order-payment-change-pp-company-smalltitle,
.personal-page .sale-order-list-about-link,
.personal-page .sale-order-list-repeat-link,
.personal-page .sale-order-list-cancel-link {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.personal-page .sale-order-list-status-alert,
.personal-page .sale-order-list-shipment-status-block,
.personal-page .sale-order-payment-change-status-alert,
.sale-order-detail .sale-order-detail-payment-options-methods-info-title-status-alert {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  border-radius: 20px;
  padding: 3px 10px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: rgba(255, 200, 200, 0.7);
  border: none;
  display: inline-flex;
}

.personal-page .sale-order-list-shipment-status-block {
  background: var(--gr-b);
}

.personal-page .sale-order-list-change-payment {
  position: relative;
  color: var(--gr-e);
  display: inline-flex;
  padding-right: 22px;
}

.personal-page .sale-order-list-change-payment::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 4 5 4-5H3Z' fill='%23222'/%3E%3C/svg%3E");
  background-size: cover;
}

.personal-page .sale-order-list-repeat-link,
.personal-page .sale-order-list-about-link,
.personal-page .sale-order-list-cancel-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 30px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
  background-color: var(--gr-e);
  color: var(--wh);
  text-decoration: none;
}

@media screen and (max-width: 520px) {

  .personal-page .sale-order-list-repeat-link,
  .personal-page .sale-order-list-about-link,
  .personal-page .sale-order-list-cancel-link {
    width: 100%;
  }
}

.personal-page .sale-order-list-repeat-link:hover,
.personal-page .sale-order-list-about-link:hover,
.personal-page .sale-order-list-cancel-link:hover {
  background: var(--br-b);
}

.personal-page .sale-order-list-about-link,
.personal-page .sale-order-list-cancel-link {
  background-color: var(--wh);
  color: var(--gr-e);
}

.personal-page .sale-order-list-about-link:hover,
.personal-page .sale-order-list-cancel-link:hover {
  background: var(--gr-e);
  color: var(--wh);
}

.personal-page .sale-order-list-cancel-container,
.personal-page .sale-order-list-repeat-container,
.personal-page .sale-order-list-about-container {
  width: initial !important;
}

@media screen and (max-width: 520px) {

  .personal-page .sale-order-list-cancel-container,
  .personal-page .sale-order-list-repeat-container,
  .personal-page .sale-order-list-about-container {
    width: 100% !important;
  }
}

.personal-page .sale-order-list-repeat-container {
  order: -1;
}

.personal-page .sale-order-list-inner-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media screen and (max-width: 520px) {
  .personal-page .sale-order-list-inner-row {
    flex-direction: column;
  }
}

.personal-page .sale-order-list-top-border {
  width: 100%;
  order: -2;
}

.personal-page .sale-order-list-inner-title-line-border {
  margin: 6px 0 16px;
}

.personal-page .sale-order-list-payment,
.personal-page .sale-order-list-shipment {
  width: initial;
}

.personal-page .sale-order-list-payment-title-element,
.personal-page .sale-order-list-shipment-element,
.personal-page .sale-order-list-shipment-status-item {
  margin-right: 10px;
}

.personal-page .profile-form .form-group:last-of-type {
  margin-bottom: 16px;
}

.personal-page .agree__text:first-of-type {
  margin-top: 16px;
}

.personal-page .sale-personal-profile-list-container.table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}

.personal-page .sale-personal-profile-list-container.table th,
.personal-page .sale-personal-profile-list-container.table td {
  border: 1px solid var(--gr-b);
  padding: 0.5rem 0.75rem;
  text-align: center;
}

.personal-page .sale-personal-profile-list-change-button {
  border-bottom: 1px solid var(--gr-e);
}

.bx-soa-wrapper .alert {
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  border: none;
}

.personal-page .sale-order-list-accomplished-title-container {
  background-color: transparent;
  float: none;
}

.personal-page .sale-order-list-accomplished-date-container {
  float: none;
  width: initial;
}

.personal-page .sale-order-list-inner-accomplished {
  border: none;
}

.personal-page .sale-order-list-accomplished-title,
.personal-page .sale-order-list-accomplished-date.canceled-order,
.personal-page .sale-order-list-accomplished-date-number {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--gr-e);
}

.personal-page .sale-order-list-container .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.personal-page .sale-order-list-container .row::before,
.personal-page .sale-order-list-container .row::after {
  display: none;
}

@media screen and (max-width: 520px) {
  .personal-page .sale-order-list-inner-accomplished {
    width: 100%;
  }
}

.personal-page .sale-order-list-inner-accomplished .row {
  margin-top: 16px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100%;
}

@media screen and (max-width: 520px) {
  .personal-page .sale-order-list-inner-accomplished .row {
    flex-direction: column;
    width: 100%;
  }
}

.personal-page .sale-order-list-inner-accomplished .row .sale-order-list-about-accomplished,
.personal-page .sale-order-list-inner-accomplished .row .sale-order-list-repeat-accomplished {
  width: initial;
  float: none;
}

.personal-page .sale-order-list-inner-accomplished .row .sale-order-list-repeat-accomplished {
  margin: 0;
}

@media screen and (max-width: 520px) {

  .personal-page .sale-order-list-inner-accomplished .row .sale-order-list-about-accomplished,
  .personal-page .sale-order-list-inner-accomplished .row .sale-order-list-repeat-accomplished {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .personal-page .dark-page__main {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.personal-page .sale-order-list-button-container {
  width: initial;
}

.personal-page .sale-order-list-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 30px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  float: none;
}

.personal-page .sale-order-list-inner-row-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.personal-page .sale-order-list-inner-row-body > * {
  float: none;
}

.sale-order-detail .sale-order-detail-about-order-container,
.sale-order-detail .sale-order-detail-payment-options-container,
.sale-order-detail .sale-order-detail-payment-options-order-content-container {
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
  background: var(--wh);
  border: none;
}

.sale-order-detail .sale-order-detail-about-order-container .row,
.sale-order-detail .sale-order-detail-payment-options-container .row,
.sale-order-detail .sale-order-detail-payment-options-order-content-container .row {
  margin: 0;
}

.sale-order-detail .sale-order-detail-about-order-container .row [class*=col-],
.sale-order-detail .sale-order-detail-payment-options-container .row [class*=col-],
.sale-order-detail .sale-order-detail-payment-options-order-content-container .row [class*=col-] {
  padding: 0;
  float: none;
  width: initial;
}

.sale-order-detail .sale-order-detail-about-order-container .row::before,
.sale-order-detail .sale-order-detail-about-order-container .row::after,
.sale-order-detail .sale-order-detail-payment-options-container .row::before,
.sale-order-detail .sale-order-detail-payment-options-container .row::after,
.sale-order-detail .sale-order-detail-payment-options-order-content-container .row::before,
.sale-order-detail .sale-order-detail-payment-options-order-content-container .row::after {
  display: none;
}

.sale-order-detail .sale-order-detail-about-order-inner-container,
.sale-order-detail .sale-order-detail-payment-options-inner-container {
  border: none;
  width: 100% !important;
}

.sale-order-detail .sale-order-detail-about-order-container {
  margin-top: 24px;
  width: 100%;
}

.sale-order-detail .sale-order-detail-about-order-container .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

@media screen and (max-width: 1400px) {
  .sale-order-detail .sale-order-detail-about-order-container .row {
    flex-direction: column;
  }
}

.sale-order-detail .sale-order-detail-about-order-container .row::before,
.sale-order-detail .sale-order-detail-about-order-container .row::after {
  display: none;
}

.sale-order-detail .sale-order-detail-about-order-title-element,
.sale-order-detail .sale-order-detail-payment-options-title-element,
.sale-order-detail h3.sale-order-detail-payment-options-order-content-title-element {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
}

.sale-order-detail .sale-order-detail-general-item {
  color: var(--gr-e);
}

.sale-order-detail .sale-order-detail-about-order {
  margin-top: 0;
}

.sale-order-detail .sale-order-detail-about-order-title,
.sale-order-detail .sale-order-detail-payment-options-title,
.sale-order-detail .sale-order-detail-payment-options-shipment-composition-title,
.sale-order-detail .sale-order-detail-payment-options-order-content-title {
  background-color: transparent;
}

.sale-order-detail .sale-order-detail-title-element {
  margin: 0;
  margin-bottom: 20px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--gr-e);
  font-size: 24px;
}

.sale-order-detail .sale-order-detail-back-to-list-link-up:hover {
  color: var(--gr-e);
}

.sale-order-detail .sale-order-detail-general {
  border: none;
}

.sale-order-detail .sale-order-detail-general-head {
  background: transparent;
}

.sale-order-detail .sale-order-detail-general-item,
.sale-order-detail .sale-order-detail-payment-options-order-content-title-element,
.sale-order-detail .sale-order-detail-about-order-inner-container-name-detail,
.sale-order-detail .sale-order-detail-about-order-inner-container-status-detail,
.sale-order-detail .sale-order-detail-about-order-inner-container-price-detail,
.sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button,
.sale-order-detail .sale-order-detail-about-order-inner-container-repeat-cancel,
.sale-order-detail .sale-order-detail-payment-options-info-order-number,
.sale-order-detail .sale-order-detail-payment-options-info-total-price,
.sale-order-detail .sale-order-detail-methods-title,
.sale-order-detail .sale-order-detail-sum-number,
.sale-order-detail .sale-order-detail-sum-name,
.sale-order-detail .bx-price,
.sale-order-detail .sale-order-detail-payment-options-shipment-composition-title-element,
.sale-order-detail .sale-order-detail-about-order-inner-container-list-item-element,
.sale-order-detail .sale-order-detail-about-order-inner-container-details-title,
.sale-order-detail .sale-order-detail-hide-link,
.sale-order-detail .sale-order-detail-show-link,
.sale-order-detail .sale-order-detail-payment-options-methods-button-element,
.sale-order-detail .sale-order-detail-total-payment-list-right-item,
.sale-order-detail .sale-order-detail-total-payment-list-left-item,
.sale-order-detail .sale-order-detail-order-item-td-text,
.sale-order-detail .sale-order-detail-payment-options-methods-shipment-list-item,
.sale-order-detail .sale-order-detail-payment-options-methods-shipment-list-item-title,
.sale-order-detail .sale-order-detail-payment-options-methods-info-change-link {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.sale-order-detail .sale-order-detail-about-order-inner-container-status-title,
.sale-order-detail .sale-order-detail-order-item-td-title,
.sale-order-detail .sale-order-detail-about-order-inner-container-list-item,
.sale-order-detail .sale-order-detail-about-order-inner-container-name-title,
.sale-order-detail .sale-order-detail-about-order-inner-container-price-title {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--gr-c);
}

.sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button,
.sale-order-detail .sale-order-detail-payment-options-methods-button-element {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 30px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  float: none;
  height: initial;
}

.sale-order-detail .sale-order-detail-payment-options-info-image,
.sale-order-detail .sale-order-detail-payment-options-methods-image-element {
  width: 54px !important;
  height: 54px;
  background-size: contain;
  flex-shrink: 0;
}

.sale-order-detail .sale-order-detail-payment-options-info .row,
.sale-order-detail .sale-order-detail-payment-options-container .row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sale-order-detail .sale-order-detail-payment-options-shipment-image-element {
  background-size: contain;
  width: 54px;
  height: 54px;
}

.sale-order-detail .col-md-offset-3 {
  margin-left: 0;
}

.sale-order-detail .sale-order-detail-payment-options-shipment {
  padding-top: 16px !important;
}

.sale-order-detail .sale-order-detail-payment-options-info,
.sale-order-detail .sale-order-detail-payment-options-methods {
  margin-bottom: 16px;
}

.sale-order-detail .sale-order-detail-payment-options-info-order-number {
  white-space: normal;
}

.sale-order-detail .sale-order-detail-payment-options-info-container,
.sale-order-detail .sale-order-detail-payment-options-methods-info {
  padding: 0 !important;
}

.sale-order-detail .sale-order-detail-payment-options-methods {
  margin-bottom: 0;
}

.sale-order-detail .sale-order-detail-payment-options-methods {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.sale-order-detail .sale-order-detail-payment-options-methods-info-total-price {
  padding: 0;
}

.sale-order-detail .sale-order-detail-about-order-inner-container-list-item-link {
  color: var(--br-b);
}

.sale-order-detail .sale-order-detail-about-order-inner-container-name-read-less,
.sale-order-detail .sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-detail .sale-order-list-cancel-payment {
  border-bottom: 1px dashed var(--gr-e);
}

.sale-order-detail .sale-order-detail-about-order-inner-container-name-read-less:hover,
.sale-order-detail .sale-order-detail-about-order-inner-container-name-read-more:hover,
.sale-order-detail .sale-order-list-cancel-payment:hover {
  color: var(--gr-e);
}

.sale-order-detail .sale-order-detail-order-item-img-block {
  width: initial;
  padding-right: 0;
}

.sale-order-detail .sale-order-detail-order-item-block {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sale-order-detail .sale-order-detail-order-item-properties.bx-text-right {
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .sale-order-detail .sale-order-detail-order-item-td {
    min-width: initial !important;
  }

  .sale-order-detail .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
  }

  .sale-order-detail .sale-order-detail-order-item-img-block {
    margin: 0;
  }

  .sale-order-detail .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title {
    text-align: left;
  }
}

@media screen and (max-width: 580px) {
  .sale-order-detail .sale-order-detail-order-item-content {
    padding-top: 0;
  }

  .sale-order-detail .sale-order-detail-order-item-title {
    text-align: left;
  }

  .sale-order-detail .sale-order-detail-payment-options-methods-container::before {
    display: none;
  }

  .sale-order-detail .sale-order-detail-payment-options-methods-container .payment-options-methods-row {
    padding-left: 0;
  }
}

.sale-order-detail .sale-order-detail-order-item-title {
  padding: 0;
}

.sale-order-detail .sale-order-detail-order-item-imgcontainer {
  border: none;
  background-size: cover;
  background-position: center;
  width: 82px;
  height: 82px;
  border-radius: 4px;
  padding-top: 0;
}

.sale-order-detail .col-md-offset-5 {
  margin-left: 0;
}

.sale-order-detail .sale-order-detail-total-payment-container .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.sale-order-detail .sale-order-detail-total-payment-container .row::before,
.sale-order-detail .sale-order-detail-total-payment-container .row::after {
  display: none;
}

.sale-order-detail .sale-order-detail-order-item-properties {
  padding-top: 10px;
  padding-bottom: 10px;
}

.sale-order-detail .sale-order-detail-order-item-properties.sale-order-detail-order-item-td {
  padding-top: 0;
  padding-bottom: 0;
}

.sale-order-detail .sale-order-detail-total-payment-list-left,
.sale-order-detail .sale-order-detail-total-payment-list-right {
  width: initial;
  float: none;
}

.sale-order-detail .sale-order-detail-total-payment-list-left-item {
  text-align: left;
}

.sale-order-detail .sale-order-detail-payment-options-shipment-composition-map {
  display: block;
}

@media screen and (max-width: 1400px) {
  .sale-order-detail .sale-order-detail-about-order-inner-container-repeat {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
  }
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .container-fluid {
  padding: 0;
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .container-fluid::before,
.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .container-fluid::after {
  display: none;
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-payment-change-pp {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-payment-change-pp-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-payment-change-pp-company {
  width: calc(33.3333333333% - 5.3333333333px);
  max-width: 200px;
}

@media screen and (max-width: 600px) {
  .sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-payment-change-pp-company {
    width: calc(50% - 4px);
  }
}

.sale-order-detail .row.sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-inner-row-template {
  grid-column: 1/3;
  grid-row: 2/3;
}

@media screen and (max-width: 768px) {
  .mobile-catalog__menu {
    display: block;
    -moz-column-count: 2;
    column-count: 2;
    height: initial;
  }

  .mobile-catalog__item {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .sale-order-detail-about-order-inner-container-repeat {
    margin-left: 0;
    margin-right: 0;
  }
}

.header.header {
  z-index: 200;
}



/* Поиск */
@media screen and (max-width: 768px) {
  body > div.title-search-result {
    margin-top: 20px;
    left: 20px!important;
    width: calc(100% - 40px)!important;
    max-height: calc(50vh - 50px);
    overflow: auto !important;
  }
}

  .open_search {
    overflow: hidden;
  }
  body:before  {
    content: '';
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fefefe7d;
    backdrop-filter: blur(10px);
    z-index: 3;
    opacity: 0;
    transition: .3s all linear;
  }
  .open_search body:before {
   content: '';
   pointer-events: painted;
   visibility: visible;
   opacity: 1;
 }



@media screen and (max-width: 768px) {
  .preview .preview-tags {
    display: none;
  }
}
.article ol {
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.article ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
  list-style-type: disc;
}
.article ul li {
  display: list-item;
}


@media (min-width: 769px) {
  .product__box .product__foto {
    aspect-ratio: 575 / 760;
    object-fit: cover;
    object-position: center;
  }
}

/* Мобильные категории */
@media screen and (max-width: 768px) {
  .categories__box .categories-preview {
    height: unset;
    border-radius: unset;
  }
  .categories__box .categories-preview img {
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 40px;
  }
  .categories-preview__name {
    top: unset;
    left: unset;
    position: unset;
    transform: unset;
    white-space: unset;
  }
}




/* Фильтры исправление багов */

@media (min-width: 769px) {
  .filters .filter__body {
    max-height: 50vh;
    overflow: auto;
    padding: 0;
  }
  .filters .filter__body .filter__parameters {
    padding: 10px;
  }
  .filters .filter__body .range-price {
    max-width: calc(100% - 20px);
    margin: 10px 0 10px 10px;
  }
  .filters .filter__body .filter__fixbtn {
    height: 48px;
    position: sticky;
    bottom: 0;
    left: 0;
    margin-top: 20px;
    border-radius: 0;
    border: 0;
    margin-top: 0;
  }
  .filters .filter__body .filter__fixbtn.disabled {
    opacity: 1;
    color: #2222226e;
  }
   .filters .filter__body .filter__fixbtn:hover {
    background: #fff;
   }
   .filters .filter__body .filter__fixbtn > * {
    position: relative;
    z-index: 2;
   }
  .filters .filter__body .filter__fixbtn:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    transition: .3s all linear;
  }
  @media (hover:hover) {
    .filters .filter__body .filter__fixbtn:hover:after  {
     background: #222;
    }
  }
}
@media screen and (max-width: 768px) {
  .mobile-filter__body {
    display: none;
  }
  .mobile-filter .mobile-filter__params {
    gap: 0;
  }
  .mobile-filter .mobile-filter__params .mobile-filter__param {
    padding-bottom: 10px;
  }
  .mobile-filter .mobile-filters__close {
    top: 24px;
  }
  /* Фиксированные кнопки фильтров в мобилке */
  .open_filter_mob {
    overflow: hidden;
  }
  .mobile-filters {
    margin-top: 50px;
    height: calc(100% - 50px);
    padding-bottom: 126px;
  }
  .filter_btn_fixed_block {
   z-index: 3;
   position: fixed;
   width: 100%;
   background: #fff;
   padding: 10px 30px;
   padding-top: 0;
   margin-left: -20px;
   bottom: -10vh;
   transition: .3s opacity linear;
   transition-delay: .2s;
   opacity: 0;
 }

  .open_filter_mob .filter_btn_fixed_block {
    bottom: 0vh;
    opacity: 1;
  }
 .filter_btn_fixed_block .filter__fixbtn {
  margin-top: 10px;
  transition-delay: 0s;
  }
}


/* Информационный баннер в заказае */
.custom_message.faq-info {
  max-width: 1200px;
  margin: auto;
  margin-bottom: 20px;
}

.order_make_page .order_page_message {
  max-width: 1200px;
  margin: auto;
  margin-bottom: 37px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 30px 0px;
  background: var(--wh);
  flex-wrap: wrap;
}

/* Правки по корзине */
#bx-soa-order #bx-soa-total-mobile {
  display: none;
}

#basket-root {
  display: flex;
  flex-direction: column;
}
#basket-root .row_basket_list {
  order: 1;
  margin-bottom: 15px;
}
#basket-root .row_basket_total {
  order: 2;
}


/* Пустая корзина */
.bx-sbb-empty-cart-container {
  min-height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bx-sbb-empty-cart-image {
  display: none;
}
.bx-sbb-empty-cart-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bx-sbb-empty-cart-desc a {
  border-radius: 8px;
  background: #E9711F;
  color: #fff;
  min-height: 38px;
  padding: 8px 30px;
  transition: background 0.3s;
}
.bx-sbb-empty-cart-text {
    margin-bottom: 12px;
    font-size: 28px;
    font-weight: 700;
    line-height: 110%;
    color: #222;
}
.bx-sbb-empty-cart-desc {
  margin-bottom: 0;
  gap: 20px;
}
@media(hover:hover) {
  .bx-sbb-empty-cart-desc a:hover {
    background: #B45C20;
  }
}

@media (min-width: 769px) {
  .sticky_galery .gallery-page__photo {
    overflow: unset;

  }
  .sticky_galery .gallery-page__photo .photo-gallery {
    position: sticky;
    top: 120px;
  }
}


.article.custom_style {
  max-width: 1200px;
  margin: 0 auto;
}



/* Для форм */

.input_block_has_label {
  position: relative;
  padding-top: 10px;
}
.input_block_has_label .input-label {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #8F8F8F;
  pointer-events: none;
  transition: .2s all linear;
}
.input_block_has_label.stay .input-label {
  top: -5px;
  font-size: 12px;
}
.input_block_has_label .iti__dropdown-content .input-label {
  display: none;
}
.input_block_has_label .password-toggle {
    top: 45%;
    right: 10px;
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10zm9.8 4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E");
}
.input_block_has_label .password-toggle.view {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.81 4.36l-1.77 1.78a4 4 0 0 0-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0 1 12.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 0 1-12.62 5.64l1.77-1.78a4 4 0 0 0 4.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z'/%3E%3C/svg%3E");
}



/* Блок с текстом и видео */
.additional_info {
    margin-bottom: 60px;
}
.additional_info .additional_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1140px;
  margin: auto;
}
.additional_info .text_block * {
  margin-bottom: 15px;
}
.additional_info .text_block *:last-child {
  margin-bottom: 0;
}
.additional_info .text_block .section-title {
  margin-bottom: 30px;
}
.additional_info .text_block ul {
 padding-left: 25px;
 unicode-bidi: isolate;
 list-style-type: disc;
}
.additional_info .text_block ul li {
  margin-bottom: 2px;
}
.additional_info .media_block {
 width: 100%;
 position: relative;
 overflow: hidden;
 max-width: 50%;
}
.additional_info .media_block video {
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
 object-fit: cover;
 height: 100%;
}
.additional_info .media_block .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  transition: .3s all linear;
}
@media (hover:hover) {
  .additional_info .media_block:hover .icon {
    transform: scale(1.1);
  }
}


  .additional_info .text_block {
    max-width: 550px;
  }
  .additional_info .media_block {
   width: 100%;
   aspect-ratio: 876 / 490;
   position: relative;
   overflow: hidden;
   max-width: 50%;
 }

@media (max-width: 768px) {
  .additional_info {
    margin-bottom: 50px;
  }
  .additional_info .container {
    column-gap: 10px;
  }
  .additional_info .media_block  {
    max-width: unset;
    width: 100%;
  }
  .additional_info .text_block {
    width: 100%;
    order: 2;
    margin-top: 15px;
  }
  .additional_info .text_block .section-title {
     margin-bottom: 20px;
  }
  .additional_info .text_block * {
    margin-bottom: 12px;
  }
  .additional_info .additional_container {
    flex-direction: column;
  }
}



@media (min-width: 566px) {
  .yandex-rating-badge {
    display: none!important;
  }
  .footer-nav:nth-last-of-type(2) .yandex-rating-badge {
    display: block!important;
    margin-top: 10px;
  }
}